







:root{
  --violet:var(--akc); --violet-d:#45423C; --orange:var(--akc); --pink:var(--akc);
  --ink:#0B0B0A; --ink2:#45423C; --mute:#45423C; --paper:#F7F5F1; --paper2:#FBF9F7;
  --line:#E6E1EA; --line-inv:rgba(255,255,255,.14); --mute-inv:#D6D3CB;
  --grad:var(--akc);
  --r1:20px; --r2:0px; --sombra:0 18px 48px -22px rgba(0,0,0,.28);
  --fh:'Unbounded',system-ui,sans-serif; --fb:'Golos Text',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.62 var(--fb);overflow-x:hidden}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--fh);font-weight:700;letter-spacing:-.01em;margin:0}
h1{font-size:max(14px, clamp(2.1rem,4.4vw,3.6rem));line-height:1.04;max-width:16ch;text-wrap:balance}
h2{font-size:max(14px, clamp(1.7rem,3vw,2.6rem));line-height:1.08;max-width:18ch}
h3{font-size:1.05rem;line-height:1.25}
p{margin:0}
a{color:inherit}
.grad-a{background:var(--grad);background-clip:border-box;background-clip:border-box;color:inherit;background:none!important;font-weight:800}
.grad-a-svet{background:#fff;background-clip:border-box;background-clip:border-box;color:inherit;background:none!important;font-weight:800}
.ik{width:20px;height:20px}
.ik-s{width:16px;height:16px}

/* кнопки-пилюли */
.kn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:0;font-weight:600;
  font-size:.98rem;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease}
.kn:hover{transform:translateY(-1px)}
.kn-b{padding:15px 30px}
.kn-m{padding:10px 20px;font-size:.9rem}
.kn-tyomn{background:var(--ink);color:#fff}
.kn-tyomn:hover{box-shadow:0 10px 24px -10px rgba(28,28,33,.5)}
.kn-svet{background:#fff;color:var(--ink);border-color:var(--line)}
.kn-shapka{display:none}
@media (min-width:860px){.kn-shapka{display:inline-flex}}

/* шапка */
.o-shapka{position:sticky;top:0;z-index:40;background:rgba(247,245,241,.86);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line)}
.shapka-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo svg{width:34px;height:34px;flex:none}
.logo-t{font-family:var(--fh);font-weight:700;font-size:1.05rem;line-height:1.05;display:flex;flex-direction:column}
.logo-t small{font-family:var(--fb);font-weight:500;font-size:0.875rem;letter-spacing:.04em;color:var(--mute);text-transform:none}
.nav{display:none;gap:22px;font-size:.92rem;font-weight:500}
.nav a{text-decoration:none;color:var(--ink2)}
.nav a:hover{color:var(--ink)}
@media (min-width:980px){.nav{display:flex}}
.shapka-knopki{display:flex;align-items:center;gap:10px}
.burger{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);
  background:#fff;cursor:pointer}
.burger .ik-zakr{display:none}
.burger[aria-expanded="true"] .ik-otkr{display:none}
.burger[aria-expanded="true"] .ik-zakr{display:block}
@media (min-width:980px){.burger{display:none}}
body.menyu-otkrvto .nav{display:flex;position:fixed;inset:60px 0 auto 0;flex-direction:column;background:var(--paper);
  padding:14px 24px 20px;border-bottom:1px solid var(--line);gap:4px}
body.menyu-otkrvto .nav a{padding:12px 4px;border-bottom:1px solid var(--line)}

/* секции общие */
.sek{padding:72px 0}
@media (min-width:860px){.sek{padding:100px 0}}
.sek-alt{background:var(--paper2)}
.sek-inv{background:var(--ink);color:#fff}
.sek-inv h2,.sek-inv h3{color:#fff}
.sek-inv .sek-pod,.sek-inv .zona-p,.sek-inv .zona-t p{color:var(--mute-inv)}
.sek-krasn{background:#0B0B0A;color:#fff}
.sek-krasn h2,.sek-krasn h3{color:#fff}
.label{font-size:0.875rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--violet);
  margin-bottom:10px;display:block}
.sek-inv .label,.sek-krasn .label{color:#0B0B0A}
.sek-zag{max-width:820px;margin-bottom:40px}
.sek-pod{margin-top:14px;color:var(--mute);font-size:1.05rem;max-width:62ch}
.kicker{display:flex;align-items:center;gap:10px;font-size:0.875rem;letter-spacing:.12em;text-transform:uppercase;
  font-weight:700;color:var(--mute);margin-bottom:14px}
.kicker-n{font-family:var(--fh);color:var(--violet);font-size:.95rem}
.lead{font-size:1.05rem;color:var(--mute);max-width:62ch;margin-top:14px}
.sek-inv .lead,.sek-krasn .lead{color:var(--mute-inv)}
.sek-krasn .lead{color:#F3F2EE}
.snoska{font-size:0.875rem;color:var(--mute);margin:28px 0 0}
.snoska-svet{color:var(--mute-inv)}

/* герой */
.hero{padding:52px 0 0}
.hr-grid{display:grid;gap:40px;align-items:center}
@media (min-width:980px){.hr-grid{grid-template-columns:1.05fr .95fr;gap:56px}}
.nadz{display:flex;align-items:center;gap:10px;font-size:0.875rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;color:var(--mute);margin:0 0 18px}
.nadz-tochka{width:6px;height:6px;border-radius:50%;background:var(--orange)}
.hero-pod{margin-top:18px;font-size:1.12rem;line-height:1.55;color:var(--ink2);max-width:52ch}
.knopki{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-fakty{list-style:none;margin:40px 0 0;padding:26px 0 0;border-top:1px solid var(--line);
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hero-fakty li{display:flex;flex-direction:column;gap:4px}
.hero-fakty b{font-family:var(--fh);font-size:max(14px, clamp(1.3rem,2.4vw,1.9rem));letter-spacing:-.02em}
.hero-fakty span{font-size:0.875rem;color:var(--mute);line-height:1.3}
.hr-kadr{position:relative;border-radius:0;overflow:hidden;box-shadow:var(--sombra)}
.hr-kadr img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
@media (min-width:980px){.hr-kadr img{aspect-ratio:4/5}}
.hr-svet{position:absolute;inset:0;background:transparent;
  mix-blend-mode:overlay;pointer-events:none}

/* карточки "кому / данные" */
.por-grid{display:grid;gap:0;border-top:1px solid var(--line)}
@media (min-width:640px){.por-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.por-grid{grid-template-columns:repeat(4,1fr)}}
.por{padding:26px 0;border-bottom:1px solid var(--line)}
@media (min-width:640px){.por{padding:26px 26px 30px 0;border-left:1px solid var(--line)}
  .por:nth-child(2n+1){border-left:0;padding-left:0}}
@media (min-width:1050px){.por:nth-child(2n+1){border-left:1px solid var(--line);padding-left:26px}
  .por:first-child{border-left:0;padding-left:0}}
.por h3{margin-bottom:10px}
.por p{color:var(--mute);font-size:.97rem;line-height:1.5}
.por-inv{border-color:var(--line-inv)}
.sek-inv .por{border-color:var(--line-inv)}

/* воронка */
.zona-grid{display:grid;gap:0;max-width:980px}
.zona{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;padding:1.8rem 0;border-top:1px solid var(--line-inv)}
.zona:first-child{border-top:0;padding-top:0}
@media (min-width:860px){.zona{grid-template-columns:4.4rem 1fr;gap:2rem;padding:2.1rem 0}}
.zona-n{font-family:var(--fh);font-weight:700;font-size:max(14px, clamp(1.7rem,2.8vw,2.5rem));line-height:.95;color:var(--orange)}
.zona-ik{display:inline-flex;margin-bottom:8px;color:var(--violet)}
.zona-t h3{margin-bottom:4px}
.zona-p{font-size:0.875rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--mute-inv);margin-bottom:10px}
.zona-t p{color:var(--mute-inv);max-width:68ch}
.zona-v{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line-inv);color:#fff}
.zona-v span{display:block;font-size:0.875rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--orange);margin-bottom:4px}

/* кейс крупным планом */
.kejs-vvod{display:grid;gap:1.8rem;margin-bottom:2.6rem}
@media (min-width:900px){.kejs-vvod{grid-template-columns:7fr 5fr;gap:3rem;align-items:end}}
.kc-foto{border-radius:0;aspect-ratio:4/3;object-fit:cover}
.kc-grid{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.3)}
@media (min-width:640px){.kc-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.kc-grid{grid-template-columns:repeat(3,1fr)}}
.kc{padding:1.4rem 0;border-bottom:1px solid rgba(255,255,255,.3)}
@media (min-width:640px){.kc{padding:1.5rem 1.5rem 1.6rem 0}.kc:nth-child(2n){padding-left:1.5rem;border-left:1px solid rgba(255,255,255,.3)}}
@media (min-width:1050px){.kc:nth-child(2n){padding-left:0;border-left:0}
  .kc:not(:nth-child(3n+1)){padding-left:1.5rem;border-left:1px solid rgba(255,255,255,.3)}}
.kc-c{font-family:var(--fh);font-weight:700;font-size:max(14px, clamp(2.1rem,4vw,3.2rem));line-height:1;
  background:#fff;background-clip:border-box;background-clip:border-box;color:inherit;background:none!important;font-weight:800}
.kc-t{margin-top:.5rem;font-size:1rem;line-height:1.4;color:#F3F2EE;max-width:34ch}
.kejs-sluchay{margin-top:2.4rem;padding:1.5rem;border:1px solid rgba(255,255,255,.4);border-radius:0;max-width:78ch}
.kejs-sluchay b{display:block;font-size:0.875rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;color:#0B0B0A}
.kejs-sluchay p{color:#F3F2EE}

/* было/стало */
.bst-grid{display:grid;gap:0}
@media (min-width:860px){.bst-grid{grid-template-columns:repeat(2,1fr);column-gap:3rem}}
.bst{padding:1.5rem 0 1.7rem;border-top:1px solid var(--line)}
.bst h3{margin-bottom:.9rem}
.bst-r{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media (max-width:420px){.bst-r{grid-template-columns:1fr;gap:.9rem}}
.bst-r span{display:block;font-size:0.875rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:5px}
.bst-b span{color:var(--mute)}.bst-s span{color:var(--violet)}
.bst-b p{color:var(--mute);font-size:.96rem;line-height:1.46}
.bst-s{border-left:2px solid var(--violet);padding-left:1rem}
.bst-s p{color:var(--ink);font-size:.96rem;line-height:1.46;font-weight:500}

/* похожие задачи / промахи */
.ph-grid,.pm-grid{display:grid;gap:0}
@media (min-width:860px){.ph-grid,.pm-grid{grid-template-columns:repeat(3,1fr)}
  .ph-grid article,.pm-grid article{padding:0 1.5rem;border-left:1px solid var(--line)}
  .ph-grid article:first-child,.pm-grid article:first-child{border-left:0;padding-left:0}}
.ph-grid article,.pm-grid article{padding:1.4rem 0}
.ph-grid h3,.pm-grid h3{margin-bottom:10px}
.ph-grid p,.pm-grid p{color:var(--mute);font-size:.97rem;line-height:1.5}

/* подключения */
.sis-blok{margin-top:2.2rem}
.sis-blok:first-of-type{margin-top:0}
.sis-pom{color:var(--mute);font-size:.92rem;margin:.3rem 0 1.1rem;max-width:70ch}
.sis-grid{display:grid;gap:0}
@media (min-width:720px){.sis-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.sis-grid{grid-template-columns:repeat(4,1fr)}}
.sis{padding:1.2rem 0;border-top:1px solid var(--line)}
@media (min-width:720px){.sis{padding:1.2rem 1.2rem 1.4rem;border-left:1px solid var(--line)}
  .sis:nth-child(2n+1){border-left:0;padding-left:0}}
@media (min-width:1100px){.sis:nth-child(2n+1){border-left:1px solid var(--line);padding-left:1.2rem}
  .sis:first-child{border-left:0;padding-left:0}}
.sis-v{font-weight:700;margin-bottom:8px}
.sis-l{display:flex;flex-wrap:wrap;gap:6px}
.sis-n{font-size:0.875rem;padding:5px 10px;border-radius:0;background:var(--paper2);border:1px solid var(--line);color:var(--mute)}

/* границы */
.gr-grid{display:grid;gap:0;border-top:1px solid var(--line-inv)}
@media (min-width:860px){.gr-grid{grid-template-columns:repeat(4,1fr);border-top:0}
  .gr-grid article{border-top:1px solid var(--line-inv);padding:0 1.4rem 0 0}
  .gr-grid article:not(:first-child){border-left:1px solid var(--line-inv);padding-left:1.4rem}}
.gr-grid article{padding:1.4rem 0}
.gr-grid h3{margin-bottom:8px}
.gr-grid p{color:var(--mute-inv);font-size:.95rem;line-height:1.5}

/* сравнение */
.srav-grid{display:grid;gap:18px;margin-top:10px}
@media (min-width:760px){.srav-grid{grid-template-columns:1fr 1fr;gap:0}}
.srav-kol{padding:28px;border-radius:0;background:var(--paper2);border:1px solid var(--line)}
.srav-akcent{background:var(--ink);color:#fff;border-color:transparent}
.srav-akcent h3{color:#fff}
.srav-kol ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.srav-kol li{padding-left:24px;position:relative;font-size:.96rem;line-height:1.45;color:var(--mute)}
.srav-akcent li{color:var(--mute-inv)}
.srav-kol li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--line)}
.srav-akcent li::before{background:var(--orange)}

/* как начать */
.chto{display:grid;gap:36px}
@media (min-width:900px){.chto{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px}}
.nach-kadr{max-width:340px;margin:0 auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.22));mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%)}
.tezisy{display:flex;flex-direction:column;gap:22px;margin-top:10px}
.tez{display:flex;gap:16px}
.tez-n{flex:none;width:38px;height:38px;border-radius:50%;background:var(--grad);color:#fff;font-family:var(--fh);
  font-weight:700;display:grid;place-items:center;font-size:.95rem}
.tez h3{margin-bottom:4px}
.tez p{color:var(--mute);font-size:.96rem;line-height:1.5}

/* тарифы */
.tar-grid{display:grid;gap:18px;margin-top:8px}
@media (min-width:860px){.tar-grid{grid-template-columns:repeat(3,1fr)}}
.tar{padding:28px;border-radius:0;background:rgba(255,255,255,.04);border:1px solid var(--line-inv)}
.tar-vydel{background:var(--grad);border-color:transparent}
.tar h3{margin-bottom:14px;color:#fff}
.tar-c{font-family:var(--fh);font-weight:700;font-size:max(14px, clamp(1.8rem,3vw,2.3rem));color:#fff;margin-bottom:12px}
.tar-c span{font-family:var(--fb);font-weight:500;font-size:.9rem;opacity:.75}
.tar p{color:var(--mute-inv);font-size:.95rem;line-height:1.5}
.tar-vydel p{color:rgba(255,255,255,.92)}

/* вопросы */
.vop-spisok{max-width:860px}
.vop{border-top:1px solid var(--line)}
.vop:last-child{border-bottom:1px solid var(--line)}
.vop-kn{all:unset;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;
  padding:20px 0;cursor:pointer;font-family:var(--fb);font-weight:700;font-size:1.02rem;color:var(--ink)}
.vop-kn .ik-s{flex:none;transition:transform .2s ease}
.vop-kn[aria-expanded="true"] .ik-s{transform:rotate(180deg)}
.vop-o{max-height:0;overflow:hidden;transition:max-height .25s ease}
.vop-o p{padding-bottom:20px;color:var(--mute);font-size:.98rem;line-height:1.55;max-width:70ch}

/* форма */
.sek-forma{background:var(--paper2)}
.forma-grid{display:grid;gap:40px}
@media (min-width:900px){.forma-grid{grid-template-columns:1fr 1fr;gap:60px;align-items:start}}
.forma-pomoshch{margin-top:22px;font-size:.9rem;color:var(--mute)}
.o-forma{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid var(--line);
  border-radius:0;padding:28px;box-shadow:var(--sombra)}
.o-pole{display:flex;flex-direction:column;gap:6px}
.o-pole label{font-size:.88rem;font-weight:600;color:var(--ink2)}
.pole-pom{font-weight:400;color:var(--mute);text-transform:none}
.o-pole input,.o-pole textarea{font:inherit;padding:12px 14px;border-radius:0;border:1px solid var(--line);
  background:var(--paper2)}
.o-pole input:focus,.o-pole textarea:focus{outline:2px solid var(--violet);outline-offset:1px}
.o-pole.ploho input,.o-pole.ploho textarea{border-color:#45423C}
.o-pole-osh{font-size:0.875rem;color:#45423C;min-height:1em}
.o-forma .kn{justify-content:center;margin-top:4px}
.o-forma-ok{color:#45423C;font-size:.92rem}
.o-forma-sboy{color:#45423C;font-size:.92rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kn-povtor{all:unset;cursor:pointer;text-decoration:underline;font-weight:600}
.o-forma.otpravleno .o-pole,.o-forma.otpravleno button[type=submit]{display:none}

/* подвал */
.fut{background:var(--ink);color:#fff;padding:56px 0 28px}
.fut-grid{display:grid;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--line-inv)}
@media (min-width:860px){.fut-grid{grid-template-columns:1.3fr 1fr 1fr}}
.fut-brend p{margin-top:14px;color:var(--mute-inv);font-size:.92rem;max-width:40ch;line-height:1.5}
.fut-kont{display:flex;flex-direction:column;gap:14px}
.k-p{font-size:0.875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute-inv);margin-bottom:3px}
.fut-kont a{text-decoration:none;font-weight:600}
.fut-pravo{display:flex;flex-direction:column;gap:10px;font-size:.92rem}
.fut-pravo a{text-decoration:none;color:var(--mute-inv)}
.podval-nizh{display:flex;flex-direction:column;gap:8px;padding-top:22px;font-size:0.875rem;color:var(--mute-inv)}
@media (min-width:860px){.podval-nizh{flex-direction:row;justify-content:space-between}}

/* картинки без текста (dekor) — для карточек можно позже добавить реальные элементы */
.pc{width:100%}

/* иконки-картинки в шагах воронки */
.zona-elem{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}

/* декоративные вставки картинок персонажа и элементов по разделам */
.komu-vvod{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.komu-elem{width:96px;height:96px;object-fit:contain;flex:none;display:none}
@media (min-width:760px){.komu-elem{display:block}}
.podkl-grid{display:grid;gap:36px;align-items:center}
@media (min-width:900px){.podkl-grid{grid-template-columns:1.2fr .8fr}}
.podkl-kadr{max-width:280px;margin:0 auto;mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%)}
.pm-vvod{display:grid;gap:30px}
@media (min-width:900px){.pm-vvod{grid-template-columns:1.3fr .7fr;align-items:start}}
.pm-kadr{max-width:260px;margin:0 auto;mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%)}
.dn-vvod{display:grid;gap:30px}
@media (min-width:900px){.dn-vvod{grid-template-columns:1.3fr .7fr;align-items:center}}
.dn-kadr{max-width:240px;margin:0 auto;mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%)}
.srav-akcent{position:relative}
.srav-sk{position:absolute;top:18px;right:18px;width:44px;height:44px;object-fit:contain;opacity:.9}
.srav-zv{position:absolute;bottom:18px;right:18px;width:54px;height:54px;object-fit:contain;opacity:.9}

.vop-vvod{display:grid;gap:30px}
@media (min-width:900px){.vop-vvod{grid-template-columns:1.3fr .7fr;align-items:start}}
.vop-kadr{max-width:230px;margin:0 auto;mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%)}
.forma-kadr{width:120px;margin-top:18px;mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 78% 88% at 50% 38%,#000 66%,transparent 100%)}

/* лента марок/задач — приём с Евы/Адама/Джарвиса: две строки навстречу друг другу */
.integr{border-top:1px solid var(--line);margin-top:44px;padding:26px 0;overflow:hidden}
.integr-zag{font-size:0.875rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute);margin-bottom:16px}
.integr-stroki{display:flex;flex-direction:column;gap:12px}
.o-lenta{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lenta-dor{display:flex;width:max-content;animation:lenta-hod var(--sek,34s) linear infinite}
.lenta-obr .lenta-dor{animation-direction:reverse}
.o-lenta:hover .lenta-dor{animation-play-state:paused}
.lenta-nabor{display:flex;gap:10px;padding-right:10px}
.lenta-el{display:inline-flex;align-items:center;padding:8px 16px;border-radius:0;background:var(--paper2);
  border:1px solid var(--line);font-size:0.875rem;color:var(--ink2);white-space:nowrap}
.lenta-zad{background:#fff}
@keyframes lenta-hod{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.lenta-dor{animation:none}}


/* ═══ 39е поверх оригинала посадки Евы (6461/18069-18077). Модули и анимации оригинала не трогаем - только визуал. ═══ */
:root{
  --akc:#0B0B0A;
  --bg:#FFFFFF;--bg2:#FFFFFF;--ink:#0B0B0A;--ink2:#45423C;--ink3:#55524C;--line:rgba(11,11,10,.12);--line2:rgba(11,11,10,.07);
  --dark:#0B0B0A;--dark2:#171716;--dark3:#22221F;--purple:#0B0B0A;--violet:#0B0B0A;--pink:#0B0B0A;--orange:#0B0B0A;
  --vio:#0B0B0A;--vio2:#0B0B0A;--mag-t:#0B0B0A;
  --fh:"Inter Tight",Arial,sans-serif;--fb:"Inter Tight",Arial,sans-serif;--fs:"Inter Tight",Arial,sans-serif;
  --r:0px;--r2:0px;--wrap:1440px;
}
.o39{font-family:"Inter Tight",Arial,sans-serif;color:var(--ink);background:#fff}
.o39 ::selection{background:var(--akc);color:#fff}
.o39 .wrap{max-width:var(--shir);padding:0 var(--pad)}

/* заголовки - как на главной 39е: сверхжирный, плотный, крупный */
.o39 h1{font-weight:800;letter-spacing:-.045em;line-height:.98;font-size:clamp(40px,4.6vw,76px)}
.o39 h2{font-weight:800;letter-spacing:-.04em;line-height:1;font-size:clamp(34px,4.2vw,64px);max-width:18ch}
.o39 h3{font-weight:700;letter-spacing:-.02em}
.o39 .kurs{font-style:normal;font-family:inherit;font-weight:inherit;color:inherit}
.o39 .sek-pod,.o39 .hero-pod{font-size:var(--t-lead);line-height:1.5;color:var(--ink2);max-width:58ch}
.o39 .sek-tyomn .sek-pod,.o39 .sek-fiolet .sek-pod,.o39 .sek-final .sek-pod{color:#D6D3CB}

/* цвет на отдельном слове и градиентный текст - запрещено: возвращаем обычный цвет */
.o39 .grad,.o39 .grad-svet,.o39 .sch-chislo,.o39 .kejs-bol,.o39 .t5-itog b,.o39 .pr-schet b,.o39 .marka b,.o39 .logo b,.o39 .sloy-nomer,.o39 .shag-nomer,
.o39 .o-shag.in .shag-nomer,.o39 .bn-kp-list b,.o39 .kejs-cifra-2 .kejs-bol,.o39 .t5-tyomn .t5-itog b{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:inherit}
.o39 .prod-itog-chislo{background:none!important;-webkit-text-fill-color:var(--akc)!important;color:var(--akc)}

/* метки над разделом - как .metka 39е: чёрточка и обычный регистр */
.o39 .kicker{text-transform:none;letter-spacing:.02em;font-size:var(--t-metka);font-weight:600;color:var(--vtor);gap:12px;margin-bottom:24px}
.o39 .kicker::before{width:32px;height:2px;background:currentColor}
.o39 .kicker-svet,.o39 .sek-tyomn .kicker,.o39 .sek-fiolet .kicker{color:#C9C6BE}

/* кнопки - как в 39е: прямоугольные, чёрные; на тёмном - светлые; без теней */
.o39 .kn{border-radius:0;font-weight:700;box-shadow:none!important}
.o39 .kn-tyomn,.o39 .kn-grad{background:var(--chern)!important;color:var(--bumaga)!important;border-color:var(--chern)}
.o39 .kn-tyomn:hover,.o39 .kn-grad:hover{background:var(--akc)!important;transform:none}
.o39 .kn-svet{background:#fff;color:var(--chern);border:2px solid var(--chern)}
.o39 .sek-tyomn .kn-svet,.o39 .sek-fiolet .kn-svet,.o39 .sek-final .kn-svet,.o39 .prod-itog .kn-svet{background:var(--bumaga);color:var(--chern);border-color:var(--bumaga)}
.o39 .kn:hover{transform:none}

/* тёмные полосы - чёрные, как на главной 39е */
.o39 .sek-tyomn,.o39 .sek-fiolet,.o39 .sek-final{background:var(--chern)!important;color:var(--bumaga)}
.o39 .fiolet-siyanie,.o39 .fiolet-siyanie2,.o39 .hero-siyanie,.o39 .hero3-fon{display:none}
.o39 .svet-kursor::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,-40%),rgba(255,255,255,.06),transparent 70%)}

/* окно живого чата: чёрное, вкладки - светлые рамки, выбранная - сурик */
.o39 .holst{background:var(--chern)!important;border:1px solid var(--chern)}
.o39 .dz-tab{border-radius:0;font-weight:600}
.o39 .dz-tab.akt{background:var(--akc)!important;border-color:var(--akc)!important;color:#fff!important}
.o39 .soob-vy{background:var(--akc)!important;color:#fff}
.o39 .soob-eva{border-radius:0}
.o39 .rez-blok.vazhno{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.3)!important}
.o39 .dz-vvod button{background:var(--akc)!important}
.o39 .soob-eva img,.o39 .bok-soob img{border-radius:50%;object-fit:cover}

/* полоса хода прокрутки - сурик */
.hod-str{background:var(--akc)!important;top:84px!important}

/* первый экран: портрет 39е на белом, без маски-затухания по краю кольца */
.o39 .hero-foto img{object-fit:cover}

/* карточки и плитки: тонкая рамка вместо теней и пастельных подложек */
.o39 [class*="vn-t"]{--vn-fon:#F3F2EE;--vn-ak:var(--akc)}
.o39 .tarif.t-fioletovyy,.o39 .ek-panel,.o39 .pr-tyomn,.o39 .t5-tyomn,.o39 .bn-bannery{background:var(--chern)!important;background-image:none!important}
.o39 .stp-kn.akt{background:var(--chern)!important;box-shadow:none}
.o39 .metka-grad,.o39 .o-metka.metka-grad{background:var(--bumaga);color:var(--chern);border-color:transparent}

/* ════ формы заявки по вопроснику - как форма главной 39е: подчёркнутое поле, чёрная кнопка ════ */
.z39-obert{margin-top:clamp(28px,3vw,48px)}
.z39{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px var(--gap);align-items:end;padding:24px 0 0;border-top:2px solid currentColor}
.z39-t b{display:block;font-size:clamp(20px,1.7vw,26px);font-weight:800;letter-spacing:-.025em;line-height:1.15}
.z39-t span{display:block;margin-top:6px;font-size:16px;opacity:.75}
.z39-p{display:flex;gap:16px;align-items:flex-end}
.z39-p input{flex:1;min-width:0;font:500 19px "Inter Tight",sans-serif;padding:14px 0;border:0;border-bottom:2px solid currentColor;background:transparent;color:inherit;border-radius:0}
.z39-p input:focus{outline:0;border-color:var(--akc)}
.z39-p input::placeholder{color:inherit;opacity:.5}
.z39.ploho input{border-color:var(--akc)}
.z39 .knopka{white-space:nowrap}
.z39-osh,.z39-ok{grid-column:1/-1;font-weight:600;font-size:16px;margin:0}
.z39-osh{color:var(--akc)}
.z39-ok{padding:14px 16px;border:2px solid currentColor}
.sek-tyomn .z39 .knopka,.sek-fiolet .z39 .knopka,.sek-final .z39 .knopka{background:var(--bumaga);color:var(--chern)}

/* поиск по решениям и «Хочу это» */
.p39{margin:0 0 18px}
.p39 input{width:100%;font:500 19px "Inter Tight",sans-serif;padding:14px 0 14px 34px;border:0;border-bottom:2px solid var(--chern);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0A' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") 0 50%/22px no-repeat;border-radius:0}
.p39 input:focus{outline:0;border-color:var(--akc)}
.p39-pusto{margin:14px 0 0;font-weight:600}
.o39 article.resh.p39-skr{display:none!important}
.o39 article.resh.p39-vid{display:flex!important}
.h39{align-self:flex-start;margin-top:12px;font:700 15px "Inter Tight",sans-serif;color:var(--akc);background:none;border:0;border-bottom:2px solid transparent;padding:2px 0;cursor:pointer}
.h39:hover{border-color:var(--akc)}

/* калькулятор экономии */
.k39-obert{margin-top:clamp(28px,3vw,44px)}
.k39{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);border:2px solid var(--chern)}
.k39-v{padding:24px}
.k39-v label{display:block;font-weight:700;font-size:20px;margin-bottom:12px}
.k39-p{display:flex;align-items:center;gap:18px}
.k39-p input{flex:1;accent-color:var(--akc);height:28px}
.k39-zp{font-size:clamp(26px,2.4vw,36px);font-weight:800;letter-spacing:-.03em;min-width:7ch;text-align:right}
.k39-v small{display:block;margin-top:8px;font-size:15px;color:var(--vtor)}
.k39-r{background:var(--chern);color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:center}
.k39-r span{font-weight:700;color:#C9C6BE}
.k39-r b{font-size:clamp(36px,3.6vw,58px);font-weight:800;letter-spacing:-.04em;line-height:1.05}
.k39-r small{font-size:14px;color:#C9C6BE;margin-top:6px}

/* закреплённая кнопка на телефоне */
.l39{display:none}
@media (max-width:860px){
  .z39{grid-template-columns:1fr}
  .z39-p{flex-direction:column;align-items:stretch}
  .z39 .knopka{justify-content:center}
  .k39{grid-template-columns:1fr}
  .l39{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;background:var(--chern);color:var(--bumaga);text-align:center;font-weight:700;font-size:17px;padding:16px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .25s}
  .l39.skryta{transform:translateY(140%)}
  .hod-str{top:72px!important}
}
/* сетка 39е под разделами */
.o39 section{position:relative}
.o39 section>.liniya-setki{z-index:0}
.o39 section>*:not(.liniya-setki){position:relative;z-index:1}
.o39 .sek-tyomn>.liniya-setki .ramka span,.o39 .sek-fiolet>.liniya-setki .ramka span,.o39 .sek-final>.liniya-setki .ramka span{border-color:var(--lin-t)}
.o39 .hero>.liniya-setki{z-index:0}
/* остатки оригинала: подписи-капслоком, плашки времени, итог 21% */
.o39 .integr-zag,.o39 .vn-metka,.o39 .t5-podpis,.o39 .t5-yarlyk,.o39 .bn-metka,.o39 .rez-metka,.o39 .primer-zag{text-transform:none;letter-spacing:.01em}
.o39 .put-chasy,.o39 .sut-vremya{background:var(--chern)!important;color:#fff}
.o39 .sut .sut-vremya{background:var(--akc)!important}
.o39 .prod-itog{background:#171716!important;border:1px solid var(--lin-t)}
.o39 .lin-dop-el{background:var(--bumaga)!important;border-color:transparent}
.o39 .sek-final .kn-grad,.o39 .sek-tyomn .kn-grad,.o39 .sek-fiolet .kn-grad{background:var(--bumaga)!important;color:var(--chern)!important;border-color:var(--bumaga)}
.o39 .sek-final .kn-grad:hover,.o39 .sek-tyomn .kn-grad:hover{background:var(--akc)!important;color:#fff!important}
/* 6461/18080: лучший вариант не выделяется красным и не делается бледнее - он чёрный, жирный, читаемый.
   Сурик - только нейтральные метки (черта метки, активная вкладка, наведение), никогда «хорошее значение». */
.o39 .sr-eva{background:none!important;border-left:3px solid var(--chern)!important;color:var(--chern)!important;font-weight:600}
.o39 .sr-row>.sr-eva{font-size:16px}
.o39 .sr-head .sr-eva{background:none!important}
.o39 .sr-head .sr-eva b,.o39 .sr-eva::before{color:var(--chern)!important}
.o39 .vn-posle{color:var(--chern)!important}
.o39 .bar-eva .bar-polosa i{background:var(--chern)!important}
.o39 .ek-vydel{border-color:var(--chern)!important;box-shadow:none!important}
.o39 .ek-vydel .ek-cena,.o39 .ek-znak{color:var(--chern)!important}
.o39 .prod-itog-chislo{-webkit-text-fill-color:#fff!important;color:#fff!important}
.o39 .sr-k .ik{color:var(--chern)}

/* 6461/18082: оранжевый не согласован в цветах бренда - акцент только чёрный (на тёмном - светлый); цвет на странице дают фото и логотипы площадок */
.o39 .sek-tyomn,.o39 .sek-fiolet,.o39 .sek-final,.o39 .holst,.o39 .bn-bannery,.o39 .ek-panel,.o39 .pr-tyomn,.o39 .t5-tyomn,.o39 .tarif.t-fioletovyy,.o39 .k39-r,.o39 .prod-itog{--akc:#F3F2EE;--purple:#F3F2EE;--violet:#F3F2EE;--pink:#F3F2EE;--orange:#F3F2EE;--mag-t:#F3F2EE}
.o39 .dz-tab.akt{background:#F3F2EE!important;border-color:#F3F2EE!important;color:#0B0B0A!important}
.o39 .soob-vy{background:#F3F2EE!important;color:#0B0B0A!important}
.o39 .dz-vvod button{background:#F3F2EE!important;color:#0B0B0A!important}
.o39 .sut .sut-vremya{background:#F3F2EE!important;color:#0B0B0A!important}
.o39 .knopka:hover,.o39 .kn-tyomn:hover,.o39 .kn-grad:hover{background:#45423C!important;color:#fff!important}
.o39 .sek-final .kn-grad:hover,.o39 .sek-tyomn .kn-grad:hover,.sek-tyomn .z39 .knopka:hover,.sek-final .z39 .knopka:hover{background:#fff!important;color:#0B0B0A!important}
.hod-str{background:#0B0B0A!important}
.o39 .rez-blok.vazhno{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.3)!important}
.o39 .p39 input:focus,.o39 .z39-p input:focus{border-color:#45423C}
.o39 .k39-p input{accent-color:#0B0B0A}
.o39 .z39-osh{color:#B3261E}
.o39 .bok-vy,.o39 .primer-chat .bok-vy{background:#0B0B0A!important;color:#fff}
.o39 .lin-pol{background:#0B0B0A!important}
.o39 .pilyulya-tochka{background:#0B0B0A!important;box-shadow:none}
/* цифры первого экрана - с заголовком смысла */
.o39 .sch-zag39{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;padding:28px 0 4px}
.o39 .sch-zag39 b{font-size:clamp(22px,2vw,30px);font-weight:800;letter-spacing:-.03em}
.o39 .sch-zag39 span{font-size:18px;color:var(--vtor)}
.o39 .sch-podp{font-weight:700;color:var(--chern)}
.o39 .sch p{color:var(--ink2)}
.o39 .bn-yarlyk{color:var(--chern)!important;border-color:var(--chern)!important;background:#fff!important}
.o39 .put-chasy-t2{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* круг 3 (приёмка 2, п.10): нижняя закреплённая кнопка на телефоне не закрывает конец страницы - запас снизу под её высоту */
@media (max-width:860px){body:has(.l39) footer{padding-bottom:calc(40px + 84px)!important}}

.o39 .sek-inv,.o39 .sek-krasn{background:var(--chern)!important;color:var(--bumaga);--akc:#F3F2EE;--purple:#F3F2EE;--violet:#F3F2EE;--pink:#F3F2EE;--orange:#F3F2EE}
.o39 .sek-inv>.liniya-setki .ramka span,.o39 .sek-krasn>.liniya-setki .ramka span{border-color:var(--lin-t)}
.o39 .sek-inv .z39 .knopka,.o39 .sek-krasn .z39 .knopka{background:var(--bumaga);color:var(--chern)}
.o39 .sek-inv :is(.kicker,.sek-pod,.label,.lid,b,strong,small),.o39 .sek-krasn :is(.kicker,.sek-pod,.label,.lid,b,strong,small){color:inherit!important}
.o39 .sek-inv :is(.kicker,.sek-pod,.label,.lid),.o39 .sek-krasn :is(.kicker,.sek-pod,.label,.lid){opacity:.78}
:root{--f-body:"Inter Tight",Arial,sans-serif;--f-disp:"Inter Tight",Arial,sans-serif;--f-mono:"Inter Tight",Arial,sans-serif}
body{background:var(--pole);color:var(--chern);font:400 var(--t-body)/1.55 "Inter Tight",Arial,sans-serif}
a.skryt:focus:not(:focus-visible){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
/* якоря под липкой шапкой сайта: 84 px на компьютере, 64 px на телефоне */
html{scroll-padding-top:96px!important}
@media (max-width:860px){html{scroll-padding-top:76px!important}}
/* короткая форма 39е: имя + связь + согласие (resheniya п.2-3) */
.z39-p input[name=imya]{flex:0 1 24%}
/* подпись над полем (resheniya2 п.12) */
.z39-p{align-items:flex-end}
.z39-p .z39-pole{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px}
.z39-p .z39-pole:first-child{flex:0 1 28%}
.z39-pole label{display:block;font-size:16px;font-weight:600;line-height:1.3}
.z39-p .z39-pole input{width:100%;flex:none}
.z39-sogl{grid-column:2;display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4;cursor:pointer;margin:0}
.z39-sogl input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:currentColor}
.z39-sogl a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.z39.otpravleno .z39-p,.z39.otpravleno .z39-sogl{display:none}
.z39 [aria-invalid=true]{border-color:#B3261E!important}
.z39 .knopka[disabled]{opacity:.6;cursor:progress}
.osh39{display:block;color:#B3261E;font-weight:600;font-size:15px;line-height:1.35;margin:2px 0 10px}
[aria-invalid=true]{border-color:#B3261E!important}
@media (max-width:860px){.z39-sogl{grid-column:1}.z39-p input[name=imya]{flex:1 1 auto}.z39-p .z39-pole,.z39-p .z39-pole:first-child{flex:none}.z39-p{flex-direction:column;align-items:stretch}.z39-p .z39-pole{width:100%}.z39-p .knopka{width:100%;justify-content:center}}
/* коллеги по штату */
.kol39{padding:clamp(56px,7vw,96px) 0}
.kol39>.wrap{margin-left:auto!important;margin-right:auto!important}
.kol39-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.kol39-sh h2{margin:0;font-size:clamp(28px,3.2vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1.05}
.kol39-sh p{margin:0;max-width:440px;font-size:17px;line-height:1.5;color:var(--chern)}
.kol39-ryad{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.kol39-k{display:flex;flex-direction:column;color:inherit;text-decoration:none;background:#fff;border:1px solid rgba(11,11,10,.14)}
.kol39-k img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 18%;background:#F3F2EE}
.kol39-k b{display:block;padding:12px 12px 2px;font-size:18px;font-weight:800;letter-spacing:-.02em}
.kol39-k span{display:block;padding:0 12px 14px;font-size:15px;line-height:1.35}
.kol39-k:hover b,.kol39-k:focus-visible b{text-decoration:underline}
@media (max-width:1100px){.kol39-ryad{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.kol39-sh{display:block}.kol39-sh p{margin-top:10px}
  .kol39-ryad{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;margin-right:-16px;padding-right:16px}
  .kol39-k{flex:0 0 62%;scroll-snap-align:start}}

.o39 [hidden]{display:none!important}
.o39 :is(img,picture,figure,[class*=kadr],[class*=foto]){box-shadow:none!important}
.o39 .sek-inv :is(p,li,dd,td),.o39 .sek-krasn :is(p,li,dd,td){color:rgba(243,242,238,.8)!important}
@media (max-width:760px){.o39 #forma .wrap,.o39 #forma [class*=setka],.o39 #forma [class*=grid]{grid-template-columns:minmax(0,1fr)!important}.o39 #forma *{min-width:0;max-width:100%}}
/* ═══ разбор C, 08.10 ═══ */
/* воронка: мелкие кадры-значки (белые квадраты на чёрном) - убраны, номер шага остаётся */
.o39 #voronka .zona-ik{display:none!important}
/* кейс на тёмном: текст крупнее и читается */
.o39 #cifry .lead{font-size:18px!important;line-height:1.55}
/* сравнение: без обрезанных плиток, у пунктов Марты - маркеры */
.o39 .srav-sk,.o39 .srav-zv{display:none!important}
.o39 .srav-akcent li{position:relative;padding-left:22px}
.o39 .srav-akcent li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:#F3F2EE}
/* итоговая форма: кадр Марты 210 px, вшит в фон; согласие под кнопкой */
.o39 .forma-kadr{width:auto!important;height:210px!important;max-width:none!important;object-fit:contain;margin-top:20px}
.o39 .sek-forma{background:#fff!important}
.o39 .forma-sogl39{margin:10px 0 0;font-size:15px;line-height:1.45}
.o39 .forma-sogl39 a{color:inherit;text-decoration:underline}
/* метки - обычной строкой, не капслоком, не мельче 15 px */
.o39 :is(.nadz,.label,.zona-p,.zona-v span,.kejs-vvod b,#cifry b,#bylo-stalo span){text-transform:none!important;letter-spacing:0!important}
.o39 :is(.nadz,.label,.zona-p,.zona-v span){font-size:15px!important}
@media (max-width:860px){.hod-str{top:64px!important}}
/* ═══ круг 2, 08.10: «Искали программиста» и «Резюме не уходят наружу» - светлые (два тёмных подряд - запрет) ═══ */
.o39 .sek-svet39{background:#fff!important;color:#0B0B0A!important}
.o39 #dannye.sek-svet39{background:#F4F4F2!important}
.o39 .sek-svet39 :is(h2,h3,h4,p,li,b,strong,span,div,small,em,dt,dd,.lead,.kicker,.sek-pod):not(.knopka,.knopka *,.kn,.kn *){color:#0B0B0A!important}
.o39 .sek-svet39 :is(.kc,.kc-grid,.kejs-sluchay,[class*=dn-]){border-color:rgba(11,11,10,.16)!important}
.o39 .zona{grid-template-columns:minmax(0,1fr)!important}   /* номера шагов сняты - текст на всю ширину */
/* ═══ круг 3 (приёмка 2, п.1) ═══ */
/* фото первого экрана на телефоне: лицо целиком (кадр квадратом от макушки, а не полоса по рот) */
@media (max-width:979px){.o39 .hr-kadr img{aspect-ratio:1/1!important;object-position:50% 4%!important}}
/* воронка в «Кому подойдёт»: предмет как на всём сайте - 210 px на компьютере, 140 px на телефоне, без серой подложки */
.o39 .komu-elem{display:block!important;width:auto!important;height:210px!important;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
@media (max-width:759px){.o39 .komu-elem{height:140px!important}}
/* лента систем: одна строка, плашки крупнее */
.o39 .integr .lenta-el{font-size:16px;padding:10px 18px}
/* ═══ круг 4: форма внутри «Семи шагов» - во всю ширину сетки ═══ */
.o39 .zona-grid>.z39-vn{grid-column:1/-1;padding-left:0!important;padding-right:0!important;max-width:none!important;margin:12px 0}

/* круг 5 (приёмка 4, п.5): форма внутри «Было и стало» - только на телефоне */
.o39 .bst-grid>.z39-tel{grid-column:1/-1;padding-left:0!important;padding-right:0!important;max-width:none!important;margin:12px 0}
@media (min-width:601px){.o39 .z39-tel{display:none!important}}

/* короткая форма первого экрана посадок 39е (resheniya2 п.6, 12): подпись над полем, поле и кнопка в одну строку */
.o39 .f39g{display:block!important;margin:22px 0 6px;max-width:560px;padding:0!important;border:0!important;background:none!important;grid-template-columns:none}
.o39 .f39g .pole{margin:0}
.o39 .f39g label{display:block;font-size:15px;font-weight:600;line-height:1.35;margin:0 0 8px;color:inherit;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important}
.o39 .f39g-ryad{display:flex;gap:0;align-items:stretch}
.o39 .f39g-ryad input{flex:1 1 auto;min-width:0;font:inherit;font-size:18px;line-height:1.2;padding:13px 14px;border:2px solid #0B0B0A;border-right:0;border-radius:0;background:#fff;color:#0B0B0A}
.o39 .f39g-ryad input:focus{outline:2px solid #0B0B0A;outline-offset:2px}
.o39 .f39g-ryad .knopka{flex:none;margin:0;border:2px solid #0B0B0A;border-radius:0;background:#0B0B0A;color:#fff;font-size:16px;font-weight:700;padding:0 20px;min-height:52px;white-space:nowrap;cursor:pointer}
.o39 .f39g .pole-osh,.o39 .f39g .z39-osh{display:block;min-height:0;margin:6px 0 0;font-size:15px;color:#B3261E;font-weight:600}
.o39 .f39g-sogl{margin:8px 0 0;font-size:14px;line-height:1.4}
.o39 .f39g-sogl a{color:inherit;text-decoration:underline}
.o39 .f39g :is(.forma-ok,.z39-ok){margin:10px 0 0;font-size:17px;font-weight:700}
.o39 .f39g.otpravleno :is(.f39g-ryad,.f39g-sogl,label){display:none!important}
.o39 .f39g .pole.ploho input,.o39 .f39g [aria-invalid=true]{border-color:#B3261E!important}
@media (max-width:600px){.o39 .f39g{max-width:none}.o39 .f39g-ryad .knopka{padding:0 14px;font-size:15px}.o39 .f39g-ryad input{font-size:17px;padding:12px}}
/* подписи над полем у коротких форм z39 (п.12) */
.o39 .z39-p .z39-pole{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px}
.o39 .z39-pole label{font-size:16px;font-weight:600;line-height:1.3}
.o39 .z39-p .z39-pole input{width:100%;flex:none}
@media (max-width:860px){.o39 .z39-p .z39-pole{flex:none}}
/* чья это работа (resheniya2 п.4) */
.o39 :is(.pr39-vmeste,.cf39-kto){display:block;margin-top:4px;font-size:15px;font-weight:600;font-style:normal}
/* корпоративное внедрение - строкой под тарифами (п.3) */
.o39 .tarif39-vn{margin:22px 0 0;font-size:17px;line-height:1.5;max-width:900px;flex-basis:100%}
.o39 .tarif39-vn a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* форма первого экрана - один вид на всех 8 посадках (приёмка 2, п.9); источник - firma_posadki/formy39.py */
.o39 .forma-str .pole{display:block;margin:0 0 12px}
.o39 .forma-str .pole label{display:block;font-weight:600;font-size:16px;line-height:1.35;margin:0 0 6px;color:inherit}
.o39 .forma-str .pole input{display:block;width:100%;min-height:0;font:500 19px/1.3 "Inter Tight",Arial,sans-serif;padding:12px 0;border:0;border-bottom:2px solid currentColor;background:transparent;color:inherit;border-radius:0;box-shadow:none}
.o39 .forma-str .pole input:focus{outline:0;border-color:#45423C;background:transparent;box-shadow:none}
.o39 .forma-str .pole.ploho input{border-color:#B3261E}
.o39 .forma-str .pole-osh{display:block;color:#B3261E;font-size:15px;font-weight:600;min-height:0;margin-top:4px}
.o39 .forma-str .pole-osh:empty{display:none}
.o39 .forma-str .soglasie{display:block;position:relative;padding-left:32px;font-size:15px;line-height:1.45;margin:4px 0 18px;color:inherit;cursor:pointer}
.o39 .forma-str .soglasie input{position:absolute;left:0;top:1px;width:20px;height:20px;margin:0;accent-color:#0B0B0A}
.o39 .forma-str .soglasie.ploho{color:#B3261E}
.o39 .forma-str .soglasie a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.o39 .forma-str .knopka{border:0;cursor:pointer;white-space:nowrap}
.o39 .forma-str .forma-ok{margin:12px 0 0;padding:14px 16px;border:2px solid currentColor;font-weight:600;font-size:16px;line-height:1.45;background:transparent}
.o39 .forma-str .forma-ok a{color:inherit}
.o39 .forma-str.otpravleno .pole,.o39 .forma-str.otpravleno .soglasie,.o39 .forma-str.otpravleno .knopka{display:none}
.o39 .forma-str{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:end;max-width:600px;margin:26px 0 0;text-align:left}
.o39 .forma-str .pole{margin:0}
.o39 .forma-str .knopka{min-height:52px;padding:0 24px;font-size:17px;background:#0B0B0A;color:#fff}
.o39 .forma-str .knopka:hover{background:#45423C}
.o39 .forma-str .soglasie,.o39 .forma-str .forma-ok{grid-column:1/-1}
.o39 .forma-str .soglasie{margin:12px 0 0}
.o39 :is(.band-dark,.fin,.sek-graf,.sek-final,.sek-tyomn) .forma-str .soglasie input{accent-color:#F4F4F2}
.o39 :is(.band-dark,.fin,.sek-graf,.sek-final,.sek-tyomn) .forma-str :is(.pole-osh,.soglasie.ploho){color:#FFB4AB}
.o39 :is(.band-dark,.fin,.sek-graf,.sek-final,.sek-tyomn) .forma-str .pole.ploho input{border-color:#FFB4AB}
@media (max-width:480px){.o39 .forma-str{grid-template-columns:minmax(0,1fr)}.o39 .forma-str .knopka{margin-top:12px;justify-content:center;width:100%}}
