
*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#FFFFFF;--ink:#0B0B0A;--mute:#45423C;--acc:#45423C;--acc2:#45423C;--accd:#45423C;--card:#F4F4F2;--line:#F4F4F2;--soft:#F4F4F2;--r:0px}
html{scroll-behavior:smooth}
body{max-width:1440px;margin:0 auto;background:var(--bg);color:var(--ink);font-family:'Golos Text',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.w{padding:0 88px}
h1{font-weight:800;font-size:68px;line-height:1;letter-spacing:-.03em}
h2{font-weight:800;font-size:52px;line-height:1.04;letter-spacing:-.025em;max-width:1100px}
.hl{color:var(--acc)}
.lead{font-size:21px;line-height:1.45;color:var(--mute);margin-top:18px;max-width:760px}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--acc);color:#fff;font-weight:600;font-size:19px;line-height:1;padding:21px 34px;border-radius:0;text-decoration:none;border:0;cursor:pointer;font-family:inherit;box-shadow:0 12px 28px rgba(69,66,60,.28)}
.btn svg{width:20px;height:20px}
.btn:hover{background:var(--accd)}
.ic{flex:0 0 52px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:0;background:var(--acc);color:#fff}
.ic svg{width:26px;height:26px}
.ic.sm{flex-basis:44px;width:44px;height:44px;border-radius:0}.ic.sm svg{width:22px;height:22px}
.ic.lt{background:#fff;color:var(--acc)}
.sec{padding-top:112px}
.sec>h2{margin-bottom:44px}
.sec>h2+.lead{margin:-28px 0 44px}
/* header */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:44px;padding:22px 88px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid transparent}
.logo{display:flex;align-items:center;gap:10px}
.logo i{width:34px;height:34px;border-radius:0;background:var(--acc);display:block;position:relative}
.logo i:after{content:"";position:absolute;left:10px;top:10px;width:14px;height:14px;border-radius:50%;background:#fff}
.logo b{display:block;width:118px;height:12px;border-radius:0;background:var(--line)}
.nav{display:flex;gap:28px;font-size:16px}
.nav a{text-decoration:none;opacity:.85}.nav a:hover{color:var(--acc)}
.hb{margin-left:auto;padding:14px 24px;font-size:16px;box-shadow:none;white-space:nowrap}
/* hero */
.hero{display:grid;grid-template-columns:1fr 590px;gap:48px;align-items:center;padding:48px 88px 56px}
.sub{font-size:22px;line-height:1.45;color:var(--mute);margin:26px 0 36px;max-width:600px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.chip{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;padding:10px 16px;border-radius:0;background:var(--card);border:1px solid var(--line)}
.chip svg{width:17px;height:17px;color:var(--acc)}
/* telegram mock */
.tg{border-radius:0;overflow:hidden;background:#fff;box-shadow:0 2px 0 rgba(11,11,10,.03),0 34px 80px rgba(69,66,60,.22);border:1px solid var(--line);font-size:15px}
.tg-h{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid #F4F4F2}
.tg-h .bk{width:22px;height:22px;color:var(--acc)}
.tg-ava{width:42px;height:42px;border-radius:50%;background:#0B0B0A;color:#fff;display:flex;align-items:center;justify-content:center}
.tg-ava svg{width:22px;height:22px}
.tg-h b{display:block;font-size:16px}
.tg-h small{font-size:13px;color:var(--acc)}
.tg-h .more{margin-left:auto;display:flex;gap:4px}.tg-h .more i{width:4px;height:4px;border-radius:50%;background:#DCDCD8}
.tg-b{padding:16px 16px 18px;display:flex;flex-direction:column;gap:9px;background-color:#F4F4F2;background-image:transparent,transparent;background-size:22px 22px,22px 22px;background-position:0 0,11px 11px}
.day{align-self:center;font-size:12.5px;font-weight:500;color:#fff;background:rgba(69,66,60,.45);padding:4px 11px;border-radius:0;margin-bottom:2px}
.bb{max-width:82%;padding:9px 12px 7px;border-radius:0;line-height:1.38;position:relative;box-shadow:0 1px 1px rgba(11,11,10,.08)}
.bb .t{display:block;text-align:right;font-size:11.5px;color:#45423C;margin-top:3px}
.bb.out{align-self:flex-end;background:#F4F4F2;border-bottom-right-radius:0}
.bb.out .t{color:var(--acc)}
.bb.in{align-self:flex-start;background:#fff;border-bottom-left-radius:0}
.vo{display:flex;align-items:center;gap:10px;min-width:250px}
.vo .pl{width:38px;height:38px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 38px}
.vo .pl svg{width:16px;height:16px}
.wave{display:flex;align-items:center;gap:2.5px;height:26px}
.wave i{display:block;width:3px;border-radius:0;background:var(--acc)}
.wave i.o{background:#DCDCD8}
.vo small{font-size:12px;color:var(--mute);margin-left:4px}
.tr{font-size:13.5px;color:var(--mute);margin-top:6px;font-style:italic}
.vars{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 2px}
.vr{border-radius:0;background:#F4F4F2;border:1px solid var(--line);padding:9px;position:relative}
.vr.sel{border:2px solid var(--acc);padding:8px}
.vr .no{position:absolute;right:7px;top:7px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.vr.sel .no{background:var(--acc)}
.vr .ln{height:6px;border-radius:0;background:#F4F4F2;margin:5px 0}
.vr .fld{height:15px;border-radius:0;background:#fff;border:1px solid #F4F4F2;margin:5px 0}
.vr .row2{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.vr .bt{height:16px;border-radius:0;background:var(--acc);margin-top:7px}
.vr .st{display:flex;gap:4px;margin:4px 0 6px}.vr .st i{flex:1;height:5px;border-radius:0;background:#F4F4F2}.vr .st i.on{background:var(--acc)}
.vr .cap{font-size:11.5px;font-weight:600;margin-top:6px;color:var(--ink)}
.done{display:flex;gap:8px;align-items:flex-start}
.done .ok{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#0B0B0A;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:1px}
.done .ok svg{width:12px;height:12px}
.tg-f{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-top:1px solid #F4F4F2;color:#45423C}
.tg-f span{flex:1;font-size:15px}
.tg-f .mc{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center}
.tg-f .mc svg,.tg-f>svg{width:20px;height:20px}
/* band + benefits */
.band{margin:0 88px;background:var(--acc);color:#fff;border-radius:0;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.band>div{border-radius:0;padding:24px 28px;display:flex;gap:16px;align-items:center;font-size:19px;line-height:1.4}
.band .was{opacity:.82}
.band .was .ic{background:rgba(255,255,255,.16);color:#fff}
.band .now{background:#fff;color:var(--ink);font-weight:700;font-size:22px}
.bens{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 88px 0}
.b{background:var(--card);border:1px solid var(--line);border-radius:0;padding:28px 30px 32px;display:flex;flex-direction:column;gap:22px}
.b b{font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.015em;display:block;margin-bottom:8px}
.b p{font-size:17px;line-height:1.45;color:var(--mute)}
/* numbers */
.nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.num{border:1px solid var(--line);border-radius:0;padding:30px 32px}
.num b{display:block;font-size:clamp(40px,4.4vw,64px);font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--acc)}
.num p{font-size:18px;line-height:1.45;color:var(--mute);margin-top:12px}
.numnote{font-size:16px;color:var(--mute);margin-top:16px}
/* s2 */
.g2{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
.big{background:var(--acc);color:#fff;border-radius:0;padding:40px 44px 0;display:flex;flex-direction:column;overflow:hidden;min-height:420px}
.big .ic{background:#fff;color:var(--acc);width:64px;height:64px}.big .ic svg{width:34px;height:34px}
.big b{font-size:60px;font-weight:800;line-height:1;letter-spacing:-.03em;display:block;margin:26px 0 14px}
.big p{font-size:19px;line-height:1.45;opacity:.88;max-width:560px}
.tl{margin-top:auto;background:#fff;color:var(--ink);border-radius:0;padding:20px 22px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tl div{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:10px}
.tl i{display:block;height:8px;border-radius:0;background:var(--acc2)}.tl .last i{background:var(--ink)}
.col{display:grid;gap:16px}
.pt{background:var(--card);border:1px solid var(--line);border-radius:0;padding:32px 34px;display:flex;flex-direction:column;gap:18px}
.pt b{font-size:26px;font-weight:800;line-height:1.12;letter-spacing:-.015em;display:block;margin-bottom:8px}
.pt p{font-size:17px;line-height:1.45;color:var(--mute)}
/* steps */
.x4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.st4{background:var(--card);border:1px solid var(--line);border-radius:0;padding:28px 26px 32px;display:flex;flex-direction:column;gap:14px}
.st4 .n{width:50px;height:50px;border-radius:0;background:#fff;border:1px solid var(--line);color:var(--acc);font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center}
.st4 .who{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.st4 b{font-size:22px;font-weight:800;letter-spacing:-.015em;line-height:1.15}
.st4 p{font-size:17px;line-height:1.45;color:var(--mute)}
.st4.you{background:var(--acc);border-color:var(--acc);color:#fff}.st4.you .n{background:#fff;border-color:#fff}.st4.you .who,.st4.you p{color:rgba(255,255,255,.85)}
/* capabilities */
.x3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cap3{background:var(--ink);color:#fff;border-radius:0;padding:32px 32px 36px;display:flex;flex-direction:column;gap:18px}
.cap3 b{font-size:28px;font-weight:800;letter-spacing:-.02em}
.cap3 p{font-size:17px;line-height:1.5;color:rgba(255,255,255,.76)}
.eng{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:0;padding:26px 30px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.eng b{font-size:22px;font-weight:800;letter-spacing:-.01em;margin-right:6px}
.eng .tags{display:flex;flex-wrap:wrap;gap:8px}
.eng .tags span{font-size:15px;font-weight:600;padding:9px 15px;border-radius:0;background:#fff;border:1px solid var(--line)}
.eng .tags span.all{background:var(--acc);color:#fff;border-color:var(--acc)}
.eng p{flex-basis:100%;font-size:17px;line-height:1.45;color:var(--mute)}
/* cases */
.xex{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.xe{border:1px solid var(--line);border-radius:0;padding:28px 30px 30px;display:flex;flex-direction:column;gap:12px}
.xe .site{align-self:flex-start;font-size:13px;font-weight:600;padding:6px 12px;border-radius:0;background:var(--card);color:var(--accd)}
.xe .v{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1}
.xe .v i{font-style:normal;color:var(--acc)}
.xe p{font-size:17px;line-height:1.45;color:var(--mute)}
.xe.f{background:var(--acc);border-color:var(--acc);color:#fff}.xe.f .site{background:rgba(255,255,255,.18);color:#fff}.xe.f .v i{color:#fff}.xe.f p{color:rgba(255,255,255,.85)}
/* usp grid */
.usp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.u{background:var(--card);border:1px solid var(--line);border-radius:0;padding:28px 30px 30px;display:flex;flex-direction:column;gap:14px}
.u .hd{display:flex;align-items:center;gap:14px}
.u b{font-size:21px;font-weight:800;letter-spacing:-.012em;line-height:1.2}
.u p{font-size:16.5px;line-height:1.5;color:var(--mute)}
.u .who{margin-top:auto;font-size:13px;font-weight:600;color:var(--accd)}
/* watch */
.watch{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}
.wl{background:var(--ink);color:#fff;border-radius:0;padding:34px 36px}
.wl b.h{display:block;font-size:26px;font-weight:800;letter-spacing:-.015em;margin-bottom:6px}
.wl>p{font-size:17px;line-height:1.45;color:rgba(255,255,255,.75)}
.feed{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.fi{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;background:rgba(255,255,255,.07);border-radius:0;padding:13px 16px;font-size:16px}
.fi em{font-style:normal;font-weight:700;color:#DCDCD8}
.fi.okk{background:rgba(69,66,60,.35)}
.wr{display:grid;gap:16px}
.wc{background:var(--card);border:1px solid var(--line);border-radius:0;padding:24px 28px;display:flex;gap:18px;align-items:flex-start}
.wc b{display:block;font-size:20px;font-weight:800;margin-bottom:5px}
.wc p{font-size:16.5px;line-height:1.45;color:var(--mute)}
/* control */
.ctl{background:var(--card);border-radius:0;padding:96px 88px 88px;margin-top:112px}
.ctl h2{margin-bottom:44px}
.c3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cc{background:#fff;border-radius:0;padding:30px 30px 32px;display:flex;flex-direction:column;gap:16px}
.cc b{font-size:22px;font-weight:800;letter-spacing:-.015em;line-height:1.15}
.cc p{font-size:17px;line-height:1.45;color:var(--mute)}
/* diff table */
.cmp{border:1px solid var(--line);border-radius:0;overflow:hidden}
.cr{display:grid;grid-template-columns:280px 1fr 1fr;border-top:1px solid var(--line)}
.cr:first-child{border-top:0}
.cr>div{padding:22px 26px;font-size:17px;line-height:1.45}
.cr .k{font-weight:700}
.cr .o{color:var(--mute)}
.cr .a{background:var(--card);font-weight:500}
.cr.h>div{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);padding:16px 26px}
.cr.h .a{color:var(--acc)}
/* prices */
.pr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:stretch}
.staff{background:var(--card);border:1px solid var(--line);border-radius:0;padding:32px 32px 34px;display:flex;flex-direction:column;gap:14px}
.staff b.h{font-size:24px;font-weight:800;letter-spacing:-.015em}
.staff ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:4px}
.staff li{display:flex;gap:10px;align-items:center;font-size:17px;color:var(--mute)}
.staff li svg{width:18px;height:18px;color:#DCDCD8;flex:0 0 18px}
.staff .eq{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:17px;line-height:1.45}
.plan{border:1px solid var(--line);border-radius:0;padding:32px 32px 30px;display:flex;flex-direction:column;gap:16px}
.plan .nm{font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
.plan .pc{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1}
.plan .pc small{font-size:20px;font-weight:600;color:var(--mute);letter-spacing:0}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.plan li{display:flex;gap:10px;font-size:17px;line-height:1.4}
.plan li svg{width:20px;height:20px;color:var(--acc);flex:0 0 20px;margin-top:1px}
.plan .btn{margin-top:auto;justify-content:center;box-shadow:none}
.plan.pro{background:var(--acc);border-color:var(--acc);color:#fff}
.plan.pro .nm,.plan.pro .pc small{color:rgba(255,255,255,.8)}
.plan.pro li svg{color:#fff}
.plan.pro .btn{background:#fff;color:var(--acc)}
/* faq */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fq{border:1px solid var(--line);border-radius:0;padding:26px 30px}
.fq b{display:block;font-size:20px;font-weight:800;letter-spacing:-.01em;margin-bottom:8px}
.fq p{font-size:17px;line-height:1.5;color:var(--mute)}
/* final */
.fin{margin:112px 88px 96px;background:var(--acc);color:#fff;border-radius:0;padding:72px;display:grid;grid-template-columns:1fr 500px;gap:48px;align-items:center;position:relative;overflow:hidden}
.fin:before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.08)}
.fin h2{color:#fff;position:relative}
.fin .lead{color:rgba(255,255,255,.85);position:relative}
.xform{background:#fff;border-radius:0;padding:28px;display:flex;flex-direction:column;gap:12px;color:var(--ink);position:relative}
.xfld{border:1px solid var(--line);border-radius:0;padding:15px 16px;font-size:16px;font-family:inherit;color:var(--ink);outline:none;width:100%;resize:vertical;background:#fff}
.xfld::placeholder{color:#45423C}.xfld:focus{border-color:var(--acc)}
.xfld.big2{height:92px}
.xfld.err{border-color:#E5484D;background:#FFF5F5}
.xform .btn{justify-content:center}
.xform small{font-size:13px;color:#45423C;text-align:center}
.xform .ok{display:flex;flex-direction:column;gap:6px;background:#EAF7F1;color:#45423C;border-radius:0;padding:16px;font-size:15px}
.xform .ok[hidden]{display:none}
.xform.sent .xfld,.xform.sent button,.xform.sent small{display:none}
.foot{padding:0 88px 48px;font-size:14px;color:var(--mute);display:flex;gap:24px}
@media (max-width:760px){
 body{max-width:none}
 .w{padding:0 16px}
 .top{padding:12px 16px;gap:12px}.nav,.logo b{display:none}.hb{padding:11px 16px;font-size:14px}
 h1{font-size:38px}h2{font-size:30px}.lead{font-size:17px}
 .hero{grid-template-columns:1fr;padding:20px 16px 32px;gap:28px}
 .sub{font-size:17px;margin:16px 0 22px}.btn{font-size:17px;padding:18px 24px}
 .chips{margin-top:22px}.chip{font-size:14px;padding:8px 12px}
 .tg{border-radius:0;font-size:14px}.bb{max-width:90%}.vo{min-width:0}
 .band{margin:0 16px;grid-template-columns:1fr}.band>div{padding:18px}.band .now{font-size:19px}
 .bens{grid-template-columns:1fr;padding:12px 16px 0;gap:10px}
 .sec{padding-top:60px}.sec>h2{margin-bottom:22px}.sec>h2+.lead{margin:-10px 0 22px}
 .nums,.g2,.x4,.x3,.xex,.usp,.watch,.c3,.pr,.faq{grid-template-columns:1fr;gap:10px}
 .num b{font-size:48px}.big b{font-size:40px}.big{min-height:0;padding:28px 24px 0}.tl{grid-template-columns:1fr 1fr}
 .b,.pt,.st4,.cap3,.xe,.u,.wl,.wc,.cc,.staff,.plan,.fq,.num{border-radius:0;padding:22px}
 .xe .v{font-size:36px}.plan .pc{font-size:42px}
 .ctl{border-radius:0;padding:48px 16px;margin-top:60px}.ctl h2{margin-bottom:22px}
 .cr{grid-template-columns:1fr}.cr.h{display:none}.cr>div{padding:12px 18px}.cr .k{padding-top:18px}.cr .o:before{content:"Обычно: ";font-weight:600}.cr .a:before{content:"Лев: ";font-weight:700;color:var(--acc)}
 .eng{padding:20px}
 .fin{margin:60px 16px 48px;grid-template-columns:1fr;border-radius:0;padding:36px 18px;gap:24px}
 .foot{padding:0 16px 32px;flex-direction:column;gap:8px}
}

.chips{display:none}
.tg2{border-radius:0;overflow:hidden;background:#fff;box-shadow:0 34px 80px rgba(11,11,10,.20),0 2px 0 rgba(11,11,10,.03);border:1px solid #E6E6EC;font-family:-apple-system,'SF Pro Text','Golos Text',Helvetica,Arial,sans-serif;font-size:15.5px;color:#000;letter-spacing:-.005em}
.th{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;padding:10px 14px;background:#F7F7F9;border-bottom:1px solid #E3E3E8}
.th .bk{display:flex;align-items:center;gap:6px;color:#45423C;font-size:16px}.th .bk svg{width:11px;height:18px}
.th .nm{text-align:center;line-height:1.2}.th .nm b{font-size:16.5px;font-weight:600}.th .nm small{display:block;font-size:13px;color:#8E8E93}
.th .av{justify-self:end;width:40px;height:40px;border-radius:50%;background:#0B0B0A;color:#fff;display:flex;align-items:center;justify-content:center}.th .av svg{width:21px;height:21px}
.tb{padding:12px 12px 14px;display:flex;flex-direction:column;gap:7px;background:#DCDCD8;position:relative}
.tb:before{content:"";position:absolute;inset:0;opacity:.22;background-image:transparent,transparent,transparent;background-size:70px 70px,55px 55px,90px 90px}
.tb>*{position:relative}
.dp{align-self:center;font-size:13px;font-weight:500;color:#fff;background:rgba(69,66,60,.42);padding:3px 10px;border-radius:0;margin:2px 0 3px}
.m{max-width:80%;padding:7px 10px 6px 11px;border-radius:0;line-height:1.32;box-shadow:0 1px 1px rgba(0,0,0,.13)}
.m .tm{float:right;display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:#DCDCD8;margin:7px 0 -3px 10px}
.m.o{align-self:flex-end;background:#F4F4F2;border-bottom-right-radius:0}
.m.o .tm{color:#45423C}.ck{width:16px;height:11px}
.m.i{align-self:flex-start;background:#fff;border-bottom-left-radius:0}
.vc .wv{min-width:0}.m.o:first-of-type{}
.vc{display:flex;align-items:center;gap:10px;padding:2px 2px 0 0}
.vc .pl{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#DCDCD8;color:#fff;display:flex;align-items:center;justify-content:center}.vc .pl svg{width:17px;height:17px;margin-left:2px}
.wv{display:flex;align-items:flex-end;gap:2px;height:22px}.wv i{width:3px;border-radius:0;background:#DCDCD8}.wv i.o{background:#DCDCD8}
.vc small{display:block;font-size:12px;color:#45423C;margin-top:3px}
.m .tx{margin-top:7px;padding:6px 9px;border-radius:0;background:rgba(220,220,216,.13);font-size:14.5px;line-height:1.35}
.alb{padding:3px;max-width:86%}
.m.i b{font-weight:600}
.vm{max-width:66%}
.wv i{width:3.4px}
.wv{height:26px}
.ag{display:grid;grid-template-columns:1fr 1fr;gap:2px;border-radius:0;overflow:hidden}
.shot{position:relative;aspect-ratio:1/1.08;background:#fff;padding:9px 8px;font-family:'Golos Text',sans-serif;overflow:hidden}
.shot .nb{display:flex;align-items:center;gap:4px;margin-bottom:10px}.shot .nb i{width:10px;height:10px;border-radius:0;background:#0B0B0A}.shot .nb u{height:3px;width:14px;border-radius:0;background:#DCDCD8;text-decoration:none}
.shot .nb.w i{background:#fff}.shot .nb.w u{background:rgba(255,255,255,.6)}
.shot .h{font-size:12px;font-weight:800;line-height:1.08;letter-spacing:-.01em}
.shot .p{font-size:8px;color:#667;margin-top:5px;line-height:1.3}
.shot .bt{display:inline-block;margin-top:7px;font-size:7.5px;font-weight:700;color:#fff;background:#0B0B0A;padding:5px 8px;border-radius:0}
.shot .ph{position:absolute;left:8px;right:8px;bottom:9px;height:38%;border-radius:0;background:#DCDCD8;overflow:hidden}
.shot .ph:after{content:"";position:absolute;left:28%;top:18%;width:44%;height:70%;border:3px solid #fff;border-radius:0;background:#fff}
.shot.s2{background:#45423C;color:#fff}
.shot.s2:after{content:"";position:absolute;left:30%;top:34%;width:40%;height:44%;border:3px solid #fff;border-radius:0;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.shot .fm{z-index:2}
.shot.s2 .h{font-size:13px;margin-top:6px;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.shot .fm{position:absolute;left:8px;right:8px;bottom:9px;background:#fff;border-radius:0;padding:6px;display:flex;flex-direction:column;gap:4px}
.shot .fm span{font-size:7.5px;color:#99A;border:1px solid #E1E3E8;border-radius:0;padding:4px 5px}
.shot .fm b{font-size:7.5px;color:#fff;background:#0B0B0A;border-radius:0;padding:5px;text-align:center}
.shot .lb{position:absolute;left:6px;bottom:6px;z-index:2;min-width:20px;height:20px;padding:0 6px;border-radius:0;background:rgba(0,0,0,.5);color:#fff;font-size:11.5px;font-weight:600;display:flex;align-items:center;justify-content:center}
.shot .fm~.lb{bottom:auto;top:6px;left:auto;right:6px}
.shot .ph~.lb{bottom:auto;top:6px;left:auto;right:6px}
.cp{padding:6px 8px 3px}
.tf{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#F7F7F9;border-top:1px solid #E3E3E8;color:#8E8E93}
.tf svg{width:24px;height:24px;flex:0 0 24px}
.tf .in{flex:1;font-size:15.5px;background:#fff;border:1px solid #E1E1E6;border-radius:0;padding:7px 14px}
.pr.pr2{grid-template-columns:1fr 1fr}
.plan .pc{margin-top:2px}
.ft{background:var(--ink);color:#fff;padding:56px 88px 56px;margin-top:0}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:40px;align-items:start}
.fa p{font-size:16px;line-height:1.5;color:rgba(255,255,255,.65);margin-top:18px;max-width:380px}
.ft .logo b{background:rgba(255,255,255,.18)}
.fn{display:flex;flex-direction:column;gap:11px;font-size:16px}
.fn span{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:3px}
.fn a{text-decoration:none;color:rgba(255,255,255,.88)}.fn a:hover{color:#fff}
.ft .btn{box-shadow:none;font-size:16px;padding:15px 24px;white-space:nowrap}
.fin{margin-bottom:96px}
@media (max-width:760px){
 .tg2{border-radius:0;font-size:14.5px}.m{max-width:88%}.alb{max-width:92%}
 .shot .h{font-size:10.5px}.shot .p{display:none}.shot .ph{height:30%}.shot.s2:after{top:50%;height:22%;left:34%;width:32%}.shot .nb{margin-bottom:7px}
 .pr.pr2{grid-template-columns:1fr}
 .ft{padding:40px 16px}.fg{grid-template-columns:1fr 1fr;gap:28px}.fa,.fb{grid-column:1/-1}
}

/* 07.10: логотип HeightLine и строка позиционирования */
.logo.hlg{gap:12px;text-decoration:none;color:inherit}
.logo.hlg img{display:block;width:51px;height:34px;border-radius:0;flex:0 0 51px}
.logo.hlg .lt{display:flex;flex-direction:column;line-height:1.15}
.logo.hlg .lt b{width:auto;height:auto;background:none;border-radius:0;font-size:18px;font-weight:800;letter-spacing:-.01em}
.ft .logo.hlg .lt b{background:none;color:#fff}
.logo.hlg .lt small{font-size:12.5px;color:var(--mute);margin-top:2px;white-space:nowrap}
.ft .logo.hlg .lt small{color:rgba(255,255,255,.55)}
.by{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--mute);margin-bottom:22px}
.by i{width:9px;height:9px;border-radius:0;background:#DA291C;flex:0 0 9px}
.xform small a{color:inherit}
.xerr{font-size:14px;color:#B3261E;background:#F4F4F2;border-radius:0;padding:10px 12px;margin:0;text-align:center}
.xerr[hidden]{display:none}
@media (max-width:760px){
 .logo.hlg img{width:42px;height:28px;flex-basis:42px}.logo.hlg .lt b{font-size:16px}.logo.hlg .lt small{display:none}
 .by{font-size:13px;margin-bottom:14px;align-items:flex-start}.by i{margin-top:4px}
}

/* ═══ 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:#DCDCD8}

/* цвет на отдельном слове и градиентный текст - запрещено: возвращаем обычный цвет */
.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:#F4F4F2;--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:#F4F4F2;--purple:#F4F4F2;--violet:#F4F4F2;--pink:#F4F4F2;--orange:#F4F4F2;--mag-t:#F4F4F2}
.o39 .dz-tab.akt{background:#F4F4F2!important;border-color:#F4F4F2!important;color:#0B0B0A!important}
.o39 .soob-vy{background:#F4F4F2!important;color:#0B0B0A!important}
.o39 .dz-vvod button{background:#F4F4F2!important;color:#0B0B0A!important}
.o39 .sut .sut-vremya{background:#F4F4F2!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 .fin{background:var(--chern)!important;color:var(--bumaga);--akc:#F4F4F2;--purple:#F4F4F2;--violet:#F4F4F2;--pink:#F4F4F2;--orange:#F4F4F2}
.o39 .fin>.liniya-setki .ramka span{border-color:var(--lin-t)}
.o39 .fin .z39 .knopka{background:var(--bumaga);color:var(--chern)}
.o39 .fin :is(.kicker,.sek-pod,.label,.lid,b,strong,small){color:inherit!important}
.o39 .fin :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:#F4F4F2}
.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 .fin :is(p,li,dd,td){color:rgba(244,244,242,.8)!important}
/* Лев: кадры 39е в разметке оригинала ii-seo */
.o39 .lev-kadr{margin:40px 0 0;grid-column:1/-1}
.o39 .lev-kadr img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover}
@media (max-width:760px){.o39 .lev-kadr img{aspect-ratio:4/3}}
/* портрет - лицом, справа от заголовка «SEO-специалист нового поколения» (разбор D п.7) */
.o39 .lev-s3 .lev-portret{float:right;width:min(24%,300px);margin:0 0 24px 40px}
.o39 .lev-s3 .lev-portret img{aspect-ratio:1/1;object-position:50% 16%}
.o39 .lev-s3>*:not(h2):not(p):not(.lev-portret):not(.liniya-setki){clear:both}
@media (max-width:760px){.o39 .lev-s3 .lev-portret{float:none;width:100%;margin:0 0 24px}.o39 .lev-s3 .lev-portret img{aspect-ratio:4/5}}
/* аватар в окне чата */
.o39 .lev-av{overflow:hidden;padding:0!important;background:none!important}
.o39 .lev-av img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.o39 .lev-av svg{display:none}
.o39 .hl{color:inherit;font-weight:800;padding:0;background:none}
.o39 .ctl{border-radius:0}
.o39 .dp{background:rgba(11,11,10,.55)}
.o39 .tm{color:#45423C}
/* тёмная плашка второго слоя: сломанное правило фона после перекраски */
.o39 .shot.s2{background:#45423C}
/* итоговый тёмный блок уже рамки сайта - своя сетка внутри него лишняя (двойные линии) */
.o39 .fin>.liniya-setki{display:none}
@media (min-width:761px) and (max-width:1180px){.o39 .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-left:32px;padding-right:32px;gap:32px}.o39 .hero>*{min-width:0}}
@media (max-width:1180px){.o39 .num{min-width:0;padding:22px 18px}.o39 .num b{font-size:clamp(30px,4.4vw,52px)}}
:root{--acc:#0B0B0A;--acc2:#0B0B0A;--accd:#0B0B0A}
/* кнопка голосового сообщения в окне чата - видимая */
.o39 .pl{background:#0B0B0A!important}
.o39 .pl svg{fill:#fff;color:#fff}
/* время сообщений в чате - не мельче 12 px */
.o39 .tm{font-size:12px!important}
/* метки без капслока, не мельче 15 px */
.o39 :is(.who,.cmp .cr.h>div){text-transform:none!important;letter-spacing:0!important;font-size:15px!important}
.o39 .site{font-size:14px!important}
.o39 #lead small,.o39 #lead small a{font-size:14px}
.o39 .sec .z39-obert,.o39 .fin .z39-obert{padding-left:0;padding-right:0;max-width:none}
/* ── круг 2: форма оригинала - подпись над полем, поле подчёркнуто (resheniya2 п.12), подписи не мельче 14 px (п.7) ── */
.o39 .xform{gap:6px}
.o39 .xlab{display:block;font-weight:600;font-size:16px;line-height:1.35;margin:10px 0 0;color:#0B0B0A}
.o39 .xlab small{font-weight:400;font-size:14px}
.o39 .xform .xfld{border:0;border-bottom:2px solid #0B0B0A;padding:10px 0;font-size:19px;background:transparent}
.o39 .xform .xfld:focus{border-color:#45423C}
.o39 .xform .xfld.err{border-color:#B3261E;background:transparent}
.o39 .xform .btn{margin-top:16px}
.o39 .xform small,.o39 .xform small a{font-size:15px!important;color:#15140F;text-align:left}
.o39 .xform .xerr{color:#B3261E;font-weight:600;font-size:15px}
.o39 .xform .xerr a{color:inherit}
.o39 .xform .ok{background:transparent;border:2px solid #0B0B0A;color:#0B0B0A;font-size:16px}
.o39 .lev-lineyka{max-width:860px;margin:24px 0 0;font-size:17px;line-height:1.55;color:#15140F}
.o39 .lev-lineyka a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.o39 .hero .forma-str{max-width:520px}
/* без теней, как на главной */
.o39 .btn{box-shadow:none!important}
.o39 .tg2{box-shadow:none!important;border:1px solid rgba(11,11,10,.14)}
/* ── круг 3 (приёмка 2, п.8): портрет Льва в первом экране ── */
.o39 .hero .lev-lico{margin:0 0 18px;width:136px}
.o39 .hero .lev-lico img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%}
@media (max-width:760px){.o39 .hero .lev-lico{width:124px;margin-bottom:16px}}
/* ═══ круг 4 (приёмка 3, п.6): крупный портрет первого экрана - правая колонка над окном чата ═══ */
.o39 .hero{align-items:start}
.o39 .hero .lev-lico{width:100%;margin:0}
.o39 .hero .lev-lico img{aspect-ratio:5/4;object-position:50% 14%}
.o39 .hero .lev-lico+.tg2{position:relative;z-index:1;margin:-96px 0 0 48px}
@media (max-width:760px){
  .o39 .hero>div:has(>.lev-lico){display:contents}
  .o39 .hero .lev-lico{order:-1;width:100%}
  .o39 .hero .lev-lico img{aspect-ratio:4/3;object-position:50% 12%}
  .o39 .hero .lev-lico+.tg2{margin:0}
}
.o39 .z39-tel{margin-bottom:32px}
@media (min-width:601px){.o39 .z39-tel{display:none!important}}


/* формы сайта 39е (resheniya2 п.6, п.12): подпись над полем, поле подчёркнуто - как на главной */
.o39 .z39f{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:16px var(--gap);padding:24px 0 0;border-top:2px solid currentColor}
.o39 .z39f .forma{grid-column:auto;margin:0}
.o39 .z39f .z39-t{padding-top:6px}
.o39 .z39f .z39-t span{opacity:1}
.o39 :is(.z39f,.forma-str) .pole{display:block;margin:0 0 12px}
.o39 :is(.z39f,.forma-str) .pole label{display:block;font-weight:600;font-size:16px;line-height:1.35;margin:0 0 6px;color:inherit}
.o39 :is(.z39f,.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 :is(.z39f,.forma-str) .pole input:focus{outline:0;border-color:#45423C;background:transparent;box-shadow:none}
.o39 :is(.z39f,.forma-str) .pole.ploho input{border-color:#B3261E}
.o39 :is(.z39f,.forma-str) .pole-osh{display:block;color:#B3261E;font-size:15px;font-weight:600;min-height:0;margin-top:4px}
.o39 :is(.z39f,.forma-str) .pole-osh:empty{display:none}
.o39 :is(.z39f,.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 :is(.z39f,.forma-str) .soglasie input{position:absolute;left:0;top:1px;width:20px;height:20px;margin:0;accent-color:#0B0B0A}
.o39 :is(.z39f,.forma-str) .soglasie.ploho{color:#B3261E}
.o39 :is(.z39f,.forma-str) .soglasie a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.o39 :is(.z39f,.forma-str) .knopka{border:0;cursor:pointer;white-space:nowrap}
.o39 :is(.z39f,.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 :is(.z39f,.forma-str) .forma-ok a{color:inherit}
.o39 :is(.z39f,.forma-str).otpravleno .pole,.o39 :is(.z39f,.forma-str).otpravleno .soglasie,.o39 :is(.z39f,.forma-str).otpravleno .knopka,.o39 .forma.otpravleno .pole,.o39 .forma.otpravleno .soglasie,.o39 .forma.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) :is(.z39f,.forma-str) .soglasie input{accent-color:#F4F4F2}
.o39 :is(.band-dark,.fin,.sek-graf,.sek-final,.sek-tyomn) :is(.z39f,.forma-str) :is(.pole-osh,.soglasie.ploho){color:#FFB4AB}
.o39 :is(.band-dark,.fin,.sek-graf,.sek-final,.sek-tyomn) :is(.z39f,.forma-str) .pole.ploho input{border-color:#FFB4AB}
.o39 :is(.band-dark,.fin,.sek-graf,.sek-final,.sek-tyomn) .z39f .knopka{background:#F4F4F2;color:#0B0B0A}
@media (max-width:900px){.o39 .z39f{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.o39 .z39f .forma-kor{grid-template-columns:minmax(0,1fr)}.o39 .z39f .knopka{justify-content:center;width:100%}}
@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%}}

/* 23.10.2026 вёрстка (6461/20838): на ширине 761-900 три колонки преимуществ и четыре колонки шагов
   не помещались - третья колонка обрезалась краем экрана; здесь по две колонки. */
@media (min-width:761px) and (max-width:900px){.usp,.x4{grid-template-columns:repeat(2,minmax(0,1fr))}}
