@keyframes str-rin{from{opacity:0;transform:translateY(calc(10px*var(--m))) scale(.97)}to{opacity:1;transform:none}}
@keyframes str-fup{from{opacity:0;transform:translateY(calc(18px*var(--m)))}to{opacity:1;transform:none}}
@keyframes str-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
[data-dvizhenie="da"] .str .tel .r{animation:str-rin .55s var(--ease) both;animation-delay:calc(.7s + var(--i,0)*.7s)}
[data-dvizhenie="da"] .str .fup{animation:str-fup .7s var(--ease) both;animation-delay:calc(.05s + var(--d,0)*.09s)}
.str :focus-visible{outline:calc(2px*var(--m)) solid var(--focus,#8fd0b8);outline-offset:calc(3px*var(--m))}
.str-top{padding:0}
.str .ic{width:1.5em;height:1.5em;flex:none;display:block}
:where(.str) .hg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(calc(28px*var(--m)),4vw,calc(64px*var(--m)));align-items:center}
:where(.str) .hg .tx{display:flex;flex-direction:column;align-items:flex-start}
:where(.str) .hg .tx .lead{max-width:44ch}
:where(.str) .hg .do{margin-top:clamp(calc(20px*var(--m)),2.6vw,calc(34px*var(--m)))}
:where(.str) .hg .ph{display:flex;justify-content:center;position:relative}
@media (max-width:900px){
  :where(.str) .hg{grid-template-columns:minmax(0,1fr);gap:0}
  :where(.str) .hg .tx{display:contents}
  :where(.str) .hg h1{order:1}:where(.str) .hg h2.hh{order:1}:where(.str) .hg .ph{order:2;margin-top:clamp(calc(14px*var(--m)),3vw,calc(22px*var(--m)))}:where(.str) .hg .do{order:3;margin-top:calc(18px*var(--m))}:where(.str) .hg .lead{order:4;margin-top:calc(20px*var(--m))}
}
@media (max-width:900px){
  .str .ph .tel--chat{width:min(100%,calc(350px*var(--m)))}
  .str .tel--chat .r{font-size:.875rem;padding:calc(6px*var(--m)) calc(11px*var(--m)) calc(7px*var(--m));line-height:1.3}
  .str .tel__dlg{gap:calc(7px*var(--m));padding:calc(10px*var(--m)) calc(10px*var(--m)) calc(14px*var(--m));min-height:0}
  .str .tel--chat .shap{padding:calc(6px*var(--m)) calc(12px*var(--m)) calc(8px*var(--m))}
  .str .tel--chat .r small{font-size:.6875rem;margin-bottom:calc(2px*var(--m))}
}
.str{--focus:#334155;--well:#EBF0F5;--bg:#F8FAFC;--fg:#334155;--pri:#64748B;--sec:#94A3B8;--org:#EA580C;--bor:#E2E8F0;--mut:#EBF0F5;--mfg:#475569;--ink:#334155;--soft:#475569;--acc:#EA580C;--acc-hover:#F26A25;--on-acc:#000;color:var(--fg)}
.str-haz{display:block;height:calc(14px*var(--m));background:repeating-linear-gradient(-45deg,#EA580C 0 calc(14px*var(--m)),#0F172A calc(14px*var(--m)) calc(28px*var(--m)))}
.str-haz--s{height:calc(10px*var(--m));margin-bottom:clamp(calc(16px*var(--m)),2vw,calc(24px*var(--m)))}
[data-dvizhenie="da"] .str-haz:not(.str-haz--s){background-size:calc(40px*var(--m)) calc(40px*var(--m));animation:str-h 2.4s linear infinite}
@keyframes str-h{to{background-position:calc(40px*var(--m)) 0}}
.str-hero{overflow:clip;background:var(--bg);padding:clamp(calc(24px*var(--m)),4vw,calc(56px*var(--m))) 0 clamp(calc(34px*var(--m)),5vw,calc(64px*var(--m)))}
@media (min-width:901px){.str .hg{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}}
.str h1{font-size:clamp(1.8rem,1rem + 3.3vw,3.8rem);line-height:1.02;color:var(--fg);letter-spacing:-.02em}
.str .hh{margin-top:clamp(calc(12px*var(--m)),1.6vw,calc(20px*var(--m)));font-size:clamp(1.15rem,1rem + .8vw,1.6rem)}
.str .hh span{display:inline-block;background:var(--org);color:#000;padding:.18em .6em .22em;border-radius:calc(3px*var(--m))}
.str .lead{margin-top:clamp(calc(14px*var(--m)),2vw,calc(22px*var(--m)));color:var(--mfg)}
.str .btn{background:var(--org);color:#000;border-radius:calc(3px*var(--m));min-height:calc(56px*var(--m));font-size:1.125rem;box-shadow:0 calc(12px*var(--m)) calc(22px*var(--m)) calc(-8px*var(--m)) rgba(154,52,18,.55);transition:transform .15s var(--ease),box-shadow .15s var(--ease),background-color .2s}
.str .btn:hover{background:#F26A25}
.str .btn:active{transform:translateY(calc(2px*var(--m)));box-shadow:0 calc(4px*var(--m)) calc(10px*var(--m)) calc(-4px*var(--m)) rgba(154,52,18,.55)}
.str-slab{position:relative;padding:clamp(calc(26px*var(--m)),3.4vw,calc(44px*var(--m))) clamp(calc(30px*var(--m)),4vw,calc(56px*var(--m))) clamp(calc(34px*var(--m)),4vw,calc(52px*var(--m)))}
.str-slab::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 calc(2px*var(--m)),transparent calc(2px*var(--m)) calc(26px*var(--m))),var(--pri);transform:skewX(-5deg);box-shadow:0 calc(22px*var(--m)) calc(40px*var(--m)) calc(-22px*var(--m)) rgba(15,23,42,.5)}
.str-slab::after{content:'';position:absolute;left:0;right:0;bottom:0;height:calc(14px*var(--m));background:repeating-linear-gradient(-45deg,#EA580C 0 calc(14px*var(--m)),#0F172A calc(14px*var(--m)) calc(28px*var(--m)));transform:skewX(-5deg)}
.str .tel--chat{position:relative;z-index:1;--acc:#64748B;--acc-ink:#334155;--acc-soft:#EBF0F5;--wf2:#E2E8F0;--line:#E2E8F0;--ink:#1E293B;--soft:#334155;--mute:#64748B;box-shadow:0 0 0 calc(1.5px*var(--m)) #0F172A,0 calc(26px*var(--m)) calc(40px*var(--m)) calc(-16px*var(--m)) rgba(15,23,42,.6)}
.str .tel--chat .r{border-radius:calc(6px*var(--m))}
.str .tel--chat .r--a{box-shadow:inset 0 0 0 calc(2px*var(--m)) #EA580C;background:#FFF7ED}
.str-blk{background:#fff;padding:clamp(calc(28px*var(--m)),4vw,calc(52px*var(--m))) 0 clamp(calc(40px*var(--m)),5vw,calc(72px*var(--m)));border-top:calc(1px*var(--m)) solid var(--bor)}
.str-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(calc(22px*var(--m)),4vw,calc(56px*var(--m)));align-items:start}
.str-s h2{color:var(--fg);font-size:clamp(1.7rem,1rem + 2.4vw,3rem)}
.str-s .lead{margin:clamp(calc(10px*var(--m)),1.4vw,calc(16px*var(--m))) 0 clamp(calc(14px*var(--m)),2vw,calc(22px*var(--m)))}
.str-s ul{display:grid;gap:calc(12px*var(--m))}
.str-c{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(calc(12px*var(--m)),1.6vw,calc(18px*var(--m)));align-items:center;padding:clamp(calc(14px*var(--m)),1.6vw,calc(20px*var(--m)));background:var(--mut);border:calc(1px*var(--m)) solid var(--bor);border-radius:calc(3px*var(--m));transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.str-c:hover{transform:translateX(calc(4px*var(--m)));box-shadow:0 calc(10px*var(--m)) calc(22px*var(--m)) calc(-12px*var(--m)) rgba(15,23,42,.35)}
.str-c>.ic{width:calc(46px*var(--m));height:calc(46px*var(--m));padding:calc(11px*var(--m));box-sizing:border-box;background:var(--org);color:#000;border-radius:calc(3px*var(--m))}
.str-c p{font-size:clamp(1.0625rem,.96rem + .45vw,1.25rem);line-height:1.4;color:var(--fg);text-wrap:pretty;font-weight:500}
.str-av{width:clamp(calc(48px*var(--m)),5vw,calc(58px*var(--m)));border-radius:calc(3px*var(--m));border:calc(2px*var(--m)) solid var(--sec)}
@media (max-width:900px){
  .str-slab{padding:calc(18px*var(--m)) calc(24px*var(--m)) calc(28px*var(--m))}
  .str .ph .tel--chat{width:min(100%,calc(300px*var(--m)))}
  .str h1{font-size:clamp(1.6rem,7.4vw,2.3rem)}
  .str .hh{margin-top:calc(10px*var(--m))}
  .str-two{grid-template-columns:minmax(0,1fr)}
}
.str .tel--chat{--mute:#475569}
.str-end{padding:0 0 clamp(calc(40px*var(--m)),5vw,calc(72px*var(--m)));background:var(--mut);border-top:calc(1px*var(--m)) solid var(--bor)}
.str-end .str-haz{margin-bottom:clamp(calc(26px*var(--m)),3.4vw,calc(44px*var(--m)))}
.str-do{margin:0}
