/* «Управляемый рост» — отдельный сайт: приёмы из «Масштаба лидера» (иконки, шаги, свечение курсора, общая форма) */
.ic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.kbar-sec .k{position:relative}
.step-n{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass);padding-top:4px}
.lead-sec #lead>.signs{grid-column:1/-1}
.signs{margin:0;font-size:.9rem;line-height:1.45;color:#C9D5E3;background:rgba(196,163,90,.12);border-left:3px solid var(--gold);padding:10px 14px;border-radius:0 6px 6px 0}
.signs b{color:#fff}
.signs a{color:var(--gold);font-weight:600}
.step h3,.step-n,.step-b p{transition:color .18s ease}
.step:hover .step-n{color:#E3C77E}
.ic-k{position:absolute;right:clamp(10px,1.2vw,16px);top:clamp(16px,2vw,24px);width:28px;height:28px;color:#C4A35A;transition:color .2s ease,transform .25s ease}
.kbar-sec .k:hover .ic-k{color:#E3C77E;transform:translateY(-3px) scale(1.12)}
.step-n{display:grid;gap:10px;align-content:start;justify-items:start}
.ic-step{width:44px;height:44px;padding:10px;border-radius:50%;background:#F4ECD9;color:#8A6D2B;box-sizing:border-box;transition:background-color .2s ease,color .2s ease,transform .25s ease}
.step:hover .ic-step{background:#C4A35A;color:#0B2447;transform:scale(1.1) rotate(-6deg)}
@media (max-width:640px){.ic-k{width:22px;height:22px;right:12px;top:16px}.step-n{grid-auto-flow:column;align-items:center;justify-content:start;gap:12px}.ic-step{width:38px;height:38px;padding:9px}}
/* soft gold-and-blue glow that follows the cursor (mouse devices only) */
.cur-glow{position:fixed;left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;pointer-events:none;z-index:45;opacity:0;transition:opacity .35s ease;will-change:transform;background:radial-gradient(circle,rgba(227,199,126,.26) 0%,rgba(196,163,90,.14) 22%,rgba(72,128,214,.10) 46%,rgba(72,128,214,0) 68%)}
.cur-glow.on{opacity:1}
.cur-glow::after{content:"";position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;background:radial-gradient(circle,rgba(255,236,178,.30) 0%,rgba(255,236,178,0) 70%)}
@media (hover:none),(prefers-reduced-motion:reduce){.cur-glow{display:none}}
.step-n{align-self:start}
.step-pic{margin:0;border-radius:12px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 18px 30px -22px rgba(11,36,71,.75);border:1px solid rgba(196,163,90,.5)}
.step-pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.step:hover .step-pic img{transform:scale(1.07)}
.step:hover .step-pic{border-color:#C4A35A}
@media (max-width:820px){.step-pic{aspect-ratio:16/8;order:-1}}
/* форма: одна кнопка и выбор способа связи */
.choice--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice--3 label{align-items:center;justify-content:flex-start}
.choice--3 input{margin-top:0}
.send--one{grid-template-columns:minmax(0,1fr);gap:8px}
.send--one .btn{min-height:54px;font-size:1.02rem}
.send-alt{margin:0;font-size:.82rem;line-height:1.5;color:var(--deep-ink-2,#B9C6D8);text-align:center}
.send-alt a{color:var(--deep-accent,#E3C77E);text-decoration:underline;text-underline-offset:3px}
.send-alt a:hover{color:#fff}
@media (max-width:980px){.choice.choice--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.choice.choice--3{gap:6px}.choice.choice--3 label{padding:10px 6px;gap:5px;font-size:.8rem}}
/* ===== Первый экран: светлый, контрастный ===== */
.hero--lt{background:#FDFAF5;color:var(--ink,#2C3A4A);isolation:isolate}
.hero--lt::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(circle at 12% 30%,rgba(244,236,217,.95) 0,rgba(253,250,245,0) 46%),linear-gradient(90deg,#FDFAF5 0%,rgba(253,250,245,.96) 34%,rgba(253,250,245,.55) 48%,rgba(253,250,245,0) 62%)}
.hero--lt::after{content:"";position:absolute;z-index:1;pointer-events:none;left:-300px;bottom:-360px;width:640px;height:640px;border-radius:50%;
  border:1px solid rgba(196,163,90,.35);box-shadow:0 0 0 36px rgba(196,163,90,.025),0 0 0 37px rgba(196,163,90,.18)}
.hero--lt .hero-art{left:auto;right:-2%;top:50%;bottom:auto;width:min(68%,1180px);height:auto;object-fit:contain;translate:0 -44%;transition:transform .6s cubic-bezier(.2,.7,.2,1);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%),linear-gradient(180deg,transparent 0,#000 12%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 24%),linear-gradient(180deg,transparent 0,#000 12%,#000 86%,transparent 100%);mask-composite:intersect}
.hero--lt .hero-text{max-width:500px;position:relative}
.hero--lt .eyebrow{color:#8A6D2B}
.hero--lt h1{color:#0B2447;max-width:none;font-size:clamp(2.3rem,5.4vw,4.4rem);line-height:1.02}
.hero--lt h1 em{font-style:normal;color:#C4A35A}
.hero--lt .sub{color:#1B3A5C;max-width:22ch}
.hero--lt .lead{color:#2C3A4A;max-width:42ch}
.hero--lt .cta-note{color:#4A5A6C}
.hero--lt .btn--ghost{background:rgba(255,255,255,.7);border-color:#1B3A5C;color:#1B3A5C}
.hero--lt .btn--ghost:hover{background:#1B3A5C;border-color:#1B3A5C;color:#fff}
.hero-tags{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hero-tags li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border-radius:999px;background:rgba(255,255,255,.82);
  border:1px solid rgba(196,163,90,.55);box-shadow:0 10px 22px -16px rgba(11,36,71,.55);font-weight:600;font-size:.9rem;color:#1B3A5C;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease;cursor:default}
.hero-tags li .ic{width:20px;height:20px;color:#8A6D2B;transition:color .25s ease,transform .3s ease}
.hero-tags li:hover{transform:translateY(-3px);background:#0B2447;color:#fff;box-shadow:0 16px 28px -16px rgba(11,36,71,.8)}
.hero-tags li:hover .ic{color:#E3C77E;transform:rotate(-8deg) scale(1.1)}
.hero-tags .plus{color:#C4A35A;font-weight:700;padding:0 2px;align-self:center}
.hero-down{position:absolute;z-index:3;left:50%;bottom:22px;width:44px;height:44px;margin-left:-22px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(27,58,92,.35);color:#1B3A5C;background:rgba(255,255,255,.6);transition:background-color .2s ease,color .2s ease,transform .2s ease}
.hero-down svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;animation:hd 2.2s ease-in-out infinite}
.hero-down:hover{background:#0B2447;color:#E3C77E;transform:translateY(2px)}
@keyframes hd{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media (max-width:980px){
  .hero--lt{padding-bottom:calc(clamp(260px,62vw,480px) + 10px)}
  .hero--lt .hero-art{top:auto;bottom:0;right:0;translate:none;width:100%;height:clamp(260px,62vw,480px);object-fit:cover;object-position:58% 50%;-webkit-mask-composite:source-over;mask-composite:add;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%);mask-image:linear-gradient(180deg,transparent 0,#000 26%)}
  .hero--lt::before{background:radial-gradient(circle at 20% 18%,rgba(244,236,217,.9) 0,rgba(253,250,245,0) 55%)}
  .hero--lt::after{display:none}
  .hero--lt .hero-text{max-width:600px}
  .hero-down{display:none}
}
@media (max-width:760px){.hero--lt h1{font-size:clamp(1.8rem,9vw,2.6rem)!important}.hero-tags li{font-size:.84rem;padding:8px 13px 8px 10px}}
@media (prefers-reduced-motion:reduce){.hero-down svg{animation:none}.hero--lt .hero-art{transition:none}}

/* ===== Полоса фактов: тёмная, с иконками ===== */
.kbar-sec.dark{background:#0B2447;border-top:4px solid #C4A35A;border-bottom:0;box-shadow:none}
.kbar-sec.dark .k{border-color:#2A4B76!important}
.kbar-sec.dark .k b{color:#FFFFFF}
.kbar-sec.dark .k span{color:#C2CEDD}
.kbar-sec.dark .k--accent b,.kbar-sec.dark .k--word b{color:#E3C77E}
.kbar-sec.dark .k--accent span{color:#E3C77E}
.kbar-sec.dark .k:hover{background:#12305A}

/* ===== Формат: иконки в карточках ===== */
.tri-c{position:relative}
.ic-tri{position:absolute;right:22px;top:22px;width:34px;height:34px;color:#C4A35A;transition:transform .3s ease,color .2s ease}
.tri-c:hover .ic-tri,.tri-c:focus-visible .ic-tri{transform:rotate(-8deg) scale(1.15);color:#8A6D2B}

/* ===== Как проходит проект: линия, которая заполняется при прокрутке ===== */
@media (min-width:641px){
  #programma .steps{position:relative;--p:0}
  #programma .steps::before,#programma .steps::after{content:"";position:absolute;left:22px;top:24px;bottom:24px;width:2px;margin-left:-1px;border-radius:2px;pointer-events:none}
  #programma .steps::before{background:rgba(196,163,90,.25)}
  #programma .steps::after{background:linear-gradient(180deg,#E3C77E,#C4A35A);transform-origin:top;transform:scaleY(var(--p));transition:transform .2s linear}
  #programma .step{position:relative;z-index:1}
  #programma .ic-step{position:relative;z-index:2;background:#FFFFFF;border:1px solid rgba(196,163,90,.6);box-shadow:0 0 0 6px #F4ECD9}
  #programma .step-l{position:relative;z-index:2;background:#F4ECD9;padding:2px 4px 2px 0;transition:background-color .18s ease}
  #programma .step:hover .step-l{background:#0B2447}
  #programma .step.lit .ic-step{background:#C4A35A;color:#0B2447}
  #programma .step:hover .ic-step{box-shadow:0 0 0 6px #0B2447}
}

/* ===== Полоса прокрутки сверху ===== */
.scroll-prog{position:fixed;left:0;top:0;right:0;height:3px;z-index:60;transform-origin:0 50%;transform:scaleX(0);pointer-events:none;
  background:linear-gradient(90deg,#C4A35A,#E3C77E 60%,#FFF1C9)}

/* ===== Появление блоков при прокрутке ===== */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease var(--d,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.rv.in{opacity:1;transform:none}

/* ===== Общая форма заявки ===== */
#lead.sent #send-go{background:#2F7A55;border-color:#2F7A55;color:#fff}

/* Длинные слова с настоящим шрифтом Montserrat */
.kbar-sec .k--fmt b{font-size:clamp(1.02rem,1.45vw,1.14rem)}
@media (min-width:961px) and (max-width:1100px){.caps2 li.cap-long b,.caps2 li.cap-org b{font-size:.82rem}}

/* Шапка над светлым первым экраном — плотная тёмно-синяя */
.top{background:rgba(11,36,71,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

#programma .ic-step{background:#FFFFFF;border:1px solid rgba(196,163,90,.6)}
#programma .step:hover .ic-step{background:#C4A35A;color:#0B2447;border-color:#C4A35A}

/* ===== Иконки инструментов (листы иконок Елены) и картинки шагов ===== */
.cap-ic{width:36px;height:36px;object-fit:contain;flex:0 0 auto;padding:6px;border-radius:50%;background:#0B2447;box-sizing:border-box;transition:transform .2s ease,background-color .2s ease}
.caps2 li>span{display:none!important}
.caps2 li.cur .cap-ic{background:#12305A;transform:scale(1.1);box-shadow:0 0 0 2px #C4A35A}
.caps2 li:hover .cap-ic{transform:scale(1.1) rotate(-4deg)}
@media (min-width:981px) and (hover:hover){.caps2 li{grid-template-columns:auto minmax(0,1fr)!important}.cap-ic{width:40px;height:40px}}
.cd-ic{display:block;width:84px;height:84px;object-fit:contain;margin:14px 0 4px;position:relative;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.caps-detail.swap .cd-ic{animation:cdin .3s ease}
@keyframes cdin{from{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:none}}
#programma .step-pic{border-color:rgba(196,163,90,.45);background:#FDFAF5}
@media (min-width:641px) and (max-width:900px){#programma .step{grid-template-columns:120px minmax(0,1fr)!important}#programma .step-pic{grid-column:2;order:0;max-width:380px;aspect-ratio:3/2}}
@media (min-width:901px){#programma .step{grid-template-columns:120px minmax(0,1fr) clamp(200px,22vw,260px)!important;align-items:center}#programma .step-n{align-self:start}#programma .step-pic{grid-column:3;grid-row:1}}

/* Первый экран: широкая светлая картинка (v2, 2880×1620) — фоном на весь экран, слева свободное место под текст */
.hero--lt{background:#FAF7F0}
.hero--lt .hero-art{left:auto;right:0;top:0;bottom:0;width:56%;height:100%;translate:none;object-fit:cover;object-position:96% 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
.hero--lt::before{background:linear-gradient(90deg,rgba(253,250,245,.92) 0%,rgba(253,250,245,.75) 32%,rgba(253,250,245,0) 50%)}
.hero--lt::after{display:none}
@media (max-width:980px){
  .hero--lt .hero-art{top:auto;height:clamp(260px,62vw,480px);object-position:78% 40%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24%);mask-image:linear-gradient(180deg,transparent 0,#000 24%)}
  .hero--lt::before{background:none}
}
@media (min-width:981px) and (max-width:1200px){.hero--lt .hero-art{width:46%}}