/* Start custom CSS for section, class: .elementor-element-d71945e */@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
 
body{margin:0;background:#0b0f0c;font-family:'Manrope',sans-serif;color:#10140f}
a{color:#1fb455;text-decoration:none}a:hover{color:#17903f}
@keyframes sd-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes sd-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes sd-pulse{0%,100%{opacity:.5}50%{opacity:1}}
::selection{background:#2ee06a;color:#08120b}
header a[href^="tel"] span{white-space:nowrap}
@media (max-width:1300px){
header a[href="#cta"]{display:none!important}
header nav{gap:20px!important}
}
@media (max-width:1100px){
header nav{display:none!important}
}
@media (max-width:900px){
header{padding:0 18px!important;height:64px!important}
header nav{display:none!important}
header a[href="#cta"]{display:none!important}
section,footer{padding-left:20px!important;padding-right:20px!important}
#top{padding-top:36px!important}
[data-m="hero"]{grid-template-columns:1fr!important;gap:28px!important}
[data-m="hero"]>div:first-child{padding-bottom:8px!important}
[data-m="phone"]{width:258px!important}
[data-m="phone2"]{width:230px!important}
[data-m="grid2"],[data-m="grid2r"],[data-m="grid3"],[data-m="grid4f"]{grid-template-columns:1fr!important;gap:18px!important}
[data-m="grid2r"]>div:first-child{order:2}
[data-m="grid4"],[data-m="grid4c"]{grid-template-columns:1fr 1fr!important;gap:12px!important}
[data-m="grid5"]{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px!important;padding:4px 20px 16px!important;scrollbar-width:none}
[data-m="grid5"]::-webkit-scrollbar{display:none}
[data-m="grid5"]>div{flex:0 0 76%;scroll-snap-align:center}
[data-m="mbar"]{display:flex!important}
body{padding-bottom:74px}
}
 
.sdh0:hover{color:#2ee06a !important}
.sdh1:hover{border-color:#2ee06a !important;color:#2ee06a !important}
.sdh2:hover{background:#4bf283 !important;color:#08120b !important}
.sdh3:hover{background:#4bf283 !important;transform:translateY(-2px) !important}
.sdh4:hover{background:rgba(46,224,106,.1) !important}
.sdh5:hover{border-color:rgba(46,224,106,.4) !important;transform:translateY(-4px) !important}
.sdh6:hover{transform:translateY(-6px) !important;box-shadow:0 20px 50px rgba(16,20,15,.14) !important}
/* ── reveal-on-scroll + shimmer (восстановлено из .dc-исходника) ── */
[data-rv]{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
[data-rv].sd-in{opacity:1;transform:none}
[data-rv]:nth-child(2){transition-delay:.06s}
@keyframes sd-shimmer{0%{transform:translateX(-150%) skewX(-20deg)}100%{transform:translateX(350%) skewX(-20deg)}}
[data-cta]{position:relative;overflow:hidden}
[data-cta]::after{content:'';position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:sd-shimmer 3.2s ease-in-out infinite;pointer-events:none}
@media (prefers-reduced-motion: reduce){[data-rv]{opacity:1!important;transform:none!important}[data-cta]::after{animation:none}}
/* ── мобильные фиксы ── */
html,body{overflow-x:hidden;max-width:100%}
img{max-width:100%;height:auto}
/* декоративные плашки на телефоне hero не дают горизонтального скролла */
@media(max-width:900px){
  [data-m="phone"]{max-width:calc(100vw - 40px)}
}/* End custom CSS */