@keyframes mg-rin{from{opacity:0;transform:translateY(calc(10px*var(--m))) scale(.97)}to{opacity:1;transform:none}}
@keyframes mg-fup{from{opacity:0;transform:translateY(calc(18px*var(--m)))}to{opacity:1;transform:none}}
@keyframes mg-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
[data-dvizhenie="da"] .mg .tel .r{animation:mg-rin .55s var(--ease) both;animation-delay:calc(.7s + var(--i,0)*.7s)}
[data-dvizhenie="da"] .mg .fup{animation:mg-fup .7s var(--ease) both;animation-delay:calc(.05s + var(--d,0)*.09s)}
.mg :focus-visible{outline:calc(2px*var(--m)) solid var(--focus,#8fd0b8);outline-offset:calc(3px*var(--m))}
.mg-top{padding:0}
.mg .ic{width:1.5em;height:1.5em;flex:none;display:block}
.mg{--focus:#064E3B;--well:#D1FAE5;--bg:#ECFDF5;--fg:#064E3B;--pri:#059669;--sec:#10B981;--org:#EA580C;--bor:#A7F3D0;--ink:#064E3B;--soft:#064E3B;--acc:#EA580C;--acc-hover:#F26A25;--on-acc:#000;color:var(--fg)}
.mg-hero{padding:clamp(calc(18px*var(--m)),3vw,calc(40px*var(--m))) 0 clamp(calc(32px*var(--m)),4.6vw,calc(60px*var(--m)));background:var(--bg)}
.mg-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto auto;gap:clamp(calc(10px*var(--m)),1.4vw,calc(18px*var(--m)))}
.mg-b{border-radius:clamp(calc(20px*var(--m)),2.4vw,calc(32px*var(--m)));padding:clamp(calc(18px*var(--m)),2.4vw,calc(34px*var(--m)))}
.mg-h{grid-column:1;grid-row:1;background:var(--sec);color:#0F172A;font-size:clamp(1.8rem,1rem + 3vw,3.4rem);line-height:1.04;display:flex;align-items:flex-end}
.mg-p{grid-column:2;grid-row:1/4;position:relative;overflow:hidden;background:#fff;border:calc(2px*var(--m)) solid var(--bor);display:flex;justify-content:center;align-items:center}
.mg-circ{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:var(--org);left:11%;top:12%}
.mg-tri{position:absolute;right:-6%;bottom:-6%;width:46%;aspect-ratio:1;background:var(--pri);clip-path:polygon(100% 0,100% 100%,0 100%)}
.mg-p .tel{position:relative;z-index:1;box-shadow:0 0 0 calc(1.5px*var(--m)) #39403d,0 calc(22px*var(--m)) 0 calc(-4px*var(--m)) rgba(6,78,59,.25)}
.mg-l{grid-column:1;grid-row:2;background:#fff;border:calc(2px*var(--m)) solid var(--bor);color:var(--fg);margin:0}
.mg-d{grid-column:1;grid-row:3;background:var(--fg);display:flex;align-items:center;margin:0}
.mg .btn{background:var(--org);color:#000;border-radius:calc(16px*var(--m));min-height:calc(56px*var(--m));font-size:1.125rem;box-shadow:calc(6px*var(--m)) calc(6px*var(--m)) 0 #000;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.mg .btn:hover{background:#F26A25;transform:translate(calc(-2px*var(--m)),calc(-2px*var(--m)));box-shadow:calc(8px*var(--m)) calc(8px*var(--m)) 0 #000}
.mg .btn:active{transform:translate(calc(3px*var(--m)),calc(3px*var(--m)));box-shadow:calc(2px*var(--m)) calc(2px*var(--m)) 0 #000}
.mg-b{transition:transform .25s var(--ease)}
.mg-b:hover{transform:translateY(calc(-3px*var(--m)))}
.mg-blk{padding:clamp(calc(30px*var(--m)),4.4vw,calc(56px*var(--m))) 0 clamp(calc(44px*var(--m)),6vw,calc(84px*var(--m)));background:var(--bg)}
.mg-blk h2{color:var(--fg);font-size:clamp(1.7rem,1rem + 2.4vw,3rem)}
.mg-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(calc(10px*var(--m)),1.4vw,calc(18px*var(--m)));margin-top:clamp(calc(18px*var(--m)),2.6vw,calc(32px*var(--m)))}
.mg-c{border-radius:clamp(calc(20px*var(--m)),2.4vw,calc(30px*var(--m)));padding:clamp(calc(16px*var(--m)),2vw,calc(24px*var(--m)));display:flex;flex-direction:column;gap:calc(16px*var(--m));border:calc(2px*var(--m)) solid var(--fg);box-shadow:calc(6px*var(--m)) calc(6px*var(--m)) 0 var(--fg);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.mg-c:hover{transform:translate(calc(-2px*var(--m)),calc(-2px*var(--m)));box-shadow:calc(8px*var(--m)) calc(8px*var(--m)) 0 var(--fg)}
.mg-k1{background:#fff}.mg-k2{background:var(--sec)}.mg-k3{background:#FDBA74}.mg-k4{background:#6EE7B7}
.mg-av{width:calc(64px*var(--m));border-radius:calc(18px*var(--m));border:calc(2px*var(--m)) solid var(--fg)}
.mg-c p{font-size:clamp(1.0625rem,.98rem + .35vw,1.25rem);line-height:1.38;color:#0F172A;text-wrap:pretty;font-weight:500}
@media (max-width:900px){
  .mg-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .mg-h,.mg-p,.mg-l,.mg-d{grid-column:1;grid-row:auto}
  .mg-h{order:1;font-size:clamp(1.6rem,7.4vw,2.4rem);padding:calc(20px*var(--m))}
  .mg-p{order:2;padding:calc(22px*var(--m)) calc(16px*var(--m))}
  .mg-d{order:3;padding:calc(16px*var(--m)) calc(20px*var(--m))}
  .mg-l{order:4}
  .mg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){.mg-cards{grid-template-columns:minmax(0,1fr)}.mg-c{flex-direction:row;align-items:center}.mg-av{flex:none}}
.mg .tel__dlg{min-height:calc(136px*var(--m))}
.mg-d .btn:focus-visible,.mg-end__b .btn:focus-visible{outline-color:#fff}
.mg-end{padding:clamp(calc(8px*var(--m)),1.4vw,calc(18px*var(--m))) 0 clamp(calc(44px*var(--m)),6vw,calc(84px*var(--m)));background:var(--bg)}
.mg-end__b{display:flex;align-items:center;justify-content:flex-start;margin:0;padding:clamp(calc(22px*var(--m)),3vw,calc(40px*var(--m)));border-radius:clamp(calc(20px*var(--m)),2.4vw,calc(32px*var(--m)));background:var(--fg)}
.mg-i{display:grid;place-items:center;flex:none;width:calc(64px*var(--m));aspect-ratio:1;border-radius:calc(18px*var(--m));border:calc(2px*var(--m)) solid var(--fg);color:var(--fg);background:rgba(255,255,255,.55)}
.mg-i .ic{width:calc(32px*var(--m));height:calc(32px*var(--m));display:block}