/* iKapitalist 2.0 — главная страница /ru/. Только внутри .adv-root. */

/* ---------- общие элементы SVG ---------- */
.adv-root .s-out { fill: #FFFFFF; stroke: #132E48; stroke-width: 1.6; stroke-linejoin: round; }
.adv-root .s-roof { fill: #EAF3FE; stroke: #132E48; stroke-width: 1.6; stroke-linejoin: round; }
.adv-root .s-win { fill: #C9E0FB; }
.adv-root .s-thin { fill: none; stroke: #C3CFDB; stroke-width: 1.2; }
.adv-root .s-ground { fill: none; stroke: #D3DCE5; stroke-width: 1.4; stroke-linecap: round; }
.adv-root .s-link { fill: none; stroke: #3097F4; stroke-width: 1.8; stroke-linecap: round; }
.adv-root .s-link-bg { fill: none; stroke: #E4EFFC; stroke-width: 7; stroke-linecap: round; }
.adv-root .s-ret { fill: none; stroke: #2FA862; stroke-width: 1.6; stroke-dasharray: 4 5; stroke-linecap: round; }
.adv-root .s-grey { fill: none; stroke: #D3DCE5; stroke-width: 1.4; stroke-linecap: round; }
.adv-root .s-navy { fill: #132E48; }
.adv-root .s-blue { fill: #3097F4; }
.adv-root .s-mid { fill: #2C6BA6; }
.adv-root .s-sky { fill: #EAF3FE; }
.adv-root .s-ok { fill: #2FA862; }
.adv-root .s-white-ln { fill: none; stroke: #FFFFFF; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.adv-root .s-badge { fill: #FFFFFF; stroke: #C9E0FB; stroke-width: 1.4; }
.adv-root .s-ico { fill: none; stroke: #2C6BA6; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.adv-root .s-cell { fill: #FFFFFF; stroke: #C9E0FB; stroke-width: 1.3; }
.adv-root .s-risk { fill: #FDECEA; stroke: #C0392B; stroke-width: 1.4; }

/* ---------- 01 первый экран ---------- */
.adv-root .hp-hero { background: #F4F7F9; padding: 56px 0 24px; }
.adv-root .hp-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px 48px; align-items: center; }
.adv-root .hp-hero__text { display: flex; flex-direction: column; gap: 22px; }
.adv-root .hp-hero h1 { margin: 0; font-weight: 400; font-size: 54px; line-height: 1.06; letter-spacing: -.025em; color: #132E48; }
.adv-root .hp-hero h1 span { display: block; }
.adv-root .hp-hero h1 span:nth-child(2) { color: #3097F4; }
.adv-root .hp-acts { display: grid; grid-template-columns: repeat(2, minmax(0, max-content)); gap: 16px; }
.adv-root .hp-act { display: flex; flex-direction: column; gap: 8px; }
.adv-root .hp-act__k { font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #8A94A1; }
.adv-root .hp-event { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; align-self: flex-start; padding: 8px 14px 8px 8px;
  border: 1px solid #DCE7F3; border-radius: 999px; background: #FFFFFF; font: inherit; font-size: 13px; color: #132E48; cursor: pointer; text-align: left;
  transition: transform .22s var(--adv-ease), box-shadow .22s var(--adv-ease), border-color .22s var(--adv-ease); }
.adv-root .hp-event b { display: inline-flex; align-items: center; min-height: 22px; padding: 0 9px; border-radius: 999px; background: #3097F4; color: #FFFFFF; font-size: 11px; font-weight: 500; }
.adv-root .hp-event span { color: #2C6BA6; }
@media (hover: hover) and (pointer: fine) { .adv-root .hp-event:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(19,46,72,.10); border-color: #C9E0FB; } }
.adv-root .hp-event:focus-visible { outline: 3px solid #8CC4FA; outline-offset: 3px; }

.adv-root .hp-hero__scene { display: flex; flex-direction: column; gap: 14px; }
.adv-root .hp-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.adv-root .hp-steps li { position: relative; padding-top: 12px; font-size: 12px; line-height: 1.35; color: #9AA4B1; transition: color .35s var(--adv-ease); }
.adv-root .hp-steps li::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; border-radius: 2px; background: #E3E8EE; transition: background .35s var(--adv-ease); }
.adv-root .hp-steps li.is-on { color: #132E48; }
.adv-root .hp-steps li.is-on::before { background: #3097F4; }
.adv-root .hp-scene-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 20px; }

/* ---------- 02 компаниям ---------- */
.adv-root .hp-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 44px; }
.adv-root .hp-dir { padding: 32px; display: flex; flex-direction: column; gap: 18px; }
.adv-root .hp-dir h3 { margin: 0; font-weight: 400; font-size: 30px; line-height: 1.15; letter-spacing: -.01em; color: #132E48; }
.adv-root .hp-dir p { margin: 0; font-size: 15px; line-height: 1.55; color: #505965; }
.adv-root .hp-dir .adv-scene { margin: 0 -6px; }
.adv-root .hp-prod { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.adv-root .hp-prod a.adv-card { padding: 14px 16px; border-radius: 12px; }
.adv-root .hp-prod__t { font-size: 15px; font-weight: 500; color: #132E48; }
.adv-root .hp-prod__v { margin-top: 4px; font-size: 13px; color: #505965; }
.adv-root .hp-prod__b { display: inline-block; margin-bottom: 6px; padding: 2px 8px; border-radius: 999px; background: #EAF3FE; font-size: 11px; font-weight: 500; color: #2C6BA6; }
.adv-root .hp-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.adv-root .hp-tags li { padding: 7px 12px; border-radius: 999px; background: #F4F7F9; font-size: 13px; color: #132E48; }
.adv-root .hp-dir__foot { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding-top: 6px; }
.adv-root .hp-dir--adv { background: #F4F7F9; }

/* ---------- 03 инвесторам ---------- */
.adv-root .hp-risk { display: flex; gap: 12px; align-items: flex-start; padding: 14px 18px; border-radius: 12px; background: #F4F7F9; border: 1px solid #E3E8EE;
  font-size: 14px; line-height: 1.5; color: #505965; }
.adv-root .hp-risk svg { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 1px; }
.adv-root .hp-tabs { display: inline-flex; flex-wrap: wrap; gap: 6px; padding: 5px; border-radius: 999px; background: #F1F5F9; }
.adv-root .adv-tab { min-height: 40px; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; font: inherit; font-size: 14px; font-weight: 500;
  color: #505965; cursor: pointer; transition: background-color .22s var(--adv-ease), color .22s var(--adv-ease), box-shadow .22s var(--adv-ease); }
.adv-root .adv-tab b { font-weight: 700; color: #3097F4; margin-right: 6px; }
.adv-root .adv-tab[aria-selected="true"] { background: #FFFFFF; color: #132E48; box-shadow: 0 2px 10px rgba(19,46,72,.10); }
@media (hover: hover) { .adv-root .adv-tab[aria-selected="false"]:hover { color: #132E48; background: rgba(255,255,255,.6); } }
.adv-root .hp-inv { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px; margin-top: 20px; align-items: stretch; }
.adv-root .hp-inv__scene { padding: 24px 20px 16px; }
.adv-root .hp-inv__panel { padding: 28px; display: flex; flex-direction: column; gap: 16px; }
.adv-root .hp-inv__panel[hidden] { display: none; }
.adv-root .hp-inv__panel h3 { margin: 0; font-weight: 400; font-size: 28px; line-height: 1.15; color: #132E48; }
.adv-root .hp-inv__panel p { margin: 0; font-size: 15px; line-height: 1.55; color: #505965; }
.adv-root .hp-seg { font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #3097F4; }
.adv-root .hp-terms { margin: 0; display: grid; gap: 0; }
.adv-root .hp-terms > div { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 12px; padding: 11px 0; border-top: 1px solid #E3E8EE; font-size: 14px; }
.adv-root .hp-terms dt { color: #505965; }
.adv-root .hp-terms dd { margin: 0; color: #132E48; font-weight: 500; }
.adv-root .hp-ivg { opacity: 0; visibility: hidden; }
.adv-root .hp-ivg.is-on { opacity: 1; visibility: visible; }
.adv-root .hp-ivl { position: absolute; inset: 0; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; }
.adv-root .hp-ivl.is-on { opacity: 1; visibility: visible; }

.adv-root .hp-flowbox { position: relative; margin-top: 40px; }
.adv-root .hp-flow { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; position: relative; }
.adv-root .hp-flow__line { position: absolute; left: 22px; right: 22px; top: 22px; height: 2px; background: #E3E8EE; overflow: hidden; }
.adv-root .hp-flow__line i { position: absolute; inset: 0; background: #3097F4; transform-origin: left center; }
.adv-root .hp-flow li { position: relative; display: flex; flex-direction: column; gap: 6px; }
.adv-root .hp-flow__ico { position: relative; width: 44px; height: 44px; border-radius: 50%; background: #FFFFFF; border: 1.5px solid #C9E0FB; display: grid; place-items: center; }
.adv-root .hp-flow__ico svg { width: 22px; height: 22px; }
.adv-root .hp-flow__n { margin-top: 8px; font-size: 12px; font-weight: 500; color: #3097F4; letter-spacing: .04em; }
.adv-root .hp-flow__t { font-size: 17px; color: #132E48; }
.adv-root .hp-flow__d { font-size: 13px; line-height: 1.5; color: #505965; }
.adv-root .hp-reg { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 32px; padding-top: 18px; border-top: 1px solid #E3E8EE; font-size: 14px; }
.adv-root .hp-reg span { color: #505965; }
.adv-root .hp-reg a { color: #3097F4; font-weight: 500; }

/* ---------- 04 показатели ---------- */
.adv-root .hp-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.adv-root .hp-stat { padding: 26px 24px 22px; display: flex; flex-direction: column; gap: 10px; transition: background-color .25s var(--adv-ease), border-color .25s var(--adv-ease); }
.adv-root .hp-stat__v { font-size: 46px; font-weight: 300; line-height: 1; letter-spacing: -.02em; color: #132E48; white-space: nowrap; }
.adv-root .hp-stat__v small { font-size: .5em; font-weight: 400; letter-spacing: 0; }
.adv-root .hp-stat__l { font-size: 14px; line-height: 1.45; color: #505965; }
.adv-root .hp-stat__bar { position: relative; height: 3px; border-radius: 2px; background: #E3E8EE; overflow: hidden; margin-top: auto; }
.adv-root .hp-stat__bar i { position: absolute; inset: 0; background: #3097F4; transform-origin: left center; transition: background-color .25s ease; }
@media (hover: hover) { .adv-root .hp-stat:hover { background: #F3F8FE; border-color: #C9E0FB; }
  .adv-root .hp-stat:hover .hp-stat__bar i { background: #132E48; } }
.adv-root .hp-params { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 16px; border-radius: 14px; background: #F4F7F9; }
.adv-root .hp-params > div { padding: 18px 22px; display: flex; flex-direction: column; gap: 4px; }
.adv-root .hp-params > div + div { border-left: 1px solid #E3E8EE; }
.adv-root .hp-params b { font-size: 22px; font-weight: 400; color: #132E48; white-space: nowrap; }
.adv-root .hp-params span { font-size: 13px; line-height: 1.45; color: #505965; }
.adv-root .hp-about { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.adv-root .hp-about > div { padding: 22px 24px; display: flex; flex-direction: column; gap: 8px; }
.adv-root .hp-about__t { display: flex; align-items: center; gap: 10px; font-size: 17px; color: #132E48; }
.adv-root .hp-about__t svg { width: 22px; height: 22px; flex: 0 0 auto; }
.adv-root .hp-about__d { font-size: 14px; line-height: 1.55; color: #505965; }
.adv-root .hp-about__d a { color: #3097F4; }

/* ---------- 05 консультирование ---------- */
.adv-root .hp-pm { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 32px 48px; margin-top: 40px; align-items: center; }
.adv-root .hp-pm__side { display: flex; flex-direction: column; gap: 22px; }
.adv-root .hp-chip { position: absolute; transform: translate(0, -50%); display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 8px; border-radius: 999px;
  background: #FFFFFF; border: 1px solid #DCE7F3; font-size: 13px; font-weight: 500; color: #132E48; white-space: nowrap; pointer-events: none; }
.adv-root .hp-chip i { width: 10px; height: 10px; border-radius: 50%; }
.adv-root .hp-chip.is-off { color: #9AA4B1; }
.adv-root .hp-cases { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 32px; }
.adv-root .hp-case { padding: 18px 16px 20px; display: flex; flex-direction: column; gap: 10px; border-radius: 12px; }
.adv-root .hp-case svg { width: 100%; max-width: 132px; height: auto; }
.adv-root .hp-case__c { font-size: 14px; font-weight: 700; letter-spacing: .04em; line-height: 1.25; text-transform: uppercase; color: #132E48; }
.adv-root .hp-case__t { font-size: 13px; line-height: 1.45; color: #505965; }
.adv-root .hp-case__n { font-size: 12px; font-weight: 500; color: #3097F4; }

/* короткие тематические движения иконок: при наведении и один раз при появлении блока */
.adv-root .ic-sig { stroke-dasharray: 6 60; stroke-dashoffset: 66; opacity: 0; }
.adv-root .ic-pulse { opacity: 0; }
.adv-root .ic-wheel { transform-box: fill-box; transform-origin: center; }
.adv-root .ic-plant { transform-box: fill-box; transform-origin: center bottom; }
.adv-root .ic-coin { opacity: 0; }
@keyframes adv-sig { 0% { stroke-dashoffset: 66; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 1; } }
@keyframes adv-pulse { 0% { opacity: 0; transform: translateX(0); } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; transform: translateX(78px); } }
@keyframes adv-spin { to { transform: rotate(360deg); } }
@keyframes adv-grow { 0% { transform: scaleY(.25); } 100% { transform: scaleY(1); } }
@keyframes adv-coin { 0% { opacity: 0; transform: translateX(0); } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; transform: translateX(62px); } }
.adv-root .hp-case.is-play .ic-sig, .adv-root .hp-case.is-play .ic-sig2 { animation: adv-sig 1.1s ease-out both; }
.adv-root .hp-case.is-play .ic-sig2 { animation-delay: .35s; }
.adv-root .hp-case.is-play .ic-pulse { animation: adv-pulse 1.2s ease-in-out both; }
.adv-root .hp-case.is-play .ic-wheel { animation: adv-spin 1.2s ease-in-out both; }
.adv-root .hp-case.is-play .ic-plant { animation: adv-grow 1.1s var(--adv-ease) both; }
.adv-root .hp-case.is-play .ic-coin { animation: adv-coin 1.2s ease-in-out both; }
.adv-root .hp-case.is-play .ic-coin + .ic-coin { animation-delay: .3s; }

/* ---------- 06 партнёры и события ---------- */
.adv-root .hp-pe { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px; margin-top: 40px; align-items: stretch; }
.adv-root .hp-pe > div { padding: 30px; display: flex; flex-direction: column; gap: 18px; }
.adv-root .hp-pe h3 { margin: 0; font-weight: 400; font-size: 28px; line-height: 1.15; color: #132E48; }
.adv-root .hp-pe p { margin: 0; font-size: 15px; line-height: 1.55; color: #505965; }
.adv-root .hp-roles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
.adv-root .hp-roles li { padding: 10px 0; border-top: 1px solid #E3E8EE; font-size: 14px; line-height: 1.45; color: #505965; }
.adv-root .hp-roles b { display: block; font-weight: 500; color: #132E48; }
.adv-root .hp-ev { background: #F4F7F9; border-color: transparent; }
.adv-root .hp-ev__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-size: 14px; color: #2C6BA6; }
.adv-root .hp-ev__chip { display: inline-flex; align-items: center; min-height: 24px; padding: 0 10px; border-radius: 999px; background: #3097F4; color: #FFFFFF; font-size: 12px; font-weight: 500; }
.adv-root .hp-ev__with { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #505965; }
.adv-root .hp-ev__with img { height: 22px; width: auto; }

/* ---------- 07 контакты ---------- */
.adv-root .hp-cta { box-sizing: border-box; padding: 52px; border-radius: 16px; background: #132E48; color: #FFFFFF; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 40px; position: relative; overflow: hidden; }
.adv-root .hp-cta__bg { position: absolute; right: -40px; top: -40px; width: 420px; height: auto; opacity: .5; pointer-events: none; }
.adv-root .hp-cta h2 { margin: 0; font-weight: 400; font-size: 40px; line-height: 1.1; letter-spacing: -.02em; color: #FFFFFF; }
.adv-root .hp-cta__c { font-size: 15px; line-height: 1.6; color: #D5E6F8; }
.adv-root .hp-cta__c a { color: #FFFFFF; }
.adv-root .hp-cta__acts { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-content: start; }
.adv-root .hp-cta a.adv-card { padding: 22px 20px; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.16); box-shadow: none; color: #FFFFFF; display: flex; flex-direction: column; gap: 10px; min-height: 172px; }
.adv-root .hp-cta a.adv-card svg { width: 30px; height: 30px; }
.adv-root .hp-cta__t { font-size: 19px; line-height: 1.25; }
.adv-root .hp-cta__d { font-size: 13px; line-height: 1.5; color: #BFD4EA; }
.adv-root .hp-cta__go { margin-top: auto; font-size: 14px; font-weight: 500; color: #8CC4FA; }
@media (hover: hover) and (pointer: fine) { .adv-root .hp-cta a.adv-card:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.34); box-shadow: 0 16px 34px rgba(0,0,0,.25); } }
.adv-root .hp-cta__chips { position: relative; grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); }
.adv-root .hp-cta__chips span { font-size: 13px; color: #BFD4EA; margin-right: 6px; }
.adv-root .hp-cta__chips a { padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); color: #FFFFFF; font-size: 13px; font-weight: 500; transition: background-color .2s ease, border-color .2s ease; }
@media (hover: hover) { .adv-root .hp-cta__chips a:hover { background: rgba(255,255,255,.1); border-color: #FFFFFF; } }
.adv-root .hp-cta__chips a:focus-visible { outline: 3px solid #8CC4FA; outline-offset: 2px; }

/* уведомление об отключённой анимации */
.adv-root .adv-motion-note { box-sizing: border-box; margin-top: 18px; padding: 12px 18px; border-radius: 12px; background: #EAF3FE; display: flex; flex-wrap: wrap;
  align-items: center; justify-content: space-between; gap: 10px 24px; font-size: 14px; line-height: 1.5; color: #132E48; }
.adv-root .adv-motion-note button { font: inherit; font-weight: 500; min-height: 38px; padding: 0 16px; border-radius: 999px; border: 0; background: #3097F4; color: #FFFFFF; cursor: pointer; }

/* ---------- адаптивность ---------- */
@media (max-width: 1180px) {
  .adv-root .hp-hero h1 { font-size: 46px; }
  .adv-root .hp-cases { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .adv-root .hp-cta__acts { grid-template-columns: minmax(0, 1fr); }
  .adv-root .hp-cta a.adv-card { min-height: 0; }
}
@media (max-width: 1024px) {
  .adv-root .hp-hero { padding-top: 32px; }
  .adv-root .hp-hero__grid, .adv-root .hp-two, .adv-root .hp-inv, .adv-root .hp-pm, .adv-root .hp-pe, .adv-root .hp-cta { grid-template-columns: minmax(0, 1fr); }
  .adv-root .hp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adv-root .hp-params { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adv-root .hp-params > div:nth-child(3) { border-left: 0; }
  .adv-root .hp-params > div:nth-child(n+3) { border-top: 1px solid #E3E8EE; }
  .adv-root .hp-about { grid-template-columns: minmax(0, 1fr); }
  .adv-root .hp-cta { padding: 36px 28px; }
  .adv-root .hp-cta__acts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .adv-root .hp-flow { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .adv-root .hp-flow__line { left: 21px; right: auto; width: 2px; top: 22px; bottom: 22px; height: auto; }
  .adv-root .hp-flow__line i { transform-origin: center top; }
  .adv-root .hp-flow li { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; }
  .adv-root .hp-flow__ico { grid-row: span 3; }
  .adv-root .hp-flow__n { margin-top: 0; }
  .adv-root .hp-cta__acts { grid-template-columns: minmax(0, 1fr); }
  .adv-root .hp-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .adv-root .hp-hero h1 { font-size: 34px; }
  .adv-root .hp-acts { grid-template-columns: minmax(0, 1fr); }
  .adv-root .hp-acts .adv-btn { width: 100%; }
  .adv-root .hp-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 12px; }
  .adv-root .hp-steps li { font-size: 11px; }
  .adv-root .hp-dir, .adv-root .hp-inv__panel, .adv-root .hp-pe > div { padding: 22px 18px; }
  .adv-root .hp-inv__scene { padding: 16px 8px 10px; }
  .adv-root .hp-dir h3 { font-size: 25px; }
  .adv-root .hp-prod, .adv-root .hp-roles { grid-template-columns: minmax(0, 1fr); }
  .adv-root .hp-stats { gap: 10px; }
  .adv-root .hp-stat { padding: 18px 16px; }
  .adv-root .hp-stat__v { font-size: 32px; }
  .adv-root .hp-params { grid-template-columns: minmax(0, 1fr); }
  .adv-root .hp-params > div + div { border-left: 0; border-top: 1px solid #E3E8EE; }
  .adv-root .hp-cta { padding: 28px 20px; }
  .adv-root .hp-cta h2 { font-size: 30px; }
  .adv-root .hp-tabs { display: flex; border-radius: 16px; }
  .adv-root .adv-tab { flex: 1 1 auto; }
  .adv-root .adv-lbl.adv-sm-hide, .adv-root .hp-chip.adv-sm-hide { display: none; }
  .adv-root .hp-cases { grid-template-columns: minmax(0, 1fr); }
  .adv-root .hp-case { display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 14px; align-items: center; }
  .adv-root .hp-case svg { grid-row: span 3; }
}

@media (prefers-reduced-motion: reduce) {
  html:not(.adv-motion-on) .adv-root .hp-case.is-play * { animation: none !important; }
  html:not(.adv-motion-on) .adv-root .hp-event { transition: none; }
}

/* хронология */
.adv-root .hp-tlbox { position: relative; margin-top: 16px; padding: 24px 24px 22px; border-radius: 14px; border: 1px solid #E3E8EE; }
.adv-root .hp-tl { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; position: relative; }
.adv-root .hp-tl li { position: relative; padding-top: 30px; display: flex; flex-direction: column; gap: 6px; }
.adv-root .hp-tl li::before { content: ""; position: absolute; left: 0; top: 2px; width: 12px; height: 12px; border-radius: 50%; background: #FFFFFF; border: 2px solid #3097F4; box-sizing: border-box; }
.adv-root .hp-tl__line { position: absolute; left: 30px; right: 24px; top: 31px; height: 2px; background: #E3E8EE; overflow: hidden; }
.adv-root .hp-tl__line i { position: absolute; inset: 0; background: #3097F4; transform-origin: left center; }
.adv-root .hp-tl__y { font-size: 24px; font-weight: 300; color: #132E48; }
.adv-root .hp-tl__d { font-size: 13px; line-height: 1.5; color: #505965; }
@media (max-width: 760px) {
  .adv-root .hp-tl { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .adv-root .hp-tl li { padding: 0 0 0 28px; }
  .adv-root .hp-tl__line { left: 29px; right: auto; width: 2px; top: 28px; bottom: 28px; height: auto; }
  .adv-root .hp-tl__line i { transform-origin: center top; }
}

/* поправки по результатам проверки */
.adv-root .hp-hero h1 { font-size: 50px; }
.adv-root a.hp-case { display: flex; }
.adv-root .adv-entity { display: block; }
.adv-root .adv-entity::before { display: inline-block; margin-right: 8px; vertical-align: 1px; }
.adv-root .hp-params b { white-space: normal; }
.adv-root .hp-legend { display: none; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: #505965; }
.adv-root .hp-legend li { display: inline-flex; align-items: center; gap: 6px; }
.adv-root .hp-legend i { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid; box-sizing: border-box; }
@media (max-width: 1180px) { .adv-root .hp-hero h1 { font-size: 44px; } }
@media (max-width: 640px) {
  .adv-root .hp-hero h1 { font-size: 34px; }
  .adv-root #hp-hero-scene .adv-lbl small { display: none; }
  .adv-root .hp-legend { display: flex; }
  .adv-root a.hp-case { display: grid; }
}
@media (max-width: 480px) { .adv-root .hp-stats { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .adv-root #hp-inv-scene .adv-lbl small { display: none; } }

/* ---------- цвет главной ---------- */
.adv-root .hp-hero { background: #F4F7F9; }
.adv-root .hp-hero h1 span:nth-child(2) { color: #3097F4; }
.adv-root .hp-steps li:nth-child(1).is-on::before { background: #3097F4; }
.adv-root .hp-steps li:nth-child(2).is-on::before { background: #9CCBFA; }
.adv-root .hp-steps li:nth-child(3).is-on::before { background: #132E48; }
.adv-root .hp-steps li:nth-child(4).is-on::before { background: #2C6BA6; }
.adv-root .hp-steps li:nth-child(5).is-on::before { background: #39C471; }
.adv-root .hp-steps li:nth-child(6).is-on::before { background: #2FA862; }
.adv-root #hp-fin { border-top: 4px solid #3097F4; }
.adv-root #hp-adv { border-top: 4px solid #2C6BA6; background: #F4F7F9; }
.adv-root #hp-adv .adv-kicker { color: #2C6BA6; }
.adv-root .hp-tags li:nth-child(4n+1) { background: #EAF3FE; }
.adv-root .hp-tags li:nth-child(4n+2) { background: #E7F7EE; }
.adv-root .hp-tags li:nth-child(4n+3) { background: #EAF3FE; }
.adv-root .hp-tags li:nth-child(4n+4) { background: #F4F7F9; }
.adv-root .hp-prod a:nth-child(2) .hp-prod__b { background: #EAF3FE; color: #2C6BA6; }
.adv-root .hp-prod a:nth-child(3) .hp-prod__b, .adv-root .hp-prod a:nth-child(4) .hp-prod__b { background: #E7F7EE; color: #1E6B41; }
.adv-root .adv-tab b { color: #39C471; }
.adv-root #iv-t-loan b { color: #3097F4; }
.adv-root .hp-flow li:nth-child(1) .hp-flow__ico { border-color: #3097F4; background: #EAF3FE; }
.adv-root .hp-flow li:nth-child(2) .hp-flow__ico { border-color: #2C6BA6; background: #EAF3FE; }
.adv-root .hp-flow li:nth-child(3) .hp-flow__ico { border-color: #39C471; background: #E7F7EE; }
.adv-root .hp-flow li:nth-child(4) .hp-flow__ico { border-color: #9CCBFA; background: #F4F7F9; }
.adv-root .hp-flow li:nth-child(5) .hp-flow__ico { border-color: #2FA862; background: #E7F7EE; }
.adv-root .hp-flow__line i { background: #3097F4; }
.adv-root .hp-stat__v { color: #132E48; }
.adv-root .hp-stat:nth-child(2) .hp-stat__v { color: #1E6B41; }
.adv-root .hp-stat:nth-child(3) .hp-stat__v { color: #2C6BA6; }
.adv-root .hp-stat:nth-child(4) .hp-stat__v { color: #2C6BA6; }
.adv-root .hp-stat:nth-child(2) .hp-stat__bar i { background: #39C471; }
.adv-root .hp-stat:nth-child(3) .hp-stat__bar i { background: #2C6BA6; }
.adv-root .hp-stat:nth-child(4) .hp-stat__bar i { background: #9CCBFA; }
.adv-root .hp-params { background: #EAF3FE; }
.adv-root .hp-tl li:nth-child(1)::before { border-color: #3097F4; }
.adv-root .hp-tl li:nth-child(2)::before { border-color: #2C6BA6; }
.adv-root .hp-tl li:nth-child(3)::before { border-color: #39C471; }
.adv-root .hp-tl li:nth-child(4)::before { border-color: #9CCBFA; }
.adv-root .hp-tl__line i { background: #3097F4; }
.adv-root .hp-about > div:nth-child(1) { background: #EAF3FE; }
.adv-root .hp-about > div:nth-child(2) { background: #E7F7EE; }
.adv-root .hp-about > div:nth-child(3) { background: #EAF3FE; }
.adv-root .hp-about > div:nth-child(2) svg { stroke: #1E6B41; }
.adv-root .hp-about > div:nth-child(3) svg { stroke: #2C6BA6; }
.adv-root .hp-ev { background: #EAF3FE; }
.adv-root .hp-cta { background: #132E48; }
.adv-root .hp-cta__acts a:nth-child(1) svg { stroke: #8CC4FA; }
.adv-root .hp-cta__acts a:nth-child(2) svg { stroke: #C9E0FB; }
.adv-root .hp-cta__acts a:nth-child(3) svg { stroke: #9CCBFA; }
.adv-root .hp-cta__acts a:nth-child(2) .hp-cta__go { color: #C9E0FB; }
.adv-root .hp-cta__acts a:nth-child(3) .hp-cta__go { color: #9CCBFA; }
/* предупреждение о рисках в блоке «Инвесторам» — нейтральное оформление */
.adv-root .hp-risk { display: block; padding: 0; border: 0; border-radius: 0; background: none; font-size: 15px; line-height: 1.6; color: #505965; }
.adv-root #investors .adv-lbl--risk { color: #505965; }
/* блок «Работаем вместе» на всю ширину после удаления карточки события */
.adv-root .hp-pe { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1241px) {
  .adv-root .hp-pe > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 48px; row-gap: 16px; align-items: start; }
  .adv-root .hp-pe > div > h3, .adv-root .hp-pe .adv-scene, .adv-root .hp-pe .hp-legend { grid-column: 1; }
  .adv-root .hp-pe .hp-roles { grid-column: 2; grid-row: 1 / span 3; grid-template-columns: minmax(0, 1fr); }
  .adv-root .hp-pe > div > div:last-child { grid-column: 2; }
}
/* первый экран при ширине 1025–1240 px: схема уже, подпись-чип меньше */
@media (min-width: 1025px) and (max-width: 1240px) { .adv-root #hp-hero-scene .adv-lbl--chip { font-size: 11px; padding: 4px 8px; } }
/* 1025–1240 px: схемы в две колонки слишком узкие — перестраиваем в одну */
@media (max-width: 1240px) {
  .adv-root .hp-hero__grid, .adv-root .hp-two { grid-template-columns: minmax(0, 1fr); }
  .adv-root .hp-hero__scene { max-width: 860px; }
}
@media (max-width: 760px) { .adv-root #hp-hero-scene .adv-sm-hide { display: none; } }
