PageSourceSearch

https://adwise.ru/services

html adwise.ru collected 2026-10-07 15:01:09 UTC 179,283 bytes, 1,423 lines download raw bytes

1<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!--metatextblock--> <title>Услуги</title> <meta name="description" content="Описание" /> <meta property="og:url" content="https://adwise.ru/services" /> <meta property="og:title" content="Услуги" /> <meta property="og:description" content="Описание" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild3333-6530-4530-a138-633763653638/Bej.png" /> <link rel="canonical" href="https://adwise.ru/services"> <!--/metatextblock--> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <!--favicons--> <link rel="icon" type="image/svg+xml" sizes="any" href="https://static.tildacdn.com/tild6639-3165-4962-a136-393266623265/adwise_180.svg"> <link rel="icon" type="image/png" sizes="32x32" href="https://static.tildacdn.com/tild3837-3966-4430-a639-323862646232/adwise_32.png"/> <link rel="apple-touch-icon" type="image/png" href="https://static.tildacdn.com/tild3366-6430-4231-b135-633537316233/adwise_180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://static.tildacdn.com/tild3366-6430-4231-b135-633537316233/adwise_180.png"> <!--/favicons--> <!-- Assets --> 
1<script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script>
1 <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project13116951/tilda-blocks-page154057286.min.css?t=1790700424" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-animation-2.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zero-video-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800;900&display=swap" type="text/css" /> 
1<script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script>
1 
1<script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}}
2function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t396_initialScale(t){var e=document.getElementById("rec"+t);if(e){var i=e.querySelector(".t396__artboard");if(i){window.tn_scale_initial_window_width||(window.tn_scale_initial_window_width=document.documentElement.clientWidth);var a=window.tn_scale_initial_window_width,l=[],n,r=i.getAttribute("data-artboard-screens");if(r){r=r.split(",");for(var o=0;o<r.length;o++)l[o]=parseInt(r[o],10)}else l=[320,480,640,960,1200];for(var o=0;o<l.length;o++){var _=l[o];a>=_&&(n=_)}var d="edit"===window.allrecords.getAttribute("data-tilda-mode"),s="center"===t396_scaleInitial__getFieldValue(i,"valign",n,l),c="grid"===t396_scaleInitial__getFieldValue(i,"upscale",n,l),u=t396_scaleInitial__getFieldValue(i,"height_vh",n,l),g=t396_scaleInitial__getFieldValue(i,"height",n,l),w=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!d&&s&&!c&&!u&&g&&!w){var f=parseFloat((a/n).toFixed(3)),h=[i,i.querySelector(".t396__carrier"),i.querySelector(".t396__filter")],v=Math.floor(parseInt(g,10)*f)+"px",p;i.style.setProperty("--initial-scale-height",v);for(var o=0;o<h.length;o++)h[o].style.setProperty("height","var(--initial-scale-height)");t396_scaleInitial__getElementsToScale(i,n,l).forEach((function(t){t.style.zoom=f}))}}}}function t396_scaleInitial__getElementsToScale(t,e,i){return t?Array.prototype.slice.call(t.children).filter((function(t){if(!t)return!1;if(!t.classList.contains("t396__elem")&&!t.classList.contains("t396__group"))return!1;if(!t.querySelector(".tn-molecule, .tn-atom"))return!1;var a=!t.getAttribute("data-elem-type")&&t.classList.contains("tn-group"),l=t396_scaleInitial__getFieldValue(t,"container",e,i);return!l&&a&&(l="grid"),"grid"===l})):[]}function t396_scaleInitial__getFieldValue(t,e,i,a){if(!t)return null;var l=a[a.length-1],n=t.getAttribute(t396_scaleInitial__getFieldAttribute(t,e,i,l));if(null===n)for(var r=0;r<a.length;r++){var o=a[r];if(!(o<=i)&&null!==(n=t.getAttribute(t396_scaleInitial__getFieldAttribute(t,e,o,l))))break}return n}function t396_scaleInitial__getFieldAttribute(t,e,i,a){var l=["widthmode","heightmode","flex"],n=t.classList.contains("t396__artboard"),r=!n&&t.classList.contains("tn-group"),o="data-field-";n&&(o="data-artboard-"),r&&(o="data-group-");var _="-value",d;return(n||r&&-1!==l.indexOf(e))&&(_=""),o+e+(i===a?"":"-res-"+i)+_}window.TN_SCALE_INITIAL_VER="1.0",window.tn_scale_initial_window_width=null;</script>
2 
2<script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/ws/project13116951/tilda-blocks-page154057286.min.js?t=1790700424" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-zero-1.2.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-animation-ext-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-animation-sbs-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-zero-video-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-zero-fixed-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 
2<script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>
2 <!-- nominify begin -->
2<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
2 
2<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
2 <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> <style>
3  /* Применяем Onest ко всему — десктоп, мобилка, попапы */
4  body,
5  .t-text, .t-name, .t-title, .t-heading, .t-descr, .t-btn, .t-input,
6  .tn-atom, .t-popup, .t-popup *,
7  [class*="t-col"], [class*="t-title"], [class*="t-text"] {
8    font-family: 'Onest', Arial, Helvetica, sans-serif !important;
9  }
10</style> <!-- nominify end -->
10<script type="text/javascript">window.dataLayer=window.dataLayer||[];</script>
10 
10<script type="text/javascript">(function() {var ttt='cebo';var tt='oog';var re=new RegExp("bot|g" + tt + "le|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|fa" + ttt + "ok","i");if((re.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);}
11document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script>
11</head> <body class="t-body" style="margin:0;"> <!--allrecords--> <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="13116951" data-tilda-page-id="154057286" data-tilda-page-alias="services" data-tilda-formskey="ac3b280abea444180d0a79e213116951" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-project-country="RU"> <!--header--> <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="13116951" data-tilda-page-id="137163516" data-tilda-formskey="ac3b280abea444180d0a79e213116951" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-project-country="RU"> <div id="rec2707218501" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
12.my-title {
13  transform: skew(-12deg) rotate(-12deg);
14  -webkit-font-smoothing: antialiased;
15}
16</style> <style>
17.text-slogan {
18  transform: skew(-12deg) rotate(-12deg);
19  -webkit-font-smoothing: antialiased;
20}
21</style> <style>
22/* ==========================================================
23   СКРЫТИЕ/ПОКАЗ БЛОКА-МЕНЮ #rec2707206801
24   ========================================================== */
25
26/* --- Скрытое состояние (по умолчанию) --- */
27#rec2707206801 {
28  opacity: 0;
29  visibility: hidden;
30  transition: opacity 0.45s ease, visibility 0.45s ease;
31  position: fixed !important;
32  top: 0; left: 0;
33  width: 100%;
34  z-index: 9999;
35}
36
37/* --- Отключаем клики у скрытого блока И всего внутри него --- */
38#rec2707206801,
39#rec2707206801 * {
40  pointer-events: none;
41}
42
43/* --- Открытое состояние --- */
44#rec2707206801.menu-is-open {
45  opacity: 1;
46  visibility: visible;
47}
48
49/* --- Возвращаем клики блоку И всему внутри, когда открыт --- */
50#rec2707206801.menu-is-open,
51#rec2707206801.menu-is-open * {
52  pointer-events: auto;
53}
54
55/* --- Блокируем прокрутку фона при открытом меню --- */
56body.menu-open { overflow: hidden; }
57</style> 
57<script>
58(function() {
59  // ⚠️ ID вашего блока-меню (второй Zero Block) — БЕЗ решётки!
60  var MENU_REC_ID = "rec2707206801";
61
62  function getMenu() { return document.getElementById(MENU_REC_ID); }
63
64  function openMenu() {
65    var m = getMenu();
66    if (m) {
67      m.classList.add("menu-is-open");
68      document.body.classList.add("menu-open");
69    }
70  }
71  function closeMenu() {
72    var m = getMenu();
73    if (m) {
74      m.classList.remove("menu-is-open");
75      document.body.classList.remove("menu-open");
76    }
77  }
78
79  document.addEventListener("click", function(e) {
80    // Открытие — клик по бургеру (Link = #openMenu)
81    if (e.target.closest('a[href*="#openMenu"]')) {
82      e.preventDefault(); openMenu();
83    }
84    // Закрытие — клик по крестику (Link = #closeMenu)
85    if (e.target.closest('a[href*="#closeMenu"]')) {
86      e.preventDefault(); closeMenu();
87    }
88  });
89
90  // Esc закрывает меню
91  document.addEventListener("keydown", function(e) {
92    if (e.key === "Escape") closeMenu();
93  });
94})();
95</script>
95 <!-- nominify end --> </div> </div> </div> </div> <div id="rec2201350711" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="396"> <!-- T396 --> <style>#rec2201350711 .t396__artboard{position:fixed;width:100%;left:0;top:0;z-index:1000;}#rec2201350711 .t396__artboard{height:64px;overflow:visible;}#rec2201350711 .t396__filter{height:64px;}#rec2201350711 .t396__carrier{height:64px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2201350711 .t396__artboard,#rec2201350711 .t396__filter,#rec2201350711 .t396__carrier{}#rec2201350711 .t396__filter{}#rec2201350711 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2201350711 .t396__artboard,#rec2201350711 .t396__filter,#rec2201350711 .t396__carrier{height:48px;}#rec2201350711 .t396__filter{}#rec2201350711 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2201350711 .t396__artboard,#rec2201350711 .t396__filter,#rec2201350711 .t396__carrier{}#rec2201350711 .t396__filter{}#rec2201350711 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2201350711 .t396__artboard,#rec2201350711 .t396__filter,#rec2201350711 .t396__carrier{}#rec2201350711 .t396__filter{}#rec2201350711 .t396__carrier{background-attachment:scroll;}}#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"]{z-index:3;top:calc(32px - 50px + 0px);left:calc(50% - 50% + 0px);width:100%;height:100%;-webkit-backdrop-filter:blur(12px);:backdrop-filter:blur(12px);;backdrop-filter:blur(12px);:backdrop-filter:blur(12px);;border-radius:0px 0px 0px 0px;}#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0.15;background-image:linear-gradient(0.5turn,rgba(249,249,249,1) 0%,rgba(249,249,249,0) 83%);border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"]{display:table;}}@media screen and (max-width:959px){#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"]{display:table;top:calc(32px - 50% + 0px);}}@media screen and (max-width:639px){#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"]{display:table;}}@media screen and (max-width:479px){#rec2201350711 .tn-elem[data-elem-id="1785851166327000001"]{display:table;}}#rec2201350711 .tn-elem[data-elem-id="1777059596548"]{z-index:3;top:17px;left:calc(50% - 600px + 20px);width:60px;height:auto;}#rec2201350711 .tn-elem[data-elem-id="1777059596548"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec2201350711 .tn-elem[data-elem-id="1777059596548"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec2201350711 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 480px + 10px);height:auto;}}@media screen and (max-width:959px){#rec2201350711 .tn-elem[data-elem-id="1777059596548"]{display:table;top:9px;left:calc(50% - 320px + 10px);height:auto;}}@media screen and (max-width:639px){#rec2201350711 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 240px + 10px);height:auto;}}@media screen and (max-width:479px){#rec2201350711 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 160px + 10px);height:auto;}}#rec2201350711 .tn-elem[data-elem-id="1785769570962"]{z-index:3;top:26px;left:calc(50% + 600px - 40px + -20px);width:40px;height:auto;}#rec2201350711 .tn-elem[data-elem-id="1785769570962"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec2201350711 .tn-elem[data-elem-id="1785769570962"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec2201350711 .tn-elem[data-elem-id="1785769570962"]{display:table;left:calc(50% + 480px - 40px + -10px);height:auto;}}@media screen and (max-width:959px){#rec2201350711 .tn-elem[data-elem-id="1785769570962"]{display:table;top:18px;left:calc(50% + 320px - 40px + -10px);height:auto;}}@media screen and (max-width:639px){#rec2201350711 .tn-elem[data-elem-id="1785769570962"]{display:table;left:calc(50% + 240px - 40px + -10px);height:auto;}}@media screen and (max-width:479px){#rec2201350711 .tn-elem[data-elem-id="1785769570962"]{display:table;left:calc(50% + 160px - 40px + -10px);height:auto;}}#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"]{z-index:3;top:0px;left:calc(50% + 600px - 80px + 0px);width:80px;height:64px;}#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"]{display:table;left:calc(50% + 480px - 80px + 0px);}}@media screen and (max-width:959px){#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"]{display:table;left:calc(50% + 320px - 80px + 0px);height:48px;}}@media screen and (max-width:639px){#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"]{display:table;left:calc(50% + 240px - 80px + 0px);}}@media screen and (max-width:479px){#rec2201350711 .tn-elem[data-elem-id="1785831057927000001"]{display:table;left:calc(50% + 160px - 80px + 0px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2201350711" data-artboard-screens="320,480,640,960,1200" data-artboard-height="64" data-artboard-valign="top" data-artboard-upscale="window" data-artboard-ovrflw="visible" data-artboard-pos="fixed" data-artboard-fixed-need-js="y" data-artboard-height-res-640="48"> <div class="t396__carrier" data-artboard-recid="2201350711"></div> <div class="t396__filter" data-artboard-recid="2201350711"></div> <div class='t396__elem tn-elem tn-elem__22013507111785851166327000001' data-elem-id='1785851166327000001' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-field-top-res-640-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__22013507111777059596548' data-elem-id='1777059596548' data-elem-type='image' data-field-top-value="17" data-field-left-value="20" data-field-height-value="31" data-field-width-value="60" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="200" data-field-fileheight-value="102" data-field-widthmode-value="fixed" data-field-heightmode-value="hug" data-field-left-res-320-value="10" data-field-height-res-320-value="31" data-field-height-res-480-value="31" data-field-top-res-640-value="9" data-field-left-res-640-value="10" data-field-height-res-640-value="31" data-field-left-res-960-value="10" data-field-height-res-960-value="31"> <a class='tn-atom'
96href="/"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3066-3435-4235-b963-393762633161/Logo_Adwise_Bl.svg'
97src='https://static.tildacdn.com/tild3066-3435-4235-b963-393762633161/Logo_Adwise_Bl.svg'
98alt='' imgfield='tn_img_1777059596548'
99/> </a> </div> <div class='t396__elem tn-elem tn-elem__22013507111785769570962' data-elem-id='1785769570962' data-elem-type='image' data-field-top-value="26" data-field-left-value="-20" data-field-height-value="12" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="40" data-field-fileheight-value="12" data-field-widthmode-value="fixed" data-field-heightmode-value="hug" data-field-left-res-320-value="-10" data-field-height-res-320-value="12" data-field-height-res-480-value="12" data-field-top-res-640-value="18" data-field-left-res-640-value="-10" data-field-height-res-640-value="12" data-field-left-res-960-value="-10" data-field-height-res-960-value="12"> <a class='tn-atom'
100href="#openMenu"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3134-3863-4536-b638-656333313737/Burger.svg'
101src='https://static.tildacdn.com/tild3134-3863-4536-b638-656333313737/Burger.svg'
102alt='' imgfield='tn_img_1785769570962'
103/> </a> </div> <div class='t396__elem tn-elem tn-elem__22013507111785831057927000001' data-elem-id='1785831057927000001' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="64" data-field-width-value="80" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-heightmode-value="fixed" data-field-height-res-640-value="48"> <a class='tn-atom'
104href="#openMenu"> </a> </div> </div> </div> 
104<script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('2201350711');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2201350711');});});</script>
104 <!-- /T396 --> </div> <div id="rec2707206801" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="396"> <!-- T396 --> <style>#rec2707206801 .t396__artboard{position:fixed;width:100%;left:0;top:0;z-index:2000;}#rec2707206801 .t396__artboard{min-height:550px;height:100vh;background-color:#000000;overflow:visible;isolation:isolate;}#rec2707206801 .t396__filter{min-height:550px;height:100vh;}#rec2707206801 .t396__carrier{min-height:550px;height:100vh;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2707206801 .t396__artboard,#rec2707206801 .t396__filter,#rec2707206801 .t396__carrier{}#rec2707206801 .t396__filter{}#rec2707206801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2707206801 .t396__artboard,#rec2707206801 .t396__filter,#rec2707206801 .t396__carrier{}#rec2707206801 .t396__filter{}#rec2707206801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2707206801 .t396__artboard,#rec2707206801 .t396__filter,#rec2707206801 .t396__carrier{min-height:212px;}#rec2707206801 .t396__filter{}#rec2707206801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2707206801 .t396__artboard,#rec2707206801 .t396__filter,#rec2707206801 .t396__carrier{min-height:284px;}#rec2707206801 .t396__artboard{background-color:#000000;background-image:none;}#rec2707206801 .t396__filter{}#rec2707206801 .t396__carrier{background-attachment:scroll;}}#rec2707206801 .tn-elem[data-elem-id="1785864306987"]{z-index:3;top:0px;left:calc(50% - 50% + 0px);width:100%;height:100%;}#rec2707206801 .tn-elem[data-elem-id="1785864306987"] .tn-atom{border-radius:0px 0px 0px 0px;overflow:hidden;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec2707206801 .tn-elem[data-elem-id="1785864306987"] .tn-atom__video-play-icon svg{width:70px;height:70px;}#rec2707206801 .tn-elem[data-elem-id="1785864306987"] .tn-atom__video-play-icon svg circle{fill:#000000;}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785864306987"]{display:table;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785864306987"]{display:table;top:0px;height:50%;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785864306987"]{display:table;top:0px;height:100%;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785864306987"]{display:table;top:0px;height:50%;}}#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"]{z-index:3;top:calc(50vh - 50px + 0px);left:calc(50% - 50% + 0px);width:100%;height:100%;-webkit-backdrop-filter:blur(0px);:backdrop-filter:blur(0px);;backdrop-filter:blur(0px);:backdrop-filter:blur(0px);;border-radius:0px 0px 0px 0px;}#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0.25;background-color:#000000;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"]{display:table;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"]{display:table;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"]{display:table;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785847834669000001"]{display:table;}}#rec2707206801 .tn-elem[data-elem-id="1777059596548"]{z-index:3;top:17px;left:calc(50% - 600px + 20px);width:60px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1777059596548"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec2707206801 .tn-elem[data-elem-id="1777059596548"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 480px + 10px);height:auto;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1777059596548"]{display:table;top:9px;left:calc(50% - 320px + 10px);height:auto;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 240px + 10px);height:auto;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1777059596548"]{display:table;left:calc(50% - 160px + 10px);height:auto;}}#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"]{z-index:3;top:26px;left:calc(50% + 600px - 40px + -20px);width:40px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"] .tn-atom__vector svg{display:block;}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"]{display:table;left:calc(50% + 480px - 40px + -20px);height:auto;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"]{display:table;top:18px;left:calc(50% + 320px - 40px + -10px);height:auto;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"]{display:table;left:calc(50% + 240px - 40px + -10px);height:auto;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785865446526000004"]{display:table;left:calc(50% + 160px - 40px + -10px);height:auto;}}#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"]{z-index:3;top:0px;left:calc(50% + 600px - 80px + 0px);width:80px;height:64px;}#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;--t396-bordercolor:#2ee8b5;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"]{display:table;left:calc(50% + 480px - 80px + 0px);}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"]{display:table;left:calc(50% + 320px - 80px + 0px);}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"]{display:table;left:calc(50% + 240px - 80px + 0px);}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785831186374000001"]{display:table;left:calc(50% + 160px - 80px + 0px);}}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"]{color:#ffc300;z-index:3;top:calc(100vh - 25px + -40px);left:calc(50% - 600px + 20px);width:383px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"] .tn-atom{vertical-align:middle;color:#ffc300;font-size:20px;font-family:var(--t-text-font,Arial);line-height:1.25;font-weight:900;text-transform:uppercase;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"]{dis
104play:table;top:calc(550px - 25px + -40px);left:calc(50% - 480px + 10px);width:340px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"]{display:table;top:calc(550px - 25px + -30px);left:calc(50% - 320px + 18px);width:260px;height:20px;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"] .tn-atom{vertical-align:middle;white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"]{display:table;top:calc(550px - 25px + -14px);left:calc(50% - 240px + 170px);width:260px;height:15px;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;opacity:1;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"]{display:table;top:calc(550px - 25px + -20px);left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000003"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"]{color:#ffc300;z-index:3;top:calc(100vh - 25px + -125px);left:calc(50% - 600px + 20px);width:274px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"] .tn-atom{vertical-align:middle;color:#ffc300;font-size:20px;font-family:var(--t-headline-font,Arial);line-height:1.25;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"]{display:table;top:calc(550px - 25px + -136px);left:calc(50% - 480px + 10px);width:260px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"]{display:table;top:calc(550px - 25px + -111px);left:calc(50% - 320px + 18px);width:183px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"] .tn-atom{vertical-align:middle;white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"]{display:table;top:calc(550px - 25px + -64px);left:calc(50% - 240px + 170px);width:152px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"]{display:table;top:calc(550px - 25px + -74px);left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000002"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"]{color:#ffc300;z-index:3;top:calc(100vh - 31px + -150px);left:calc(50% - 600px + 20px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#ffc300;font-size:20px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:900;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"]{display:table;top:calc(550px - 31px + -161px);left:calc(50% - 480px + 10px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"]{display:table;top:calc(550px - 31px + -127px);left:calc(50% - 320px + 18px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"] .tn-atom{vertical-align:middle;white-space:nowrap;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"]{display:table;top:calc(550px - 31px + -79px);left:calc(50% - 240px + 170px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"] .tn-atom{vertical-align:middle;white-space:nowrap;font-size:12px;background-size:cover;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"]{display:table;top:calc(550px - 31px + -88px);left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785847759130000001"] .tn-atom{white-space:nowrap;background-size:cover;}}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"]{color:#ffc300;z-index:3;
104top:calc(100vh - 25px + -125px);left:calc(50% - 600px + 315px);width:274px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"] .tn-atom{vertical-align:middle;color:#ffc300;font-size:20px;font-family:var(--t-headline-font,Arial);line-height:1.25;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"]{display:table;top:calc(550px - 25px + -136px);left:calc(50% - 480px + 332px);width:260px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"]{display:table;top:calc(550px - 25px + -111px);left:calc(50% - 320px + 255px);width:183px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"] .tn-atom{vertical-align:middle;white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"]{display:table;top:calc(550px - 25px + -64px);left:calc(50% - 240px + 330px);width:140px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"]{display:table;top:calc(550px - 25px + -74px);left:calc(50% - 160px + 173px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"]{color:#ffc300;z-index:3;top:calc(100vh - 31px + -150px);left:calc(50% - 600px + 315px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#ffc300;font-size:20px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:900;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"]{display:table;top:calc(550px - 31px + -161px);left:calc(50% - 480px + 332px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"]{display:table;top:calc(550px - 31px + -127px);left:calc(50% - 320px + 255px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"] .tn-atom{vertical-align:middle;white-space:nowrap;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"]{display:table;top:calc(550px - 31px + -79px);left:calc(50% - 240px + 330px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"] .tn-atom{vertical-align:middle;white-space:nowrap;font-size:12px;background-size:cover;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"]{display:table;top:calc(550px - 31px + -88px);left:calc(50% - 160px + 173px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1787768643903000002"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"]{color:#ffc300;z-index:3;top:calc(100vh - 88px + -230px);left:calc(50% - 600px + 20px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#ffc300;font-size:40px;font-family:var(--t-text-font,Arial);line-height:1.1;font-weight:900;text-transform:uppercase;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"]{display:table;top:calc(550px - 88px + -231px);left:calc(50% - 480px + 10px);width:auto;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"]{display:table;top:calc(550px - 88px + -192px);left:calc(50% - 320px + 18px);width:199px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"] .tn-atom{vertical-align:middle;white-space:normal;font-size:32px;background-size:cover;}}@media screen and (max-width:639px){#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"]{display:table;top:calc(550px - 88px + -52px);left:calc(50% - 240px + 10px);width:141px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"] .tn-atom{vertical-align:middle;white-space:normal;font-size:20px;background-size:cover;}}@media screen and (max-width:479px){#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"]{display:table;top:calc(550px - 88px + -139px);left:calc(50% - 160px + 10px);width:156px;height:auto;}#rec2707206801 .tn-elem[data-elem-id="1785842869264000001"] .tn-atom{white-space:normal;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2707206801" data-artboard-screens="320,480,640,960,1200" data-artboard-height="550" data-artboard-valign="stretch" data-artboard-height_vh="100" data-artboard-upscale="window" data-artboard-ovrflw="visible" data-artboard-isolation="isolate" data-artboard-pos="fixed" data-artboard-height-res-320="284" data-artboard-height-res-480="212"> <div class="t396__carrier" data-artboard-recid="2707206801"></div> <div class="t396__filter" data-artboard-recid="2707206801"></div> <div class='t396__elem tn-elem tn-elem__27072068011785864306987' data-elem-id='1785864306987' data-elem-type='video' data-field-top-value="0" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-field-autoplay-value="y" data-field-loop-value="y" data-field-mute-value="y" data-field-heightmode-value="fixed" data-field-top-res-320-value="0" data-field-height-res-320-value="50" data-field-heightunits-res-320-value="%" data-field-heightmode-res-320-value="fixed" data-field-top-res-480-value="0" data-field-height-res-480-value="100" data-field-heightmode-res-480-value="fixed" data-field-top-res-640-value="0" data-field-height-res-640-value="50" data-field-heightmode-res-640-value="fixed"> <div class='tn-atom' style="height:100%;"> <div
105class='tn-atom__videoiframe' data-webmvideo="https://static.tildacdn.com/vide6431-6463-4438-b733-356261343661/LEXUS_LX_Black_Visio.webm" data-video-object-fit="cover" data-video-controls="hidden" style="width:100%; height:100%;"></div> </div> </div> <div class='t396__elem tn-elem tn-elem__27072068011785847834669000001' data-elem-id='1785847834669000001' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-field-heightmode-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__27072068011777059596548' data-elem-id='1777059596548' data-elem-type='image' data-field-top-value="17" data-field-left-value="20" data-field-height-value="31" data-field-width-value="60" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-imagefit-value="auto" data-field-filewidth-value="399" data-field-fileheight-value="204" data-field-widthmode-value="fixed" data-field-heightmode-value="hug" data-field-height-res-320-value="31" data-field-height-res-480-value="31" data-field-top-res-640-value="9" data-field-height-res-640-value="31" data-field-left-res-960-value="10" data-field-height-res-960-value="31"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6335-3966-4932-a563-633062386234/noroot.png'
106src='https://thb.tildacdn.com/tild6335-3966-4932-a563-633062386234/-/resize/20x/noroot.png'
107alt='/' imgfield='tn_img_1777059596548'
108/> </div> </div> <div class='t396__elem tn-elem tn-elem__27072068011785865446526000004' data-elem-id='1785865446526000004' data-elem-type='vector' data-field-top-value="26" data-field-left-value="-20" data-field-height-value="11" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="40" data-field-fileheight-value="11" data-field-widthmode-value="fixed" data-field-heightmode-value="hug" data-field-top-res-640-value="18" data-field-left-res-640-value="-10"> <a class='tn-atom tn-atom__vector'
109href="#openMenu"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.00 11.43" data-guides="{&quot;vertical&quot;:[],&quot;horizontal&quot;:[]}" role="img" aria-label=""><defs></defs><path fill="#ffc300" stroke="none" fill-opacity="1" stroke-width="1" stroke-opacity="1" width="40.9874" height="2" id="tSvg555ce79112" title="Rectangle 1" d="M1.2821 11.3243C13.9129 8.1998 26.5436 5.0753 39.1744 1.9509C39.0222 1.3357 38.87 0.7206 38.7179 0.1054C26.0871 3.2299 13.4564 6.3544 0.8256 9.4788C0.9778 10.094 1.1299 10.7091 1.2821 11.3243Z" style="transform-origin: -6520.23px -4745.62px;"></path><path fill="#ffc300" stroke="none" fill-opacity="1" stroke-width="1" stroke-opacity="1" width="40.9874" height="2" id="tSvg131659b77d9" title="Rectangle 2" d="M39.1743 9.4789C26.5435 6.3544 13.9127 3.2299 1.2819 0.1055C1.1297 0.7206 0.9776 1.3358 0.8254 1.9509C13.4562 5.0754 26.0869 8.1999 38.7177 11.3243C38.8699 10.7092 39.0221 10.094 39.1743 9.4789Z" style="transform-origin: -6518.12px -4747.1px;"></path></svg> </a> </div> <div class='t396__elem tn-elem tn-elem__27072068011785831186374000001' data-elem-id='1785831186374000001' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="64" data-field-width-value="80" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed"> <a class='tn-atom'
110href="#closeMenu"> </a> </div> <div class='t396__elem tn-elem tn-elem__27072068011785847759130000003' data-elem-id='1785847759130000003' data-elem-type='text' data-field-top-value="-40" data-field-left-value="20" data-field-height-value="25" data-field-width-value="383" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="-20" data-field-left-res-320-value="10" data-field-height-res-320-value="15" data-field-width-res-320-value="175" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-widthmode-res-320-value="hug" data-field-heightmode-res-320-value="hug" data-field-top-res-480-value="-14" data-field-left-res-480-value="170" data-field-height-res-480-value="15" data-field-width-res-480-value="260" data-field-container-res-480-value="grid" data-field-textfit-res-480-value="fixedsize" data-field-fontsize-res-480-value="12" data-field-top-res-640-value="-30" data-field-left-res-640-value="18" data-field-height-res-640-value="20" data-field-width-res-640-value="260" data-field-container-res-640-value="grid" data-field-textfit-res-640-value="fixedsize" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-40" data-field-left-res-960-value="10" data-field-height-res-960-value="50" data-field-width-res-960-value="340" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-textfit-res-960-value="autoheight"> <div class='tn-atom'field='tn_text_1785847759130000003'><a href="https://vk.ru/adwise" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 195, 0);">VK</a> &nbsp;<a href="https://t.me/adwiserchange" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 195, 0);">TG</a> &nbsp;<a href="https://vkvideo.ru/video-212255719_456239224" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 195, 0);">Смотреть шоурил</a></div> </div> <div class='t396__elem tn-elem tn-elem__27072068011785847759130000002' data-elem-id='1785847759130000002' data-elem-type='text' data-field-top-value="-125" data-field-left-value="20" data-field-height-value="25" data-field-width-value="274" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="-74" data-field-left-res-320-value="10" data-field-height-res-320-value="30" data-field-width-res-320-value="137" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-widthmode-res-320-value="hug" data-field-heightmode-res-320-value="hug" data-field-top-res-480-value="-64" data-field-left-res-480-value="170" data-field-height-res-480-value="40" data-field-width-res-480-value="152" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-textfit-res-480-value="autoheight" data-field-wid
110thmode-res-480-value="fixed" data-field-heightmode-res-480-value="fixed" data-field-fontsize-res-480-value="12" data-field-top-res-640-value="-111" data-field-left-res-640-value="18" data-field-height-res-640-value="40" data-field-width-res-640-value="183" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="autoheight" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-136" data-field-left-res-960-value="10" data-field-height-res-960-value="50" data-field-width-res-960-value="260" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-textfit-res-960-value="autoheight"> <div class='tn-atom'field='tn_text_1785847759130000002'>[email protected]</div> </div> <div class='t396__elem tn-elem tn-elem__27072068011785847759130000001' data-elem-id='1785847759130000001' data-elem-type='text' data-field-top-value="-150" data-field-left-value="20" data-field-height-value="31" data-field-width-value="115" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="-88" data-field-left-res-320-value="10" data-field-height-res-320-value="19" data-field-width-res-320-value="69" data-field-top-res-480-value="-79" data-field-left-res-480-value="170" data-field-height-res-480-value="19" data-field-width-res-480-value="69" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-widthunits-res-480-value="px" data-field-textfit-res-480-value="autowidth" data-field-widthmode-res-480-value="hug" data-field-heightmode-res-480-value="hug" data-field-fontsize-res-480-value="12" data-field-top-res-640-value="-127" data-field-left-res-640-value="18" data-field-height-res-640-value="25" data-field-width-res-640-value="92" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-widthunits-res-640-value="px" data-field-textfit-res-640-value="autowidth" data-field-widthmode-res-640-value="hug" data-field-heightmode-res-640-value="hug" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-161" data-field-left-res-960-value="10" data-field-height-res-960-value="25" data-field-width-res-960-value="115" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-widthunits-res-960-value="px" data-field-textfit-res-960-value="autowidth" data-field-widthmode-res-960-value="hug" data-field-heightmode-res-960-value="hug"> <div class='tn-atom'field='tn_text_1785847759130000001'>КОНТАКТЫ</div> </div> <div class='t396__elem tn-elem tn-elem__27072068011787768643903000001' data-elem-id='1787768643903000001' data-elem-type='text' data-field-top-value="-125" data-field-left-value="315" data-field-height-value="25" data-field-width-value="274" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="-74" data-field-left-res-320-value="173" data-field-height-res-320-value="15" data-field-width-res-320-value="78" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-widthmode-res-320-value="hug" data-field-heightmode-res-320-value="hug" data-field-top-res-480-value="-64" data-field-left-res-480-value="330" data-field-height-res-480-value="40" data-field-width-res-480-value="140" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-textfit-res-480-value="autoheight" data-field-widthmode-res-480-value="fixed" data-field-heightmode-res-480-value="fixed" data-field-fontsize-res-480-value="12" data-field-top-res-640-value="-111" data-field-left-res-640-value="255" data-field-height-res-640-value="20" data-field-width-res-640-value="183" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="autoheight" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-136" data-field-left-res-960-value="332" data-field-height-res-960-value="50" data-field-width-res-960-value="260" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-textfit-res-960-value="autoheight"> <div class='tn-atom'field='tn_text_1787768643903000001'><a href="https://t.me/tremster" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 195, 0);">t.me/tremster</a></div> </div> <div class='t396__elem tn-elem tn-elem__27072068011787768643903000002' data-elem-id='1787768643903000002' data-elem-type='text' data-field-top-value="-150" data-field-left-value="315" data-field-height-value="31" data-field-width-value="60" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="-88" data-field-left-res-320-value="173" data-field-height-res-320-value="19" data-field-width-res-320-value="36" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-top-res-480-value="-79" data-field-left-res-480-value="330" data-field-height-res-480-value="19" data-field-width-res-480-value="36" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-widthunits-res-480-value="px" data-field-textfit-res-480-value="autowidth" data-field-widthmode-res-480-value="hug" data-field-heightmode-res-480-value="hug" data-field-fontsize-res-480-value="12" data-field-top-res-640-value="-127" data-field-left-res-640-value="255" data-field-height-res-640-value="25" data-field-width-res-640-value="48" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-widthunits-res-640-value="px" data-field-textfit-res-640-value="autowidth" data-field-widthmode-res-640-value="hug" data-field-heightmode-res-640-value="hug" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-161" data-field-left-res-960-value="332" data-field-height-res-960-value="25" data-field-width-res-960-value="60" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-widthunits-res-960-value="px" data-field-textfit-res-960-value="autowidth" data-field-widthmode-res-960-value="hug" data-field-heightmode-res-960-value="hug"> <div class='tn-atom'field='tn_text_1787768643903000002'>БРИФ</div> </div> <div class='t396__elem tn-elem text-slogan tn-elem__27072068011785842869264000001' data-elem-id='1785842869264000001' data-elem-type='text' data-field-top-value="-230" data-field-left-value="20" data-field-height-value="88" data-field-width-value="249" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="40" data-field-top-res-320-value="-139" data-field-left-res-320-value="10" data-field-height-res-320-value="44" data-field-width-res-320-value="156" data-field-top-res-480-value="-52" data-field-left-res-480-value="10" data-field-height-res-480-value="44" data-field-width-res-480-value="141" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-textfit-res-480-value="autoheight" data-field-fontsize-res-480-value="20" data-field-top-res-640-value="-192" data-field-left-res-640-value="18" data-field-height-res-640-value="70" data-field-width-res-640-value="199" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="autoheight" data-field-widthmode-res-640-value="fill" data-field-heightmode-res-640-value="hug" data-field-fontsize-res-640-value="32" data-field-top-res-960-value="-231" data-field-left-res-960-value="10" data-field-height-res-960-value="80" data-field-width-res-960-value="249" data-field-container-res-960-value="grid" data-field-heightunits-res-960-value="px" data-field-widthunits-res-960-value="px" data-field-textfit-res-960-value="autowidth" data-field-widthmode-res-960-value="hug" data-field-heightmode-res-960-value="hug"> <div class='tn-atom'field='tn_text_1785842869264000001'>СВЯЗАТЬСЯ <br />С НАМИ</div> </div> </div> </div> 
110<script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('2707206801');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2707206801');});});</script>
110 <!-- /T396 --> </div> </header> <!--/header--> <div id="rec2468671641" class="r t-rec" style=" " data-record-type="360"> <!-- T360 --> <style>.t-records{opacity:0;}.t-records_animated{-webkit-transition:opacity ease-in-out .5s;-moz-transition:opacity ease-in-out .5s;-o-transition:opacity ease-in-out .5s;transition:opacity ease-in-out .5s;}.t-records.t-records_visible,.t-records .t-records{opacity:1;}</style> 
110<script>t_onReady(function() {var allRecords=document.querySelector('.t-records');window.addEventListener('pageshow',function(event) {if(event.persisted) {allRecords.classList.add('t-records_visible');}});var rec=document.querySelector('#rec2468671641');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity='1';allRecords.classList.add('t-records_animated');setTimeout(function() {allRecords.classList.add('t-records_visible');},200);document.addEventListener('visibilitychange',function() {if(!document.hidden) {allRecords.classList.add('t-records_visible');}});});</script>
110 <style>.t360__bar{background-color:#ffc300;}</style> 
110<script>t_onReady(function() {var isSafari=/Safari/.test(navigator.userAgent)&&/Apple Computer/.test(navigator.vendor);if(!isSafari) {document.body.insertAdjacentHTML('beforeend','<div class="t360__progress"><div class="t360__bar"></div></div>');setTimeout(function() {var bar=document.querySelector('.t360__bar');if(bar) bar.classList.add('t360__barprogress');},10);}});function t360_onProgressLoad() {var bar=document.querySelector('.t360__bar');if(!bar) return;bar.classList.remove('t360__barprogress');bar.classList.add('t360__barprogressfinished');setTimeout(function() {bar.classList.add('t360__barprogresshidden');},20);setTimeout(function() {var progress=document.querySelector('.t360__progress');if(progress) progress.style.display='none';},500);};if(document.readyState==='complete') {setTimeout(t360_onProgressLoad,60);} else {window.addEventListener('load',t360_onProgressLoad);}</script>
110 </div> <div id="rec2468671651" class="r t-rec" style=" " data-animationappear="off" data-record-type="1084"> <!-- t1084 --> <style>::-webkit-scrollbar{width:15px;height:15px;background-color:#fafafa;}::-webkit-scrollbar-track{background-color:#fafafa;}::-webkit-scrollbar-thumb{background-color:#020202;border-radius:0px;border:0px solid #fafafa;background-clip:padding-box;}::-webkit-scrollbar-thumb:hover{background-color:#020202;}@supports (-moz-appearance:none){:root,body,.allrecords *{scrollbar-width:auto;scrollbar-color:#020202 #fafafa;}}:root,body,.allrecords *{-ms-scrollbar-track-color:#fafafa;-ms-scrollbar-highlight-color:#fafafa;-ms-scrollbar-shadow-color:#fafafa;-ms-scrollbar-3dlight-color:#fafafa;-ms-scrollbar-darkshadow-color:#fafafa;-ms-scrollbar-face-color:#020202;}</style> </div> <div id="rec2801860901" class="r t-rec" style="background-color:#f9f9f9; " data-animationappear="off" data-record-type="131" data-bg-color="#f9f9f9"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Onest:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <!-- Переключатель (кнопки строятся автоматически из массива tabs) --> <div id="bottom-switcher" class="switcher-hidden"> <div class="slider-background"></div> </div> <style>
111#bottom-switcher {
112  font-family: 'Onest', sans-serif;
113  position: fixed;
114  bottom: 24px;
115  left: 50%;
116  transform: translateX(-50%) translateY(0);
117  z-index: 999;
118  display: inline-flex;
119
120  /* Светло-серый фон с прозрачностью 15% + размытие 12px (стекло) */
121  background: rgba(220, 220, 220, 0.25);
122  -webkit-backdrop-filter: blur(12px);
123  backdrop-filter: blur(12px);
124
125  border-radius: 50px;
126  padding: 5px;
127  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
128  opacity: 1;
129  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 0.55);
130}
131
132#bottom-switcher.switcher-hidden {
133  opacity: 0;
134  transform: translateX(-50%) translateY(150px);
135  pointer-events: none;
136}
137
138.slider-background {
139  position: absolute;
140  top: 5px;
141  bottom: 5px;
142  left: 5px;
143  /* ширину и позицию задаёт JS под активный пункт */
144  width: 100px;
145  background: #FFF;                 /* жёлтый фон активного пункта */
146  border-radius: 50px;
147  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 0.55),
148              width 0.4s cubic-bezier(0.68, -0.55, 0.265, 0.55);
149  z-index: 1;
150}
151
152.switch-btn {
153  font-family: 'Onest', sans-serif;
154  font-weight: 500;
155  padding: 12px 30px;
156  border: none;
157  background: transparent;
158  font-size: 14px;
159  letter-spacing: 1px;
160  cursor: pointer;
161  transition: color 0.3s ease, font-weight 0.3s ease;
162  color: #000;                        /* неактивные — чёрный текст */
163  text-transform: uppercase;
164  position: relative;
165  z-index: 2;
166  white-space: nowrap;
167}
168
169.switch-btn.active {
170  color: #000;                        /* активный — чёрный текст (на жёлтом) */
171  font-weight: 600;
172}
173
174.switch-btn:hover:not(.active) {
175  opacity: 0.65;
176}
177
178@media (max-width: 640px) {
179  #bottom-switcher {
180    bottom: 30px;
181  }
182  .switch-btn {
183    padding: 10px 18px;
184    font-size: 12px;
185  }
186}
187</style> 
187<script>
188// ============================================
189// ⚙️ НАСТРОЙКИ
190// ============================================
191
192const switcherConfig = {
193  // Видимость переключателя при скролле
194  //showAfterBlockId: 'rec2958251101',
195  hideAtBlockId: 'rec2958251101',
196
197  // ============================================
198  // 📋 ПУНКТЫ ПЕРЕКЛЮЧАТЕЛЯ
199  //   label — текст кнопки
200  //   url   — ссылка. '' или '/' = главная (текущая страница)
201  // ============================================
202  tabs: [
203    { label: 'ГЛАВНАЯ',      url: '/'          },
204    { label: 'УСЛУГИ',       url: '/services'  },
205    { label: 'КЕЙСЫ',        url: '/cases'     },
206    { label: 'ADWISE',       url: '/about'     }
207  ],
208
209  // Резервный активный пункт, если URL ни с чем не совпал
210  fallbackIndex: 0,
211
212  // Задержка перед переходом (чтобы слайдер успел отыграть), мс
213  navDelay: 350
214};
215
216// ============================================
217// 🔍 АВТО-ОПРЕДЕЛЕНИЕ АКТИВНОГО ПУНКТА ПО URL
218// ============================================
219
220function detectActiveIndex() {
221  // текущий путь без завершающего слэша (кроме корня)
222  let path = window.location.pathname.replace(/\/+$/, '') || '/';
223
224  let bestIndex = -1;
225  let bestLen   = -1;
226
227  switcherConfig.tabs.forEach(function(tab, index) {
228    let tabUrl = (tab.url || '/').trim();
229
230    // нормализуем url пункта так же, как path
231    let tabPath;
232    try {
233      // поддержка как относительных ('/services'), так и полных ссылок
234      tabPath = new URL(tabUrl, window.location.origin).pathname;
235    } catch (e) {
236      tabPath = tabUrl;
237    }
238    tabPath = tabPath.replace(/\/+$/, '') || '/';
239
240    // точное совпадение
241    if (tabPath === path) {
242      // выбираем самое длинное (специфичное) совпадение
243      if (tabPath.length > bestLen) { bestIndex = index; bestLen = tabPath.length; }
244    }
245    // совпадение по префиксу (напр. /cases/lexus → пункт /cases)
246    else if (tabPath !== '/' && path.indexOf(tabPath + '/') === 0) {
247      if (tabPath.length > bestLen) { bestIndex = index; bestLen = tabPath.length; }
248    }
249  });
250
251  return bestIndex !== -1 ? bestIndex : switcherConfig.fallbackIndex;
252}
253
254// ============================================
255// 🏗️ ПОСТРОЕНИЕ ПЕРЕКЛЮЧАТЕЛЯ
256// ============================================
257
258let currentActiveIndex = 0;
259
260function buildSwitcher() {
261  const switcher = document.getElementById('bottom-switcher');
262
263  currentActiveIndex = detectActiveIndex();  // определяем по URL
264
265  switcherConfig.tabs.forEach(function(tab, index) {
266    const btn = document.createElement('button');
267    btn.className = 'switch-btn' + (index === currentActiveIndex ? ' active' : '');
268    btn.textContent = tab.label;
269    btn.addEventListener('click', function() {
270      switchTab(index, btn, tab);
271    });
272    switcher.appendChild(btn);
273  });
274
275  moveSliderTo(currentActiveIndex);
276}
277
278// Двигаем слайдер под кнопку по индексу (учитывая разную ширину)
279function moveSliderTo(index) {
280  const switcher = document.getElementById('bottom-switcher');
281  const slider   = switcher.querySelector('.slider-background');
282  const buttons  = switcher.querySelectorAll('.switch-btn');
283  const btn      = buttons[index];
284  if (!btn) return;
285
286  let offset = 0;
287  for (let i = 0; i < index; i++) offset += buttons[i].offsetWidth;
288
289  slider.style.width = btn.offsetWidth + 'px';
290  slider.style.transform = 'translateX(' + offset + 'px)';
291}
292
293// ============================================
294// 🎯 КЛИК ПО ПУНКТУ
295// ============================================
296
297function switchTab(index, element, tab) {
298  const switcher = document.getElementById('bottom-switcher');
299  const buttons  = switcher.querySelectorAll('.switch-btn');
300
301  buttons.forEach(function(btn) { btn.classList.remove('active'); });
302  element.classList.add('active');
303
304  moveSliderTo(index);
305
306  // если это уже текущая страница — не переходим
307  if (index === currentActiveIndex) {
308    console.log('✅ Уже здесь:', tab.label);
309    return;
310  }
311
312  if (tab.url && tab.url.trim() !== '') {
313    console.log('🔄 Переход на', tab.url);
314    setTimeout(function() {
315      window.location.href = tab.url;
316    }, switcherConfig.navDelay);
317  }
318}
319
320// ============================================
321// ВИДИМОСТЬ ПЕРЕКЛЮЧАТЕЛЯ
322// ============================================
323
324window.addEventListener('DOMContentLoaded', function() {
325
326  console.log('🚀 Скрипт запущен');
327
328  buildSwitcher();
329
330  const switcher       = document.getElementById('bottom-switcher');
331  const showAfterBlock = document.getElementById(switcherConfig.showAfterBlockId);
332  const hideAtBlock    = document.getElementById(switcherConfig.hideAtBlockId);
333
334  function updateSwitcherVisibility() {
335    let showBlockVisible = false;
336    if (showAfterBlock) {
337      const showRect = showAfterBlock.getBoundingClientRect();
338      const scrolledPastShow = window.scrollY > showAfterBlock.offsetTop - window.innerHeight;
339      showBlockVisible = scrolledPastShow || (showRect.top < window.innerHeight && showRect.bottom > 0);
340    } else {
341      showBlockVisible = true;
342    }
343
344    let hideBlockVisible = false;
345    if (hideAtBlock) {
346      hideBlockVisible = hideAtBlock.getBoundingClientRect().top < window.innerHeight;
347    }
348
349    if (showBlockVisible && !hideBlockVisible) {
350      switcher.classList.remove('switcher-hidden');
351    } else {
352      switcher.classList.add('switcher-hidden');
353    }
354  }
355
356  let scrollTimeout;
357  window.addEventListener('scroll', function() {
358    clearTimeout(scrollTimeout);
359    scrollTimeout = setTimeout(updateSwitcherVisibility, 50);
360  });
361
362  setTimeout(updateSwitcherVisibility, 100);
363
364  window.addEventListener('resize', function() {
365    updateSwitcherVisibility();
366    const activeBtn = switcher.querySelector('.switch-btn.active');
367    if (activeBtn) {
368      const idx = Array.prototype.indexOf.call(switcher.querySelectorAll('.switch-btn'), activeBtn);
369      moveSliderTo(idx);
370    }
371  });
372});
373</script>
373 <!-- nominify end --> </div> </div> </div> </div> <div id="rec2468720231" class="r t-rec" style="background-color:#f9f9f9; " data-animationappear="off" data-record-type="131" data-bg-color="#f9f9f9"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
374.my-title {
375  transform: skew(-12deg) rotate(-12deg);
376  -webkit-font-smoothing: antialiased;
377}
378</style> <style>
379.text-slogan {
380  transform: skew(-12deg) rotate(-12deg);
381  -webkit-font-smoothing: antialiased;
382}
383</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec2802300701" class="r t-rec t-rec_pb_0 uc-trail-img" style="padding-bottom:0px;background-color:#f9f9f9; " data-animationappear="off" data-record-type="396" data-bg-color="#f9f9f9"> <!-- T396 --> <style>#rec2802300701 .t396__artboard{min-height:550px;height:100vh;background-color:#ffc300;overflow:visible;}#rec2802300701 .t396__filter{min-height:550px;height:100vh;}#rec2802300701 .t396__carrier{min-height:550px;height:100vh;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2802300701 .t396__artboard,#rec2802300701 .t396__filter,#rec2802300701 .t396__carrier{}#rec2802300701 .t396__filter{}#rec2802300701 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2802300701 .t396__artboard,#rec2802300701 .t396__filter,#rec2802300701 .t396__carrier{min-height:550px;}#rec2802300701 .t396__filter{}#rec2802300701 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2802300701 .t396__artboard,#rec2802300701 .t396__filter,#rec2802300701 .t396__carrier{min-height:280px;}#rec2802300701 .t396__filter{}#rec2802300701 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2802300701 .t396__artboard,#rec2802300701 .t396__filter,#rec2802300701 .t396__carrier{}#rec2802300701 .t396__filter{}#rec2802300701 .t396__carrier{background-attachment:scroll;}}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"]{color:#020202;text-align:center;z-index:3;top:calc(50vh - 180px + -20px);left:calc(50% - 278px + 0px);width:auto;height:auto;}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#020202;font-size:96px;font-family:var(--t-text-font,Arial);line-height:1.25;font-weight:900;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"]{display:table;width:auto;height:auto;}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"]{display:table;top:calc(275px - 180px + 0px);left:calc(50% - 162px + 0px);width:auto;height:auto;}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"] .tn-atom{white-space:nowrap;font-size:56px;background-size:cover;}}@media screen and (max-width:639px){#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"]{display:table;top:calc(275px - 180px + 0px);left:calc(50% - 116px + 0px);width:auto;height:auto;}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"] .tn-atom{white-space:nowrap;font-size:40px;background-size:cover;}}@media screen and (max-width:479px){#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"]{display:table;top:calc(275px - 180px + 0px);width:auto;height:auto;}#rec2802300701 .tn-elem[data-elem-id="1783012975624000001"] .tn-atom{white-space:nowrap;background-size:cover;}}#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"]{z-index:3;top:calc(50vh - 40px + 0px);left:calc(50% - 34.5% + 3px);width:69%;height:80%;}#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"]{display:table;top:calc(275px - 40% + 1px);left:calc(50% - 45% + 0px);width:90%;height:90%;}}@media screen and (max-width:959px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"]{display:table;}}@media screen and (max-width:639px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"]{display:table;}}@media screen and (max-width:479px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000001"]{display:table;}}#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"]{z-index:3;top:calc(50vh - 40px + 0px);left:calc(50% - 34.5% + 3px);width:69%;height:80%;}#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"]{display:table;top:calc(275px - 40% + 1px);left:calc(50% - 45% + 0px);width:90%;height:90%;}}@media screen and (max-width:959px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"]{display:table;}}@media screen and (max-width:639px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"]{display:table;}}@media screen and (max-width:479px){#rec2802300701 .tn-elem[data-elem-id="1786535623144000002"]{display:table;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2802300701" data-artboard-screens="320,480,640,960,1200" data-artboard-height="550" data-artboard-valign="stretch" data-artboard-height_vh="100" data-artboard-upscale="window" data-artboard-ovrflw="visible" data-artboard-height-res-480="280" data-artboard-height-res-640="550"> <div class="t396__carrier" data-artboard-recid="2802300701"></div> <div class="t396__filter" data-artboard-recid="2802300701"></div> <div class='t396__elem tn-elem my-title tn-elem__28023007011783012975624000001' data-elem-id='1783012975624000001' data-elem-type='text' data-field-top-value="-20" data-field-left-value="0" data-field-height-value="360" data-field-width-value="556" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-prx="scroll" data-field-textfit-value="autowidth" data-field-fontsize-value="96" data-field-top-res-320-value="0" data-field-left-res-320-value="0" data-field-width-res-320-value="232" data-field-top-res-480-value="0" data-field-width-res-480-value="232" data-field-fontsize-res-480-value="40" data-field-top-res-640-value="0" data-field-width-res-640-value="324" data-field-fontsize-res-640-value="56"> <div class='tn-atom'field='tn_text_1783012975624000001'>КАК<br />МЫ ВЕДЁМ<br />БРЕНД</div> </div> <div class='t396__elem tn-elem stickers tn-elem__28023007011786535623144000001' data-elem-id='1786535623144000001' data-elem-type='shape' data-field-top-value="0" data-field-left-value="3" data-field-height-value="80" data-field-width-value="69" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-960-value="1" data-field-left-res-960-value="0" data-field-height-res-960-value="90" data-field-width-res-960-value="90" data-field-widthmode-res-960-value="fixed" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__28023007011786535623144000002' data-elem-id='1786535623144000002' data-elem-type='html' data-field-top-value="0" data-field-left-value="3" data-field-height-value="80" data-field-width-value="69" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="%" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-960-value="1" data-field-left-res-960-value="0" data-field-height-res-960-value="90" data-field-width-res-960-value="90" data-field-widthmode-res-960-value="fixed" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom tn-atom__html'> <!--Эффект следа из изображений
384https://mt-webdesign.ru/trail-image-hover--> <main> <div class="content"> <img class="content__img" src="https://static.tildacdn.com/tild3539-3435-4136-b465-643738303731/OBI.png" alt="OBI"/> <img class="content__img" src="https://static.tildacdn.com/tild3566-6232
384-4061-b739-303832653734/RB.png" alt="RB"/> <img class="content__img" src="https://static.tildacdn.com/tild3833-6532-4939-a535-626232613762/OTPBANK.png" alt="OTP Bank"/> <img class="content__img" src="https://static.tildacdn.com/tild3639-6435-4630-b238-313235393634/Amway.png" alt="Amway"/> <img class="content__img" src="https://static.tildacdn.com/tild3335-3030-4365-b631-346432303630/SHELL.png" alt="Shell"/> <img class="content__img" src="https://static.tildacdn.com/tild3635-3530-4939-b561-656239383537/NIVEA.png" alt="Nivea"/> <img class="content__img" src="https://static.tildacdn.com/tild3864-3132-4334-b731-396666393236/ACUVUE.png" alt="Acuvue"/> <img class="content__img" src="https://static.tildacdn.com/tild6230-3435-4034-b337-333663616235/Mvideo.png" alt="М.Видео"/> <img class="content__img" src="https://static.tildacdn.com/tild6264-3866-4761-a631-366265353861/MKB.png" alt="МКБ"/> <img class="content__img" src="https://static.tildacdn.com/tild6162-3034-4135-b832-316231623538/LADA.png" alt="LADA"/> <img class="content__img" src="https://static.tildacdn.com/tild6163-3663-4062-b537-623336666233/UAZ.png" alt="UAZ"/> <img class="content__img" src="https://static.tildacdn.com/tild3231-6630-4263-a361-663262303261/TEBOIL.png" alt="Teboil"/> <img class="content__img" src="https://static.tildacdn.com/tild3638-6161-4366-a464-666335643431/GAZ.png" alt="GAZ"/> <img class="content__img" src="https://static.tildacdn.com/tild3861-6430-4439-b764-383732336532/MIR.png" alt="МИР"/> <img class="content__img" src="https://static.tildacdn.com/tild3432-3864-4663-a434-353166643031/Michelin.png" alt="Michelin"/> <img class="content__img" src="https://static.tildacdn.com/tild6636-3337-4630-b138-373236333531/Danone.png" alt="Danone"/> <img class="content__img" src="https://static.tildacdn.com/tild3038-3066-4162-b932-656136613634/JJ.png" alt="Johnson & Johnson"/> <img class="content__img" src="https://static.tildacdn.com/tild6233-3037-4631-b666-353463303730/Reebok.png" alt="Reebok"/> <img class="content__img" src="https://static.tildacdn.com/tild6263-3430-4037-b164-616135363564/Fplus.png" alt="F+"/> <img class="content__img" src="https://static.tildacdn.com/tild3632-3865-4535-b939-353936643932/Toyota.png" alt="Toyota"/> <img class="content__img" src="https://static.tildacdn.com/tild3233-6338-4336-b266-616137333364/TELE2.png" alt="Tele2"/> <img class="content__img" src="https://static.tildacdn.com/tild3137-6539-4138-b437-363166393432/Lexus.png" alt="Lexus"/> <img class="content__img" src="https://static.tildacdn.com/tild6233-3262-4464-a565-653266373731/Chery.png" alt="Chery"/> </div> </main> <!-- ===== ПОДСКАЗКА: ДЕСКТОП «поводите» / МОБИЛКА «кликните» ===== --> <div id="interaction-hint" class="hint-overlay"> <img class="hand-icon" src="https://static.tildacdn.com/tild3438-3737-4637-b765-316631313532/Hand.svg" alt="" /> <p class="hint-text">Поводите мышкой по экрану</p> </div> <style>.hint-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,0.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-family:'Onest',Arial,sans-serif;font-size:20px;font-weight:600;text-align:center;padding:20px;box-sizing:border-box;z-index:9999;pointer-events:none;opacity:0;transition:opacity 0.5s ease;}.hint-overlay.is-shown{opacity:1;}.hint-overlay.hidden{opacity:0;}.hand-icon{width:32px;height:44px;margin-bottom:16px;display:block;transform-origin:center 80%;}.hint-overlay.mode-move .hand-icon{animation:handMove 2s infinite ease-in-out;}@keyframes handMove{0%,100%{transform:translateX(-40px) rotate(-8deg);}50%{transform:translateX(40px) rotate(8deg);}}.hint-overlay.mode-tap .hand-icon{animation:handTap 1.3s infinite ease-in-out;}@keyframes handTap{0%{transform:translateY(0) scale(1);}15%{transform:translateY(10px) scale(0.9);}30%{transform:translateY(0) scale(1);}100%{transform:translateY(0) scale(1);}}.hint-overlay.mode-tap .hand-icon::after{content:"";}.tap-ripple{position:absolute;width:70px;height:70px;border:2px solid rgba(0,0,0,0.4);border-radius:50%;opacity:0;pointer-events:none;display:none;}.hint-overlay.mode-tap .tap-ripple{display:block;
384animation:tapRipple 1.3s infinite ease-out;}@keyframes tapRipple{0%{transform:scale(0.4);opacity:0;}15%{transform:scale(0.5);opacity:0.6;}60%{transform:scale(1.4);opacity:0;}100%{transform:scale(1.4);opacity:0;}}.hint-text{margin:0;}@media (max-width:768px){.hint-overlay{font-size:16px;}.hand-icon{width:48px;height:66px;}.tap-ripple{width:54px;height:54px;}}</style> 
384<script>(function() {var hint=document.getElementById('interaction-hint');if(!hint) return;var HINT_AUTOHIDE=6000;var hidden=false;var autoTimer=null;var isTouch=('ontouchstart' in window)||(navigator.maxTouchPoints>0)||window.matchMedia('(max-width: 640px)').matches;var textEl=hint.querySelector('.hint-text');if(isTouch) {hint.classList.add('mode-tap');if(textEl) textEl.textContent='Кликните по экрану';var ripple=document.createElement('div');ripple.className='tap-ripple';hint.insertBefore(ripple,hint.firstChild);} else {hint.classList.add('mode-move');if(textEl) textEl.textContent='Поводите мышкой по экрану';}
385setTimeout(function() {hint.classList.add('is-shown');},400);function hideHint() {if(hidden) return;hidden=true;hint.classList.remove('is-shown');hint.classList.add('hidden');window.removeEventListener('mousemove',hideHint);window.removeEventListener('touchstart',hideHint);window.removeEventListener('click',hideHint);if(autoTimer) clearTimeout(autoTimer);setTimeout(function() {if(hint&&hint.parentNode) hint.parentNode.removeChild(hint);},500);};if(isTouch) {window.addEventListener('touchstart',hideHint);window.addEventListener('click',hideHint);} else {window.addEventListener('mousemove',hideHint);}
386autoTimer=setTimeout(hideHint,HINT_AUTOHIDE);})();</script>
386 </div> </div> </div> </div> 
386<script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('2802300701');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2802300701');});});</script>
386 <!-- /T396 --> </div> <div id="rec3160203801" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!--Эффект следа из изображений
387https://mt-webdesign.ru/trail-image-hover--> 
387<script src='https://www.matilda-design.ru/library/trail-img.js'></script>
387 
387<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.0/gsap.min.js'></script>
387 <style>
388:root {
389--ImgWidthTrail: 160px; /*размер изображения (десктоп)*/
390--ImgBorderTrail: 12px; /*скругление углов*/
391
392/* ===== НАСТРОЙКА ТЕНИ ===== */
393--ImgShadowTrail: 0 8px 24px rgba(0, 0, 0, 0.18); /* 👈 тень изображений */
394}
395
396/* ===== БЛОК ВИДЕН НА ВСЕХ ЭКРАНАХ ===== */
397/* (убрали main{display:none} — теперь мобилка тоже показывает эффект по тапу) */
398
399.content {
400height: 100vh;
401width: 100%;
402position: relative;
403display: flex;
404justify-content: center;
405align-items: center;
406isolation: isolate;
407pointer-events: none;
408}
409.content__img {
410pointer-events: none;
411width: var(--ImgWidthTrail);
412border-radius: var(--ImgBorderTrail);
413box-shadow: var(--ImgShadowTrail);
414position: absolute;
415top: 0;
416left: 0;
417opacity: 0;
418transform: translateY(0%);
419}
420.content__img--full {
421width: 100%;
422height: 100%;
423background-size: cover;
424}
425
426/* ===== МОБИЛКА / ПЛАНШЕТ — логотип по тапу ===== */
427@media screen and (max-width: 640px) {
428  :root {
429    --ImgWidthTrail: 120px;   /* 👈 размер логотипа на мобилке (меньше) */
430  }
431  /* контейнер должен принимать тапы */
432  .content {
433    pointer-events: auto;
434    touch-action: manipulation;   /* убирает задержку/зум по двойному тапу */
435  }
436}
437</style> 
437<script>
438/* ============================================================= */
439/* ДЕСКТОП (>640px) — СЛЕД ЗА МЫШЬЮ (оригинальная логика)         */
440/* ============================================================= */
441window.addEventListener('DOMContentLoaded', () => {
442const screenWidth = window.innerWidth;
443if (screenWidth > 640) {
444const body = document.body;
445const docEl = document.documentElement;
446const MathUtils = {
447lerp: (a, b, n) => (1 - n) * a + n * b,
448distance: (x1, y1, x2, y2) => Math.hypot(x2 - x1, y2 - y1)
449};
450let winsize;
451const calcWinsize = () => {
452winsize = {
453width: window.innerWidth,
454height: window.innerHeight
455};
456};
457calcWinsize();
458window.addEventListener('resize', calcWinsize);
459const getMousePos = (ev) => {
460let posx = 0;
461let posy = 0;
462if (ev.pageX || ev.pageY) {
463posx = ev.pageX;
464posy = ev.pageY - window.pageYOffset;
465} else if (ev.clientX || ev.clientY) {
466posx = ev.clientX + body.scrollLeft + docEl.scrollLeft;
467posy = ev.clientY + body.scrollTop + docEl.scrollTop;
468}
469return { x: posx, y: posy };
470};
471let mousePos = lastMousePos = cacheMousePos = { x: 0, y: 0 };
472window.addEventListener('load', () => {
473document.querySelector('.uc-trail-img').addEventListener('mousemove', ev => mousePos = getMousePos(ev));
474});
475const getMouseDistance = () => MathUtils.distance(mousePos.x, mousePos.y, lastMousePos.x, lastMousePos.y);
476class Image {
477constructor(el) {
478this.DOM = { el: el };
479this.defaultStyle = {
480x: 0,
481y: 0,
482opacity: 0
483};
484this.getRect();
485this.initEvents();
486}
487initEvents() {
488window.addEventListener('resize', () => this.resize());
489}
490resize() {
491gsap.set(this.DOM.el, this.defaultStyle);
492this.getRect();
493}
494getRect() {
495this.rect = this.DOM.el.getBoundingClientRect();
496}
497isActive() {
498return gsap.isTweening(this.DOM.el) || this.DOM.el.style.opacity != 0;
499}
500}
501class ImageTrail {
502constructor() {
503this.DOM = { content: document.querySelector('.content') };
504this.images = [];
505[...this.DOM.content.querySelectorAll('img')].forEach(img => this.images.push(new Image(img)));
506this.imagesTotal = this.images.length;
507this.imgPosition = 0;
508this.zIndexVal = 1;
509this.threshold = 150;
510requestAnimationFrame(() => this.render());
511}
512render() {
513let distance = getMouseDistance();
514cacheMousePos.x = MathUtils.lerp(cacheMousePos.x || mousePos.x, mousePos.x, 0.1);
515cacheMousePos.y = MathUtils.lerp(cacheMousePos.y || mousePos.y, mousePos.y, 0.1);
516if (distance > this.threshold) {
517this.showNextImage();
518++this.zIndexVal;
519this.imgPosition = this.imgPosition < this.imagesTotal - 1 ? this.imgPosition + 1 : 0;
520lastMousePos = mousePos;
521}
522let isIdle = true;
523for (let img of this.images) {
524if (img.isActive()) {
525isIdle = false;
526break;
527}
528}
529if (isIdle && this.zIndexVal !== 1) {
530this.zIndexVal = 1;
531}
532requestAnimationFrame(() => this.render());
533}
534showNextImage() {
535const img = this.images[this.imgPosition];
536gsap.killTweensOf(img.DOM.el);
537gsap.timeline()
538.set(img.DOM.el, {
539startAt: { opacity: 0 },
540opacity: 1,
541scale: 1,
542zIndex: this.zIndexVal,
543x: cacheMousePos.x - img.rect.width / 2,
544y: cacheMousePos.y - img.rect.height / 2
545}, 0)
546.to(img.DOM.el, {
547duration: 1.6,
548ease: 'expo.out',
549x: mousePos.x - img.rect.width / 2,
550y: mousePos.y - img.rect.height / 2
551}, 0)
552.to(img.DOM.el, {
553duration: 0.5,
554ease: 'power1.out',
555opacity: 0,
556scale: 0,
557}, 0.6)
558.to(img.DOM.el, {
559duration: 1,
560ease: 'quint.inOut',
561}, 0.9);
562}
563}
564const preloadImages = () => {
565return new Promise((resolve, reject) => {
566imagesLoaded(document.querySelectorAll('.content__img'), resolve);
567});
568};
569preloadImages().then(() => {
570document.body.classList.remove('loading');
571new ImageTrail();
572});
573
574} else {
575/* ============================================================= */
576/* МОБИЛКА / ПЛАНШЕТ (≤640px) — ЛОГОТИП ПО ТАПУ                   */
577/* ============================================================= */
578const content = document.querySelector('.content');
579if (!content) return;
580
581const images = [...content.querySelectorAll('.content__img')];
582if (!images.length) return;
583
584let tapIndex = 0;   // какой логотип показать следующим
585let zTap = 1;
586
587// ---- координаты тапа относительно .content ----
588function getTapPos(ev) {
589  const rect = content.getBoundingClientRect();
590  const point = (ev.touches && ev.touches[0]) ? ev.touches[0] : ev;
591  return {
592    x: point.clientX - rect.left,
593    y: point.clientY - rect.top
594  };
595}
596
597// ---- показать логотип в точке тапа и плавно убрать ----
598function showTapImage(ev) {
599  const pos = getTapPos(ev);
600  const img = images[tapIndex];
601
602  tapIndex = (tapIndex + 1) % images.length;   // следующий по кругу
603  zTap++;
604
605  gsap.killTweensOf(img);
606  gsap.timeline()
607    .set(img, {
608      opacity: 0,
609      scale: 0.6,
610      zIndex: zTap,
611      x: pos.x - img.offsetWidth / 2,
612      y: pos.y - img.offsetHeight / 2
613    })
614    // ПОЯВЛЕНИЕ
615    .to(img, {
616      duration: 0.35,           /* 👈 скорость появления */
617      ease: 'back.out(1.7)',    /* лёгкий "выпрыгивающий" эффект */
618      opacity: 1,
619      scale: 1
620    })
621    // ЗАДЕРЖКА + ИСЧЕЗНОВЕНИЕ
622    .to(img, {
623      duration: 0.6,            /* 👈 скорость исчезновения */
624      ease: 'power2.in',
625      opacity: 0,
626      scale: 0.7
627    }, '+=0.7');
627                /* 👈 сколько логотип ВИСИТ перед уходом (0.7с) */
628}
629
630// ---- слушаем тап / клик ----
631// touchstart — мгновенно на телефонах; click — на случай мыши/тестов
632content.addEventListener('touchstart', function(ev) {
633  showTapImage(ev);
634}, { passive: true });
635
636content.addEventListener('click', function(ev) {
637  showTapImage(ev);
638});
639}
640});
641</script>
641 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3159130301" class="r t-rec t-rec_pt_0 t-rec_pt-res-480_0 t-rec_pb_0 t-rec_pb-res-480_0" style="padding-top:0px;padding-bottom:0px;background-color:#ffc300; " data-animationappear="off" data-record-type="131" data-bg-color="#ffc300"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- ============================================================= --> <!-- АНИМИРОВАННЫЙ ТЕЗИС ПО СКРОЛУ — для БЛОКА T123 (HTML)          --> <!-- Десктоп: в строку →  |  Планшет + Мобилка: вертикаль ↓        --> <!-- "Неопределённость → Система → Рост"                            --> <!-- ============================================================= --> <div class="thesis-wrap"> <div class="thesis" id="thesis"> <span class="thesis-el" data-step="0">Неопределённость</span> <span class="thesis-arrow" data-step="1">→</span> <span class="thesis-el" data-step="2">Система</span> <span class="thesis-arrow" data-step="3">→</span> <span class="thesis-el" data-step="4">Рост</span> </div> </div> <style>
642  @import url('https://fonts.googleapis.com/css2?family=Onest:wght@900&display=swap');
643
644  /* ===== ОБЁРТКА (T123 — БЕЗ height:100%) ===== */
645  .thesis-wrap {
646    width: 100%;
647    display: flex;
648    align-items: center;
649    justify-content: center;
650    box-sizing: border-box;
651
652    /* 👇 в T123 нет заданной высоты — задаём отступы сверху/снизу вместо height */
653    padding: 20px 20px;    /* 👈 верт. отступ 60px (десктоп) + боковой 20px */
654  }
655
656  /* ===== САМА ФРАЗА (ДЕСКТОП — В СТРОКУ) ===== */
657  .thesis {
658    /* ---------- НАСТРОЙКИ (ДЕСКТОП) ---------- */
659    --thesis-size: 36px;         /* 👈 размер шрифта (десктоп) */
660    --thesis-gap: 28px;          /* 👈 расстояние между словами (десктоп) */
661    --thesis-color: #000;        /* 👈 цвет текста */
662    --thesis-arrow-color: #fff;  /* 👈 цвет стрелок */
663    --thesis-anim: 0.6s;         /* 👈 длительность появления элемента */
664    /* ----------------------------------------- */
665
666    display: flex;
667    align-items: center;
668    flex-wrap: nowrap;
669    justify-content: center;
670    gap: var(--thesis-gap);
671
672    font-family: 'Onest', sans-serif;
673    font-weight: 900;
674    font-size: var(--thesis-size);
675    text-transform: uppercase;
676    line-height: 1.2;
677    letter-spacing: 0.5px;
678    white-space: nowrap;
679  }
680
681  /* ===== ЭЛЕМЕНТЫ ФРАЗЫ ===== */
682  .thesis-el,
683  .thesis-arrow {
684    opacity: 0;
685    transform: translateY(14px);
686    transition: opacity var(--thesis-anim) ease,
687                transform var(--thesis-anim) ease;
688    display: inline-block;
689  }
690  .thesis-el    { color: var(--thesis-color); }
691  .thesis-arrow { color: var(--thesis-arrow-color); }
692
693  /* ===== ПОЯВЛЕНИЕ ===== */
694  .thesis.is-visible .thesis-el,
695  .thesis.is-visible .thesis-arrow {
696    opacity: 1;
697    transform: translateY(0);
698  }
699
700  /* ===== ОЧЕРЕДЬ ПОЯВЛЕНИЯ ===== */
701  .thesis.is-visible [data-step="0"] { transition-delay: 0s;    }
702  .thesis.is-visible [data-step="1"] { transition-delay: 0.25s; }
703  .thesis.is-visible [data-step="2"] { transition-delay: 0.50s; }
704  .thesis.is-visible [data-step="3"] { transition-delay: 0.75s; }
705  .thesis.is-visible [data-step="4"] { transition-delay: 1.00s; }
706
707
708  /* ============================================================= */
709  /* ПЛАНШЕТ — ВЕРТИКАЛЬ ↓                                          */
710  /* ============================================================= */
711  @media screen and (max-width: 960px) {
712    .thesis-wrap {
713      padding: 50px 20px;        /* 👈 верт. отступ (планшет) */
714    }
715    .thesis {
716      --thesis-size: 32px;       /* 👈 размер шрифта (планшет) */
717      --thesis-gap: 16px;        /* 👈 отступ между строками (планшет) */
718
719      flex-direction: column;
720      flex-wrap: nowrap;
721      white-space: normal;
722      text-align: center;
723      line-height: 1.15;
724    }
725    .thesis-el {
726      max-width: 100%;
727      word-break: break-word;
728    }
729    .thesis-arrow {
730      rotate: 90deg;             /* → превращаем в ↓ */
731      font-size: 0.85em;
732      line-height: 1;
733    }
734  }
735
736
737  /* ============================================================= */
738  /* МОБИЛКА — ВЕРТИКАЛЬ ↓ (мельче)                                 */
739  /* ============================================================= */
740  @media screen and (max-width: 600px) {
741    .thesis-wrap {
742      padding: 40px 12px;        /* 👈 верт. отступ (мобилка) */
743    }
744    .thesis {
745      --thesis-size: 20px;       /* 👈 размер шрифта (мобилка) */
746      --thesis-gap: 12px;        /* 👈 отступ между строками (мобилка) */
747    }
748    .thesis-arrow {
749      font-size: 0.8em;
750    }
751  }
752
753
754  /* ============================================================= */
755  /* УЗКИЕ ТЕЛЕФОНЫ — доуменьшаем                                   */
756  /* ============================================================= */
757  @media screen and (max-width: 380px) {
758    .thesis-wrap {
759      padding: 32px 12px;
760    }
761    .thesis {
762      --thesis-size: 16px;       /* 👈 размер шрифта (узкие телефоны) */
763      --thesis-gap: 8px;
764    }
765  }
766</style> 
766<script>
767  (function() {
768    var thesis = document.getElementById('thesis');
769    if (!thesis) return;
770
771    var observer = new IntersectionObserver(function(entries) {
772      entries.forEach(function(entry) {
773        if (entry.isIntersecting) {
774          thesis.classList.add('is-visible');
775          // observer.unobserve(thesis); // ← раскомментируйте для одноразовой анимации
776        } else {
777          thesis.classList.remove('is-visible');
778        }
779      });
780    }, {
781      threshold: 0.5
782    });
783
784    observer.observe(thesis);
785  })();
786</script>
786 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3156022201" class="r t-rec" style="background-color:#ffc300; " data-animationappear="off" data-record-type="131" data-bg-color="#ffc300"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- ===== ГОРИЗОНТАЛЬНЫЙ АККОРДЕОН НА ВЕСЬ ЭКРАН (TILDA) ===== --> <div class="ha-wrap"> <div class="ha-accordion" id="ha-accordion"> <div class="ha-item"> <div class="ha-num">01</div> <div class="ha-vertical">Видим сигналы</div> <div class="ha-content"> <div class="ha-title">Видим сигналы</div> <div class="ha-text">Считываем рынок, аудиторию и контекст, чтобы понять, куда движется категория и где у бренда появляется преимущество.</div> <div class="ha-summary">Сигналы. Сценарии. Прогнозы.</div> </div> </div> <div class="ha-item"> <div class="ha-num">02</div> <div class="ha-vertical">Собираем систему</div> <div class="ha-content"> <div class="ha-title">Собираем систему</div> <div class="ha-text">Превращаем вводные, гипотезы и амбиции бизнеса в ясную стратегическую логику: роль бренда, позиционирование и коммуникационную платформу.</div> <div class="ha-summary">Без случайных решений.</div> </div> </div> <div class="ha-item"> <div class="ha-num">03</div> <div class="ha-vertical">Управляем процессом</div> <div class="ha-content"> <div class="ha-title">Управляем процессом</div> <div class="ha-text">Берём на себя роль бренд-кипера: соединяем команды, подрядчиков, каналы и решения в единую управляемую систему.</div> <div class="ha-summary">Прозрачно и предсказуемо.</div> </div> </div> <div class="ha-item"> <div class="ha-num">04</div> <div class="ha-vertical">Работаем вместе</div> <div class="ha-content"> <div class="ha-title">Работаем вместе</div> <div class="ha-text">Работаем как расширенная команда клиента — не вместо бизнеса, а рядом с ним, усиливая экспертизу и скорость принятия решений.</div> <div class="ha-summary">Одна команда — один результат.</div> </div> </div> <div class="ha-item"> <div class="ha-num">05</div> <div class="ha-vertical">Подключаем технологии</div> <div class="ha-content"> <div class="ha-title">Подключаем технологии</div> <div class="ha-text">Используем AI, data, automation, retail media и собственные экспериментальные инструменты для проверки гипотез, скорости и точности решений.</div> <div class="ha-summary">Технологии на службе идеи.</div> </div> </div> </div> </div> <style>
787  /* ===== ОБЁРТКА НА ВЕСЬ ЭКРАН ===== */
788  .ha-wrap {
789    --ha-padding: 40px;
790    width: 100vw;
791    height: 70vh;
792    position: relative;
793    left: 50%;
794    right: 50%;
795    margin-left: -50vw;
796    margin-right: -50vw;
797    display: flex;
798    align-items: center;
799    justify-content: center;
800    padding: var(--ha-padding);
801    box-sizing: border-box;
802    overflow: hidden;
803  }
804
805  /* ===== НАСТРОЙКИ АККОРДЕОНА ===== */
806  #ha-accordion {
807    --ha-bg: transparent;
808    --ha-border: #000;
809    --ha-text: #000;
810    --ha-radius: 14px;
811    --ha-gap: 16px;
812    --ha-collapsed: 120px;
813    --ha-anim: 0.55s cubic-bezier(0.4,0,0.2,1);
814
815    /* 👇 НОВЫЕ НАСТРАИВАЕМЫЕ ОТСТУПЫ */
816    --ha-num-gap: 26px;      /* 👈 отступ ЦИФРА → ЗАГОЛОВОК (десктоп) */
817    --ha-text-gap: 16px;     /* 👈 отступ ЗАГОЛОВОК → ТЕКСТ */
818    --ha-summary-gap: 20px;  /* 👈 отступ ТЕКСТ → SUMMARY (мобилка, в потоке) */
819
820    display: flex;
821    gap: var(--ha-gap);
822    width: 100%;
823    height: 100%;
824    box-sizing: border-box;
825    font-family:'Onest',Arial,sans-serif;
826  }
827  #ha-accordion * { box-sizing: border-box; }
828
829  #ha-accordion .ha-item {
830    flex: 0 0 var(--ha-collapsed);
831    position: relative;
832    border: 1px solid var(--ha-border);
833    border-radius: var(--ha-radius);
834    padding: 28px;
835    cursor: pointer;
836    overflow: hidden;
837    transition: flex var(--ha-anim), padding var(--ha-anim);
838    color: var(--ha-text);
839    background: var(--ha-bg);
840  }
841  #ha-accordion .ha-item.ha-active {
842    flex: 1 1 auto;
843    cursor: default;
844  }
845
846  #ha-accordion .ha-item:not(.ha-active):hover {
847    flex-basis: 165px;
848  }
849
850  #ha-accordion .ha-num {
851    font-size: 48px;
852    font-weight: 900;
853    line-height: 1;
854  }
855
856  #ha-accordion .ha-content {
857    opacity: 0;
858    max-height: 0;
859    overflow: hidden;
860    transition: opacity var(--ha-anim);
861  }
862  #ha-accordion .ha-item.ha-active .ha-content {
863    opacity: 1;
864    max-height: 1000px;
865    transition-delay: 0.2s;
866  }
867
868  #ha-accordion .ha-title {
869    margin-top: var(--ha-num-gap);   /* 👈 теперь настраивается через переменную */
870    font-size: 20px;
871    font-weight: 900;
872    letter-spacing: 1px;
873    text-transform: uppercase;
874    white-space: nowrap;
875  }
876  #ha-accordion .ha-text {
877    margin-top: var(--ha-text-gap);
878    font-size: 20px;
879    line-height: 1.5;
880    max-width: 520px;
881  }
882  #ha-accordion .ha-summary {
883    position: absolute;
884    bottom: 28px;
885    left: 28px;
886    font-size: 16px;
887    opacity: 1;
888    font-weight: 700;
889  }
890  #ha-accordion .ha-vertical {
891    position: absolute;
892    bottom: 28px;
893    left: 50%;
894    transform: translateX(-50%) rotate(180deg);
895    writing-mode: vertical-rl;
896    font-size: 20px;
897    font-weight: 900;
898    letter-spacing: 1px;
899    text-transform: uppercase;
900    white-space: nowrap;
901    transition: opacity 0.25s;
902  }
903  #ha-accordion .ha-item.ha-active .ha-vertical {
904    opacity: 0;
905    pointer-events: none;
906  }
907
908  /* ===== ПОДСКАЗКА "КИВОК" ===== */
909  #ha-accordion .ha-item.ha-hint {
910    animation: haHintNudge 0.9s cubic-bezier(0.4,0,0.2,1);
911  }
912  @keyframes haHintNudge {
913    0%   { flex-basis: var(--ha-collapsed); }
914    45%  { flex-basis: 165px; }
915    100% { flex-basis: var(--ha-collapsed); }
916  }
917
918  /* ============================================================= */
919  /* ===== МОБИЛЬНАЯ ВЕРСИЯ (ИСПРАВЛЕНО) ===== */
920  /* ============================================================= */
921  @media (max-width: 768px) {
922    .ha-wrap {
923      --ha-padding: 10px;
924      height: auto;
925      min-height: auto;        /* 👈 убрал жёсткий 100vh — высота по контенту */
926    }
927    #ha-accordion {
928      flex-direction: column;
929      height: auto;            /* 👈 высота по контенту, а не 100% */
930
931      --ha-num-gap: 18px;      /* 👈 отступ цифра→заголовок (мобилка) */
932    }
933
934    #ha-accordion .ha-item {
935      flex: 0 0 auto;          /* 👈 высота по содержимому */
936      min-height: 80px;
937      overflow: visible;       /* 👈 разрешаем контенту занимать место */
938    }
939    #ha-accordion .ha-item.ha-active {
940      flex: 0 0 auto;
941      min-height: auto;
942    }
943
944    #ha-accordion .ha-item:not(.ha-active):hover {
945      flex-basis: auto;
946    }
947
948    /* 🔑 SUMMARY — В ПОТОКЕ, НЕ absolute → не наезжает на текст */
949    #ha-accordion .ha-summary {
950      position: static;        /* 👈 главное исправление наезда */
951      bottom: auto;
952      left: auto;
953      margin-top: var(--ha-summary-gap);   /* отступ от текста */
954      display: block;
955    }
956
957    /* 🔑 VERTICAL — горизонтально + ПЕРЕНОС строк */
958    #ha-accordion .ha-vertical {
959      writing-mode: horizontal-tb;
960      transform: none;
961      position: static;        /* 👈 в потоке, рядом с цифрой */
962      bottom: auto;
963      top: auto;
964      left: auto;
965      white-space: normal;     /* 👈 РАЗРЕШАЕМ ПЕРЕНОС длинных фраз */
966      margin-top: 12px;        /* отступ от цифры до вертикального заголовка */
967      font-size: 22px;
968      line-height: 1.2;
969    }
970
971    /* высота "кивка" на мобилке отключаем (высота теперь по контенту) */
972    @keyframes haHintNudge {
973      0%   { transform: translateX(0); }
974      45%  { transform: translateX(6px); }
975      100% { transform: translateX(0); }
976    }
977  }
978</style> 
978<script>
979  (function() {
980    var acc = document.getElementById('ha-accordion');
981    if (!acc) return;
982
983    var all = acc.querySelectorAll('.ha-item');
984
985    acc.addEventListener('click', function(e) {
986      var item = e.target.closest('.ha-item');
987      if (!item || item.classList.contains('ha-active')) return;
988      for (var i = 0; i < all.length; i++) all[i].classList.remove('ha-active');
989      item.classList.add('ha-active');
990    });
991
992    var hintDone = false;
993
994    var observer = new IntersectionObserver(function(entries) {
995      entries.forEach(function(entry) {
996        if (entry.isIntersecting && !hintDone) {
997          hintDone = true;
998
999          setTimeout(function() {
1000            all[0].classList.add('ha-active');
1001          }, 400);
1002
1003          setTimeout(function() {
1004            if (all[1]) all[1].classList.add('ha-hint');
1005            if (all[2]) all[2].classList.add('ha-hint');
1006
1007            setTimeout(function() {
1008              if (all[1]) all[1].classList.remove('ha-hint');
1009              if (all[2]) all[2].classList.remove('ha-hint');
1010            }, 1000);
1011          }, 1400);
1012
1013          observer.unobserve(acc);
1014        }
1015      });
1016    }, {
1017      threshold: 0.4
1018    });
1019
1020    observer.observe(acc);
1021  })();
1022</script>
1022 <!-- nominify end --> </div> </div> </div> </div> <div id="rec2509978101" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec2509978101 .t396__artboard{height:120px;background-color:#ffc300;}#rec2509978101 .t396__filter{height:120px;}#rec2509978101 .t396__carrier{height:120px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2509978101 .t396__artboard,#rec2509978101 .t396__filter,#rec2509978101 .t396__carrier{}#rec2509978101 .t396__filter{}#rec2509978101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2509978101 .t396__artboard,#rec2509978101 .t396__filter,#rec2509978101 .t396__carrier{}#rec2509978101 .t396__filter{}#rec2509978101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2509978101 .t396__artboard,#rec2509978101 .t396__filter,#rec2509978101 .t396__carrier{}#rec2509978101 .t396__filter{}#rec2509978101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2509978101 .t396__artboard,#rec2509978101 .t396__filter,#rec2509978101 .t396__carrier{}#rec2509978101 .t396__filter{}#rec2509978101 .t396__carrier{background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2509978101" data-artboard-screens="320,480,640,960,1200" data-artboard-height="120" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="2509978101"></div> <div class="t396__filter" data-artboard-recid="2509978101"></div> </div> </div> 
1022<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2509978101');});});</script>
1022 <!-- /T396 --> </div> <div id="rec2509966201" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#f9f9f9; " data-animationappear="off" data-record-type="396" data-bg-color="#f9f9f9"> <!-- T396 --> <style>#rec2509966201 .t396__artboard{height:186px;background-color:#ffc300;overflow:visible;}#rec2509966201 .t396__filter{height:186px;}#rec2509966201 .t396__carrier{height:186px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2509966201 .t396__artboard,#rec2509966201 .t396__filter,#rec2509966201 .t396__carrier{height:246px;}#rec2509966201 .t396__filter{}#rec2509966201 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2509966201 .t396__artboard,#rec2509966201 .t396__filter,#rec2509966201 .t396__carrier{height:215px;}#rec2509966201 .t396__filter{}#rec2509966201 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2509966201 .t396__artboard,#rec2509966201 .t396__filter,#rec2509966201 .t396__carrier{height:230px;}#rec2509966201 .t396__filter{}#rec2509966201 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2509966201 .t396__artboard,#rec2509966201 .t396__filter,#rec2509966201 .t396__carrier{height:330px;}#rec2509966201 .t396__filter{}#rec2509966201 .t396__carrier{background-attachment:scroll;}}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"]{color:#020202;z-index:3;top:0px;left:20px;width:auto;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#020202;font-size:40px;font-family:var(--t-text-font,Arial);line-height:1.25;font-weight:900;text-transform:uppercase;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"]{display:table;left:10px;width:auto;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:20px;width:auto;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;font-size:24px;background-size:cover;}}@media screen and (max-width:639px){#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:20px;width:auto;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:479px){#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:20px;width:auto;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;background-size:cover;}}#rec2509966201 .tn-elem[data-elem-id="1785176816389"]{color:#000000;z-index:3;top:0px;left:calc(50% - 600px + 610px);width:572px;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1785176816389"] .tn-atom{vertical-align:middle;color:#000000;font-size:20px;font-family:var(--t-headline-font,Arial);line-height:1.55;font-weight:500;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2509966201 .tn-elem[data-elem-id="1785176816389"]{display:table;top:-2px;left:calc(50% - 480px + 490px);width:461px;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1785176816389"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2509966201 .tn-elem[data-elem-id="1785176816389"]{display:table;top:90px;left:10px;width:540px;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1785176816389"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec2509966201 .tn-elem[data-elem-id="1785176816389"]{display:table;top:80px;width:461px;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1785176816389"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec2509966201 .tn-elem[data-elem-id="1785176816389"]{display:table;top:80px;width:94%;height:auto;}#rec2509966201 .tn-elem[data-elem-id="1785176816389"] .tn-atom{white-space:normal;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2509966201" data-artboard-screens="320,480,640,960,1200" data-artboard-height="186" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="visible" data-artboard-heightmode="hug" data-artboard-height-res-320="330" data-artboard-height-res-480="230" data-artboard-height-res-640="215" data-artboard-height-res-960="246"> <div class="t396__carrier" data-artboard-recid="2509966201"></div> <div class="t396__filter" data-artboard-recid="2509966201"></div> <div class='t396__elem tn-elem text-slogan tn-elem__25099662011783
1022010660914000001' data-elem-id='1783010660914000001' data-elem-type='text' data-field-top-value="0" data-field-left-value="20" data-field-height-value="50" data-field-width-value="164" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-fontsize-value="40" data-field-top-res-320-value="20" data-field-left-res-320-value="10" data-field-width-res-320-value="98" data-field-top-res-480-value="20" data-field-left-res-480-value="10" data-field-top-res-640-value="20" data-field-left-res-640-value="10" data-field-width-res-640-value="98" data-field-fontsize-res-640-value="24" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1783010660914000001'>УСЛУГИ</div> </div> <div class='t396__elem tn-elem tn-elem__25099662011785176816389' data-elem-id='1785176816389' data-elem-type='text' data-field-top-value="0" data-field-left-value="610" data-field-height-value="186" data-field-width-value="572" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-fontsize-value="20" data-field-top-res-320-value="80" data-field-left-res-320-value="10" data-field-width-res-320-value="94" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="80" data-field-left-res-480-value="10" data-field-width-res-480-value="461" data-field-top-res-640-value="90" data-field-left-res-640-value="10" data-field-height-res-640-value="125" data-field-width-res-640-value="540" data-field-container-res-640-value="window" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="-2" data-field-left-res-960-value="490" data-field-width-res-960-value="461" data-field-widthmode-res-960-value="fixed"> <div class='tn-atom'field='tn_text_1785176816389'>Наши услуги объединяют все инструменты управления брендом в единую систему — от стратегии и креативной идеи до технологий, продакшена и контроля результата. Мы помогаем брендам находить точное направление, говорить с аудиторией на понятном языке и уверенно действовать в условиях неопределённости.</div> </div> </div> </div> 
1022<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2509966201');});});</script>
1022 <!-- /T396 --> </div> <div id="rec2513510501" class="r t-rec t-rec_pt_30 t-rec_pt-res-480_0 t-rec_pb_0 t-rec_pb-res-480_0" style="padding-top:30px;padding-bottom:0px;background-color:#ffc300; " data-animationappear="off" data-record-type="396" data-bg-color="#ffc300"> <!-- T396 --> <style>#rec2513510501 .t396__artboard{height:40px;background-color:#ffc300;}#rec2513510501 .t396__filter{height:40px;}#rec2513510501 .t396__carrier{height:40px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2513510501 .t396__artboard,#rec2513510501 .t396__filter,#rec2513510501 .t396__carrier{}#rec2513510501 .t396__filter{}#rec2513510501 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2513510501 .t396__artboard,#rec2513510501 .t396__filter,#rec2513510501 .t396__carrier{}#rec2513510501 .t396__filter{}#rec2513510501 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2513510501 .t396__artboard,#rec2513510501 .t396__filter,#rec2513510501 .t396__carrier{}#rec2513510501 .t396__filter{}#rec2513510501 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2513510501 .t396__artboard,#rec2513510501 .t396__filter,#rec2513510501 .t396__carrier{}#rec2513510501 .t396__filter{}#rec2513510501 .t396__carrier{background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2513510501" data-artboard-screens="320,480,640,960,1200" data-artboard-height="40" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="2513510501"></div> <div class="t396__filter" data-artboard-recid="2513510501"></div> </div> </div> 
1022<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2513510501');});});</script>
1022 <!-- /T396 --> </div> <div id="rec3156143501" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- ============================================
1023     ТАБЛИЦА-АККОРДЕОН — HTML-блок T123
1024     Фиксированные размеры (px), без vw-скалирования
1025     ============================================ --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Onest:wght@500;900&display=swap" rel="stylesheet"> <div id="servicesSection"> <div id="servicesTable"></div> </div> <style>
1026  /* ============================================================
1027     ⚙️ НАСТРОЙКИ — МЕНЯЙТЕ ЗДЕСЬ
1028     ------------------------------------------------------------
1029     Все ключевые параметры вынесены в CSS-переменные.
1030     Правьте значения тут — они применятся ко всему блоку.
1031     ============================================================ */
1032  #servicesSection {
1033    /* ОТСТУПЫ ПО КРАЯМ */
1034    --pad-side: 20px;          /* 👈 боковой отступ (десктоп) */
1035
1036    /* ШРИФТЫ */
1037    --font-family: 'Onest', Arial, Helvetica, sans-serif;  /* 👈 шрифт */
1038    --title-size: 20px;        /* 👈 размер заголовка группы */
1039    --title-weight: 900;       /* 👈 толщина заголовка (900 = Black) */
1040    --item-size: 20px;         /* 👈 размер текста услуги/описания */
1041    --item-weight: 500;        /* 👈 толщина текста (500 = Medium) */
1042    --item-lh: 1.55;            /* 👈 межстрочный интервал текста */
1043
1044    /* ЛИНИИ */
1045    --line-thick: 1px;         /* 👈 толщина жирной линии (границы группы) */
1046    --line-thin: 1px;          /* 👈 толщина тонкой линии (между услугами) */
1047    --line-color: #000;        /* 👈 цвет линий */
1048
1049    /* ЦВЕТА */
1050    --text-color: #000;        /* 👈 цвет текста */
1051    --bg-color: #FFC300;          /* 👈 фон блока */
1052
1053    /* ОТСТУПЫ ВНУТРИ (вертикальные паддинги строк) */
1054    --head-pad: 20px;          /* 👈 паддинг шапки группы (верх/низ) */
1055    --item-pad: 20px;          /* 👈 паддинг строки услуги (верх/низ) */
1056    --col-gap: 40px;           /* 👈 промежуток между колонками */
1057
1058    /* ИКОНКА +/− */
1059    --icon-size: 20px;         /* 👈 размер иконки */
1060    --icon-bar: 2px;           /* 👈 толщина палочек иконки */
1061  }
1062
1063  /* ===================== ВНЕШНЯЯ СЕКЦИЯ ===================== */
1064  #servicesSection {
1065    width: 100%;
1066    background: var(--bg-color);
1067    box-sizing: border-box;
1068    padding-left: var(--pad-side);
1069    padding-right: var(--pad-side);
1070  }
1071  #servicesSection * {
1072    box-sizing: border-box;
1073    margin: 0;
1074    padding: 0;
1075  }
1076
1077  #servicesTable {
1078    width: 100%;
1079    color: var(--text-color);
1080    font-family: var(--font-family);
1081    font-weight: 500;
1082  }
1083
1084  /* ===================== ГРУППА (2 КОЛОНКИ) ===================== */
1085  #servicesTable .service-group {
1086    display: grid;
1087    grid-template-columns: 1fr 1fr;          /* 👈 две равные колонки */
1088    column-gap: var(--col-gap);
1089    border-top: var(--line-thick) solid var(--line-color);
1090    align-items: start;
1091  }
1092  #servicesTable .service-group:last-child {
1093    border-bottom: var(--line-thick) solid var(--line-color);
1094  }
1095
1096  /* Левая колонка — название (шапка) */
1097  #servicesTable .service-head {
1098    display: flex;
1099    align-items: center;
1100    justify-content: space-between;
1101    gap: 16px;
1101                                /* 👈 зазор заголовок ↔ иконка */
1102    padding: var(--head-pad) 0;
1103    cursor: pointer;
1104    user-select: none;
1105  }
1106  #servicesTable .service-title {
1107    font-family: var(--font-family);
1108    font-weight: var(--title-weight);
1109    font-size: var(--title-size);
1110    line-height: 1.25;                        /* 👈 межстрочный заголовка */
1111    text-transform: uppercase;                /* 👈 КАПС (убрать = none) */
1112    letter-spacing: 0.5px;                    /* 👈 разрядка букв */
1113  }
1114
1115  /* Иконка +/− */
1116  #servicesTable .service-icon {
1117    position: relative;
1118    flex: 0 0 auto;
1119    width: var(--icon-size);
1120    height: var(--icon-size);
1121  }
1122  #servicesTable .service-icon::before,
1123  #servicesTable .service-icon::after {
1124    content: "";
1125    position: absolute;
1126    top: 50%;
1127    left: 50%;
1128    background: var(--line-color);
1129    transition: transform 0.35s ease, opacity 0.35s ease;  /* 👈 скорость иконки */
1130  }
1131  #servicesTable .service-icon::before {
1132    width: var(--icon-size); height: var(--icon-bar);      /* горизонтальная палочка */
1133    transform: translate(-50%, -50%);
1134  }
1135  #servicesTable .service-icon::after {
1136    width: var(--icon-bar); height: var(--icon-size);      /* вертикальная палочка */
1137    transform: translate(-50%, -50%);
1138  }
1139  #servicesTable .service-group.is-open .service-icon::after {
1140    transform: translate(-50%, -50%) rotate(90deg);
1141    opacity: 0;
1142  }
1143
1144  /* ===================== ПРАВАЯ КОЛОНКА (тело) ===================== */
1145  #servicesTable .service-body {
1146    display: grid;
1147    grid-template-rows: 0fr;
1148    transition: grid-template-rows 0.4s ease;  /* 👈 скорость раскрытия */
1149  }
1150  #servicesTable .service-group.is-open .service-body {
1151    grid-template-rows: 1fr;
1152  }
1153  #servicesTable .service-items {
1154    overflow: hidden;
1155    display: flex;
1156    flex-direction: column;
1157  }
1158
1159  /* Вложенная услуга / текст описания */
1160  #servicesTable .service-item {
1161    padding: var(--item-pad) 0;
1162    font-family: var(--font-family);
1163    font-weight: var(--item-weight);
1164    font-size: var(--item-size);
1165    line-height: var(--item-lh);
1166    border-bottom: var(--line-thin) solid var(--line-color);
1167    white-space: pre-line;                     /* 👈 сохраняет переносы строк из текста */
1168    opacity: 0;
1169    transform: translateY(8px);
1170    transition: opacity 0.35s ease, transform 0.35s ease;
1171  }
1172  #servicesTable .service-group.is-open .service-item {
1173    opacity: 1;
1174    transform: translateY(0);
1175  }
1176  #servicesTable .service-item:last-child {
1177    border-bottom: none;
1178  }
1179
1180  #servicesTable .service-item.is-link { cursor: pointer; }
1181  #servicesTable .service-item.is-link:hover {
1182    opacity: 0.55;
1183    transform: translateX(6px);
1184  }
1185
1186  /* ===================== АНИМАЦИЯ ПОЯВЛЕНИЯ ===================== */
1187  #servicesTable .service-group {
1188    opacity: 0;
1189    transform: translateY(24px);
1190    transition: opacity 0.6s ease, transform 0.6s ease;  /* 👈 скорость появления */
1191  }
1192  #servicesTable .service-group.is-visible {
1193    opacity: 1;
1194    transform: translateY(0);
1195  }
1196
1197  /* ===================== МОБИЛЬНЫЕ (1 колонка) ===================== */
1198  /* 👇 Брейкпоинт мобильной версии */
1199  @media screen and (max-width: 600px) {
1200    #servicesSection {
1201      --pad-side: 20px;        /* 👈 боковой отступ (мобилка) = 20px */
1202      --title-size: 16px;      /* 👈 заголовок на мобилке */
1203      --item-size: 16px;       /* 👈 текст на мобилке */
1204      --head-pad: 14px;        /* 👈 паддинг шапки на мобилке */
1205      --item-pad: 14px;        /* 👈 паддинг строки на мобилке */
1206      --icon-size: 16px;       /* 👈 иконка на мобилке */
1207    }
1208    #servicesTable .service-group {
1209      grid-template-columns: 1fr;   /* одна колонка */
1210      column-gap: 0;
1211    }
1212  }
1213</style> 
1213<script>
1214  const ONLY_ONE_OPEN = false;   // пункты не закрываются сами
1215  //const OPEN_FIRST    = true;    // первый раскрывается при прокрутке
1216
1217  const servicesData = [
1218    {
1219      title: "01  Исследования и аналитика",
1220      items: [
1221         "Исследования рынка, категории и аудитории",
1222         "Анализ конкурентов и культурного контекста",
1223        "Аудит бренда и коммуникаций",
1224        "Анализ трендов и рыночных изменений",
1225        "Поиск инсайтов и точек развития бренда",
1226        "Формирование сценариев и прогнозов"]
1227    },
1228    {
1229      title: "02 Бренд-система",
1230      items: [ "Позиционирование и бренд-платформа", 
1231      "Бренд-архитектура и продуктовый портфель",
1232        "Ценности, характер и тональность бренда",
1233        "Нейминг, логотип и визуальная идентичность",
1234        "Дизайн-система, брендбук и правила применения",
1235        "Путь клиента и система точек контакта",
1236        "Коммуникационная стратегия"]
1237    },
1238    {
1239      title: "03 Креатив и кампании",
1240      items: ["Большая идея и креативная платформа",
1241      "Интегрированные кампании 360°",
1242      "Слоганы и креативные концепции",
1243      "Сценарии и копирайтинг для всех форматов",
1244      "Ключевые визуальные образы и арт-дирекшн",
1245      "Активации и специальные проекты",
1246      "Разработка контента для e-commerce"]
1247    },
1248    {
1249      title: "04 Контент и влияние",
1250      items: ["Контент-стратегия и редакционная система",
1251      "Комьюнити-менеджмент и вовлечение аудитории",
1252      "Работа с авторами и лидерами мнений",
1253      "Social listening и анализ упоминаний бренда",
1254      "Orm 360° и управление репутацией"]
1255    },
1256    {
1257      title: "05 Цифровые решения и технологии",
1258      items: ["Стратегия цифрового опыта",
1259      "UX- и UI-дизайн",
1260      "Сайты и посадочные страницы",
1261      "Цифровые платформы и экосистемы",
1262      "Чат-боты и диалоговые интерфейсы",
1263      "Автоматизация процессов и производства контента",
1264      "Данные, аналитические панели и отчётность"]
1265    },
1266    {
1267      title: "06 Продакшн",
1268      items: ["Видео- и фотопроизводство",
1269      "Digital производство",
1270      "Графический дизайн",
1271      "Анимация и моушн-дизайн, 3D, CGI и ретушь",
1272      "Адаптация и локализация материалов",
1273      "Фабрика (поточное создание) контента",
1274      "ИИ продюсирование"]
1275    },
1276    {
1277      title: "07 Управление брендом",
1278      items: ["Единое управление коммуникациями бренда",
1279      "Ведение кампаний от постановки задачи до запуска",
1280      "Координация внешних команд, агентств и подрядчиков",
1281      "Контроль качества и соблюдения стандартов бренда",
1282      "Управление производственными процессами и сроками",
1283      "Постоянное развитие и сопровождение бренда"]
1284    }
1285  ];
1286
1287  function renderServicesTable() {
1288    const table = document.getElementById("servicesTable");
1289    if (!table) return;
1290    table.innerHTML = "";
1291
1292    servicesData.forEach(function(group) {
1293      const groupEl = document.createElement("div");
1294      groupEl.className = "service-group";
1295
1296      const headEl = document.createElement("div");
1297      headEl.className = "service-head";
1298      const titleEl = document.createElement("div");
1299      titleEl.className = "service-title";
1300      titleEl.textContent = group.title;
1301      const iconEl = document.createElement("div");
1302      iconEl.className = "service-icon";
1303      headEl.appendChild(titleEl);
1304      headEl.appendChild(iconEl);
1305
1306      const bodyEl = document.createElement("div");
1307      bodyEl.className = "service-body";
1308      const itemsEl = document.createElement("div");
1309      itemsEl.className = "service-items";
1310
1311      if (Array.isArray(group.items)) {
1312        group.items.forEach(function(item) {
1313          const itemEl = document.createElement("div");
1314          itemEl.className = "service-item";
1315          if (typeof item === "object" && item !== null) {
1316            itemEl.textContent = item.name || "";
1317            if (item.link) {
1318              itemEl.classList.add("is-link");
1319              itemEl.setAttribute("data-link", item.link);
1320            }
1321          } else {
1322            itemEl.textContent = item;
1323          }
1324          itemsEl.appendChild(itemEl);
1325        });
1326      }
1327
1328      bodyEl.appendChild(itemsEl);
1329      groupEl.appendChild(headEl);
1330      groupEl.appendChild(bodyEl);
1331      table.appendChild(groupEl);
1332
1333      headEl.addEventListener("click", function() { toggleGroup(groupEl); });
1334    });
1335
1336    setupLinks();
1337    setupAnimation();
1338  }
1339
1340  function toggleGroup(groupEl) {
1341    const isOpen = groupEl.classList.contains("is-open");
1342    if (ONLY_ONE_OPEN && !isOpen) {
1343      document.querySelectorAll("#servicesTable .service-group.is-open")
1344        .forEach(function(g) { g.classList.remove("is-open"); });
1345    }
1346    groupEl.classList.toggle("is-open", !isOpen);
1347  }
1348
1349  function setupAnimation() {
1350    const groups = document.querySelectorAll("#servicesTable .service-group");
1351    let firstOpened = false;
1352
1353    function openFirst() {
1354      if (!OPEN_FIRST || firstOpened) return;
1355      const first = groups[0];
1356      if (first) {
1357        setTimeout(function() { first.classList.add("is-open"); }, 350);
1358        firstOpened = true;
1359      }
1360    }
1361
1362    if (!("IntersectionObserver" in window)) {
1363      groups.forEach(function(g) { g.classList.add("is-visible"); });
1364      openFirst();
1365      return;
1366    }
1367
1368    const observer = new IntersectionObserver(function(entries) {
1369      entries.forEach(function(entry) {
1370        if (entry.isIntersecting) {
1371          entry.target.classList.add("is-visible");
1372          if (entry.target === groups[0]) openFirst();
1373          observer.unobserve(entry.target);
1374        }
1375      });
1376    }, { threshold: 0.15 });
1377
1378    groups.forEach(function(g, i) {
1379      g.style.transitionDelay = (i * 0.08) + "s";
1380      observer.observe(g);
1381    });
1382  }
1383
1384  function setupLinks() {
1385    document.querySelectorAll("#servicesTable .service-item.is-link")
1386      .forEach(function(el) {
1387        el.addEventListener("click", function(e) {
1388          e.stopPropagation();
1389          const link = el.getAttribute("data-link") || "";
1390          const idx = link.indexOf("#popup:");
1391          if (idx !== -1) {
1392            const url = link.substring(idx + 7);
1393            if (typeof window.openCasePopup === "function") window.openCasePopup(url);
1394            else window.location.href = url;
1395            return;
1396          }
1397          if (link) window.location.href = link;
1398        });
1399      });
1400  }
1401
1402  renderServicesTable();
1403</script>
1403 <!-- nominify end --> </div> </div> </div> </div> <div id="rec3357670801" class="r t-rec t-rec_pt_30 t-rec_pt-res-480_0 t-rec_pb_0 t-rec_pb-res-480_0" style="padding-top:30px;padding-bottom:0px;background-color:#ffc300; " data-animationappear="off" data-record-type="396" data-bg-color="#ffc300"> <!-- T396 --> <style>#rec3357670801 .t396__artboard{height:40px;background-color:#ffc300;}#rec3357670801 .t396__filter{height:40px;}#rec3357670801 .t396__carrier{height:40px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec3357670801 .t396__artboard,#rec3357670801 .t396__filter,#rec3357670801 .t396__carrier{}#rec3357670801 .t396__filter{}#rec3357670801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec3357670801 .t396__artboard,#rec3357670801 .t396__filter,#rec3357670801 .t396__carrier{}#rec3357670801 .t396__filter{}#rec3357670801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec3357670801 .t396__artboard,#rec3357670801 .t396__filter,#rec3357670801 .t396__carrier{}#rec3357670801 .t396__filter{}#rec3357670801 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec3357670801 .t396__artboard,#rec3357670801 .t396__filter,#rec3357670801 .t396__carrier{}#rec3357670801 .t396__filter{}#rec3357670801 .t396__carrier{background-attachment:scroll;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="3357670801" data-artboard-screens="320,480,640,960,1200" data-artboard-height="40" data-artboard-valign="center" data-artboard-upscale="grid"> <div class="t396__carrier" data-artboard-recid="3357670801"></div> <div class="t396__filter" data-artboard-recid="3357670801"></div> </div> </div> 
1403<script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('3357670801');});});</script>
1403 <!-- /T396 --> </div> <!--footer--> <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="13116951" data-tilda-page-id="184146709" data-tilda-formskey="ac3b280abea444180d0a79e213116951" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-project-country="RU"> <div id="rec2958251101" class="r t-rec t-rec_pt_0 t-rec_pb_0 uc-sticky-footer" style="padding-top:0px;padding-bottom:0px;background-color:#f9f9f9; " data-animationappear="off" data-record-type="396" data-bg-color="#f9f9f9"> <!-- T396 --> <style>#rec2958251101 .t396__artboard{min-height:500px;height:100vh;background-color:#ffffff;overflow:visible;}#rec2958251101 .t396__filter{min-height:500px;height:100vh;}#rec2958251101 .t396__carrier{min-height:500px;height:100vh;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px){#rec2958251101 .t396__artboard,#rec2958251101 .t396__filter,#rec2958251101 .t396__carrier{}#rec2958251101 .t396__filter{}#rec2958251101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:959px){#rec2958251101 .t396__artboard,#rec2958251101 .t396__filter,#rec2958251101 .t396__carrier{}#rec2958251101 .t396__filter{}#rec2958251101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:639px){#rec2958251101 .t396__artboard,#rec2958251101 .t396__filter,#rec2958251101 .t396__carrier{min-height:340px;}#rec2958251101 .t396__filter{}#rec2958251101 .t396__carrier{background-attachment:scroll;}}@media screen and (max-width:479px){#rec2958251101 .t396__artboard,#rec2958251101 .t396__filter,#rec2958251101 .t396__carrier{min-height:620px;}#rec2958251101 .t396__filter{}#rec2958251101 .t396__carrier{background-attachment:scroll;}}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"]{color:#020202;z-index:3;top:calc(50vh - 250px + 165px);left:calc(50% - 600px + 20px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#020202;font-size:40px;font-family:var(--t-text-font,Arial);line-height:1.25;font-weight:900;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"]{display:table;left:calc(50% - 480px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:75px;left:calc(50% - 320px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{white-space:nowrap;font-size:32px;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:85px;left:calc(50% - 240px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"]{display:table;top:135px;left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783010660914000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"]{color:#020202;z-index:3;top:calc(50vh + 250px - 30px + -20px);left:calc(50% - 600px + 20px);width:483px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"] .tn-atom{vertical-align:middle;color:#020202;font-size:12px;font-family:var(--t-headline-font,Arial);line-height:1.25;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"]{display:table;top:calc(500px - 30px + -20px);left:calc(50% - 480px + 10px);width:px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"]{display:table;top:calc(500px - 30px + -20px);left:calc(50% - 320px + 10px);width:300px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"] .tn-atom{white-space:normal;font-size:8px;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"]{display:table;top:calc(500px - 30px + -12px);left:calc(50% - 240px + 10px);width:221px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"]{display:table;top:calc(500px - 30px + -13px);left:calc(50% - 160px + 10px);width:300px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1784048372745000001"] .tn-atom{white-space:normal;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"]{color:#020202;z-index:3;top:calc(50vh + 250px - 100px + -20px);left:calc(50% - 600px + 820px);width:359px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"] .tn-atom{vertical-align:middle;color:#020202;font-size:16px;font-family:var(--t-headline-font,Arial);line-height:1.25;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"]{dis
1403play:table;top:calc(500px - 100px + -20px);left:calc(50% - 480px + 570px);width:px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"]{display:table;top:calc(500px - 100px + -20px);left:calc(50% - 320px + 350px);width:280px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"]{display:table;top:calc(500px - 100px + -10px);left:calc(50% - 240px + 250px);width:220px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"]{display:table;top:calc(500px - 100px + -70px);left:calc(50% - 160px + 10px);width:221px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1783092575971000003"] .tn-atom{white-space:normal;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"]{color:#020202;z-index:3;top:calc(50vh - 250px + 40px);left:calc(50% - 600px + 820px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#020202;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.55;font-weight:900;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"]{display:table;left:calc(50% - 480px + 570px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"]{display:table;top:78px;left:calc(50% - 320px + 350px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"] .tn-atom{white-space:nowrap;font-size:12px;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"]{display:table;top:90px;left:calc(50% - 240px + 250px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"]{display:table;top:289px;left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000005"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"]{color:#000000;z-index:3;top:calc(50vh - 250px + 69px);left:calc(50% - 600px + 820px);width:260px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"] .tn-atom{vertical-align:middle;color:#000000;font-size:16px;font-family:var(--t-headline-font,Arial);line-height:1.25;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"]{display:table;left:calc(50% - 480px + 570px);width:px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"]{display:table;top:101px;left:calc(50% - 320px + 350px);width:167px;height:30px;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"]{display:table;top:109px;left:calc(50% - 240px + 250px);width:190px;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"] .tn-atom{white-space:normal;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"]{display:table;top:312px;left:calc(50% - 160px + 10px);width:221px;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1785869089837000006"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"]{color:#000000;z-index:3;top:calc(50vh - 250px + 121px);left:calc(50% - 600px + 820px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"] .tn-atom{vertical-align:middle;white-space:nowrap;color:#000000;font-size:12px;font-family:var(--t-text-font,Arial);line-height:1.25;font-weight:900;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"]{display:table;left:calc(50% - 480px + 570px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"] .tn-atom{white-space:nowrap;background-size:cover;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"]{display:table;top:143px;left:calc(50% - 320px + 350px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"]{display:table;top:151px;left:calc(50% - 240px + 250px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"] .tn-atom{vertical-align:middle;white-space:nowrap;background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"]{display:table;top:344px;left:calc(50% - 160px + 10px);width:auto;height:auto;}#rec2958251101 .tn-elem[data-elem-id="1787770991723000001"] .tn-atom{white-space:nowrap;background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"]{z-index:3;top:calc(50vh - 0.5px + 50px);left:calc(50% - 592px + 0px);width:1184px;height:1px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"] .tn-atom{border-radius:0px 0px 0px 0px;background-color:#020202;background-position:center center;background-attachment:fixed;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-transform:rotate(348deg);-moz-transform:rotate(348deg);transform:rotate(348deg);}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"]{display:table;
1403top:calc(250px - 0.5px + 60px);left:calc(50% - 480px + 0px);width:960px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"] .tn-atom{background-size:cover;background-attachment:scroll;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"]{display:table;top:calc(250px - 0.5px + 1px);left:calc(50% - 315px + 0px);width:630px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"] .tn-atom{background-size:cover;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"]{display:table;top:calc(250px - 0.5px + 52px);left:calc(50% - 235px + 0px);width:470px;height:1px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"] .tn-atom{background-size:cover;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"]{display:table;top:calc(250px - 0.5px + 94px);left:calc(50% - 155px + 0px);width:310px;height:1px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000001"] .tn-atom{background-size:cover;}}#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"]{z-index:3;top:calc(50vh - 230px + 0px);left:calc(50% - 0.5px + 1px);width:1px;height:460px;}#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"] .tn-atom{border-radius:0px 0px 0px 0px;background-color:#ffc300;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media (min-width:1200px){#rec2958251101 .tn-elem.t396__elem--anim-hidden[data-elem-id="1784234070532000002"]{opacity:0;}}@media screen and (max-width:1199px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"]{display:table;}}@media screen and (max-width:959px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"]{display:table;}}@media screen and (max-width:639px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"]{display:table;height:320px;}}@media screen and (max-width:479px){#rec2958251101 .tn-elem[data-elem-id="1784234070532000002"]{display:table;top:calc(250px - 230px + -27px);left:calc(50% - 0.5px + 81px);height:540px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="2958251101" data-artboard-screens="320,480,640,960,1200" data-artboard-height="500" data-artboard-valign="center" data-artboard-height_vh="100" data-artboard-upscale="window" data-artboard-ovrflw="visible" data-artboard-height-res-320="620" data-artboard-height-res-480="340"> <div class="t396__carrier" data-artboard-recid="2958251101"></div> <div class="t396__filter" data-artboard-recid="2958251101"></div> <div class='t396__elem tn-elem text-slogan tn-elem__29582511011783010660914000001' data-elem-id='1783010660914000001' data-elem-type='text' data-field-top-value="165" data-field-left-value="20" data-field-height-value="150" data-field-width-value="269" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-fontsize-value="40" data-field-top-res-320-value="135" data-field-left-res-320-value="10" data-field-height-res-320-value="90" data-field-width-res-320-value="215" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-top-res-480-value="85" data-field-left-res-480-value="10" data-field-height-res-480-value="120" data-field-width-res-480-value="215" data-field-container-res-480-value="grid" data-field-heightunits-res-480-value="px" data-field-widthunits-res-480-value="px" data-field-textfit-res-480-value="autowidth" data-field-top-res-640-value="75" data-field-width-res-640-value="215" data-field-fontsize-res-640-value="32" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1783010660914000001'>ЗНАЕМ, <br />ЧТО ДЕЛАТЬ. <br /><span style="color: rgb(255, 195, 0);">ВМЕСТЕ</span></div> </div> <div class='t396__elem tn-elem tn-elem__29582511011784048372745000001' data-elem-id='1784048372745000001' data-elem-type='text' data-field-top-value="-20" data-field-left-value="20" data-field-height-value="30" data-field-width-value="483" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="12" data-field-top-res-320-value="-13" data-field-width-res-320-value="300" data-field-top-res-480-value="-12" data-field-width-res-480-value="221" data-field-top-res-640-value="-20" data-field-width-res-640-value="300" data-field-fontsize-res-640-value="8" data-field-top-res-960-value="-20" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1784048372745000001'><strong>© ADWISE.</strong> Все работы, представленные на&nbsp;данном сайте, выполнены сотрудниками Adwise и&nbsp;защищены законодательством об&nbsp;авторском праве.</div> </div> <div class='t396__elem tn-elem tn-elem__29582511011783092575971000003' data-elem-id='1783092575971000003' data-elem-type='text' data-field-top-value="-20" data-field-left-value="820" data-field-height-value="100" data-field-width-value="359" data-field-axisy-value="bottom" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="-70" data-field-left-res-320-value="10" data-field-height-res-320-value="90" data-field-width-res-320-value="221" data-field-top-res-480-value="-10" data-field-left-res-480-value="250" data-field-width-res-480-value="220" data-field-top-res-640-value="-20" data-field-left-res-640-value="350" data-field-width-res-640-value="280" data-field-fontsize-res-640-value="12" data-field-top-res-960-value="-20" data-field-left-res-960-value="570"> <div class='tn-atom'field='tn_text_1783092575971000003'>Москва, Красногорский район, Новорижское шоссе, д. Михалково, Бизнес-центр «Riga Land», строение 6, 6 этаж, офис 607<br /><br /><strong>Посмотреть на карте</strong> →</div> </div> <div class='t396__elem tn-elem tn-elem__29582511011785869089837000005' data-elem-id='1785869089837000005' data-elem-type='text' data-field-top-value="40" data-field-left-value="820" data-field-height-value="25" data-field-width-value="92" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-fontsize-value="16" data-field-top-res-320-value="289" data-field-left-res-320-value="10" data-field-height-res-320-value="19" data-field-width-res-320-value="69" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-textfit-res-320-value="autowidth" data-field-top-res-480-value="90" data-field-left-res-480-value="250" data-field-top-res-640-value="78" data-field-left-res-640-value="350" data-field-width-res-640-value="69" data-field-fontsize-res-640-value="12" data-field-left-res-960-value="570"> <div class='tn-atom'field='tn_text_1785869089837000005'>КОНТАКТЫ</div> </div> <div class='t396__elem tn-elem tn-elem__29582511011785869089837000006' data-elem-id='1785869089837000006' data-elem-type='text' data-field-top-value="69" data-field-left-value="820" data-field-height-value="20" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="312" data-field-left-res-320-value="10" data-field-height-res-320-value="30" data-field-width-res-320-value="221" data-field-container-res-320-value="grid" data-field-heightunits-res-320-value="px" data-field-textfit-res-320-value="autoheight" data-field-top-res-480-value="109" data-field-left-res-480-value="250" data-field-width-res-480-value="190" data-field-top-res-640-value="101" data-field-left-res-640-value="350" data-field-height-res-640-value="30" data-field-width-res-640-value="167" data-field-textfit-res-640-value="fixedsize" data-field-fontsize-res-640-value="12" data-field-left-res-960-value="570"> <div class='tn-atom'field='tn_text_1785869089837000006'><a href="0" style="color: rgb(0, 0, 0);">[email protected]</a></div> </div> <div class='t396__elem tn-elem tn-elem__29582511011787770991723000001' data-elem-id='1787770991723000001' data-elem-type='text' data-field-top-value="121" data-field-left-value="820" data-field-height-value="15" data-field-width-value="175" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autowidth" data-field-fontsize-value="12" data-field-top-res-320-value="344" data-field-left-res-320-value="10" data-field-width-res-320-value="175" data-field-top-res-480-value="151" data-field-left-res-480-value="250" data-field-width-res-480-value="175" data-field-heightunits-res-480-value="px" data-field-widthunits-res-480-value="px" data-field-textfit-res-480-value="autowidth" data-field-top-res-640-value="143" data-field-left-res-640-value="350" data-field-width-res-640-value="175" data-field-heightunits-res-640-value="px" data-field-widthunits-res-640-value="px" data-field-textfit-res-640-value="autowidth" data-field-left-res-960-value="570" data-field-width-res-960-value="175"> <div class='tn-atom'field='tn_text_1787770991723000001'><a href="https://vk.ru/adwise" style="color: rgb(0, 0, 0);">VK</a> &nbsp;<a href="https://t.me/adwiserchange" target="_blank" rel="noreferrer noopener" style="color: rgb(0, 0, 0);">TG</a> &nbsp;<a href="https://vkvideo.ru/video-212255719_456239224" target="_blank" rel="noreferrer noopener" style="color: rgb(0, 0, 0);">СМОТРЕТЬ ШОУРИЛ</a></div> </div> <div class='t396__elem tn-elem tn-elem__29582511011784234070532000001' data-elem-id='1784234070532000001' data-elem-type='shape' data-field-top-value="50" data-field-left-value="0" data-field-height-value="1" data-field-width-value="1184" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-prx="scroll" data-animate-prx-s="110" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-320-value="94" data-field-left-res-320-value="0" data-field-height-res-320-value="1" data-field-width-res-320-value="310" data-field-container-res-320-value="grid" data-field-widthmode-res-320-value="fixed" data-field-top-res-480-value="52" data-field-left-res-480-value="0" data-field-height-res-480-value="1" data-field-width-res-480-value="470" data-field-container-res-480-value="grid" data-field-widthmode-res-480-value="fixed" data-field-top-res-640-value="1" data-field-width-res-640-value="630" data-field-widthmode-res-640-value="fixed" data-field-top-res-960-value="60" data-field-width-res-960-value="960" data-field-widthmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__29582511011784234070532000002 ' data-elem-id='1784234070532000002' data-elem-type='shape' data-field-top-value="0" data-field-left-value="1" data-field-height-value="460" data-field-width-value="1" data-field-axisy-value="center" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-sbs-event="scroll" data-animate-sbs-trg="1" data-animate-sbs-trgofst="0" data-animate-sbs-opts="[{'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'di':'0','dd':'0','fi':'0'},{'mx':100,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'di':720,'dd':'0','fi':'0'}]" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-top-res-320-value="-27" data-field-left-res-320-value="81" data-field-height-res-320-value="540" data-field-heightmode-res-320-value="fixed" data-field-height-res-480-value="320" data-field-heightmode-res-480-value="fixed"> <div class='tn-atom'> </div> </div> </div> </div> 
1403<script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('2958251101');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('2958251101');});});</script>
1403 <!-- /T396 --> </div> <div id="rec2958251201" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
1404    .uc-sticky-footer {
1405            clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 100%);
1406    }
1407    .uc-sticky-footer .t396__artboard {
1408        position: fixed;
1409        bottom: 0;
1410        width: 100%;
1411}
1412    
1413</style> 
1413<script>
1414    document.addEventListener("DOMContentLoaded", function() {
1415    var footerElement = document.querySelector('.uc-sticky-footer');
1416    var footerSticky = document.querySelector('.uc-sticky-footer .t396__artboard');
1417    if (footerElement && footerSticky) {
1418        var artboardStickyHeight = footerSticky.offsetHeight;
1419        footerElement.style.height = artboardStickyHeight + 'px';
1420    }
1421});
1422</script>
1422 <!-- nominify end --> </div> </div> </div> </div> </footer> <!--/footer--> </div> <!--/allrecords--> <!-- Stat --> 
1422<script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';}
1423window.tildastatcookie='no';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'d8a2c0776de989924cb33762cc4f4f63','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script>
1423 </body> </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.