@font-face{font-family:"Onest";src:url(fonts/onest.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--bg);color:var(--fg);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
h1,h2,h3{font-family:var(--fh);line-height:1.12;font-weight:700}
.w{max-width:1280px;margin:0 auto;padding:0 32px}
.ic{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ac);color:var(--onac,#fff);padding:14px 22px;border-radius:var(--rb,6px);font-weight:600;font-size:15px;border:0;cursor:pointer;font-family:var(--fb);white-space:nowrap;transition:filter .2s}
.btn:hover{filter:brightness(1.1)}.btn.ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--line2,currentColor)}
/* topbar & header */
.topbar{font-size:13px;color:var(--mut);border-bottom:1px solid var(--line)}.topbar .w{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}
.hdr{background:var(--hbg,var(--bg));position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;gap:24px;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:center;gap:10px;flex:none}.logo .mk{height:40px;width:auto;color:var(--logo,#0053A8)}.logo .lt{display:flex;flex-direction:column;line-height:1.1}.logo .lt b{font-family:var(--fh);font-size:20px;letter-spacing:-.2px;color:var(--logot,var(--fg))}.logo .lt small{font-size:11.5px;color:var(--mut);margin-top:3px}
.hsearch{flex:1;min-width:200px}
.sbox{position:relative;display:flex;align-items:center;background:var(--sbg,#fff);border:1.5px solid var(--sline,var(--line));border-radius:var(--rs,8px);height:46px;padding-left:12px}
.sbox .s-ic{color:var(--ac);display:flex}.sbox input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:15px;padding:0 10px;color:var(--sfg,var(--fg));min-width:0}
.sbox button{height:100%;border:0;background:var(--ac);color:var(--onac,#fff);padding:0 16px;font:600 14px var(--fb);border-radius:0 calc(var(--rs,8px) - 2px) calc(var(--rs,8px) - 2px) 0;cursor:pointer}
.s-res{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;color:#1a1a1a;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.18);overflow:hidden;z-index:80;text-align:left}
.s-res a{display:block;padding:10px 14px;border-bottom:1px solid #eee}.s-res a:hover{background:#f3f6fb}.s-res b{display:block;font-size:14.5px}.s-res span{font-size:12.5px;color:#667}.s-none{padding:14px;font-size:14px;color:#556}
.hct{display:flex;align-items:center;gap:14px;flex:none}.hph a{font-weight:700;font-size:17px;white-space:nowrap}
.msgs{display:flex;gap:8px;flex-wrap:wrap}.msgs a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600}
.m-max{color:#5B2BE0}.m-tg{color:#229ED9}
.msgs:not(.hm) a{padding:8px 12px;border-radius:40px;background:var(--mbg,rgba(127,127,127,.1))}.msgs:not(.hm) a span{color:var(--fg)}
.hm .ic{width:30px;height:30px}
.navrow{border-top:1px solid var(--line)}.nav{display:flex;gap:4px;flex-wrap:wrap}
.ni{position:relative}.nt{display:block;padding:12px 12px;font-weight:600;font-size:14.5px;color:var(--navc,var(--fg))}.ni:first-child .nt{padding-left:0}.nt:hover{color:var(--ac)}
.dd{display:none;position:absolute;left:0;top:100%;min-width:320px;background:#fff;color:#1b1b1b;border-radius:10px;box-shadow:0 18px 44px rgba(0,0,0,.16);padding:10px;z-index:70}
.ni:hover .dd{display:block}.dd a{display:block;padding:8px 10px;border-radius:6px;font-size:14.5px}.dd a:hover{background:#f1f4f9}.dd a.sec{color:#6b7280;font-size:13.5px}
.hcall{display:none;width:38px;height:38px;border-radius:50%;background:var(--ac);color:var(--onac,#fff);align-items:center;justify-content:center}.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center}.burger i{display:block;width:24px;height:2.5px;background:var(--fg);border-radius:2px}
/* sections */
.sec{padding:72px 0 0}.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}.sh h2{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.5px}.sh p{color:var(--mut);max-width:560px}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:30px;background:var(--tagbg,rgba(0,83,168,.09));color:var(--tagc,var(--ac));margin:0 6px 6px 0}
.svc2{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;align-items:center}.svc2 span{color:var(--mut);font-size:14px;margin-right:6px}.svc2 a{font-size:14px;padding:7px 13px;border-radius:30px;border:1px solid var(--line);}
.svc2 a:hover{border-color:var(--ac);color:var(--ac)}
.more{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--ac);margin-top:10px}.more .ic{width:16px;height:16px}
.pw{display:grid;place-items:center;width:100%;height:100%;background:var(--pwbg,rgba(0,83,168,.07));color:var(--ac)}.pic{width:64px;height:64px}
/* cases default grid */
.cases{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cases-c a{display:flex;flex-direction:column;height:100%;background:var(--card);border-radius:var(--rc,10px);overflow:hidden;border:1px solid var(--line)}
.cases-m{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ddd}.cases-m img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.cases-c a:hover img{transform:scale(1.04)}
.yr{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.66);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:4px}
.cases-b{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.cases-b b{font-size:17px;line-height:1.3;margin-bottom:8px;font-family:var(--fh)}.cases-b .d{font-size:14px;color:var(--mut);flex:1}
.cfilter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.cfilter button{font:600 14px var(--fb);padding:8px 14px;border-radius:30px;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer}.cfilter button.on{background:var(--ac);color:var(--onac,#fff);border-color:var(--ac)}
/* about */
.ab{display:grid;grid-template-columns:440px 1fr;gap:48px;align-items:center}.abf img{width:440px;height:330px;object-fit:cover;border-radius:var(--rc,10px)}.abf figcaption{font-size:13px;color:var(--mut);margin-top:8px}
.abt h2{font-size:clamp(26px,2.8vw,36px);margin-bottom:16px}.abt p{color:var(--mut);margin-bottom:16px;font-size:17px}
.chk{list-style:none;margin-bottom:24px}.chk li{padding:6px 0 6px 30px;position:relative}.chk li:before{content:"";position:absolute;left:0;top:10px;width:18px;height:18px;border-radius:50%;background:var(--ac) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' stroke='white' stroke-width='3' fill='none'/%3E%3C/svg%3E") center/12px no-repeat}
/* steps */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps li{background:var(--card);border:1px solid var(--line);border-radius:var(--rc,10px);padding:22px}.steps .sn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ac);color:var(--onac,#fff);font-weight:700;margin-bottom:12px}.steps b{display:block;font-size:18px;margin-bottom:6px;font-family:var(--fh)}.steps span:not(.sn){font-size:14.5px;color:var(--mut)}
/* certs */
.certs{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.certs figure{background:var(--card);border:1px solid var(--line);border-radius:var(--rc,10px);padding:12px;display:flex;flex-direction:column}
.certs a{display:grid;place-items:center;height:210px;background:#f2f2ef;border-radius:6px;overflow:hidden}.certs img{max-height:200px;width:auto;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .3s}.certs a:hover img{transform:scale(1.05)}.certs figcaption{font-size:13px;margin-top:10px;line-height:1.35;color:var(--mut)}
/* faq */
.faq{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--rc,10px);overflow:hidden}.faq th,.faq td{text-align:left;vertical-align:top;padding:16px 20px;border-bottom:1px solid var(--line)}.faq thead th{background:var(--thbg,var(--ac));color:var(--thc,#fff);font-size:14px;letter-spacing:.3px}.faq tbody th{width:34%;font-family:var(--fh);font-size:16.5px}.faq td{color:var(--mut)}
/* lead form */
.lead{padding-bottom:0}.lg{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;background:var(--lbg,var(--card));color:var(--lfg,var(--fg));border-radius:var(--rc,10px);padding:44px;border:1px solid var(--line)}
.lgt h2{font-size:clamp(26px,2.8vw,38px);margin-bottom:12px}.lgt p{opacity:.8;margin-bottom:22px}.lgc{display:flex;flex-direction:column;gap:14px}.lph{display:flex;flex-direction:column;gap:4px}.lph a{font-size:20px;font-weight:700}.lmail{display:inline-flex;gap:8px;align-items:center}
.lf{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.lf label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.lf .wide,.lf .agree,.lf .btn,.lf .ok{grid-column:1/-1}
.lf input,.lf textarea{font:inherit;font-size:15px;padding:13px 14px;border-radius:var(--rs,8px);border:1.5px solid var(--fline,rgba(127,127,127,.35));background:var(--fbg,#fff);color:#111;outline:0;resize:vertical}.lf input:focus,.lf textarea:focus{border-color:var(--ac)}
.lf .agree{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:13px;opacity:.9}.lf .agree input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--ac)}.lf .agree a{text-decoration:underline;text-underline-offset:2px}
.lf .btn{justify-content:center;padding:16px}.ok{background:#e7f6ea;color:#185c2a;padding:12px 14px;border-radius:8px;font-size:14px}
/* footer */
.ftr{margin-top:72px;background:var(--fbg2,#0f1520);color:#d8dde6;padding:52px 0 26px;font-size:14px}.ftr .logo .lt b{color:#fff}.ftr .logo .mk{color:#fff}
.fgrid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}.fgrid>div{display:flex;flex-direction:column;gap:8px}.fgrid b a{color:#fff;font-size:15px}.fgrid a{color:#b8c0cc}.fgrid a:hover{color:#fff}.fco p{color:#9aa3b2;line-height:1.6;margin:10px 0}
.fph{display:flex;flex-direction:column;gap:2px}.fph a{color:#fff!important;font-weight:700;font-size:16px}.ftr .msgs a{background:rgba(255,255,255,.08)}.ftr .msgs a span{color:#fff}
.fbot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:18px;color:#8b94a3;font-size:13px}.fbot a{color:#b8c0cc;text-decoration:underline;text-underline-offset:2px}
/* responsive */
@media (max-width:1180px){.hph{display:none}.cases{grid-template-columns:repeat(3,1fr)}.certs{grid-template-columns:repeat(3,1fr)}.fgrid{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:980px){.hsearch{order:3;flex-basis:100%}.hrow{flex-wrap:wrap}.hct .btn{display:none}.burger{display:flex}.hct{margin-left:auto}.hcall{display:inline-flex}.navrow{display:none}body.menu-open .navrow{display:block}.nav{flex-direction:column;padding:8px 0 16px}.ni:first-child .nt{padding-left:12px}.dd{position:static;display:none;box-shadow:none;min-width:0;padding:0 0 8px 12px;background:transparent;color:inherit}.ni:hover .dd{display:block}
.ab,.lg{grid-template-columns:1fr}.abf img{width:100%;max-width:440px;height:auto;aspect-ratio:4/3}.steps{grid-template-columns:1fr 1fr}.cases{grid-template-columns:1fr 1fr}.topbar .tb-r{display:none}}
@media (max-width:640px){.w{padding:0 16px}.v5 .logo .lt b{font-size:13.5px!important}.hrow{gap:8px}.hct .btn{display:none!important}.logo{flex:0 1 auto;min-width:0;overflow:hidden}.logo .lt b{font-size:16px!important;letter-spacing:0!important}.hcall{width:34px;height:34px}.hct{gap:8px}.hct .hm{gap:6px}.logo .lt small{display:none}.logo .mk{height:32px}.logo .lt b{font-size:17px}.hm .m-tg{display:none!important}.hm .ic{width:34px;height:34px}.cases,.steps{grid-template-columns:1fr}.certs{grid-template-columns:1fr 1fr}.lg{padding:24px}.lf{grid-template-columns:1fr}.faq thead{display:none}.faq tr{display:block;border-bottom:1px solid var(--line)}.faq th,.faq td{display:block;width:auto!important;border:0;padding:12px 16px}.faq td{padding-top:0}.fgrid{grid-template-columns:1fr}.sec{padding-top:52px}.topbar{display:none}.sbox button{padding:0 12px}}
.v2{--bg:#101318;--fg:#ECEFF4;--mut:#A3ACBA;--ac:#3D8BFF;--card:#181D25;--line:#262D38;--fh:"Onest";--fb:"Onest";--rc:14px;--rb:10px;--rs:10px;--sbg:#181D25;--sline:#323B49;--mbg:#1D232D;--tagbg:rgba(61,139,255,.14);--tagc:#7DB2FF;--pwbg:#1D2430;--logo:#fff;--fbg2:#0A0C10;--thbg:#1D2430;--lbg:#181D25;--fline:#323B49}
.v2 .topbar{background:#0A0C10}.v2 .hdr{background:rgba(16,19,24,.94);backdrop-filter:blur(8px)}.v2 .dd{background:#1A2029;color:#ECEFF4}.v2 .dd a:hover{background:#252C37}.v2 .dd a.sec{color:#8C96A6}.v2 .m-max{color:#9C7BFF}
.v2 .hero{position:relative;min-height:640px;display:flex;align-items:flex-end;overflow:hidden}.v2 .hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7)}
.v2 .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,19,24,.96) 0%,rgba(16,19,24,.82) 42%,rgba(16,19,24,.25) 100%),linear-gradient(0deg,#101318 0%,transparent 35%)}
.v2 .hero .w{position:relative;z-index:2;padding-bottom:56px;padding-top:80px;width:100%}.v2 .k{color:#7DB2FF;font-weight:600;letter-spacing:2px;text-transform:uppercase;font-size:13px}
.v2 h1{font-size:clamp(36px,5vw,64px);letter-spacing:-1.5px;max-width:760px;margin:14px 0 20px;font-weight:800}.v2 .lead-p{max-width:620px;font-size:18px;color:#C3CAD5}.v2 .cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.v2 .btn.ghost{color:#fff;box-shadow:inset 0 0 0 1.5px #4A5566}
.v2 .cap{position:absolute;right:32px;bottom:32px;z-index:2;font-size:13px;color:#C3CAD5;background:rgba(16,19,24,.7);padding:8px 12px;border-radius:8px}
.v2 .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#262D38;border-radius:14px;overflow:hidden;margin-top:-1px}.v2 .facts .f{background:#181D25;padding:24px}.v2 .facts b{display:block;font-size:30px;font-weight:800;color:#fff}.v2 .facts span{color:#A3ACBA;font-size:14px}
.v2 .svc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v2 .svc-c{background:#181D25;border:1px solid #262D38;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}.v2 .svc-c:hover{border-color:#3D8BFF}
.v2 .svc-m{height:150px;overflow:hidden}.v2 .svc-m img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.v2 .svc-b{padding:18px;display:flex;flex-direction:column;flex:1}.v2 .svc-b .n{color:#3D8BFF;font-weight:700;font-size:13px}.v2 .svc-b b{font-size:17px;margin:6px 0 8px}.v2 .svc-b .d{color:#A3ACBA;font-size:14px;flex:1}
.v2 .certs a{background:#E9EBEE}.v2 .steps .sn{color:#fff}.v2 .s-res{background:#1A2029;color:#ECEFF4}.v2 .s-res a{border-color:#262D38}.v2 .s-res a:hover{background:#252C37}.v2 .s-res span{color:#8C96A6}
@media(max-width:980px){.v2 .svc{grid-template-columns:1fr 1fr}.v2 .facts{grid-template-columns:1fr 1fr}.v2 .cap{display:none}}@media(max-width:640px){.v2 .svc{grid-template-columns:1fr}}/* эталон v2: внутренние страницы */
.v2 .svc-b .pr{margin-top:12px;font-weight:700;color:#7DB2FF;font-size:15px}
.v2 .svc-b .more{display:none}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.duo-c{background:linear-gradient(135deg,#1A2230,#141920);border:1px solid #262D38;border-radius:14px;padding:32px}.duo-c .k,.v2 .sbx .k,.ccard .k{color:#7DB2FF;font-weight:600;letter-spacing:2px;text-transform:uppercase;font-size:12.5px;display:block}.duo-c h2{font-size:28px;margin:10px 0 12px}.duo-c p{color:#A3ACBA;margin-bottom:20px}
.ptab{max-width:900px}.ptab .pc{white-space:nowrap;font-weight:700;color:#fff;text-align:right}.note{color:#8C96A6;font-size:14px;margin-top:12px;max-width:900px}
.tb{width:100%;border-collapse:collapse;background:#181D25;border:1px solid #262D38;border-radius:12px;overflow:hidden;margin:18px 0;font-size:15px}.tb th{background:#1D2430;text-align:left;padding:12px 16px;font-weight:600;color:#C3CAD5}.tb td{padding:12px 16px;border-top:1px solid #262D38;vertical-align:top}.tb td:first-child{font-weight:600;color:#ECEFF4}.tb a{color:#7DB2FF}
.cat .k1,.cat .k2,.cat .k3,.cat .k4,.cat .k5{display:inline-block;padding:3px 10px;border-radius:20px;font-size:13.5px;white-space:nowrap}.k1{background:#173A2A;color:#7EE2A8}.k2{background:#1E3A23;color:#B5E27E}.k3{background:#3A3317;color:#F2D16B}.k4{background:#3E2418;color:#FF9C6B}.k5{background:#431A1E;color:#FF7B86}
/* page hero */
.phero{position:relative;padding:28px 0 44px;border-bottom:1px solid #262D38;overflow:hidden}.phero.has-img{min-height:480px;display:flex;align-items:flex-end}.phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.phero.has-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,19,24,.97) 0%,rgba(16,19,24,.85) 45%,rgba(16,19,24,.3) 100%),linear-gradient(0deg,#101318 0%,transparent 40%)}
.phero .w{position:relative;z-index:2;width:100%}.phero h1{font-size:clamp(32px,4.2vw,54px);letter-spacing:-1.2px;font-weight:800;max-width:860px;margin:12px 0 16px;line-height:1.08}.phero .lead-p{max-width:720px;font-size:18px;color:#C3CAD5}.phero .k{color:#7DB2FF;font-weight:600;letter-spacing:2px;text-transform:uppercase;font-size:13px;margin-top:22px}.phero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.phero .tags{margin-top:18px}
.crumbs{font-size:14px;color:#8C96A6;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.crumbs a{color:#A3ACBA}.crumbs a:hover{color:#fff}.crumbs i{font-style:normal;opacity:.5}.crumbs span{color:#ECEFF4}
.hmeta{display:flex;gap:28px;flex-wrap:wrap;margin-top:26px}.hmeta span{display:flex;flex-direction:column;font-size:13.5px;color:#A3ACBA;border-left:2px solid #3D8BFF;padding-left:12px}.hmeta b{color:#fff;font-size:17px}
/* article */
.art-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-top:44px;align-items:start}.case-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;padding-top:44px;align-items:start}
.toc{display:flex;flex-direction:column;gap:2px;font-size:14.5px;margin-bottom:18px;background:#14181F;border:1px solid #262D38;border-radius:14px;padding:16px}.toc b{margin-bottom:8px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#8C96A6}.toc a{color:#A3ACBA;padding:6px 10px;border-left:2px solid #262D38}.toc a:hover,.toc a.on{color:#fff;border-color:#3D8BFF;background:#181D25}
.art{min-width:0;font-size:17px;line-height:1.65;color:#D4DAE3}.art section{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid #1F2530;scroll-margin-top:130px}.art h2{font-size:30px;letter-spacing:-.6px;color:#fff;margin-bottom:16px;line-height:1.15}.art h3{font-size:21px;color:#fff;margin:22px 0 10px}.art p{margin:0 0 14px}.art p b{color:#fff}
.art .chk li{margin-bottom:8px}.fig-r{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:32px;align-items:start;margin:10px 0}.fig-r figure img,.case-ex figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.art figcaption,.gal3 figcaption{font-size:13.5px;color:#8C96A6;margin-top:8px;line-height:1.4}.gal3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.gal3 img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.steps2{list-style:none;counter-reset:s;padding:0;display:grid;gap:12px;margin:18px 0}.steps2 li{counter-increment:s;display:grid;grid-template-columns:48px 1fr;column-gap:16px;background:#181D25;border:1px solid #262D38;border-radius:12px;padding:16px 18px}.steps2 li:before{content:counter(s);grid-row:span 2;width:40px;height:40px;border-radius:50%;background:#3D8BFF;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}.steps2 b{color:#fff}.steps2 span{color:#A3ACBA;font-size:15.5px}
.case-ex{display:grid;grid-template-columns:360px minmax(0,1fr);gap:32px;background:#181D25;border:1px solid #262D38;border-radius:14px;padding:24px;align-items:start}.case-ex .tags{margin-bottom:10px}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.side{position:sticky;top:120px;max-height:calc(100vh - 140px);overflow:auto;scrollbar-width:thin}.sbx{background:#181D25;border:1px solid #262D38;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:12px}.sbx .big{font-size:26px;color:#fff;font-weight:800}.sbx .big2{font-size:20px;color:#fff;line-height:1.25}.sbx p{color:#A3ACBA;font-size:14.5px}.sbx .btn{justify-content:center;text-align:center}.sph{display:flex;flex-direction:column;gap:4px;font-weight:700}.sph a{color:#fff}.sbx .msgs{display:flex;flex-wrap:wrap;gap:8px}.sbx .msgs a{font-size:13.5px}
.svc2.big a{font-size:15.5px;padding:10px 16px}
.cmeta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#262D38;border:1px solid #262D38;border-radius:12px;overflow:hidden;margin:0 0 36px}.cmeta div{background:#181D25;padding:14px 16px}.cmeta dt{font-size:12.5px;color:#8C96A6;text-transform:uppercase;letter-spacing:1px}.cmeta dd{margin:4px 0 0;color:#fff;font-weight:600;font-size:15.5px}
.verdict{background:linear-gradient(135deg,#3E2418,#1D1512);border:1px solid #6B3A22;border-radius:14px;padding:22px 24px;margin:8px 0 18px}.verdict b{color:#FF9C6B;font-size:20px;display:block;margin-bottom:8px}.anon{font-size:14px;color:#8C96A6;border-left:2px solid #3D8BFF;padding-left:12px}
/* list */
.sec.s0{padding-top:40px}.lsearch{max-width:640px;margin-bottom:18px}.cfilter i{font-style:normal;opacity:.6;font-size:12.5px;margin-left:4px}.empty{color:#A3ACBA;padding:20px 0}
.pager{display:flex;gap:8px;margin-top:32px;align-items:center;flex-wrap:wrap}.pager a,.pager span{padding:9px 15px;border:1px solid #262D38;border-radius:8px;color:#A3ACBA;display:inline-flex;gap:6px;align-items:center}.pager .on{background:#3D8BFF;border-color:#3D8BFF;color:#fff}.pager .ic{width:16px;height:16px}
/* certs */
.certs2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:12px}.certs2 figure{margin:0;display:flex;flex-direction:column}.certs2 a{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#EEF0F3,#DADFE5);border-radius:12px;padding:16px;height:280px;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s}.certs2 a:hover{transform:translateY(-4px)}.certs2 img{max-width:100%;max-height:248px;width:auto;height:auto;object-fit:contain;box-shadow:0 4px 14px rgba(0,0,0,.25);background:#fff}.certs2 figcaption{font-size:14.5px;color:#C3CAD5;margin-top:12px;line-height:1.4}
.cg{font-size:22px;margin:30px 0 16px;color:#fff}.cg:first-child{margin-top:0}.cnote{margin-top:24px;color:#A3ACBA;border-left:2px solid #3D8BFF;padding-left:14px}
.lbx{position:fixed;inset:0;background:rgba(5,7,10,.92);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.lbx img{max-width:min(1000px,94vw);max-height:84vh;background:#fff;border-radius:6px}.lbx p{color:#ECEFF4;margin-top:14px;text-align:center}.lbx button{position:absolute;top:16px;right:20px;background:none;border:0;color:#fff;font-size:34px;cursor:pointer}
/* contacts */
.cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ccard{background:#181D25;border:1px solid #262D38;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}.cph{display:flex;align-items:center;gap:12px;color:#fff;font-size:20px}.cph .ic{width:22px;height:22px;color:#3D8BFF}.mut{color:#8C96A6}
.cm{display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:center;padding:10px 12px;border:1px solid #262D38;border-radius:10px}.cm .ic{grid-row:span 2;width:34px;height:34px}.cm b{color:#fff}.cm span{color:#8C96A6;font-size:13.5px}.cm.m-max{border-color:#5B47B8;background:rgba(124,92,255,.08)}.cm.m-tg .ic{color:#2AABEE}.ccard .btn{align-self:flex-start}.ccard.req .tb{margin:0}.route{max-width:820px;color:#C3CAD5;font-size:17px}
/* legal */
.legal{max-width:860px;font-size:16.5px;line-height:1.7;color:#C3CAD5}.legal h2{font-size:22px;color:#fff;margin:28px 0 10px}.legal .lg-lead{font-size:18px;color:#ECEFF4}.legal a{color:#7DB2FF}
.lf .agree a{color:#7DB2FF;text-decoration:underline}
@media(max-width:1180px){.art-wrap{grid-template-columns:minmax(0,1fr) 280px}.fig-r,.case-ex{grid-template-columns:1fr}.fig-r figure,.case-ex figure{max-width:440px}}
@media(max-width:980px){.art-wrap,.case-wrap{grid-template-columns:1fr}.side{position:static;max-height:none}.side .toc{display:none}.duo,.cgrid,.cols2{grid-template-columns:1fr}.certs2{grid-template-columns:repeat(2,1fr)}.cmeta{grid-template-columns:1fr 1fr}.phero.has-img{min-height:420px}}
@media(max-width:640px){.gal3{grid-template-columns:1fr 1fr}.gal3 figure:nth-child(3){display:none}.art{font-size:16px}.art h2{font-size:24px}.tb{display:block;overflow-x:auto;font-size:14px}.tb th,.tb td{padding:10px 12px}.cmeta{grid-template-columns:1fr}.hmeta{gap:16px}.case-ex{padding:16px}.duo-c{padding:22px}.cph{font-size:18px}.certs2{gap:12px}.certs2 a{padding:10px;height:190px}.certs2 img{max-height:170px}.phero h1{font-size:30px}}
/* 27.10: боковая колонка всегда по высоте окна, без собственной прокрутки */
.side{max-height:none!important;overflow:visible!important}
.side .toc{font-size:13.5px;padding:12px 14px;margin-bottom:12px;gap:0}
.side .toc b{margin-bottom:6px;font-size:12px}
.side .toc a{padding:4px 10px;line-height:1.35}
.side .sbx{padding:16px 18px;gap:8px}
.side .sbx .big{font-size:21px;line-height:1.2}.side .sbx .big2{font-size:18px}
.side .sbx p{font-size:13.5px;line-height:1.45;margin:0}
.side .sph{font-size:15px;gap:2px}
.side .sbx .btn{padding-top:11px;padding-bottom:11px}
.side.s-c1 .toc b{cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin:0}
.side.s-c1 .toc b:after{content:"";width:7px;height:7px;border-right:2px solid #8C96A6;border-bottom:2px solid #8C96A6;transform:rotate(45deg);margin:0 4px 4px 0}
.side.s-c1 .toc a{display:none}.side.s-c1.s-open .toc a{display:block}.side.s-c1.s-open .toc b{margin-bottom:6px}.side.s-c1.s-open .toc b:after{transform:rotate(-135deg);margin-bottom:-4px}
.side.s-c2 .sbx p,.side.s-c2 .sph a:nth-child(n+2){display:none}
.side.s-st{position:static!important}

/* 27.10 р3: все пункты выпадающих меню одного цвета и начертания (раньше второстепенные .sec — серые и мельче) */
.dd a,.dd a.sec,.v2 .dd a.sec{color:#E3E8EF!important;font-size:14.5px!important;font-weight:500!important}
/* перенос: контент из WP */
.art.mig section:after{content:"";display:table;clear:both}
.art.mig .mfig{float:right;width:440px;max-width:46%;margin:4px 0 16px 28px}
.art.mig .mfig a,.mgal a{display:block}
.art.mig .mfig img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:12px;display:block;background:#e9ecef}
.mgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:18px 0;clear:both}
.art.mig .mgal .mfig{float:none;width:auto;max-width:none;margin:0}
.art.mig .mgal img{aspect-ratio:4/3;max-height:none}
.tbw{overflow-x:auto;margin:16px 0;clear:both}
.tbw .tb{min-width:720px}
.art.mig ul:not(.chk),.art.mig ol{padding-left:22px;margin:10px 0}
.art.mig li{margin:4px 0}
.art.mig blockquote{border-left:3px solid #c8ced6;margin:14px 0;padding:6px 16px;color:#3c4652}
.noimg{display:flex;align-items:center;justify-content:center;background:#e9edf1;color:#8a96a3;width:100%;height:100%;min-height:120px}
.cases-m img{background:#e9edf1}
.steps-in{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.phero.has-img>img{object-fit:cover}
@media(max-width:640px){.art.mig .mfig{float:none;width:100%;max-width:none;margin:12px 0}.steps-in{grid-template-columns:1fr!important}}
.mq{margin:0 0 14px}.mq input{width:100%;max-width:520px;padding:12px 16px;border-radius:10px;border:1px solid #2c3440;background:#11161c;color:inherit;font:inherit}
.mfilter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.mfilter button{border:1px solid #2c3440;background:transparent;color:inherit;border-radius:20px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer}
.mfilter button.on{background:#3b82f6;border-color:#3b82f6;color:#fff}.mfilter i{opacity:.65;font-style:normal;margin-left:4px}
.mmore{text-align:center;margin:26px 0 0}
.cases.compact .cases-m{display:none}
.anon{font-size:14px;opacity:.7;margin:0 0 14px}
.phero .tags a.tag{text-decoration:none}
.lf .hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.lf .err{color:#ff8a8a;margin:.5rem 0 0}
.rubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.rub h2{font-size:1.15rem;margin:0 0 .6rem}.rub h2 a{color:inherit}
.svc2 a i{font-style:normal;opacity:.55;margin-left:.35em}

/* 27.10: файлы в заявке */
.lf .lfile{display:flex;flex-direction:column;gap:8px}
.lf .lfl{font-size:14px;color:#A3ACBA}
.lf .fdrop{position:relative;display:flex;gap:14px;align-items:center;border:1.5px dashed #3A4556;border-radius:12px;padding:14px 16px;background:#141920;transition:border-color .2s,background .2s;cursor:pointer}
.lf .fdrop:hover,.lf .fdrop.on{border-color:#3D8BFF;background:rgba(61,139,255,.07)}
.lf .fdrop .ic{width:30px;height:30px;flex:0 0 30px;color:#7DB2FF}
.lf .fdt{display:flex;flex-direction:column;gap:2px}.lf .fdt b{color:#ECEFF4;font-size:15px;font-weight:600}.lf .fdt small{color:#8C96A6;font-size:13px}
.lf .fdrop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.lf .flist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lf .flist:empty{display:none}
.lf .flist li{display:flex;align-items:center;gap:10px;background:#181D25;border:1px solid #262D38;border-radius:10px;padding:8px 12px;font-size:14px;color:#D3D9E2}
.lf .flist .fn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lf .flist .fs{color:#8C96A6;font-size:13px;white-space:nowrap}
.lf .flist button{background:none;border:0;color:#8C96A6;font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.lf .flist button:hover{color:#ff8a8a}
.lf .ferr{color:#ff8a8a;font-size:14px;margin:0}
@media(max-width:640px){.lf .fdrop{padding:12px}.lf .fdt b{font-size:14px}}

/* 27.10 р3: фото-сетки (бывшие WP-таблицы с фото и галереи): 3 в ряд, 2 на телефоне, без воздуха */
.art{min-width:0;overflow-wrap:break-word}
.art img,.art video,.art iframe{max-width:100%}
.art table{max-width:100%}
.art .tbw{max-width:100%;overflow-x:auto}
.mgal{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:18px 0;clear:both}
.mgal.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mgal.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mgal.v.c2{max-width:calc((100% - 12px)*2/3 + 6px)}
.mgal.v.c1{grid-template-columns:minmax(0,300px)}
.mgal.c1{grid-template-columns:minmax(0,440px)}
.mgal .mfig{float:none!important;width:auto!important;max-width:none!important;margin:0!important}
.mgal .mfig a{display:block;height:100%}
.art.mig .mgal img,.mgal img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;max-height:none!important;border-radius:8px}
.art.mig .mgal.v img,.mgal.v img{aspect-ratio:3/4}
.tbw .tb.tb-n{min-width:0}
.mgal figcaption{font-size:13px;color:#A3ACBA;margin-top:4px}
.tb td.pgc{padding:6px!important}
.tb td.pgc .mgal{margin:0}
@media(max-width:640px){.mgal.v.c2{max-width:none}.mgal.c4{grid-template-columns:repeat(2,minmax(0,1fr))}.mgal.c3{grid-template-columns:repeat(2,minmax(0,1fr))}.mgal{gap:5px}}

/* 27.10 р3: проба фона hero на странице услуги (как на главной) */
.phero.hero-bg{min-height:560px;display:flex;align-items:flex-end;padding:40px 0 52px}
.phero.hero-bg>picture{position:absolute;inset:0;z-index:0}
.phero.hero-bg>picture img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;filter:saturate(.75) brightness(var(--hbf,1.05))}
.phero.hero-bg:after{z-index:1;background:linear-gradient(90deg,rgba(16,19,24,.97) 0%,rgba(16,19,24,.88) 38%,rgba(16,19,24,var(--hbm,.35)) 68%,rgba(16,19,24,.1) 100%),linear-gradient(0deg,#101318 0%,transparent 38%)!important}
.phero.hero-bg .hb-grid{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(125,178,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(125,178,255,.07) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 75%);mask-image:linear-gradient(90deg,transparent 30%,#000 75%)}
.phero.hero-bg .w{z-index:2}
.phero.hero-bg .cap{position:absolute;right:24px;bottom:14px;z-index:2;font-size:12px;color:#A3ACBA;background:rgba(16,19,24,.6);padding:4px 10px;border-radius:6px}
@media(max-width:760px){.phero.hero-bg{min-height:0;padding:24px 0 48px}.phero.hero-bg:after{background:linear-gradient(0deg,rgba(16,19,24,.97) 0%,rgba(16,19,24,.86) 55%,rgba(16,19,24,.7) 100%)!important}.phero.hero-bg .hb-grid{-webkit-mask-image:none;mask-image:none;opacity:.6}.phero.hero-bg .cap{right:12px;bottom:10px;font-size:11px}}
/* Графические блоки страниц услуг — v2 «Графит и сталь». Подключается отдельно. */
.g-art{--gc:#181D25;--gl:#262D38;--ga:#3D8BFF;--gt:#7DB2FF;--gm:#A3ACBA}
.g-art .gi{width:26px;height:26px;flex:0 0 26px;color:var(--gt)}
.g-art h3{margin-top:40px}
.g-lead{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(135deg,rgba(61,139,255,.12),rgba(61,139,255,.02) 60%);border:1px solid #2A3A55;border-left:4px solid var(--ga);border-radius:14px;padding:22px 24px;margin:0 0 22px}
.g-lead .gl,.g-price .gl{width:44px;height:44px;flex:0 0 44px;padding:9px;border-radius:12px;background:rgba(61,139,255,.16);color:#9CC3FF}
.g-lead p{margin:0 0 8px;font-size:17px;color:#D3D9E2}.g-lead p:last-child{margin:0}
.g-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 30px}
.g-stats>div{background:var(--gc);border:1px solid var(--gl);border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.g-stats .gi{grid-row:span 2;width:30px;height:30px}.g-stats b{font-size:28px;line-height:1;color:#fff;font-weight:800}.g-stats span{color:var(--gm);font-size:14px}
.g-cards,.g-advs,.g-whens,.g-checks,.g-docs,.g-prep{display:grid;gap:12px;margin:16px 0 8px}
.g-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.g-card,.g-adv{background:var(--gc);border:1px solid var(--gl);border-radius:14px;padding:18px;position:relative;transition:border-color .2s}
.g-card:hover,.g-adv:hover,.g-ck:hover,.g-when:hover{border-color:#3A4F70}
.g-card .gi,.g-adv .gi{width:40px;height:40px;padding:8px;border-radius:11px;background:rgba(61,139,255,.13);margin-bottom:12px;display:block}
.g-card b,.g-adv b{display:block;color:#fff;font-size:16.5px;margin-bottom:6px;line-height:1.3}
.g-card p,.g-adv p,.g-when p{margin:0;color:var(--gm);font-size:15px;line-height:1.55}
.g-advs{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.g-big{position:absolute;right:16px;top:12px;font-size:34px;font-weight:800;color:#232B37;line-height:1}
.g-whens{grid-template-columns:1fr 1fr}
.g-when{display:flex;gap:14px;background:var(--gc);border:1px solid var(--gl);border-radius:14px;padding:16px 18px}
.g-when .gi{width:38px;height:38px;flex:0 0 38px;padding:8px;border-radius:50%;background:rgba(61,139,255,.13)}
.g-when b{display:block;color:#fff;margin-bottom:4px}
.g-scheme{margin:14px 0 6px}.g-sch{width:100%;height:auto;display:block;border:1px solid var(--gl);border-radius:16px}
.g-checks{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.g-ck{background:var(--gc);border:1px solid var(--gl);border-radius:14px;padding:16px 18px;transition:border-color .2s}
.g-ckh{display:flex;align-items:center;gap:10px;margin-bottom:10px}.g-ckh b{color:#fff;font-size:16px;line-height:1.3}
.g-no{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--ga);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.g-ck:nth-child(5) .g-no{background:#F2B53A;color:#101318}
.g-ck ul{list-style:none;padding:0;margin:0}.g-ck li{position:relative;padding-left:20px;margin:7px 0;color:var(--gm);font-size:15px;line-height:1.5}
.g-ck li:before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:2px;background:var(--ga);transform:rotate(45deg)}
.g-tl{list-style:none;padding:0;margin:18px 0 8px;position:relative}
.g-tl:before{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--ga),#2A3442)}
.g-tl li{display:grid;grid-template-columns:44px 1fr;gap:16px;margin:0 0 14px;position:relative}
.g-tn{width:44px;height:44px;border-radius:50%;background:#101318;border:2px solid var(--ga);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:17px;z-index:1}
.g-tl li>div{background:var(--gc);border:1px solid var(--gl);border-radius:14px;padding:14px 18px}
.g-tl b{display:flex;align-items:center;gap:10px;color:#fff;font-size:16.5px;margin-bottom:4px}.g-tl b .gi{width:22px;height:22px;flex-basis:22px}
.g-tl p{margin:0;color:var(--gm);font-size:15px}
.g-fig{width:440px;max-width:46%;margin:4px 0 14px 22px;float:right;background:var(--gc);border:1px solid var(--gl);border-radius:14px;overflow:hidden}
.g-fig.g-l{float:left;margin:4px 22px 14px 0}
.g-fig img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.g-fig figcaption{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;font-size:13.5px;color:var(--gm);line-height:1.4}.g-fig .gs{width:16px;height:16px;flex:0 0 16px;margin-top:1px}
.g-art section:after{content:"";display:table;clear:both}
.g-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.g-ph{position:relative;display:block;border-radius:12px;overflow:hidden;border:1px solid var(--gl);aspect-ratio:4/3;background:var(--gc)}
.g-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.g-ph:hover img{transform:scale(1.04)}
.g-ph span{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 9px;font-size:13px;color:#E6EAF0;background:linear-gradient(transparent,rgba(10,12,16,.92));line-height:1.35}
.g-how{position:relative}.g-how li{position:relative}.g-how .gh{position:absolute;right:16px;top:16px;width:24px;height:24px;color:#4F6A93}
.g-docs{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.g-doc{display:flex;gap:14px;background:var(--gc);border:1px solid var(--gl);border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}
.g-doc:after{content:"";position:absolute;right:-18px;top:-18px;width:60px;height:60px;border-radius:50%;background:rgba(61,139,255,.07)}
.g-doc .gi{width:38px;height:38px;flex:0 0 38px}.g-doc b{display:block;color:#fff;font-size:17px;margin-bottom:4px;letter-spacing:.2px}.g-doc p{margin:0;color:var(--gm);font-size:14.5px;line-height:1.5}
.g-res{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center;background:var(--gc);border:1px solid var(--gl);border-radius:16px;padding:18px 22px;margin:14px 0 18px}
.g-rep{width:100%;height:auto}.g-resl ul{margin:0}
.g-prep{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.g-prep>div{display:flex;flex-direction:column;gap:10px;background:var(--gc);border:1px dashed #344055;border-radius:14px;padding:16px;font-size:15px;color:#D3D9E2;line-height:1.45}
.g-price{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(135deg,rgba(61,139,255,.14),rgba(24,29,37,1) 55%);border:1px solid #2A3A55;border-radius:16px;padding:22px 24px}
.g-price p{margin:0}
@media(max-width:980px){.g-whens{grid-template-columns:1fr}}
@media(max-width:640px){
.g-fig,.g-fig.g-l{float:none;width:100%;max-width:100%;margin:12px 0}
.g-gal{grid-template-columns:1fr 1fr}
.g-res{grid-template-columns:1fr;text-align:left}.g-resi{max-width:150px}
.g-lead{flex-direction:column;padding:18px}.g-price{flex-direction:column}
.g-steps li:after{display:none}
.g-stats{grid-template-columns:1fr 1fr}
.g-tl li{grid-template-columns:36px 1fr;gap:12px}.g-tn{width:36px;height:36px;font-size:15px}.g-tl:before{left:17px}
.g-sch{border-radius:12px}}

.g-fig.g-cell{float:none;width:auto;max-width:none;margin:0;display:flex;flex-direction:column}.g-fig.g-cell a{flex:1}.g-fig.g-cell img{height:100%;max-height:260px;aspect-ratio:auto;min-height:180px}
.g-schc{color:#8C96A6;font-size:13.5px;margin:8px 0 0}

@media(max-width:640px){.g-fig.g-cell img{aspect-ratio:4/3;height:auto}}
.g-leg{display:none}
@media(max-width:640px){.g-sch .g-lbl{display:none}.g-leg{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;list-style:none;padding:0;margin:10px 0 0;font-size:13.5px;color:#A3ACBA}.g-leg li{display:flex;gap:8px;align-items:center}.g-leg i{font-style:normal;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#3D8BFF;color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}.g-leg li:nth-child(5) i{background:#F2B53A;color:#101318}}
.g-ticks{list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.g-ticks li{display:flex;gap:12px;align-items:flex-start;background:var(--gc);border:1px solid var(--gl);border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.5;color:#D3D9E2}
.g-ticks .gi{width:22px;height:22px;flex:0 0 22px;margin-top:1px}
@media(max-width:640px){.g-ticks{grid-template-columns:1fr}}

/* 27.10: не больше 3 карточек в ряд, карточка не уже 260px */
.g-cards,.g-advs,.g-checks,.g-docs,.g-prep,.g-c3{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(260px,calc((100% - 24px)/3))),1fr))!important}
.g-c2,.g-whens,.g-ticks{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(260px,calc((100% - 12px)/2))),1fr))!important}
.g-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(180px,calc((100% - 20px)/3))),1fr))}
/* «Как заказать» и короткие нумерованные списки: вертикальная лента */
.g-steps{list-style:none;padding:0;margin:18px 0 8px;display:flex;flex-direction:column;gap:10px;position:relative}
.g-steps:before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:linear-gradient(#3D8BFF,#2A3442)}
.g-steps li{display:grid;grid-template-columns:56px 1fr;column-gap:16px;align-items:center;position:relative}
.g-sn{width:56px;height:56px;border-radius:50%;background:#101318;border:2px solid #3D8BFF;color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:1}
.g-sb{display:flex;gap:14px;align-items:center;background:var(--gc);border:1px solid var(--gl);border-radius:14px;padding:14px 18px}
.g-sb .gi{width:36px;height:36px;flex:0 0 36px;padding:7px;border-radius:10px;background:rgba(61,139,255,.13)}
.g-sb b{display:block;color:#fff;font-size:16px;margin-bottom:2px}.g-sb p{margin:0;color:#D3D9E2;font-size:15.5px;line-height:1.5}.g-sb b+p{color:var(--gm)}
.g-schtop{margin:4px 0 26px}.g-leg2{display:none}
@media(max-width:640px){
.g-steps:before{left:21px}.g-steps li{grid-template-columns:44px 1fr;column-gap:12px}.g-sn{width:44px;height:44px;font-size:19px}.g-sb{padding:12px 14px}.g-sb .gi{display:none}
.g-schtop .g-lbl{display:none}.g-flow{display:none}
.g-leg2{display:grid;gap:6px;list-style:none;padding:0;margin:10px 0 0;font-size:14.5px;color:#A3ACBA}
.g-leg2 li{background:#181D25;border:1px solid #262D38;border-radius:10px;padding:9px 12px}.g-leg2 b{color:#fff}
.g-legf{counter-reset:f}.g-legf li{counter-increment:f}.g-legf li:before{content:counter(f);display:inline-flex;width:22px;height:22px;border-radius:50%;background:#3D8BFF;color:#fff;font-weight:800;font-size:12px;align-items:center;justify-content:center;margin-right:8px}}

/* fix: вложенные списки внутри шагов */
.g-steps .g-sb li{display:list-item;grid-template-columns:none;column-gap:0;position:static}
.g-sb ul,.g-sb ol{margin:6px 0 0;padding-left:20px;color:#D3D9E2;font-size:15px;line-height:1.5}
.g-sb ul{list-style:disc}.g-sb ol{list-style:decimal}
.g-sb>div{min-width:0;flex:1}
