.border-hover, .border-hover-1 { position: relative; isolation: isolate; } .border-hover::before, .border-hover-1::before { content: ""; position: absolute; inset: 0; padding: 2px; /* толщина бордера */ background: linear-gradient(0.358turn, rgba(75,71,255,1) 0%, rgba(45,43,153,1) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity .35s ease; pointer-events: none; z-index: 1; } .border-hover::before { border-radius: 20px; } .border-hover-1::before { border-radius: 12px; } .border-hover:hover::before, .border-hover-1:hover::before { opacity: 1; } /* ================= ZIMMER 2.0 — design tokens ================= */ :root{ --z-canvas:#FFFFFF; --z-canvas-2:#F7F8FA; --z-canvas-3:#F1F2F5; --z-ink:#0A0A0B; --z-ink-2:#46464C; --z-ink-3:#84848D; --z-line:rgba(10,10,11,.09); --z-line-2:rgba(10,10,11,.05); --z-accent:#4B47FF; --z-accent-2:#7C79FF; --z-accent-3:#B3B1FF; --z-accent-deep:#2D2B99; --z-tint:#F0F0FF; --z-grad:linear-gradient(129deg,#4B47FF 0%,#2D2B99 100%); --z-ink-canvas:#0A0A0B; --z-ink-surface:#141416; --z-ok:#12A150; --z-r1:10px; --z-r2:16px; --z-r3:24px; --z-r4:32px; --z-rp:999px; --z-ease:cubic-bezier(.22,1,.36,1); --z-t1:.18s; --z-t2:.32s; --z-t3:.6s; --z-cont:1640px; } /* ================= ZIMMER 2.0 — шапка ================= */ :root{--z-logo-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NCAyNSI+PHBhdGggZD0iTTAuMzEyMjcgMEgxMC4wNTUxVjMuNUwzLjUyODY1IDIxLjQyODU3NUgxMC4wNTUxVjI1SDBWMjEuNUw2LjUyNjQ1IDMuNTcxNDI1SDAuMzEyMjdWMFoiLz48cGF0aCBkPSJNMTIuMDg4NTI1IDI1VjBIMTUuNTIzNVYyNUgxMi4wODg1MjVaIi8+PHBhdGggZD0iTTIyLjc4MTU3NSAwTDI1LjMxMSAxNy43NUwyNy42NTMgMEgzMi40MzA3NVYyNUgyOS4xODNWNy4wNzE0MjVMMjYuODA5NzUgMjVIMjMuNTYyMjVMMjEuMDAxNjI1IDcuMzIxNDI1VjI1SDE4LjAwMzg1VjBIMjIuNzgxNTc1WiIvPjxwYXRoIGQ9Ik0zOS42NzYgMEw0Mi4yMDUyNSAxNy43NUw0NC41NDcyNSAwSDQ5LjMyNVYyNUg0Ni4wNzc1VjcuMDcxNDI1TDQzLjcwNDI1IDI1SDQwLjQ1NjVMMzcuODk2IDcuMzIxNDI1VjI1SDM0Ljg5ODI1VjBIMzkuNjc2WiIvPjxwYXRoIGQ9Ik01NS4yNTg3NSAzLjU3MTQyNVYxMC41MzU3MjVINTkuOTc0VjE0LjEwNzE1SDU1LjI1ODc1VjIxLjQyODU3NUg2MS4xOTE3NVYyNUg1MS44MjM3NVYwSDYxLjE5MTc1VjMuNTcxNDI1SDU1LjI1ODc1WiIvPjxwYXRoIGQ9Ik03NCAyNUg3MC41MDI1QzcwLjI5NDUgMjQuMjg1NzI1IDcwLjE5MDI1IDIzLjI2MTkgNzAuMTkwMjUgMjEuOTI4NTc1VjE4QzcwLjE5MDI1IDE2Ljg1NzE1IDcwLjAxMzI1IDE2LjA0NzYyNSA2OS42NTk1IDE1LjU3MTQyNUM2OS4zMDU1IDE1LjA3MTQyNSA2OC43MzMgMTQuODIxNDI1IDY3Ljk0MiAxNC44MjE0MjVINjYuNzU1MjVWMjVINjMuMzIwMjVWMEg2OC41MDRDNzAuMjczNSAwIDcxLjU2NDI1IDAuNDc2MTkgNzIuMzc2MjUgMS40Mjg1NzI1QzczLjE4OCAyLjM1NzE0MjUgNzMuNTk0IDMuNzk3NjI1IDczLjU5NCA1Ljc1VjcuNzE0Mjc1QzczLjU5NCAxMC4yODU3MjUgNzIuODQ0NSAxMS45NzYyIDcxLjM0NTc1IDEyLjc4NTcyNUM3Mi44NjU1IDEzLjUyMzggNzMuNjI1MjUgMTUuMjk3NjI1IDczLjYyNTI1IDE4LjEwNzE1VjIxLjk2NDI3NUM3My42MjUyNSAyMy4zMjE0MjUgNzMuNzUwMjUgMjQuMzMzMzI1IDc0IDI1Wk02OC40MTAyNSAzLjU3MTQyNUg2Ni43NTUyNVYxMS4yNUg2OC4wOThDNjguNzg1IDExLjI1IDY5LjI5NTI1IDExLjA0NzYyNSA2OS42MjgyNSAxMC42NDI4NUM2OS45ODIgMTAuMjM4MSA3MC4xNTkgOS41NTk1MjUgNzAuMTU5IDguNjA3MTVWNi4xNDI4NUM3MC4xNTkgNC40Mjg1NzUgNjkuNTc2MjUgMy41NzE0MjUgNjguNDEwMjUgMy41NzE0MjVaIi8+PC9zdmc+");--z-chev-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTMgNC41TDYgNy41bDMtMyIvPjwvc3ZnPg==")} #allrecords .z-header-bar{position:relative;z-index:100} #allrecords .z-logo .tn-atom{background:var(--z-ink); -webkit-mask:var(--z-logo-mask) left center/contain no-repeat;mask:var(--z-logo-mask) left center/contain no-repeat; transition:background var(--z-t1) var(--z-ease)} #allrecords .z-logo .tn-atom img{opacity:0} #allrecords .z-logo:hover .tn-atom{background:var(--z-accent)} #allrecords .z-nav-btn .tn-atom{transition:background-color var(--z-t1) var(--z-ease),color var(--z-t1) var(--z-ease)} #allrecords .z-nav-btn .tn-atom{position:relative} #allrecords .z-nav-uslugi .tn-atom{padding-right:30px!important} #allrecords .z-nav-uslugi .tn-atom::after{content:""!important;display:block!important;position:absolute;right:13px;top:50%;width:11px;height:11px;margin-top:-5.5px; background:currentColor;opacity:.6;-webkit-mask:var(--z-chev-mask) center/contain no-repeat;mask:var(--z-chev-mask) center/contain no-repeat; transition:transform var(--z-t2) var(--z-ease)} #allrecords .z-nav-uslugi:hover .tn-atom::after{transform:rotate(180deg)} #allrecords .z-cta .tn-atom{box-shadow:0 8px 24px rgba(75,71,255,.24); transition:background-color var(--z-t1) var(--z-ease),box-shadow var(--z-t2) var(--z-ease),transform var(--z-t1) var(--z-ease)} #allrecords .z-cta:hover .tn-atom{box-shadow:0 10px 26px rgba(75,71,255,.34)} #allrecords .z-cta:active .tn-atom{transform:scale(.985)} #allrecords .z-burger{cursor:pointer} #allrecords .z-burger > .tn-molecule{box-shadow:inset 0 0 0 1px var(--z-line);transition:box-shadow var(--z-t1) var(--z-ease)} #allrecords .z-burger:hover > .tn-molecule{box-shadow:inset 0 0 0 1px var(--z-ink)} /* ================= ZIMMER 2.0 — мега-меню и мобильное меню ================= */ :root{--z-arrow:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0zIDhoMTBNOSA0bDQgNC00IDQiLz48L3N2Zz4=");--z-arrow-ne:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTQgMTJMMTIgNE0xMiA0SDVNMTIgNHY3Ii8+PC9zdmc+")} #allrecords .z-drop > .tn-molecule{box-shadow:0 2px 6px rgba(10,10,11,.05),0 30px 70px -20px rgba(10,10,11,.26),inset 0 0 0 1px var(--z-line)} #allrecords .z-drop-hero > .tn-molecule{background:var(--z-grad)!important} #allrecords .z-drop-go .tn-atom{display:inline-flex;align-items:center;gap:7px} #allrecords .z-drop-go .tn-atom::after{content:""!important;display:block!important;width:13px;height:13px;flex:none;background:currentColor; -webkit-mask:var(--z-arrow) center/contain no-repeat;mask:var(--z-arrow) center/contain no-repeat; transition:transform var(--z-t1) var(--z-ease)} #allrecords .z-drop-hero:hover .z-drop-go .tn-atom::after{transform:translateX(3px)} #allrecords .z-dl .tn-atom{position:relative;transition:background-color var(--z-t1) var(--z-ease),color var(--z-t1) var(--z-ease)} #allrecords .z-dl .tn-atom::after{content:""!important;display:block!important;position:absolute;right:10px;top:50%;margin-top:-6.5px;width:13px;height:13px; background:currentColor;opacity:0;transform:translateX(-5px); -webkit-mask:var(--z-arrow) center/contain no-repeat;mask:var(--z-arrow) center/contain no-repeat; transition:opacity var(--z-t1) var(--z-ease),transform var(--z-t2) var(--z-ease)} #allrecords .z-dl:hover .tn-atom::after{opacity:1;transform:none} #allrecords .z-mnav-hero > .tn-molecule{background:var(--z-grad)!important} #allrecords .z-macc > .tn-molecule{box-shadow:inset 0 1px 0 var(--z-line)} #allrecords .z-macc-sum > .tn-molecule{box-shadow:inset 0 -1px 0 var(--z-line);cursor:pointer} #allrecords .z-macc-sign .tn-molecule{border-radius:50%;box-shadow:inset 0 0 0 1px var(--z-line);color:var(--z-ink);position:relative; transition:background var(--z-t2) var(--z-ease),box-shadow var(--z-t2) var(--z-ease),transform var(--z-t2) var(--z-ease)} #allrecords .z-macc-sign .tn-molecule::before,#allrecords .z-macc-sign .tn-molecule::after{content:""!important;display:block!important;position:absolute;left:50%;top:50%; background:currentColor;border-radius:2px;transition:opacity var(--z-t2) var(--z-ease)} #allrecords .z-macc-sign .tn-molecule::before{width:13px;height:1.7px;margin:-0.85px 0 0 -6.5px} #allrecords .z-macc-sign .tn-molecule::after{width:1.7px;height:13px;margin:-6.5px 0 0 -0.85px} #allrecords .z-macc-sum:hover .z-macc-sign .tn-molecule{box-shadow:inset 0 0 0 1px var(--z-accent)} #allrecords .z-macc.is-open .z-macc-sign .tn-molecule{background:var(--z-accent);box-shadow:inset 0 0 0 1px var(--z-accent);color:#fff;transform:rotate(135deg)} #allrecords .z-macc.is-open .z-macc-sign .tn-molecule::after{opacity:0} #allrecords .z-msub .tn-atom{transition:background-color var(--z-t1) var(--z-ease),color var(--z-t1) var(--z-ease)} #allrecords .z-mlink .tn-atom{position:relative;box-shadow:inset 0 -1px 0 var(--z-line); transition:background-color var(--z-t1) var(--z-ease),color var(--z-t1) var(--z-ease)} #allrecords .z-mlink .tn-atom::after{content:""!important;display:block!important;position:absolute;right:0;top:50%;margin-top:-8px;width:16px;height:16px; background:var(--z-ink-3);-webkit-mask:var(--z-arrow-ne) center/contain no-repeat;mask:var(--z-arrow-ne) center/contain no-repeat; transition:transform var(--z-t2) var(--z-ease)} #allrecords .z-mlink:hover .tn-atom::after{transform:translate(2px,-2px)} #allrecords .z-mcta .tn-atom{box-shadow:0 8px 24px rgba(75,71,255,.24);transition:background-color var(--z-t1) var(--z-ease),box-shadow var(--z-t2) var(--z-ease)} #allrecords .z-mnav-contacts > .tn-molecule{box-shadow:inset 0 1px 0 var(--z-line)} #allrecords .z-mcontact .tn-atom{transition:color var(--z-t1) var(--z-ease)} #allrecords .z-mcontact:hover .tn-atom{color:var(--z-ink)} /* высота контейнеров-аккордеонов: Tilda фиксирует height, без auto не вырастут */ #allrecords .z-mnav,#allrecords .z-mnav > .tn-molecule, #allrecords .z-macc,#allrecords .z-macc > .tn-molecule, #allrecords .z-macc-body,#allrecords .z-macc-body > .tn-molecule{height:auto!important} /* ================= ZIMMER 2.0 — подвал ================= */ :root{--z-wordmark:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NCAyNSIgZmlsbD0icmdiYSgxMCwxMCwxMSwwLjA1NSkiPjxwYXRoIGQ9Ik0wLjMxMjI3IDBIMTAuMDU1MVYzLjVMMy41Mjg2NSAyMS40Mjg1NzVIMTAuMDU1MVYyNUgwVjIxLjVMNi41MjY0NSAzLjU3MTQyNUgwLjMxMjI3VjBaIi8+PHBhdGggZD0iTTEyLjA4ODUyNSAyNVYwSDE1LjUyMzVWMjVIMTIuMDg4NTI1WiIvPjxwYXRoIGQ9Ik0yMi43ODE1NzUgMEwyNS4zMTEgMTcuNzVMMjcuNjUzIDBIMzIuNDMwNzVWMjVIMjkuMTgzVjcuMDcxNDI1TDI2LjgwOTc1IDI1SDIzLjU2MjI1TDIxLjAwMTYyNSA3LjMyMTQyNVYyNUgxOC4wMDM4NVYwSDIyLjc4MTU3NVoiLz48cGF0aCBkPSJNMzkuNjc2IDBMNDIuMjA1MjUgMTcuNzVMNDQuNTQ3MjUgMEg0OS4zMjVWMjVINDYuMDc3NVY3LjA3MTQyNUw0My43MDQyNSAyNUg0MC40NTY1TDM3Ljg5NiA3LjMyMTQyNVYyNUgzNC44OTgyNVYwSDM5LjY3NloiLz48cGF0aCBkPSJNNTUuMjU4NzUgMy41NzE0MjVWMTAuNTM1NzI1SDU5Ljk3NFYxNC4xMDcxNUg1NS4yNTg3NVYyMS40Mjg1NzVINjEuMTkxNzVWMjVINTEuODIzNzVWMEg2MS4xOTE3NVYzLjU3MTQyNUg1NS4yNTg3NVoiLz48cGF0aCBkPSJNNzQgMjVINzAuNTAyNUM3MC4yOTQ1IDI0LjI4NTcyNSA3MC4xOTAyNSAyMy4yNjE5IDcwLjE5MDI1IDIxLjkyODU3NVYxOEM3MC4xOTAyNSAxNi44NTcxNSA3MC4wMTMyNSAxNi4wNDc2MjUgNjkuNjU5NSAxNS41NzE0MjVDNjkuMzA1NSAxNS4wNzE0MjUgNjguNzMzIDE0LjgyMTQyNSA2Ny45NDIgMTQuODIxNDI1SDY2Ljc1NTI1VjI1SDYzLjMyMDI1VjBINjguNTA0QzcwLjI3MzUgMCA3MS41NjQyNSAwLjQ3NjE5IDcyLjM3NjI1IDEuNDI4NTcyNUM3My4xODggMi4zNTcxNDI1IDczLjU5NCAzLjc5NzYyNSA3My41OTQgNS43NVY3LjcxNDI3NUM3My41OTQgMTAuMjg1NzI1IDcyLjg0NDUgMTEuOTc2MiA3MS4zNDU3NSAxMi43ODU3MjVDNzIuODY1NSAxMy41MjM4IDczLjYyNTI1IDE1LjI5NzYyNSA3My42MjUyNSAxOC4xMDcxNVYyMS45NjQyNzVDNzMuNjI1MjUgMjMuMzIxNDI1IDczLjc1MDI1IDI0LjMzMzMyNSA3NCAyNVpNNjguNDEwMjUgMy41NzE0MjVINjYuNzU1MjVWMTEuMjVINjguMDk4QzY4Ljc4NSAxMS4yNSA2OS4yOTUyNSAxMS4wNDc2MjUgNjkuNjI4MjUgMTAuNjQyODVDNjkuOTgyIDEwLjIzODEgNzAuMTU5IDkuNTU5NTI1IDcwLjE1OSA4LjYwNzE1VjYuMTQyODVDNzAuMTU5IDQuNDI4NTc1IDY5LjU3NjI1IDMuNTcxNDI1IDY4LjQxMDI1IDMuNTcxNDI1WiIvPjwvc3ZnPg==")} #allrecords .z-footer > .tn-molecule{border-top:1px solid var(--z-line);overflow:hidden; background-image:var(--z-wordmark);background-repeat:no-repeat; background-position:center calc(100% + 14px);background-size:min(1100px,88%) auto} #allrecords .z-ftop > .tn-molecule{box-shadow:inset 0 -1px 0 var(--z-line)} #allrecords .z-fg > .tn-molecule,#allrecords .z-fbot > .tn-molecule{box-shadow:inset 0 1px 0 var(--z-line)} #allrecords .z-flink .tn-atom{transition:color var(--z-t1) var(--z-ease)} #allrecords .z-flink:hover .tn-atom{color:var(--z-accent)!important} #allrecords .z-fcontact-v .tn-atom{transition:color var(--z-t1) var(--z-ease)} #allrecords .z-fcontact:hover .z-fcontact-v .tn-atom{color:var(--z-accent)!important} #allrecords .z-fbtn .tn-atom{transition:background-color var(--z-t1) var(--z-ease),border-color var(--z-t1) var(--z-ease),color var(--z-t1) var(--z-ease),box-shadow var(--z-t2) var(--z-ease),transform var(--z-t1) var(--z-ease)} #allrecords .z-fbtn-p .tn-atom{box-shadow:0 8px 24px rgba(75,71,255,.24)} #allrecords .z-fbtn-p:hover .tn-atom{box-shadow:0 10px 26px rgba(75,71,255,.34)} #allrecords .z-fbtn:active .tn-atom{transform:scale(.985)} /* контакты подвала не сжимаются во флекс-переносе */ #allrecords .z-fcontact{flex-shrink:0!important} /* ================= ZIMMER 2.0 — поп-ап заявки ================= */ :root{--z-check:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgOS41bDQgNEwxNSA1Ii8+PC9zdmc+");--z-close:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgM2wxMCAxME0xMyAzTDMgMTMiLz48L3N2Zz4=");--z-check-big:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik00IDEyLjVsNS41IDUuNUwyMCA3Ii8+PC9zdmc+")} #allrecords .z-mdl-box > .tn-molecule{overflow:hidden;box-shadow:0 40px 100px -20px rgba(10,10,11,.5)} #allrecords .z-mdl-side > .tn-molecule{background:var(--z-grad)!important} #allrecords .z-mdl-tick > .tn-molecule{background:#fff;-webkit-mask:var(--z-check) center/contain no-repeat;mask:var(--z-check) center/contain no-repeat} #allrecords .z-mdl-form{position:relative} #allrecords .z-mdl-close{position:absolute!important;top:24px;right:24px;z-index:2;cursor:pointer} #allrecords .z-mdl-close > .tn-molecule{box-shadow:inset 0 0 0 1px var(--z-line);color:var(--z-ink-3); transition:box-shadow var(--z-t1) var(--z-ease),background var(--z-t1) var(--z-ease)} #allrecords .z-mdl-close > .tn-molecule::after{content:""!important;display:block!important;position:absolute;left:50%;top:50%; width:15px;height:15px;margin:-7.5px 0 0 -7.5px;background:var(--z-ink-3); -webkit-mask:var(--z-close) center/contain no-repeat;mask:var(--z-close) center/contain no-repeat; transition:background var(--z-t1) var(--z-ease)} #allrecords .z-mdl-close:hover > .tn-molecule{box-shadow:inset 0 0 0 1px var(--z-ink);background:var(--z-canvas-2)} #allrecords .z-mdl-close:hover > .tn-molecule::after{background:var(--z-ink)} #allrecords .z-input > .tn-molecule{box-shadow:inset 0 0 0 1px var(--z-line);background:var(--z-canvas)!important; transition:box-shadow var(--z-t1) var(--z-ease)} #allrecords .z-input:hover > .tn-molecule{box-shadow:inset 0 0 0 1px var(--z-accent-3)} #allrecords .z-input-area .tn-atom{align-self:flex-start;padding-top:15px} #allrecords .z-mdl-send .tn-atom{box-shadow:0 8px 24px rgba(75,71,255,.24); transition:background-color var(--z-t1) var(--z-ease),box-shadow var(--z-t2) var(--z-ease),transform var(--z-t1) var(--z-ease)} #allrecords .z-mdl-send:hover .tn-atom{box-shadow:0 10px 26px rgba(75,71,255,.34)} #allrecords .z-mdl-send:active .tn-atom{transform:scale(.985)} #allrecords .z-mdl-alt-b .tn-atom{transition:background-color var(--z-t1) var(--z-ease),border-color var(--z-t1) var(--z-ease),color var(--z-t1) var(--z-ease)} #allrecords .z-mdl-note .tn-atom a{color:var(--z-ink-2)!important;border-bottom:1px solid var(--z-line-2)} #allrecords .z-tick-big > .tn-molecule{position:relative} #allrecords .z-tick-big > .tn-molecule::after{content:""!important;display:block!important;position:absolute;left:50%;top:50%; width:28px;height:28px;margin:-14px 0 0 -14px;background:var(--z-accent); -webkit-mask:var(--z-check-big) center/contain no-repeat;mask:var(--z-check-big) center/contain no-repeat} #allrecords .z-mdl-ok{display:none!important} #allrecords .z-mdl-form.is-sent .z-mdl-ok{display:flex!important} #allrecords .z-mdl-form.is-sent > .tn-molecule > .t396__elem:not(.z-mdl-close):not(.z-mdl-ok){display:none} /* группы-дети внутри контейнера с паддингом: Tilda даёт им полную ширину родителя */ #allrecords .z-mdl-side > .tn-molecule > .t396__group, #allrecords .z-mdl-form > .tn-molecule > .t396__group:not(.z-mdl-close), #allrecords .z-mdl-side > .tn-molecule > .t396__elem, #allrecords .z-mdl-form > .tn-molecule > .t396__elem{width:auto!important;align-self:stretch!important} #allrecords .z-mdl-list,#allrecords .z-mdl-list > .tn-molecule > .t396__group, #allrecords .z-fld,#allrecords .z-mdl-alt,#allrecords .z-mdl-ok{width:auto!important;align-self:stretch!important} /* ================= ZIMMER 2.0 — главная ================= */ #allrecords .z-lbl .tn-atom{display:inline-flex;align-items:center;gap:8px} #allrecords .z-lbl .tn-atom::before{content:""!important;display:block!important;width:6px;height:6px;border-radius:50%;background:var(--z-accent);flex:none} /* панель проекта: только каркас, интерактив позже */ #allrecords .z-panel{display:none!important} #allrecords .z-panel.is-on{display:flex!important} #allrecords .z-surface > .tn-molecule{box-shadow:inset 0 0 0 1px var(--z-line),0 4px 8px rgba(10,10,11,.04),0 24px 60px rgba(10,10,11,.10)} #allrecords .z-panel-wrap > .tn-molecule{box-shadow:inset 0 0 0 1px var(--z-line-2)} #allrecords .z-bm > .tn-molecule,#allrecords .z-bitem > .tn-molecule,#allrecords .z-mcell > .tn-molecule, #allrecords .z-chart > .tn-molecule,#allrecords .z-kw > .tn-molecule{box-shadow:inset 0 0 0 1px var(--z-line-2)} #allrecords .z-mcell-acc > .tn-molecule{background:var(--z-grad)!important;box-shadow:none} #allrecords .z-bm-hero > .tn-molecule{background:var(--z-grad)!important} #allrecords .z-kw-r > .tn-molecule{box-shadow:inset 0 -1px 0 var(--z-line-2)} #allrecords .z-tab .tn-atom{transition:background-color var(--z-t1) var(--z-ease),color var(--z-t1) var(--z-ease)} #allrecords .z-tab.is-on .tn-atom{box-shadow:0 1px 2px rgba(10,10,11,.06)} #allrecords .z-tick > .tn-molecule,#allrecords .z-tick .tn-atom{position:relative} #allrecords .z-tick > .tn-molecule::after,#allrecords .z-tick .tn-atom::after{content:""!important;display:block!important;position:absolute;left:50%;top:50%; width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--z-accent); -webkit-mask:var(--z-check) center/contain no-repeat;mask:var(--z-check) center/contain no-repeat} #allrecords .z-bitem-t{flex:1 1 auto!important;width:auto!important} /* линии секции «Проблема» — нативные бордеры Zero Block; при ховере нижнюю линию прячем */ #allrecords .z-prow:hover > .tn-molecule{border-bottom-color:transparent!important} #allrecords .z-prow-i{width:64px!important;flex:0 0 64px!important} #allrecords .z-prow > .tn-molecule{border-radius:16px; transition:background var(--z-t2) var(--z-ease),padding var(--z-t2) var(--z-ease)} /* ================= ZIMMER 2.0 - главная: услуги ... CTA ================= */ .z-lbl-ink .tn-atom::before{background:#B3B1FF!important} /* услуги */ .z-sc{transition:transform .35s var(--z-ease)} .z-sc:hover > .tn-molecule{border-color:rgba(75,71,255,.45)!important;background:#FCFCFF!important;box-shadow:0 0 0 3px rgba(75,71,255,.07)} .z-sl{transition:padding-left .3s var(--z-ease)} .z-sl:hover{padding-left:6px} .z-sl:hover .tn-atom{color:var(--z-accent)!important} /* кейсы */ .z-case{transition:background .35s var(--z-ease),padding .35s var(--z-ease)} .z-case:hover > .tn-molecule{background:#F7F8FA!important;padding-left:16px!important;padding-right:16px!important} .z-case:hover .z-chip > .tn-molecule{background:#FFFFFF!important} .z-th1 .tn-atom{background:linear-gradient(150deg,#EDECFF,#CBC9FF)!important} .z-th2 .tn-atom{background:var(--z-grad)!important} .z-th3 .tn-atom{background:linear-gradient(150deg,#F4F5F7,#E2E4EA)!important} .z-th4 .tn-atom{background:linear-gradient(150deg,#17171A,#2D2B99)!important} .z-th5 .tn-atom{background:linear-gradient(150deg,#EDECFF,#D6D4FF)!important} .z-go .tn-atom{position:relative;transition:background .25s,border-color .25s} .z-go .tn-atom::after{content:""!important;display:block!important;position:absolute;inset:0;background:#84848D; -webkit-mask:var(--z-arrow-ne) center/18px 18px no-repeat;mask:var(--z-arrow-ne) center/18px 18px no-repeat;transition:.25s var(--z-ease)} .z-case:hover .z-go .tn-atom{background:var(--z-accent)!important;border-color:var(--z-accent)!important} .z-case:hover .z-go .tn-atom::after{background:#FFFFFF;transform:translate(2px,-2px)} /* процесс */ .z-pst-line .tn-atom{transition:background .35s} .z-pst:hover .z-pst-line .tn-atom{background:var(--z-accent)!important} /* условия */ .z-g{transition:transform .35s var(--z-ease)} .z-g:hover > .tn-molecule{background:#F0F0FF!important} .z-g:hover .z-ic .tn-atom{background:var(--z-accent)!important;border-color:transparent!important} /* отзывы */ .z-rev:hover > .tn-molecule{border-color:rgba(75,71,255,.40)!important;background:#FCFCFF!important} /* модификации */ .z-ml-i{transition:padding-left .3s var(--z-ease)} .z-ml-i:hover{padding-left:12px} .z-ml-i:hover .tn-atom{color:#B3B1FF!important} /* FAQ */ .z-det{transition:background .3s var(--z-ease)} .z-det:hover > .tn-molecule,.z-det.is-open > .tn-molecule{background:#F7F8FA!important} /* раскрытие ответа — ниже, через max-height */ .z-det.is-open .z-sum-t .tn-atom{color:var(--z-accent)!important} .z-sum{cursor:pointer} .z-sign .tn-atom{position:relative;transition:background .3s,border-color .3s,transform .45s var(--z-ease)} .z-sign .tn-atom::before,.z-sign .tn-atom::after{content:""!important;display:block!important;position:absolute;left:50%;top:50%;background:#0A0A0B;border-radius:2px;transition:opacity .3s,background .3s} .z-sign .tn-atom::before{width:13px;height:1.7px;margin:-0.85px 0 0 -6.5px} .z-sign .tn-atom::after{width:1.7px;height:13px;margin:-6.5px 0 0 -0.85px} .z-det.is-open .z-sign .tn-atom{background:var(--z-accent)!important;border-color:var(--z-accent)!important;transform:rotate(135deg)} .z-det.is-open .z-sign .tn-atom::before{background:#FFFFFF} .z-det.is-open .z-sign .tn-atom::after{opacity:0} /* CTA */ .z-ctablock > .tn-molecule{background:var(--z-grad)!important} /* отступы текстовых элементов (у текста в Zero Block нет поля padding) */ .z-faq-a{padding:0 64px 24px 24px!important;box-sizing:border-box} @media(max-width:960px){.z-faq-a{padding:0 32px 24px 24px!important}} @media(max-width:640px){.z-faq-a{padding:0 16px 20px 16px!important}} .z-fine{padding-top:4px!important} .z-case-body,.z-res,.z-nm,.z-chips,.z-sl,.z-ml-i,.z-sum{min-width:0} /* ================= ZIMMER 2.0 - липкая полоса ================= */ #allrecords .z-sticky-wrap{position:fixed!important;left:0;right:0;bottom:24px;z-index:95;pointer-events:none;height:auto!important} #allrecords .z-sticky{pointer-events:auto;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px); box-shadow:0 20px 50px -20px rgba(10,10,12,.6);transform:translateY(150%);opacity:0; transition:transform .55s var(--z-ease),opacity .4s var(--z-ease)} #allrecords .z-sticky.is-on{transform:translateY(0);opacity:1} @media(max-width:640px){.z-sticky-wrap{left:16px;right:16px;bottom:16px}.z-sticky-em{display:none!important}} /* ================= ZIMMER 2.0 - полоса «работаем онлайн» ================= */ #allrecords .z-sticky-wrap.t396__group,#allrecords .z-sticky-wrap.t396__group-flex{position:fixed!important;top:auto!important;left:0!important;right:0!important;bottom:24px!important;width:100%!important;height:auto!important} #allrecords .z-sticky-wrap.t396__group-flex .tn-molecule{justify-content:center} @media(max-width:640px){#allrecords .z-sticky-wrap.t396__group,#allrecords .z-sticky-wrap.t396__group-flex{left:16px!important;right:16px!important;width:auto!important;bottom:16px!important}} /* ================= ZIMMER 2.0 - состояния интерактива ================= */ /* шапка */ #allrecords .z-header-bar.is-stuck > .tn-molecule{box-shadow:inset 0 -1px 0 var(--z-line)} /* мега-меню: оверлей вместо потока */ #allrecords .t-rec:has(.z-drop-wrap){position:relative;z-index:120;height:0} #allrecords .t-rec:has(.z-drop-wrap) .t396__artboard{height:0!important;overflow:visible!important} #allrecords .z-drop-wrap.t396__group,#allrecords .z-drop-wrap.t396__group-flex{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .28s,transform .32s var(--z-ease),visibility .28s} #allrecords .z-drop-wrap.t396__group.is-open,#allrecords .z-drop-wrap.t396__group-flex.is-open{opacity:1;visibility:visible;transform:translateY(0)} @media(max-width:960px){#allrecords .t-rec:has(.z-drop-wrap){display:none}} /* мобильное меню */ @media(max-width:960px){ #allrecords .t-rec:has(.z-mnav){position:fixed;left:0;right:0;top:74px;bottom:0;z-index:110;pointer-events:none;height:auto} #allrecords .z-mnav.t396__group,#allrecords .z-mnav.t396__group-flex{height:100%!important;overflow-y:auto;background:#FFFFFF;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s,transform .35s var(--z-ease),visibility .3s} #allrecords .z-mnav.t396__group.is-open,#allrecords .z-mnav.t396__group-flex.is-open{opacity:1;visibility:visible;transform:translateY(0)} #allrecords .t-rec:has(.z-mnav.is-open){pointer-events:auto} } #allrecords .z-macc:not(.is-open) .z-macc-body{display:none!important} #allrecords .z-macc-sum{cursor:pointer} #allrecords .z-burger{cursor:pointer} /* табы панели проекта */ #allrecords .z-tab{cursor:pointer} #allrecords .z-tab .tn-atom{position:relative;overflow:hidden} #allrecords .z-tab.is-timing .tn-atom::after{content:""!important;display:block!important;position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--z-accent);border-radius:2px;animation:z-tick 5s linear forwards} @keyframes z-tick{to{width:100%}} /* цепочка «решение» */ #allrecords .z-node{transition:border-color .35s,transform .35s var(--z-ease)} #allrecords .z-node.is-act > .tn-molecule{border-color:rgba(124,121,255,.45)!important} #allrecords .z-node.is-act .z-node-st .tn-atom{color:#B3B1FF!important} /* спотлайт на тёмных плитах */ #allrecords .z-plate > .tn-molecule,#allrecords .z-geo-band > .tn-molecule{position:relative;overflow:hidden} #allrecords .z-plate > .tn-molecule::before,#allrecords .z-geo-band > .tn-molecule::before{content:""!important;display:block!important;position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .5s var(--z-ease);background:radial-gradient(520px circle at var(--z-mx,50%) var(--z-my,50%),rgba(124,121,255,.16),transparent 62%)} #allrecords .z-plate:hover > .tn-molecule::before,#allrecords .z-geo-band:hover > .tn-molecule::before{opacity:1} /* поп-ап заявки */ #allrecords .t-rec:has(.z-mdl-wrap){position:fixed;inset:0;z-index:200;pointer-events:none;height:auto;display:grid;place-items:center;padding:24px;background:rgba(10,10,12,0);transition:background .3s} #allrecords .z-mdl-wrap.t396__group,#allrecords .z-mdl-wrap.t396__group-flex{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .35s var(--z-ease),visibility .3s} #allrecords .z-mdl-wrap.t396__group.is-open,#allrecords .z-mdl-wrap.t396__group-flex.is-open{opacity:1;visibility:visible;transform:translateY(0)} #allrecords .t-rec:has(.z-mdl-wrap.is-open){pointer-events:auto;background:rgba(10,10,12,.62);backdrop-filter:blur(6px)} #allrecords .z-mdl-close{cursor:pointer} /* появление блоков */ #allrecords .z-rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--z-ease),transform .7s var(--z-ease)} #allrecords .z-rv.is-in{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){#allrecords .z-rv{opacity:1!important;transform:none!important}} /* ================= ZIMMER 2.0 - графика и доводка анимаций ================= */ :root{ --z-nv1:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNTYiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI2OCIgaGVpZ2h0PSI5IiByeD0iMyIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iLjEwIi8+PHJlY3QgeD0iMCIgeT0iMTQiIHdpZHRoPSI0MSIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIuMDU1Ii8+PHJlY3QgeD0iMCIgeT0iMjgiIHdpZHRoPSI2MCIgaGVpZ2h0PSIyOCIgcng9IjQiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9Ii4wMzUiLz48cmVjdCB4PSI3MCIgeT0iMjgiIHdpZHRoPSI2MCIgaGVpZ2h0PSIyOCIgcng9IjQiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9Ii4wMjUiLz48cmVjdCB4PSIxNDAiIHk9IjI4IiB3aWR0aD0iNjAiIGhlaWdodD0iMjgiIHJ4PSI0IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIuMDE2Ii8+PC9zdmc+"); --z-nv1a:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNTYiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMDAiIGhlaWdodD0iOSIgcng9IjMiIGZpbGw9IiM0QjQ3RkYiLz48cmVjdCB4PSIwIiB5PSIxNCIgd2lkdGg9IjEyMCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSIjNEI0N0ZGIiBvcGFjaXR5PSIuNTUiLz48cmVjdCB4PSIwIiB5PSIyOCIgd2lkdGg9IjYwIiBoZWlnaHQ9IjI4IiByeD0iNCIgZmlsbD0iIzRCNDdGRiIvPjxyZWN0IHg9IjcwIiB5PSIyOCIgd2lkdGg9IjYwIiBoZWlnaHQ9IjI4IiByeD0iNCIgZmlsbD0iIzRCNDdGRiIgb3BhY2l0eT0iLjciLz48cmVjdCB4PSIxNDAiIHk9IjI4IiB3aWR0aD0iNjAiIGhlaWdodD0iMjgiIHJ4PSI0IiBmaWxsPSIjNEI0N0ZGIiBvcGFjaXR5PSIuNDUiLz48L3N2Zz4="); --z-nv2:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNTYiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9Ii4xOCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDggQzc0IDggOTYgMjggMTQ2IDI4Ii8+PHBhdGggZD0iTTE0IDI4IEgxNDYiLz48cGF0aCBkPSJNMTQgNDggQzc0IDQ4IDk2IDI4IDE0NiAyOCIvPjxwYXRoIGQ9Ik0xNzIgMjhoMTZNMTgyIDIybDYgNi02IDYiLz48Y2lyY2xlIGN4PSIxNTQiIGN5PSIyOCIgcj0iMTMiLz48L2c+PGNpcmNsZSBjeD0iOSIgY3k9IjgiIHI9IjMiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9Ii4yNSIvPjxjaXJjbGUgY3g9IjkiIGN5PSIyOCIgcj0iMyIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iLjI1Ii8+PGNpcmNsZSBjeD0iOSIgY3k9IjQ4IiByPSIzIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIuMjUiLz48Y2lyY2xlIGN4PSIxNTQiIGN5PSIyOCIgcj0iMyIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iLjEwIi8+PC9zdmc+"); --z-nv2a:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNTYiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzdDNzlGRiIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTE0IDggQzc0IDggOTYgMjggMTQ2IDI4Ii8+PHBhdGggZD0iTTE0IDI4IEgxNDYiLz48cGF0aCBkPSJNMTQgNDggQzc0IDQ4IDk2IDI4IDE0NiAyOCIvPjxwYXRoIGQ9Ik0xNzIgMjhoMTZNMTgyIDIybDYgNi02IDYiLz48L2c+PGNpcmNsZSBjeD0iMTU0IiBjeT0iMjgiIHI9IjEzIiBmaWxsPSJub25lIiBzdHJva2U9IiM3Qzc5RkYiIHN0cm9rZS1vcGFjaXR5PSIuNDUiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGNpcmNsZSBjeD0iOSIgY3k9IjgiIHI9IjMiIGZpbGw9IiNmZmZmZmYiLz48Y2lyY2xlIGN4PSI5IiBjeT0iMjgiIHI9IjMiIGZpbGw9IiNmZmZmZmYiLz48Y2lyY2xlIGN4PSI5IiBjeT0iNDgiIHI9IjMiIGZpbGw9IiNmZmZmZmYiLz48Y2lyY2xlIGN4PSIxNTQiIGN5PSIyOCIgcj0iNS41IiBmaWxsPSIjNEI0N0ZGIi8+PC9zdmc+"); --z-nv3:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNjAiPjxyZWN0IHg9IjQiIHk9IjQ4IiB3aWR0aD0iNDAiIGhlaWdodD0iMTIiIHJ4PSIzIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIuMDQ1Ii8+PHJlY3QgeD0iNTIiIHk9IjQwIiB3aWR0aD0iNDAiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIuMDYyIi8+PHJlY3QgeD0iMTAwIiB5PSIzMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjMwIiByeD0iMyIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iLjA4Ii8+PHJlY3QgeD0iMTQ4IiB5PSIxOCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQyIiByeD0iMyIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iLjEwIi8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utb3BhY2l0eT0iLjE4IiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTAgNDAgTDE3NiA4Ii8+PHBhdGggZD0iTTE2Ni41IDUuOSBMMTc2IDggTDE2OC41IDE0LjIiLz48L2c+PC9zdmc+"); --z-nv3a:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgNjAiPjxyZWN0IHg9IjQiIHk9IjQ4IiB3aWR0aD0iNDAiIGhlaWdodD0iMTIiIHJ4PSIzIiBmaWxsPSIjNEI0N0ZGIiBvcGFjaXR5PSIuNDUiLz48cmVjdCB4PSI1MiIgeT0iNDAiIHdpZHRoPSI0MCIgaGVpZ2h0PSIyMCIgcng9IjMiIGZpbGw9IiM0QjQ3RkYiIG9wYWNpdHk9Ii42MiIvPjxyZWN0IHg9IjEwMCIgeT0iMzAiIHdpZHRoPSI0MCIgaGVpZ2h0PSIzMCIgcng9IjMiIGZpbGw9IiM0QjQ3RkYiIG9wYWNpdHk9Ii44Ii8+PHJlY3QgeD0iMTQ4IiB5PSIxOCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQyIiByeD0iMyIgZmlsbD0iIzRCNDdGRiIvPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzdDNzlGRiIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEwIDQwIEwxNzYgOCIvPjxwYXRoIGQ9Ik0xNjYuNSA1LjkgTDE3NiA4IEwxNjguNSAxNC4yIi8+PC9nPjwvc3ZnPg=="); --z-arrow-go:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCAxMkwxMiA0TTEyIDRINU0xMiA0djciLz48L3N2Zz4="); --z-minib:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjggOTYiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iaCIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzRCNDdGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzJEMkI5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNjgiIGhlaWdodD0iOTYiIHJ4PSI4IiBmaWxsPSIjZmZmZmZmIi8+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE2OCIgaGVpZ2h0PSIxMyIgcng9IjgiIGZpbGw9IiNGQUZBRkIiLz48cmVjdCB4PSIwIiB5PSI4IiB3aWR0aD0iMTY4IiBoZWlnaHQ9IjUiIGZpbGw9IiNGQUZBRkIiLz48cmVjdCB4PSIwIiB5PSIxMi40IiB3aWR0aD0iMTY4IiBoZWlnaHQ9IjEiIGZpbGw9IiNFOEU5RUQiLz48Y2lyY2xlIGN4PSI5IiBjeT0iNi41IiByPSIxLjc1IiBmaWxsPSIjREFEQ0UxIi8+PGNpcmNsZSBjeD0iMTUuNSIgY3k9IjYuNSIgcj0iMS43NSIgZmlsbD0iI0RBRENFMSIvPjxjaXJjbGUgY3g9IjIyIiBjeT0iNi41IiByPSIxLjc1IiBmaWxsPSIjREFEQ0UxIi8+PHJlY3QgeD0iOCIgeT0iMjEiIHdpZHRoPSIxNTIiIGhlaWdodD0iMjAiIHJ4PSI0IiBmaWxsPSJ1cmwoI2gpIi8+PHJlY3QgeD0iOCIgeT0iNDciIHdpZHRoPSI4MiIgaGVpZ2h0PSI0IiByeD0iMiIgZmlsbD0iI0VFRUZGMiIvPjxyZWN0IHg9IjgiIHk9IjU2IiB3aWR0aD0iMTUyIiBoZWlnaHQ9IjQiIHJ4PSIyIiBmaWxsPSIjRUVFRkYyIi8+PHJlY3QgeD0iOCIgeT0iNjYiIHdpZHRoPSI0NyIgaGVpZ2h0PSIxMSIgcng9IjMiIGZpbGw9IiNGM0Y0RjciLz48cmVjdCB4PSI2MCIgeT0iNjYiIHdpZHRoPSI0NyIgaGVpZ2h0PSIxMSIgcng9IjMiIGZpbGw9IiNGM0Y0RjciLz48cmVjdCB4PSIxMTMiIHk9IjY2IiB3aWR0aD0iNDciIGhlaWdodD0iMTEiIHJ4PSIzIiBmaWxsPSIjRjNGNEY3Ii8+PC9zdmc+"); --z-hero-gfx:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiM0QjQ3RkYiIHN0cm9rZS1vcGFjaXR5PSIuMTYiPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjIwMCIgcj0iNjAiLz48Y2lyY2xlIGN4PSIyMDAiIGN5PSIyMDAiIHI9IjE2MCIvPjwvZz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiM0QjQ3RkYiIHN0cm9rZS1vcGFjaXR5PSIuMjQiIHN0cm9rZS1kYXNoYXJyYXk9IjIgOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48Y2lyY2xlIGN4PSIyMDAiIGN5PSIyMDAiIHI9IjExMCIvPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjIwMCIgcj0iMTk2Ii8+PC9nPjxnIGZpbGw9IiM0QjQ3RkYiPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjkwIiByPSI1IiBvcGFjaXR5PSIuOCIvPjxjaXJjbGUgY3g9IjMxMCIgY3k9IjIwMCIgcj0iMy41IiBvcGFjaXR5PSIuNSIvPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjM2MCIgcj0iNCIgb3BhY2l0eT0iLjYiLz48Y2lyY2xlIGN4PSI0MCIgY3k9IjIwMCIgcj0iMyIgb3BhY2l0eT0iLjQiLz48Y2lyY2xlIGN4PSIyMDAiIGN5PSIyMDAiIHI9IjkiLz48L2c+PC9zdmc+"); --z-cta-gfx:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIuMjIiPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjIwMCIgcj0iNjAiLz48Y2lyY2xlIGN4PSIyMDAiIGN5PSIyMDAiIHI9IjE2MCIvPjwvZz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1vcGFjaXR5PSIuMjIiIHN0cm9rZS1kYXNoYXJyYXk9IjIgNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48Y2lyY2xlIGN4PSIyMDAiIGN5PSIyMDAiIHI9IjExMCIvPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjIwMCIgcj0iMTk2Ii8+PC9nPjxnIGZpbGw9IiNmZmZmZmYiPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjkwIiByPSI1Ii8+PGNpcmNsZSBjeD0iMzEwIiBjeT0iMjAwIiByPSIzLjUiIG9wYWNpdHk9Ii42Ii8+PGNpcmNsZSBjeD0iMjAwIiBjeT0iMzYwIiByPSI0IiBvcGFjaXR5PSIuNyIvPjxjaXJjbGUgY3g9IjQwIiBjeT0iMjAwIiByPSIzIiBvcGFjaXR5PSIuNSIvPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjIwMCIgcj0iOSIvPjwvZz48L3N2Zz4="); --z-ic-lines:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCA1aDE2TTQgMTJoMTBNNCAxOWg3Ii8+PC9zdmc+"); --z-ic-code:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOCA2bC01IDYgNSA2TTE2IDZsNSA2LTUgNiIvPjwvc3ZnPg=="); --z-ic-bars:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAyMGgxOCIvPjxwYXRoIGQ9Ik01IDIwVjEyTTEwIDIwVjdNMTUgMjBWMTRNMjAgMjBWNCIvPjwvc3ZnPg=="); --z-ic-shieldok:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgM2w3IDN2NmMwIDQuNS0zIDcuOC03IDktNC0xLjItNy00LjUtNy05VjZ6Ii8+PHBhdGggZD0iTTkgMTJsMiAyIDQtNCIvPjwvc3ZnPg=="); --z-ic-mail:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyA3bDkgNiA5LTYiLz48cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHJ4PSIyIi8+PC9zdmc+"); --z-ic-table:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSI0IiB5PSIzIiB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHJ4PSIyIi8+PHBhdGggZD0iTTggOGg1Ii8+PHBhdGggZD0iTTggMTZ2LTNNMTIgMTZ2LTVNMTYgMTZ2LTIiLz48L3N2Zz4="); --z-ic-board:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSI0IiB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHJ4PSIyIi8+PHBhdGggZD0iTTMgOWgxOE04IDEzaDhNOCAxNmg1Ii8+PC9zdmc+"); --z-ic-users:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSI5IiBjeT0iOCIgcj0iMy4yIi8+PHBhdGggZD0iTTMuNSAxOWMuNi0zLjIgMy01IDUuNS01czQuOSAxLjggNS41IDUiLz48cGF0aCBkPSJNMTYgNS41YTMgMyAwIDAgMSAwIDUuNk0xOC41IDE0LjRjMS40LjkgMi4zIDIuNSAyLjYgNC42Ii8+PC9zdmc+"); --z-ic-launch:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgM3YxOE01IDEwbDctNyA3IDciLz48L3N2Zz4="); --z-ic-target:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMyIvPjwvc3ZnPg=="); --z-ic-trend:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAxN2w1LTUgNCAzIDgtOCIvPjxwYXRoIGQ9Ik0xNCA3aDZ2NiIvPjwvc3ZnPg=="); --z-ic-dirs:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSI0IiB3aWR0aD0iMTgiIGhlaWdodD0iNyIgcng9IjIiLz48cmVjdCB4PSIzIiB5PSIxNCIgd2lkdGg9IjgiIGhlaWdodD0iNiIgcng9IjIiLz48cmVjdCB4PSIxMyIgeT0iMTQiIHdpZHRoPSI4IiBoZWlnaHQ9IjYiIHJ4PSIyIi8+PC9zdmc+"); --z-ic-geo:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEwIiByPSIzIi8+PHBhdGggZD0iTTEyIDIxczctNS41IDctMTFhNyA3IDAgMSAwLTE0IDBjMCA1LjUgNyAxMSA3IDExeiIvPjwvc3ZnPg=="); --z-ic-stat:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAyMGgxOCIvPjxwYXRoIGQ9Ik01IDIwVjEyTTEwIDIwVjdNMTUgMjBWMTRNMjAgMjBWNCIvPjwvc3ZnPg=="); --z-ic-doc:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTQgM0g3YTIgMiAwIDAgMC0yIDJ2MTRhMiAyIDAgMCAwIDIgMmgxMGEyIDIgMCAwIDAgMi0yVjh6Ii8+PHBhdGggZD0iTTE0IDN2NWg1Ii8+PHBhdGggZD0iTTkgMTNoNk05IDE3aDQiLz48L3N2Zz4="); --z-ic-key:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSI4IiBjeT0iMTQiIHI9IjQiLz48cGF0aCBkPSJNMTEgMTFsOC04TTE3IDVsMiAyTTE0IDhsMiAyIi8+PC9zdmc+"); --z-ic-chart:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAyMGgxOCIvPjxwYXRoIGQ9Ik01IDIwVjEyTTEwIDIwVjdNMTUgMjBWMTRNMjAgMjBWNCIvPjwvc3ZnPg=="); --z-ic-card:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSI2IiB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHJ4PSIyIi8+PHBhdGggZD0iTTMgMTBoMTgiLz48cGF0aCBkPSJNNyAxNWg0Ii8+PC9zdmc+"); --z-ic-report:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSI0IiB5PSIzIiB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHJ4PSIyIi8+PHBhdGggZD0iTTggOGg1Ii8+PHBhdGggZD0iTTggMTZ2LTNNMTIgMTZ2LTVNMTYgMTZ2LTIiLz48L3N2Zz4="); --z-ic-shield:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgM2w3IDN2NmMwIDQuNS0zIDcuOC03IDktNC0xLjItNy00LjUtNy05VjZ6Ii8+PHBhdGggZD0iTTkgMTJsMiAyIDQtNCIvPjwvc3ZnPg=="); } /* фон артборда: не даём проступать серой полосе при схлопывании контента */ #allrecords .t396__artboard:has(.z-sec){background-color:#FFFFFF!important} #allrecords .t-rec:has(.z-faq-sec) .t396__artboard{height:auto!important} /* 1. табы панели проекта */ #allrecords .z-tab .tn-atom{background-color:rgba(0,0,0,0)!important;color:var(--z-ink-3)!important;box-shadow:none;transition:background-color var(--z-t2) var(--z-ease),color var(--z-t2) var(--z-ease),box-shadow var(--z-t2) var(--z-ease)} #allrecords .z-tab:hover .tn-atom{color:var(--z-ink)!important} #allrecords .z-tab.is-on .tn-atom{background-color:#FFFFFF!important;color:var(--z-ink)!important;box-shadow:0 1px 3px rgba(10,10,11,.09)} /* 2. проблема: плавный сдвиг строки */ #allrecords .z-prow > .tn-molecule{transition:background-color var(--z-t2) var(--z-ease),padding var(--z-t2) var(--z-ease),border-radius var(--z-t2) var(--z-ease)} /* 3. решение: графика узлов */ #allrecords .z-nviz{margin-top:auto!important} #allrecords .z-nviz .tn-atom{position:relative;background-color:rgba(0,0,0,0)!important} #allrecords .z-nviz .tn-atom::before,#allrecords .z-nviz .tn-atom::after{content:""!important;display:block!important;position:absolute;inset:0;background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;transition:opacity .6s var(--z-ease)} #allrecords .z-nviz .tn-atom::after{opacity:0} #allrecords .z-node.is-act .z-nviz .tn-atom::before{opacity:0} #allrecords .z-node.is-act .z-nviz .tn-atom::after{opacity:1} #allrecords .z-nviz-1 .tn-atom::before{background-image:var(--z-nv1)} #allrecords .z-nviz-1 .tn-atom::after{background-image:var(--z-nv1a)} #allrecords .z-nviz-2 .tn-atom::before{background-image:var(--z-nv2)} #allrecords .z-nviz-2 .tn-atom::after{background-image:var(--z-nv2a)} #allrecords .z-nviz-3 .tn-atom::before{background-image:var(--z-nv3)} #allrecords .z-nviz-3 .tn-atom::after{background-image:var(--z-nv3a)} #allrecords .z-node > .tn-molecule{transition:border-color var(--z-t3) var(--z-ease),box-shadow var(--z-t3) var(--z-ease)} #allrecords .z-node.is-act > .tn-molecule{border-color:rgba(124,121,255,.6)!important;box-shadow:0 0 0 3px rgba(124,121,255,.10)} /* 4. кейсы: плавность, превью, стрелка */ #allrecords .z-case > .tn-molecule{transition:background-color .35s var(--z-ease),padding .35s var(--z-ease),border-radius .35s var(--z-ease)} #allrecords .z-thumb .tn-atom{position:relative;overflow:hidden} #allrecords .z-thumb .tn-atom::after{content:""!important;display:block!important;position:absolute;left:13%;right:13%;bottom:0;height:78%;background:var(--z-minib) center bottom/100% auto no-repeat;border-radius:8px 8px 0 0;box-shadow:0 10px 24px rgba(10,10,11,.18);transform:translateY(16%);transition:transform var(--z-t3) var(--z-ease)} #allrecords .z-case:hover .z-thumb .tn-atom::after{transform:translateY(6%)} #allrecords .z-go .tn-atom::after{-webkit-mask:var(--z-arrow-go) center/17px 17px no-repeat;mask:var(--z-arrow-go) center/17px 17px no-repeat;background-color:#84848D;background-image:none} #allrecords .z-case:hover .z-go .tn-atom::after{background-color:#FFFFFF} /* 5. условия: иконки */ #allrecords .z-ic .tn-atom{position:relative} #allrecords .z-ic .tn-atom::after{content:""!important;display:block!important;position:absolute;inset:0;background-color:var(--z-accent);transition:background-color var(--z-t2) var(--z-ease);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:21px 21px;mask-size:21px 21px} #allrecords .z-ic-lines .tn-atom::after{-webkit-mask-image:var(--z-ic-lines);mask-image:var(--z-ic-lines)} #allrecords .z-ic-code .tn-atom::after{-webkit-mask-image:var(--z-ic-code);mask-image:var(--z-ic-code)} #allrecords .z-ic-bars .tn-atom::after{-webkit-mask-image:var(--z-ic-bars);mask-image:var(--z-ic-bars)} #allrecords .z-ic-shieldok .tn-atom::after{-webkit-mask-image:var(--z-ic-shieldok);mask-image:var(--z-ic-shieldok)} #allrecords .z-ic-mail .tn-atom::after{-webkit-mask-image:var(--z-ic-mail);mask-image:var(--z-ic-mail)} #allrecords .z-ic-table .tn-atom::after{-webkit-mask-image:var(--z-ic-table);mask-image:var(--z-ic-table)} #allrecords .z-ic-board .tn-atom::after{-webkit-mask-image:var(--z-ic-board);mask-image:var(--z-ic-board)} #allrecords .z-ic-users .tn-atom::after{-webkit-mask-image:var(--z-ic-users);mask-image:var(--z-ic-users)} #allrecords .z-ic-launch .tn-atom::after{-webkit-mask-image:var(--z-ic-launch);mask-image:var(--z-ic-launch)} #allrecords .z-ic-target .tn-atom::after{-webkit-mask-image:var(--z-ic-target);mask-image:var(--z-ic-target)} #allrecords .z-ic-trend .tn-atom::after{-webkit-mask-image:var(--z-ic-trend);mask-image:var(--z-ic-trend)} #allrecords .z-ic-dirs .tn-atom::after{-webkit-mask-image:var(--z-ic-dirs);mask-image:var(--z-ic-dirs)} #allrecords .z-ic-geo .tn-atom::after{-webkit-mask-image:var(--z-ic-geo);mask-image:var(--z-ic-geo)} #allrecords .z-ic-stat .tn-atom::after{-webkit-mask-image:var(--z-ic-stat);mask-image:var(--z-ic-stat)} #allrecords .z-ic-doc .tn-atom::after{-webkit-mask-image:var(--z-ic-doc);mask-image:var(--z-ic-doc)} #allrecords .z-ic-key .tn-atom::after{-webkit-mask-image:var(--z-ic-key);mask-image:var(--z-ic-key)} #allrecords .z-ic-chart .tn-atom::after{-webkit-mask-image:var(--z-ic-chart);mask-image:var(--z-ic-chart)} #allrecords .z-ic-card .tn-atom::after{-webkit-mask-image:var(--z-ic-card);mask-image:var(--z-ic-card)} #allrecords .z-ic-report .tn-atom::after{-webkit-mask-image:var(--z-ic-report);mask-image:var(--z-ic-report)} #allrecords .z-ic-shield .tn-atom::after{-webkit-mask-image:var(--z-ic-shield);mask-image:var(--z-ic-shield)} #allrecords .z-g:hover .z-ic .tn-atom::after{background-color:#FFFFFF} /* 6. студия: строки списка */ #allrecords .z-abl-r > .tn-molecule{border-radius:var(--z-r1);transition:background-color var(--z-t2) var(--z-ease),padding var(--z-t2) var(--z-ease)} #allrecords .z-abl-r:hover > .tn-molecule{background-color:var(--z-canvas-2);padding-left:12px;padding-right:12px} /* 7. FAQ: плавное раскрытие */ #allrecords .z-faq-a{overflow:hidden;max-height:0;min-height:0!important;display:block!important;padding-top:0!important;padding-bottom:0!important;opacity:0;transition:max-height .5s var(--z-ease),opacity .35s var(--z-ease),padding-bottom .5s var(--z-ease)} #allrecords .z-det.is-open .z-faq-a{max-height:360px;opacity:1;padding-bottom:24px!important} @media(max-width:640px){#allrecords .z-det.is-open .z-faq-a{padding-bottom:20px!important}} /* 8. графика героя и финального блока */ #allrecords .z-hero > .tn-molecule{position:relative;overflow:hidden} #allrecords .z-hero > .tn-molecule::after{content:""!important;display:block!important;position:absolute;right:2%;top:6%;width:min(560px,44vw);height:min(560px,44vw);pointer-events:none;z-index:0;background:var(--z-hero-gfx) center/contain no-repeat} #allrecords .z-hero .z-cont{position:relative;z-index:1} #allrecords .z-ctablock > .tn-molecule::after{content:""!important;display:block!important;position:absolute;left:44%;top:50%;transform:translate(-50%,-50%);width:min(520px,46%);height:min(520px,46vw);opacity:.9;pointer-events:none;z-index:0;background:var(--z-cta-gfx) center/contain no-repeat} #allrecords .z-cta-l,#allrecords .z-cta-sw{position:relative;z-index:1} @media(max-width:960px){#allrecords .z-hero > .tn-molecule::after,#allrecords .z-ctablock > .tn-molecule::after{display:none!important}} /* размеры графики узлов: первая растягивается, остальные вписываются */ #allrecords .z-nviz-1 .tn-atom::before,#allrecords .z-nviz-1 .tn-atom::after{background-size:100% 100%} #allrecords .z-nviz-2 .tn-atom::before,#allrecords .z-nviz-2 .tn-atom::after, #allrecords .z-nviz-3 .tn-atom::before,#allrecords .z-nviz-3 .tn-atom::after{background-size:contain;background-position:left bottom} /* медленное вращение колец */ @keyframes z-spin{to{transform:rotate(360deg)}} @keyframes z-spin-c{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}} #allrecords .z-hero > .tn-molecule::after{animation:z-spin 90s linear infinite} #allrecords .z-ctablock > .tn-molecule::after{animation:z-spin-c 110s linear infinite} @media(prefers-reduced-motion:reduce){#allrecords .z-hero > .tn-molecule::after,#allrecords .z-ctablock > .tn-molecule::after{animation:none}} /* плавность переходов: перебиваем собственные transition Tilda */ #allrecords .z-prow > .tn-molecule,#allrecords .z-case > .tn-molecule,#allrecords .z-abl-r > .tn-molecule,#allrecords .z-sc > .tn-molecule,#allrecords .z-g > .tn-molecule,#allrecords .z-rev > .tn-molecule,#allrecords .z-det > .tn-molecule,#allrecords .z-node > .tn-molecule{ transition:background-color .35s var(--z-ease),padding .35s var(--z-ease),border-radius .35s var(--z-ease),border-color .35s var(--z-ease),box-shadow .35s var(--z-ease)!important} #allrecords .z-chip > .tn-molecule{transition:background-color .25s var(--z-ease)!important} #allrecords .z-go .tn-atom{transition:background-color .25s var(--z-ease),border-color .25s var(--z-ease)!important} #allrecords .z-go .tn-atom::after{transition:background-color .25s var(--z-ease),transform .35s var(--z-ease)!important} #allrecords .z-sl,#allrecords .z-ml-i{transition:padding .3s var(--z-ease)!important} #allrecords .z-sl .tn-atom,#allrecords .z-ml-i .tn-atom{transition:color .2s var(--z-ease)!important} /* ================= ZIMMER 2.0 - доводка №2 ================= */ /* графика узлов теперь живёт HTML-элементами внутри Zero Block — старые фоны выключаем */ #allrecords .z-nviz .tn-atom::before,#allrecords .z-nviz .tn-atom::after{content:none!important;display:none!important} #allrecords .z-nviz .tn-atom{background:none!important} /* панели проекта: одна высота на всех + мягкое переключение */ #allrecords .z-panel-wrap > .tn-molecule{display:grid!important;align-items:start} #allrecords .z-panel{display:block!important;grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .38s var(--z-ease),transform .45s var(--z-ease),visibility .38s} #allrecords .z-panel.is-on{display:block!important;opacity:1;visibility:visible;pointer-events:auto;transform:none} /* индикатор обратного отсчёта на активной вкладке */ #allrecords .z-tab.is-on .tn-atom{font-weight:700} #allrecords .z-tab .tn-atom::after{content:""!important;display:block!important;position:absolute;left:12px;right:12px;bottom:5px;top:auto; width:auto!important;height:3px;border-radius:3px;background:var(--z-accent);opacity:0;transform:scaleX(0);transform-origin:left center;animation:none} #allrecords .z-tab.is-timing .tn-atom::after{opacity:.85;animation:z-tickx 5s linear forwards} @keyframes z-tickx{from{transform:scaleX(0)}to{transform:scaleX(1)}} /* проблема и студия: сдвиг строки — перебиваем паддинги Tilda */ #allrecords .z-abl-r:hover > .tn-molecule{background-color:var(--z-canvas-2)!important;padding-left:12px!important;padding-right:12px!important;border-radius:var(--z-r1)!important} /* разделительная линия в «Решении»: отступ и бегущий блик */ #allrecords .z-rail{margin-top:32px!important} #allrecords .z-rail .tn-atom{position:relative;overflow:hidden;border-radius:2px} #allrecords .z-rail .tn-atom::after{content:""!important;display:block!important;position:absolute;top:0;left:-30%;width:30%;height:100%; background:linear-gradient(90deg,rgba(0,0,0,0),var(--z-accent-2),rgba(0,0,0,0));animation:z-run 3.2s linear infinite} @keyframes z-run{to{left:100%}} /* плюс в FAQ: ровное центрирование */ #allrecords .z-sign .tn-atom::before,#allrecords .z-sign .tn-atom::after{left:50%;top:50%;margin:0;transform:translate(-50%,-50%);border-radius:1px;background:currentColor} #allrecords .z-sign .tn-atom::before{width:12px;height:1.6px} #allrecords .z-sign .tn-atom::after{width:1.6px;height:12px} #allrecords .z-det.is-open .z-sign .tn-atom::before{background:#FFFFFF} #allrecords .z-det.is-open .z-sign .tn-atom::after{opacity:0} /* на тач-устройствах ховеры не нужны */ @media (hover:none),(pointer:coarse){ #allrecords .z-prow:hover > .tn-molecule,#allrecords .z-case:hover > .tn-molecule,#allrecords .z-abl-r:hover > .tn-molecule{background-color:rgba(0,0,0,0)!important;padding-left:0!important;padding-right:0!important} #allrecords .z-sc:hover > .tn-molecule{border-color:var(--z-line)!important;background-color:#FFFFFF!important;box-shadow:none!important} #allrecords .z-rev:hover > .tn-molecule{border-color:var(--z-line)!important;background-color:#FFFFFF!important} #allrecords .z-g:hover > .tn-molecule{background-color:var(--z-canvas-2)!important} #allrecords .z-g:hover .z-ic .tn-atom{background-color:#FFFFFF!important;border-color:var(--z-line-2)!important} #allrecords .z-g:hover .z-ic .tn-atom::after{background-color:var(--z-accent)!important} #allrecords .z-det:hover > .tn-molecule{background-color:rgba(0,0,0,0)!important} #allrecords .z-det.is-open > .tn-molecule{background-color:#F7F8FA!important} #allrecords .z-case:hover .z-thumb .tn-atom::after{transform:translateY(16%)!important} #allrecords .z-case:hover .z-go .tn-atom{background-color:rgba(0,0,0,0)!important;border-color:var(--z-line)!important} #allrecords .z-case:hover .z-go .tn-atom::after{background-color:#84848D!important;transform:none!important} #allrecords .z-case:hover .z-chip > .tn-molecule{background-color:var(--z-tint)!important} #allrecords .z-sl:hover,#allrecords .z-ml-i:hover{padding-left:0!important;padding-right:0!important} #allrecords .z-plate:hover > .tn-molecule::before,#allrecords .z-geo-band:hover > .tn-molecule::before{opacity:0!important} #allrecords .z-pst:hover .z-pst-line .tn-atom{background:var(--z-line)!important} } /* кольца теперь HTML-элементы внутри Zero Block — старые фоновые версии выключаем */ #allrecords .z-hero > .tn-molecule::after,#allrecords .z-ctablock > .tn-molecule::after{content:none!important;display:none!important} #allrecords .z-gfx-cta-el{z-index:0!important} #allrecords .z-gfx-hero-el .tn-atom,#allrecords .z-gfx-cta-el .tn-atom{background:none!important;overflow:visible!important} /* чипы в героя не крутим — текст должен читаться; вместо этого мягкое появление */ #allrecords .z-gfx-hero .hspin{animation:none!important} #allrecords .z-gfx-hero .hchip{opacity:0;animation:z-hpop .6s var(--z-ease) forwards} #allrecords .z-gfx-hero .hchip:nth-of-type(1){animation-delay:.9s} #allrecords .z-gfx-hero .hchip:nth-of-type(2){animation-delay:1.1s} #allrecords .z-gfx-hero .hchip:nth-of-type(3){animation-delay:1.3s} @keyframes z-hpop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} /* панели в grid не должны распирать контейнер */ #allrecords .z-panel-wrap > .tn-molecule{grid-template-columns:minmax(0,1fr)} #allrecords .z-panel{width:100%!important;max-width:100%;min-width:0} /* таблица запросов: ширины колонок заданы в зеро-блоке */ #allrecords .z-kw,#allrecords .z-kw-r,#allrecords .z-kw-c,#allrecords .z-spark-card,#allrecords .z-panel-seo{min-width:0} /* график SEO: высота не зависит от ширины, карточка его обнимает */ #allrecords .z-spark svg{display:block;width:100%!important;height:clamp(90px,13vw,132px)!important} #allrecords .z-panel-wrap > .tn-molecule{overflow:hidden;border-radius:inherit} /* на узких экранах графику и таблицу поджимаем */ @media(max-width:1199px){#allrecords .z-gfx-hero-el{display:none!important}} @media(max-width:1199px){#allrecords .z-gfx-cta-el{display:none!important}} /* CTA: орбиты справа за кнопками, не заходят на заголовок */ #allrecords .z-ctablock > .tn-molecule{overflow:hidden!important} /* ================= ZIMMER 2.0 - доводка №3 ================= */ :root{--z-plus:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMTIgNS41djEzTTUuNSAxMmgxMyIvPjwvc3ZnPg==")} /* цвет текста таба живёт во вложенном span, а не в .tn-atom */ #allrecords .z-tab .tn-atom,#allrecords .z-tab .tn-atom__button-text{color:var(--z-ink-3)!important;transition:color var(--z-t2) var(--z-ease)} #allrecords .z-tab:hover .tn-atom,#allrecords .z-tab:hover .tn-atom__button-text{color:var(--z-ink)!important} #allrecords .z-tab.is-on .tn-atom,#allrecords .z-tab.is-on .tn-atom__button-text{color:var(--z-ink)!important} /* тень активной вкладки не должна обрезаться */ #allrecords .z-tabs > .tn-molecule{padding:6px!important;overflow:visible!important} #allrecords .z-tab .tn-atom{overflow:visible!important} /* плюс в FAQ — одной иконкой, чтобы линии были одинаковой толщины */ #allrecords .z-sign .tn-atom::before{width:100%;height:100%;left:0;top:0;margin:0;transform:none;border-radius:0;background:currentColor; -webkit-mask:var(--z-plus) center/13px 13px no-repeat;mask:var(--z-plus) center/13px 13px no-repeat} #allrecords .z-sign .tn-atom::after{display:none!important} #allrecords .z-det.is-open .z-sign .tn-atom{transform:rotate(45deg)} #allrecords .z-det.is-open .z-sign .tn-atom::before{background:#FFFFFF} /* страховка: декоративные элементы всегда абсолютные, чтобы не влезали в поток */ #allrecords .z-gfx-hero-el,#allrecords .z-hm-el,#allrecords .z-gfx-cta-el{position:absolute!important;flex:none!important} @media screen and (max-width:640px){#allrecords .z-hm-el{display:none!important}} /* z-html-font */ #allrecords .tn-atom__html,#allrecords .tn-atom__html *{font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif} /* z-dovodka-4 */ /* индикатор таймера — внутри активной кнопки, не за её пределами */ #allrecords .z-tab .tn-atom::after,#allrecords .z-tab.is-timing .tn-atom::after{left:16px!important;right:16px!important;top:auto!important;bottom:6px!important;width:auto!important;height:2px!important;border-radius:2px!important;background:var(--z-accent)!important;transform-origin:left center;transform:scaleX(0)} #allrecords .z-tab .tn-atom::after{opacity:0!important;animation:none!important} #allrecords .z-tab.is-on.is-timing .tn-atom::after{opacity:.9!important;animation:z-tickx 5s linear forwards!important} /* плашки с цифрами в герое — каждая всплывает в своём месте */ #allrecords .z-hm-el,#allrecords .z-hm-el .tn-atom,#allrecords .z-hm-el .tn-atom__html{overflow:visible!important} #allrecords .z-hm{display:block!important;position:relative!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;pointer-events:none} #allrecords .z-hm i{position:absolute;left:0;top:0;background:#FFFFFF;border:1px solid rgba(10,10,11,.09);border-radius:16px;padding:12px 16px;box-shadow:0 12px 34px -12px rgba(10,10,11,.25);white-space:nowrap} #allrecords .z-hm i:nth-of-type(2){left:-300px;top:-352px} #allrecords .z-hm i:nth-of-type(3){left:170px;top:-442px} #allrecords .z-hm i:nth-of-type(4){left:-330px;top:48px} /* 1200–1919: брейкпоинт 1200 в Zero Block */ @media screen and (max-width:1919px){ #allrecords .z-hm i:nth-of-type(2){left:-20px;top:-364px} #allrecords .z-hm i:nth-of-type(3){left:80px;top:-414px} #allrecords .z-hm i:nth-of-type(4){left:-60px;top:46px} } /* z-hm-hide-960 */ @media screen and (max-width:1199px){#allrecords .z-hm,#allrecords .z-hm-el{display:none!important}} /* ═══ страница услуг ═══ */ /* раскладка целиком в зеро-блоке; здесь — только то, чего в нём нет */ :root{--z-arrow-ne:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCAxMkwxMiA0TTEyIDRINU0xMiA0djciLz48L3N2Zz4="); --z-arrow-r:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyA4aDEwTTkgNGw0IDQtNCA0Ii8+PC9zdmc+")} /* стрелка в кружке карточки */ #allrecords .z-sarrow .tn-atom::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--z-ink-3);-webkit-mask:var(--z-arrow-ne) center/13px 13px no-repeat;mask:var(--z-arrow-ne) center/13px 13px no-repeat;transition:background-color var(--z-t1) var(--z-ease)} #allrecords .z-sarrow .tn-atom{position:relative;transition:background-color var(--z-t1) var(--z-ease),border-color var(--z-t1) var(--z-ease)} /* ссылка «Подробнее»: подчёркивание и стрелка */ #allrecords .z-svcmore .tn-atom{position:relative;padding-bottom:5px!important;border-bottom:1px solid var(--z-line);padding-right:20px!important;transition:color var(--z-t1) var(--z-ease),border-color var(--z-t1) var(--z-ease)} #allrecords .z-svcmore .tn-atom::after{content:"";position:absolute;right:0;top:50%;margin-top:-8px;width:14px;height:14px;background-color:currentColor;-webkit-mask:var(--z-arrow-r) center/14px 14px no-repeat;mask:var(--z-arrow-r) center/14px 14px no-repeat} /* карточка тянется по высоте ряда, нижние метки прижаты книзу */ #allrecords .z-scard > .tn-molecule{height:100%!important} #allrecords .z-scard .z-sline{margin-top:auto!important} /* текст в одну строку: ширина элемента считается по содержимому */ #allrecords .z-toct .tn-atom,#allrecords .z-tocn .tn-atom,#allrecords .z-crumb .tn-atom,#allrecords .z-crumb-sep .tn-atom,#allrecords .z-crumb-cur .tn-atom,#allrecords .z-svcmore .tn-atom,#allrecords .z-svctxt .tn-atom,#allrecords .z-smtag .tn-atom{white-space:nowrap!important} /* чипы оглавления услуг не переносим: группа hug считает ширину по min-content, перенос ломает таблетки */ /* подборщик: линия строки — в зеро-блоке; здесь ховер и стрелка */ #allrecords .z-pick-l .tn-atom{position:relative;padding-right:22px!important;white-space:nowrap!important} #allrecords .z-pick-l .tn-atom::after{content:"";position:absolute;right:0;top:50%;margin-top:-7px;width:14px;height:14px;background-color:currentColor;-webkit-mask:var(--z-arrow-r) center/14px 14px no-repeat;mask:var(--z-arrow-r) center/14px 14px no-repeat;transition:transform var(--z-t1) var(--z-ease)} @media screen and (max-width:960px){#allrecords .z-pick-l .tn-atom{white-space:normal!important}} /* ховеры */ #allrecords .z-toci{transition:background-color var(--z-t1) var(--z-ease)} #allrecords .z-crumb .tn-atom{transition:color var(--z-t1) var(--z-ease)} @media (hover:hover){ #allrecords .z-scard:hover > .tn-molecule{border-color:rgba(75,71,255,.35)!important;box-shadow:0 18px 40px -24px rgba(10,10,11,.28)!important} #allrecords .z-scard:hover .z-sarrow .tn-atom{background-color:var(--z-accent)!important;border-color:var(--z-accent)!important} #allrecords .z-scard:hover .z-sarrow .tn-atom::before{background-color:#FFFFFF} #allrecords .z-svcmore:hover .tn-atom{color:var(--z-accent)!important;border-color:var(--z-accent)!important} #allrecords .z-toci:hover > .tn-molecule{background-color:var(--z-tint)!important} #allrecords .z-crumb:hover .tn-atom{color:var(--z-accent)!important} #allrecords .z-pick-r:hover .z-pick-l .tn-atom::after{transform:translateX(3px)} } /* иконки в метках */ :root{--z-ic-graph:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCA0djE2aDE2Ii8+PHBhdGggZD0iTTggMTVsMy41LTQgMyAyLjVMMjAgNyIvPjwvc3ZnPg=="); --z-ic-clock:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgOHY1bDMgMiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiLz48L3N2Zz4=")} #allrecords .z-ic-graph .tn-atom::after{-webkit-mask-image:var(--z-ic-graph)!important;mask-image:var(--z-ic-graph)!important} #allrecords .z-ic-clock .tn-atom::after{-webkit-mask-image:var(--z-ic-clock)!important;mask-image:var(--z-ic-clock)!important} /* ═══ страница «Сайты на Tilda» ═══ */ /* полоса метрик в хиро — раскладка в зеро-блоке, тут только перенос строк */ #allrecords .z-pgm-v .tn-atom,#allrecords .z-pgm-k .tn-atom{white-space:normal!important} /* активные узлы на тёмной плите «Подход» */ #allrecords .z-node-on > .tn-molecule{border-color:rgba(124,121,255,.6)!important;box-shadow:0 0 0 3px rgba(124,121,255,.10)!important} /* «Что входит» — карточки; фон, радиус и отступы заданы в зеро-блоке */ #allrecords .z-incl > .tn-molecule{align-items:stretch!important} #allrecords .z-inc > .tn-molecule{height:100%!important;transition:background-color .32s cubic-bezier(.22,1,.36,1)!important} #allrecords .z-inc-n .tn-atom{white-space:nowrap!important} @media (hover:hover){#allrecords .z-inc:hover > .tn-molecule{background-color:#F0F0FF!important}} /* вынос под сметой */ #allrecords .z-callout{width:100%!important;max-width:none!important;flex:0 0 auto!important;margin-top:32px!important;box-sizing:border-box!important} #allrecords .z-callout .tn-atom{white-space:normal!important} #allrecords .z-pcallout-t .tn-atom a,#allrecords .z-callout .tn-atom a{color:#4B47FF!important;font-weight:700!important;border-bottom:1px solid rgba(75,71,255,.3)} @media screen and (max-width:639px){#allrecords .z-callout{margin-top:24px!important}} /* этапы: срок в две строки; раскладка — в зеро-блоке */ #allrecords .z-stp-l .tn-atom{color:#84848D!important;white-space:normal!important} #allrecords .z-stp-l .tn-atom b{display:block;font-family:var(--t-headline-font,Arial);font-weight:600; font-size:17px;letter-spacing:-.02em;color:#0A0A0B;margin-bottom:2px} /* смежные услуги: надзаголовок капсом, как в макете */ #allrecords .z-rel-k .tn-atom{text-transform:uppercase} #allrecords .z-stp-t .tn-atom,#allrecords .z-stp-d .tn-atom{white-space:normal!important} @media (hover:hover){#allrecords .z-stp:hover > .tn-molecule{background-color:#F7F8FA!important}} /* сравнение форматов — раскладка в зеро-блоке; тут только текст и ховер */ #allrecords .z-cmpsec .tn-atom{white-space:normal!important;text-align:left!important} #allrecords .z-cmpsec .tn-atom b{color:#4B47FF!important;font-weight:700!important} #allrecords .z-cmpsec .tn-atom a{color:#0A0A0B!important;font-weight:700!important;border-bottom:1px solid rgba(10,10,11,.12)} @media (hover:hover){#allrecords .z-cmp-r:not(.z-cmp-h):hover > .tn-molecule{background-color:#F7F8FA!important}} #allrecords .z-cmphint .tn-atom{position:relative;padding-left:22px!important} #allrecords .z-cmphint .tn-atom::before{content:"↔";position:absolute;left:0;top:0} /* что не входит: плашки доплат */ #allrecords .z-payl > .tn-molecule{align-items:stretch!important} #allrecords .z-pay-i > .tn-molecule{height:100%!important;justify-content:center!important;transition:background-color .32s cubic-bezier(.22,1,.36,1)!important} #allrecords .z-pay-t .tn-atom{position:relative;padding-left:25px!important;white-space:normal!important} #allrecords .z-pay-t .tn-atom::before{content:"";position:absolute;left:0;top:10px;width:13px;height:1.5px;background:currentColor;opacity:.45} @media (hover:hover){#allrecords .z-pay-i:hover > .tn-molecule{background-color:#F0F0FF!important}} /* тёмная плита «Где у платформы потолок» */ #allrecords .z-limit > .tn-molecule{position:relative;overflow:hidden!important} #allrecords .z-limit > .tn-molecule::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='nl'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23nl)' opacity='.15'/%3E%3C/svg%3E")} #allrecords .z-limit > .tn-molecule > *{position:relative;z-index:1} #allrecords .z-limit-head > .tn-molecule{align-items:flex-end!important;padding-bottom:32px!important;border-bottom:1px solid rgba(255,255,255,.10)!important} #allrecords .z-limit-note .tn-atom{text-align:right!important} #allrecords .z-lim-t .tn-atom{position:relative;padding-left:25px!important;white-space:normal!important} #allrecords .z-lim-t .tn-atom::before{content:"";position:absolute;left:0;top:10px;width:13px;height:1.5px;background:#B3B1FF} #allrecords .z-lim-p .tn-atom{padding-left:25px!important} #allrecords .z-fixnote > .tn-molecule{padding-top:32px!important;border-top:1px solid rgba(255,255,255,.10)!important} #allrecords .z-fix-p .tn-atom{position:relative;padding-left:50px!important;min-height:34px} #allrecords .z-fix-p .tn-atom::before{content:"";position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:rgba(124,121,255,.18)} #allrecords .z-fix-p .tn-atom::after{content:"";position:absolute;left:9px;top:9px;width:16px;height:16px;background-color:#B3B1FF;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 9.5l4 4L15 5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 9.5l4 4L15 5'/%3E%3C/svg%3E") center/contain no-repeat} @media screen and (max-width:959px){ #allrecords .z-limit-note .tn-atom{text-align:left!important} #allrecords .z-limit-head > .tn-molecule{align-items:flex-start!important;padding-bottom:24px!important} #allrecords .z-fixnote > .tn-molecule{padding-top:24px!important} } @media screen and (max-width:639px){ #allrecords .z-fix-p .tn-atom{padding-left:0!important;padding-top:44px!important;min-height:0} } /* смежные услуги — карточка и ховер как у форматов */ #allrecords .z-relc{background:transparent!important;border:none!important} #allrecords .z-relc > .tn-molecule{height:100%!important;background-color:#FFFFFF!important;border:1px solid rgba(10,10,11,.09)!important;border-radius:24px!important; transition:border-color .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1)!important} @media (hover:hover){#allrecords .z-relc:hover > .tn-molecule{border-color:rgba(75,71,255,.35)!important;box-shadow:0 18px 40px -24px rgba(10,10,11,.28)!important}} /* ═══ фикс адаптива: box-sizing и переносы ═══ */ #allrecords .z-inc, #allrecords .z-incl, #allrecords .z-relc{box-sizing:border-box!important} #allrecords .z-cfoot-b, #allrecords .z-faq-b, #allrecords .z-pnote-b{width:auto!important;flex:0 0 auto!important} #allrecords .z-pnote-t{min-width:0!important} #allrecords .z-smeta > .tn-molecule{flex-wrap:wrap!important} @media screen and (max-width:639px){ #allrecords .z-hero-act > .tn-molecule{flex-wrap:wrap!important;row-gap:12px!important} } @media screen and (min-width:960px) and (max-width:1199px){ #allrecords .z-relc{flex:1 1 0!important;min-width:0!important} } /* отступ тёмной плиты «Где у платформы потолок» */ #allrecords .z-limit{margin-top:32px!important} @media screen and (max-width:639px){#allrecords .z-limit{margin-top:24px!important}} /* тарифы поддержки: бейдж на верхней границе карточки */ #allrecords .z-g.z-pk-best > .tn-molecule{position:relative;overflow:visible!important} #allrecords .z-pkbadge{position:absolute!important;top:-13px!important;left:32px!important;z-index:6!important} #allrecords .z-pk-f .tn-atom{border-top:1px solid rgba(10,10,11,.08)!important;padding-top:16px!important} @media (max-width:639px){#allrecords .z-pkbadge{left:20px!important}} /* ─── сверка с макетами 16.09 ─── */ /* этапы: строка подсвечивается и втягивается */ #allrecords .z-stp > .tn-molecule{transition:background-color .32s var(--z-ease),padding .32s var(--z-ease),border-radius .32s var(--z-ease)!important} @media (hover:hover){#allrecords .z-stp:hover > .tn-molecule{background-color:#F7F8FA!important;padding-left:24px!important;padding-right:24px!important;border-radius:16px!important}} /* сравнение: колонка текущего формата */ #allrecords .z-cmp-now .tn-atom{color:#4B47FF!important;font-weight:700!important} /* тёмная плита «потолок»: аура и свечение за курсором */ #allrecords .z-limit > .tn-molecule{background-image:radial-gradient(660px circle at 86% -18%,rgba(75,71,255,.40),rgba(45,43,153,.12) 46%,transparent 72%)} #allrecords .z-limit > .tn-molecule::before{content:""!important;display:block!important;position:absolute;inset:0;pointer-events:none;opacity:0;z-index:0;border-radius:inherit;transition:opacity .5s var(--z-ease);background:radial-gradient(520px circle at var(--z-mx,50%) var(--z-my,50%),rgba(124,121,255,.16),transparent 62%)} #allrecords .z-limit:hover > .tn-molecule::before{opacity:1} /* кнопки, собранные группами: ховеры (у групп нет полей ховера) */ #allrecords .z-pkbtn > .tn-molecule,#allrecords .z-cbtn > .tn-molecule{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important} @media (hover:hover){ #allrecords .z-pkbtn:hover > .tn-molecule{background-color:#F4F4F6!important;border-color:rgba(10,10,11,.24)!important} #allrecords .z-pk-best .z-pkbtn:hover > .tn-molecule{background-color:#3F3BF5!important;border-color:transparent!important} #allrecords .z-cbtn:hover > .tn-molecule{background-color:#3F3BF5!important} } /* тарифы поддержки: ховер карточки и кольцо у рекомендованной */ #allrecords .z-anch-packs .z-g > .tn-molecule{transition:background-color .32s var(--z-ease),border-color .32s var(--z-ease),box-shadow .32s var(--z-ease)!important} @media (hover:hover){#allrecords .z-anch-packs .z-g:not(.z-pk-best):hover > .tn-molecule{border-color:rgba(75,71,255,.45)!important;background-color:#FCFCFF!important;box-shadow:0 0 0 3px rgba(75,71,255,.07)}} #allrecords .z-g.z-pk-best > .tn-molecule{box-shadow:0 0 0 3px rgba(75,71,255,.09)} /* лендинг: карточки границ вилки */ #allrecords .z-rng-top > .tn-molecule{box-shadow:0 0 0 3px rgba(75,71,255,.07)} #allrecords .z-anch-price .z-g > .tn-molecule{transition:background-color .32s var(--z-ease),border-color .32s var(--z-ease)!important} @media (hover:hover){#allrecords .z-anch-price .z-g:not(.z-rng-top):hover > .tn-molecule{border-color:rgba(75,71,255,.45)!important;background-color:#FCFCFF!important}} /* о студии: карточки команды и стека */ #allrecords .z-tm > .tn-molecule{transition:border-color .32s var(--z-ease),box-shadow .32s var(--z-ease)!important} #allrecords .z-st-c > .tn-molecule{transition:border-color .32s var(--z-ease),background-color .32s var(--z-ease)!important} @media (hover:hover){ #allrecords .z-tm:hover > .tn-molecule{border-color:rgba(75,71,255,.40)!important;box-shadow:0 0 0 3px rgba(75,71,255,.06)} #allrecords .z-tm.z-tm-ai:hover > .tn-molecule{border-color:rgba(124,121,255,.45)!important;box-shadow:0 0 0 3px rgba(124,121,255,.10)} #allrecords .z-st-c:hover > .tn-molecule{background-color:#FCFCFF!important;border-color:rgba(75,71,255,.40)!important} } /* HTML-элементы с генераторами и приложениями внутри Zero Block: не шире колонки */ #allrecords .z-gen,#allrecords .z-synth{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important} #allrecords .z-gen > .tn-atom,#allrecords .z-synth > .tn-atom{display:block!important;width:100%!important;max-width:100%!important} /* Демо модулей (каталог #shx, калькулятор .mtg-calc): ровно по колонке сайта 880 / 1120 / 1640 */ @media screen and (min-width:960px){#allrecords #shx,#allrecords .mtg-calc{max-width:880px;margin-left:auto;margin-right:auto;padding-left:0!important;padding-right:0!important;box-sizing:border-box}} @media screen and (min-width:1200px){#allrecords #shx,#allrecords .mtg-calc{max-width:1120px}} @media screen and (min-width:1920px){#allrecords #shx,#allrecords .mtg-calc{max-width:1640px}} @media screen and (min-width:640px) and (max-width:959px){#allrecords #shx{padding-left:24px!important;padding-right:24px!important}#allrecords .mtg-calc{padding-left:4px;padding-right:4px;box-sizing:border-box}} /* Тарифы модулей: акцентная аренда (z-tar-best), тёмная связка (z-tar-dark), бейдж на границе карточки (z-tbadge) */ #allrecords .z-tar-best > .tn-molecule,#allrecords .z-tar-dark > .tn-molecule{position:relative;overflow:visible!important} #allrecords .z-tar-best > .tn-molecule{box-shadow:0 0 0 3px rgba(75,71,255,.09)} #allrecords .z-tar-best .z-sarrow .tn-atom{background-color:var(--z-accent)!important;border-color:var(--z-accent)!important} #allrecords .z-tar-best .z-sarrow .tn-atom::before,#allrecords .z-tar-dark .z-sarrow .tn-atom::before{background-color:#FFFFFF} #allrecords .z-tar-dark .z-sarrow .tn-atom{border-color:rgba(255,255,255,.24)!important} #allrecords .z-tbadge{position:absolute!important;top:-13px!important;left:24px!important;z-index:6!important;width:max-content!important;height:auto!important} #allrecords .z-tbadge-t,#allrecords .z-tbadge-t .tn-atom{white-space:nowrap!important;width:auto!important} @media (max-width:639px){#allrecords .z-tbadge{left:20px!important}} @media (hover:hover){ #allrecords .z-scard.z-tar-best:hover > .tn-molecule{box-shadow:0 0 0 3px rgba(75,71,255,.14),0 18px 40px -24px rgba(10,10,11,.28)!important} #allrecords .z-scard.z-tar-dark:hover > .tn-molecule{border-color:rgba(124,121,255,.6)!important;box-shadow:0 18px 40px -24px rgba(10,10,11,.5)!important} #allrecords .z-scard.z-tar-dark:hover .z-sarrow .tn-atom{background-color:var(--z-accent)!important;border-color:var(--z-accent)!important} } /* Кейсы: скрины в рамке браузера (.z-cframe > .z-cbar + .z-cshot) и в телефоне (.z-cphone > .z-cshot-m) */ #allrecords .z-cshot,#allrecords .z-cshot > .tn-molecule{aspect-ratio:1440/900;height:auto!important} #allrecords .z-cshot-m,#allrecords .z-cshot-m > .tn-molecule{aspect-ratio:390/844;height:auto!important} #allrecords .z-cshot > .tn-molecule,#allrecords .z-cshot-m > .tn-molecule{background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;background-color:#F3F4F6} #allrecords .z-cframe > .tn-molecule,#allrecords .z-cshot-m > .tn-molecule{overflow:hidden!important} #allrecords .z-cframe > .tn-molecule{box-shadow:0 30px 60px -40px rgba(10,10,11,.35)} #allrecords .z-cphone > .tn-molecule{box-shadow:0 30px 60px -30px rgba(10,10,11,.45)} #allrecords .z-cdot{flex:none!important} #allrecords .z-curl{margin-left:10px!important} #allrecords .z-curl .tn-atom{font-size:13px!important;line-height:1!important;color:#84848D!important;white-space:nowrap!important} #allrecords .z-gal > .tn-molecule{background:transparent!important;border:0!important;box-shadow:none!important} @media screen and (max-width:639px){#allrecords .z-cbar > .tn-molecule{padding:10px 12px!important}#allrecords .z-cdot,#allrecords .z-cdot .tn-atom{width:8px!important;height:8px!important}} /* Кейсы: в превью карточек вместо нарисованного мини-браузера — реальный скрин сайта */ #allrecords .z-shot-amurcom .tn-atom::after{background:#F3F4F6 url(https://files.zimmer.su/keysy/amurcom-thumb.webp) center top/cover no-repeat!important} #allrecords .z-shot-gibatulin .tn-atom::after{background:#F3F4F6 url(https://files.zimmer.su/keysy/gibatulin-thumb.webp) center top/cover no-repeat!important} #allrecords .z-shot-asbris .tn-atom::after{background:#F3F4F6 url(https://files.zimmer.su/keysy/asbris-thumb.webp) center top/cover no-repeat!important} #allrecords .z-shot-prazdnik .tn-atom::after{background:#F3F4F6 url(https://files.zimmer.su/keysy/prazdnik-thumb.webp) center top/cover no-repeat!important} #allrecords .z-shot-prokat .tn-atom::after{background:#F3F4F6 url(https://files.zimmer.su/keysy/prokat-thumb.webp) center top/cover no-repeat!important} #allrecords .z-shot-cryptopnl .tn-atom::after{background:#F3F4F6 url(https://files.zimmer.su/keysy/cryptopnl-thumb.webp) center top/cover no-repeat!important} #allrecords .z-shot-metka .tn-atom::after{background:#F3F4F6 url(https://files.zimmer.su/keysy/metka-thumb.webp) center top/cover no-repeat!important} #allrecords .z-shot-amstaff .tn-atom::after{background:#F3F4F6 url(https://files.zimmer.su/keysy/amstaff-thumb.webp) center top/cover no-repeat!important} #allrecords .z-shot-rottor .tn-atom::after{background:#F3F4F6 url(https://files.zimmer.su/keysy/rottor-thumb.webp) center top/cover no-repeat!important} #allrecords .z-shot-teplo .tn-atom::after{background:#F3F4F6 url(https://files.zimmer.su/keysy/teplo-thumb.webp) center top/cover no-repeat!important} #allrecords .z-shot-print .tn-atom::after{background:#F3F4F6 url(https://files.zimmer.su/keysy/print-thumb.webp) center top/cover no-repeat!important} /* === 27.09 (2): услуги вкладками === */ /* панели лежат стопкой в одной ячейке грида: высота блока = самая высокая панель, ничего не прыгает и не обрезается */ #allrecords .z-svt-panels > .tn-molecule{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:stretch} #allrecords .z-svt-panel{display:block!important;grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .35s var(--z-ease),transform .4s var(--z-ease),visibility .35s} #allrecords .z-svt-panel.is-on{opacity:1;visibility:visible;pointer-events:auto;transform:none} #allrecords .z-svt-panel > .tn-molecule{height:100%} #allrecords .z-svt-panel .z-svt-f{margin-top:auto!important} #allrecords .z-svt-tab{cursor:pointer;-webkit-tap-highlight-color:transparent} #allrecords .z-svt-tab > .tn-molecule{transition:background-color var(--z-t2) var(--z-ease)!important} #allrecords .z-svt-tab .tn-atom{white-space:nowrap!important;transition:color var(--z-t2) var(--z-ease)!important} #allrecords .z-svt-tab .z-svt-tn .tn-atom{color:var(--z-ink-3)!important} #allrecords .z-svt-tab:hover .z-svt-tn .tn-atom{color:var(--z-ink)!important} #allrecords .z-svt-tab.is-on > .tn-molecule{background-color:var(--z-tint)!important} #allrecords .z-svt-tab.is-on .z-svt-tn .tn-atom{color:var(--z-ink)!important;font-weight:600} #allrecords .z-svt-tab.is-on .z-svt-i .tn-atom{color:var(--z-accent)!important} #allrecords .z-svt-nav,#allrecords .z-svt-nav > .tn-molecule{scrollbar-width:none} #allrecords .z-svt-nav::-webkit-scrollbar,#allrecords .z-svt-nav > .tn-molecule::-webkit-scrollbar{display:none} #allrecords .z-svt-row,#allrecords .z-svt-panels,#allrecords .z-svt-panel{min-width:0} #allrecords .z-svt-term .tn-atom{color:var(--z-ink-3)!important} #allrecords .z-svt-price .tn-atom{color:var(--z-ink)!important;font-weight:600;text-align:right} @media(min-width:960px){#allrecords .z-svt-price{min-width:170px}} #allrecords .z-svt-more .tn-atom,#allrecords .z-svt-all .tn-atom{color:var(--z-accent)!important;transition:opacity var(--z-t1) var(--z-ease)} #allrecords .z-svt-more:hover .tn-atom,#allrecords .z-svt-all:hover .tn-atom{opacity:.75} /* «Проблема»: ховер без сдвига вёрстки — подсветка псевдоэлементом за строкой */ #allrecords .z-prow:hover > .tn-molecule,#allrecords .z-prow > .tn-molecule{background-color:transparent!important;padding-left:0!important;padding-right:0!important;border-radius:0!important} #allrecords .z-prow > .tn-molecule{position:relative;isolation:isolate;overflow:visible!important} #allrecords .z-prow > .tn-molecule::before{content:""!important;display:block!important;position:absolute;top:-1px;bottom:0;left:-24px;right:-24px;border-radius:16px;background:var(--z-tint);opacity:0;z-index:-1;pointer-events:none;transition:opacity var(--z-t2) var(--z-ease)} @media(hover:hover) and (min-width:960px){#allrecords .z-prow:hover > .tn-molecule::before{opacity:1}} /* CTA: орбиты в свободной середине плиты, под текстом и кнопками */ @media(min-width:1920px){#allrecords .z-gfx-cta-el{left:57.7%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:0!important}} @media(max-width:1919px){#allrecords .z-gfx-cta-el{display:none!important}} #allrecords .z-ctablock .z-cta-sw{position:relative;z-index:1} /* превью кейсов на мобиле — картинка выше */ @media(max-width:959px){#allrecords .z-thumb .tn-atom::after{height:84%!important;transform:translateY(8%)!important}#allrecords .z-case:hover .z-thumb .tn-atom::after{transform:translateY(8%)!important}} /* услуги: строки-ссылки и ссылки «О разработке →», «Все цены →» — ховер со сдвигом, как в «Модификациях» */ #allrecords .z-svt-row .tn-atom{transition:color .2s var(--z-ease),transform .3s var(--z-ease)!important} #allrecords .z-svt-row .z-sl-t .tn-atom{display:inline-block} #allrecords .z-svt-more .tn-atom,#allrecords .z-svt-all .tn-atom{display:inline-block;transition:transform .3s var(--z-ease),color .2s var(--z-ease)!important} @media(hover:hover) and (min-width:960px){ #allrecords .z-svt-row:hover .z-sl-t .tn-atom{transform:translateX(12px)} #allrecords .z-svt-row:hover .tn-atom{color:var(--z-accent)!important} #allrecords .z-svt-more:hover .tn-atom,#allrecords .z-svt-all:hover .tn-atom{transform:translateX(6px);opacity:1!important;color:var(--z-accent-deep)!important} } /* этапы: метка «ЭТАП 01» и срок справа — по базовой линии первой строки заголовка */ @media(min-width:960px){#allrecords .z-stp-n .tn-atom{padding-top:7px!important}#allrecords .z-stp-l .tn-atom{padding-top:5px!important}} /* «С чего начать» (/uslugi): подсветка строки псевдоэлементом, без сдвига паддингов — анимация плавная, стрелка не наезжает на текст */ #allrecords .z-pick-r > .tn-molecule{position:relative;isolation:isolate;overflow:visible!important;border-radius:0!important} #allrecords .z-pick-r > .tn-molecule::before{content:""!important;display:block!important;position:absolute;top:0;bottom:0;left:-24px;right:-24px;border-radius:16px;background:var(--z-tint);opacity:0;z-index:-1;pointer-events:none;transition:opacity .3s var(--z-ease)} @media(hover:hover) and (min-width:960px){#allrecords .z-pick-r:hover > .tn-molecule::before{opacity:1}} #allrecords .z-pick-l .tn-atom::after{transition:transform .3s var(--z-ease)!important} /* подложки превью кейсов: у каждого кейса свой цвет из четырёх, соседние в списках не совпадают */ #allrecords .z-thumb.z-shot-gibatulin .tn-atom{background:var(--z-grad)!important} #allrecords .z-thumb.z-shot-amurcom .tn-atom{background:linear-gradient(150deg,#EDECFF,#CBC9FF)!important} #allrecords .z-thumb.z-shot-asbris .tn-atom{background:linear-gradient(150deg,#17171A,#2D2B99)!important} #allrecords .z-thumb.z-shot-prazdnik .tn-atom{background:linear-gradient(150deg,#F4F5F7,#E2E4EA)!important} #allrecords .z-thumb.z-shot-prokat .tn-atom{background:var(--z-grad)!important} #allrecords .z-thumb.z-shot-metka .tn-atom{background:linear-gradient(150deg,#F4F5F7,#E2E4EA)!important} #allrecords .z-thumb.z-shot-amstaff .tn-atom{background:linear-gradient(150deg,#EDECFF,#CBC9FF)!important} #allrecords .z-thumb.z-shot-rottor .tn-atom{background:linear-gradient(150deg,#17171A,#2D2B99)!important} #allrecords .z-thumb.z-shot-teplo .tn-atom{background:var(--z-grad)!important} #allrecords .z-thumb.z-shot-print .tn-atom{background:linear-gradient(150deg,#EDECFF,#CBC9FF)!important} #allrecords .z-thumb.z-shot-cryptopnl .tn-atom{background:linear-gradient(150deg,#17171A,#2D2B99)!important} #allrecords .z-thumb.z-shot-vmeste .tn-atom{background:linear-gradient(150deg,#F4F5F7,#E2E4EA)!important} /* выносы — тёмная плашка (вариант C, 27.09): свечение в углу, светящаяся точка вместо полосы; одинаково для z-callout (текст) и z-pcallout (группа) */ #allrecords .z-callout,#allrecords .z-pcallout > .tn-molecule{position:relative!important;overflow:hidden!important;background:#0A0A0B!important;border:0!important;border-left:0!important;box-shadow:none!important;border-radius:24px!important;padding:32px 40px 32px 68px!important} #allrecords .z-callout::after,#allrecords .z-pcallout > .tn-molecule::after{content:""!important;display:block!important;position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(124,121,255,.35),transparent 65%);pointer-events:none;z-index:0} #allrecords .z-callout::before,#allrecords .z-pcallout > .tn-molecule::before{content:""!important;display:block!important;position:absolute;left:40px;top:40px;width:10px;height:10px;border-radius:50%;background:#B3B1FF;box-shadow:0 0 0 6px rgba(179,177,255,.15);z-index:1} #allrecords .z-callout .tn-atom,#allrecords .z-pcallout-t .tn-atom{position:relative;z-index:1;color:rgba(255,255,255,.72)!important} #allrecords .z-callout .tn-atom b,#allrecords .z-callout .tn-atom strong,#allrecords .z-pcallout-t .tn-atom b,#allrecords .z-pcallout-t .tn-atom strong{color:#FFFFFF!important} #allrecords .z-pcallout-t .tn-atom a,#allrecords .z-callout .tn-atom a{color:#B3B1FF!important;border-bottom-color:rgba(179,177,255,.4)!important} @media screen and (max-width:639px){#allrecords .z-callout,#allrecords .z-pcallout > .tn-molecule{padding:24px 24px 24px 48px!important}#allrecords .z-callout::before,#allrecords .z-pcallout > .tn-molecule::before{left:24px;top:32px}} /* === Потоки: карточки кейсов (z-posts) === */ #allrecords .fdata{display:none!important} #allrecords .z-fe-empty{display:none!important} #allrecords .z-posts > .tn-molecule > .z-case{border-top:1px solid rgba(10,10,11,.09)} #allrecords .z-posts > .tn-molecule > .z-case:last-child{border-bottom:1px solid rgba(10,10,11,.09)} #allrecords .z-chip-t .tn-atom{white-space:nowrap!important;transition:background-color .25s var(--z-ease)!important} #allrecords .z-case:hover .z-chip-t .tn-atom{background-color:#FFFFFF!important} @media (hover:none),(pointer:coarse){#allrecords .z-case:hover .z-chip-t .tn-atom{background-color:#EFEEFF!important}} #allrecords .z-res2 > .tn-molecule{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:24px!important;row-gap:5px!important;align-items:start!important} #allrecords .z-res2 > .tn-molecule > .tn-elem{width:auto!important;max-width:none!important;min-width:0!important;flex:none!important} @media(max-width:639px){#allrecords .z-res2 > .tn-molecule{column-gap:16px!important}} #allrecords .z-thumb.z-tone-grad .tn-atom{background:var(--z-grad)!important} #allrecords .z-thumb.z-tone-violet .tn-atom{background:linear-gradient(150deg,#EDECFF,#CBC9FF)!important} #allrecords .z-thumb.z-tone-dark .tn-atom{background:linear-gradient(150deg,#17171A,#2D2B99)!important} #allrecords .z-thumb.z-tone-grey .tn-atom{background:linear-gradient(150deg,#F4F5F7,#E2E4EA)!important} #allrecords .z-thumb.z-has-shot .tn-atom::after{background:#F3F4F6 var(--z-shot) center top/cover no-repeat!important} /* ── поп-ап заявки: настоящая форма (27.09) ── */ #allrecords .t-rec:has(.z-mdl-wrap){z-index:9990!important} #allrecords .t-rec:has(.z-mdl-wrap) .t396__artboard,#allrecords .t-rec:has(.z-mdl-wrap) .t396__carrier,#allrecords .t-rec:has(.z-mdl-wrap) .t396__filter{background:transparent!important} #allrecords .z-mdl-realform{width:auto!important;align-self:stretch!important} #allrecords .z-mdl-realform .t-input-title{text-transform:uppercase;letter-spacing:.06em;line-height:1.4} #allrecords .z-mdl-realform .t-input{transition:border-color var(--z-t1) var(--z-ease),box-shadow var(--z-t1) var(--z-ease)} #allrecords .z-mdl-realform .t-input:hover{border-color:var(--z-accent-3)!important} #allrecords .z-mdl-realform .t-input:focus{border-color:var(--z-accent)!important;box-shadow:0 0 0 3px rgba(75,71,255,.12);outline:none} #allrecords .z-mdl-realform .t-input::placeholder{color:#B6B6BE;opacity:1} #allrecords .z-mdl-realform textarea.t-input{padding-top:14px;resize:none} #allrecords .z-mdl-realform .t-submit{width:100%!important;box-shadow:0 8px 24px rgba(75,71,255,.24);transition:background-color var(--z-t1) var(--z-ease),box-shadow var(--z-t2) var(--z-ease),transform var(--z-t1) var(--z-ease)} #allrecords .z-mdl-realform .t-submit:hover{box-shadow:0 10px 26px rgba(75,71,255,.34)} #allrecords .z-mdl-realform .t-submit:active{transform:scale(.985)} #allrecords .z-mdl-realform .t-checkbox__labeltext{line-height:1.45} #allrecords .z-mdl-realform .t-checkbox__labeltext a{color:var(--z-ink)!important;border-bottom:1px solid var(--z-line);text-decoration:none} #allrecords .z-mdl-realform .t-checkbox__indicator{border-radius:6px} #allrecords .z-mdl-realform .t-input-error,#allrecords .z-mdl-realform .t-form__errorbox-text{font-size:12px} #allrecords .z-mdl-form.is-sent > .tn-molecule > *:not(.z-mdl-close):not(.z-mdl-ok){display:none!important} #allrecords .z-mdl-form.is-sent > .tn-molecule{justify-content:center!important;min-height:420px} #allrecords .z-mdl-ok .tn-atom a{color:var(--z-accent)!important} @media (max-width:639px){ #allrecords .t-rec:has(.z-mdl-wrap){padding:12px} #allrecords .t-rec:has(.z-mdl-wrap) > .t396{width:100%;min-width:0} #allrecords .t-rec:has(.z-mdl-wrap) .t396__artboard{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important} #allrecords .z-mdl-wrap,#allrecords .z-mdl-wrap > .tn-molecule,#allrecords .z-mdl-box,#allrecords .z-mdl-box > .tn-molecule,#allrecords .z-mdl-form,#allrecords .z-mdl-form > .tn-molecule{width:100%!important;max-width:100%!important;box-sizing:border-box} #allrecords .z-mdl-wrap > .tn-molecule{padding:0!important} #allrecords .z-mdl-box > .tn-molecule{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;border-radius:20px} #allrecords .z-mdl-alt > .tn-molecule{gap:8px!important} #allrecords .z-mdl-alt-b{flex:1 1 0!important;width:auto!important;min-width:0!important} #allrecords .z-mdl-alt-b .tn-atom{padding-left:8px!important;padding-right:8px!important;justify-content:center} } /* ── cookie-баннер T657 в стиле 2.0 (27.09) ── */ #allrecords .t657{left:16px!important;right:auto!important;bottom:16px!important;width:auto!important;max-width:460px;z-index:9980} #allrecords .t657 .t657__wrapper{background:#FFFFFF!important;border-radius:20px!important;box-shadow:0 20px 60px -16px rgba(10,10,11,.28),inset 0 0 0 1px var(--z-line);padding:16px 16px 16px 20px!important;display:flex!important;align-items:center;gap:16px;text-align:left!important} #allrecords .t657 .t657__text{color:var(--z-ink-2)!important;font-family:var(--t-text-font,Arial)!important;font-size:13px!important;line-height:1.45!important;font-weight:400!important;margin:0!important;padding:0!important;max-width:none!important} #allrecords .t657 .t657__text a{color:var(--z-ink)!important;border-bottom:1px solid var(--z-line);text-decoration:none!important} #allrecords .t657 .t657__btn{background:var(--z-accent)!important;color:#fff!important;border-radius:999px!important;height:40px!important;padding:0 18px!important;margin:0!important;flex:none;border:0!important;transition:background-color var(--z-t1) var(--z-ease)} #allrecords .t657 .t657__btn:hover{background:#3F3BF5!important} #allrecords .t657 .t657__btn .t-btnflex__text{color:#fff!important;text-transform:none!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important} #allrecords .t657 .t657__close-button{display:none!important} @media (max-width:639px){#allrecords .t657{left:12px!important;right:12px!important;bottom:88px!important;max-width:none}#allrecords .t657 .t657__wrapper{padding:14px 14px 14px 16px!important}} /* ── главная: список «Открытый код» на потоке модификаций (28.09) ── */ #allrecords .z-mlposts > .tn-molecule > .z-ml-i{border-top:1px solid rgba(255,255,255,.10)} #allrecords .z-mlposts > .tn-molecule > .z-ml-i:last-child{border-bottom:1px solid rgba(255,255,255,.10)} /* ── модули модификаций под сетку сайта (28.09) ── */ /* генераторы (табы, слайдер, скролл) живут в HTML-элементе внутри z-cont: ширина = контейнер */ #allrecords .tn-atom__html .zg{max-width:none!important;padding-left:0!important;padding-right:0!important} /* конвертер в T123 на всю ширину: повторяем контейнер 1640/1120/880/резина+24/+16 */ #allrecords .t123 .zwc{max-width:1640px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box} @media (max-width:1919px){#allrecords .t123 .zwc{max-width:1120px!important}} @media (max-width:1199px){#allrecords .t123 .zwc{max-width:880px!important}} @media (max-width:959px){#allrecords .t123 .zwc{max-width:none!important;padding-left:24px!important;padding-right:24px!important}} @media (max-width:639px){#allrecords .t123 .zwc{padding-left:16px!important;padding-right:16px!important}} /* ── «Про Еву»: пункты списков (28.09) — отступы держит CSS, чтобы не терялись при правке текста в редакторе ── */ #allrecords .z-ai-l .tn-atom > div{margin-bottom:10px} #allrecords .z-ai-l .tn-atom > div:last-child{margin-bottom:0} #allrecords .z-ai-l .tn-atom > div > span:first-child,#allrecords .z-ai-l .tn-atom > strong,#allrecords .z-ai-l .tn-atom > span:first-child{display:inline-block;margin-right:8px} /* ── запуск 28.09: слои мобильного меню и мега-меню без фона артборда ── */ #allrecords .t-rec:has(.z-mnav) .t396__artboard,#allrecords .t-rec:has(.z-mnav) .t396__carrier,#allrecords .t-rec:has(.z-mnav) .t396__filter, #allrecords .t-rec:has(.z-drop-wrap) .t396__artboard,#allrecords .t-rec:has(.z-drop-wrap) .t396__carrier,#allrecords .t-rec:has(.z-drop-wrap) .t396__filter{background:transparent!important} /* ── правки 28.09 (2): шапка, мега-меню, поп-ап, подвал, «Открытый код», цены ── */ #allrecords #t-header{position:sticky;top:0;z-index:990} #allrecords #t-header .t396__artboard,#allrecords #t-header .t396__carrier,#allrecords #t-header .t396__filter{background:transparent!important} #allrecords .t-rec:has(.z-header-bar) .t396__artboard{overflow:hidden!important;overflow:clip visible!important} #allrecords .z-header-bar .z-cta .tn-atom{box-shadow:0 4px 12px rgba(75,71,255,.22)!important} #allrecords .z-header-bar .z-cta:hover .tn-atom{box-shadow:0 6px 16px rgba(75,71,255,.30)!important} #allrecords .z-nav-uslugi .tn-atom::after,#allrecords .z-dl .tn-atom::after{z-index:2!important;left:auto!important} #allrecords .z-drop-wrap.t396__group,#allrecords .z-drop-wrap.t396__group-flex{pointer-events:none!important} #allrecords .z-drop-wrap.is-open .z-drop{pointer-events:auto} #allrecords .z-drop::before{content:"";position:absolute;left:0;right:0;top:-44px;height:44px} #allrecords .z-drop-h6{margin-bottom:10px!important} #allrecords .z-drop-col > .tn-molecule{gap:4px!important} #allrecords .z-mdl-box > .tn-molecule{overflow:hidden!important;border-radius:32px!important} #allrecords .z-mdl-close{position:absolute!important;top:24px!important;right:24px!important;left:auto!important;bottom:auto!important;margin:0!important;z-index:5} #allrecords .z-mdl-ok > .tn-molecule{gap:14px!important} #allrecords .z-mdl-alt-b .tn-atom{justify-content:center!important} #allrecords .z-mdl-alt-b .tn-atom__button-content{gap:8px!important} #allrecords .z-mdl-alt-b .tn-atom__button-content::before{content:"";display:block;width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--z-mic) center/contain no-repeat;mask:var(--z-mic) center/contain no-repeat} #allrecords .z-mdl-alt-b:has(a[href*="t.me"]){--z-mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 4 3 11.2l6.2 2L11.5 20l3.2-4.1L19 19z'/%3E%3Cpath d='m9.2 13.2 11.6-9'/%3E%3C/svg%3E")} #allrecords .z-mdl-alt-b:has(a[href*="wa.me"]){--z-mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l1.3-4.1A8.2 8.2 0 1 1 8.2 18.8z'/%3E%3Cpath d='M9.3 8.4c.3-.4.7-.5 1.1-.4l.9 2-.8.9c.6 1.2 1.5 2.1 2.7 2.7l.9-.8 2 .9c.1.4-.1.9-.5 1.1-1 .6-2.3.3-3.7-.6a8.4 8.4 0 0 1-2.7-2.8c-.6-1.2-.5-2.4.1-3z' fill='%23000' stroke='none'/%3E%3C/svg%3E")} #allrecords .z-mdl-alt-b:has(a[href^="mailto"]){--z-mic:var(--z-ic-mail)} #allrecords .z-fcol > .tn-molecule{gap:10px!important} #allrecords .z-fh5{margin-bottom:6px!important} #allrecords .z-mlist,#allrecords .z-mlposts{min-width:0!important} #allrecords .z-mlposts .z-ml-i{width:100%!important;max-width:100%!important} #allrecords .z-callout::before,#allrecords .z-pcallout > .tn-molecule::before{top:50%!important;margin-top:-5px!important} #allrecords .z-dg-l{margin-bottom:8px!important} #allrecords .z-dg-h{margin-bottom:12px!important} #allrecords .z-dg-n{margin-top:14px!important} #allrecords .z-dn-l{margin-bottom:6px!important} #allrecords .z-dn-h{margin-bottom:4px!important} #allrecords .z-lim:has(.z-ref-t) .z-lim-p .tn-atom{padding-left:0!important} @media screen and (max-width:639px){#allrecords .z-mdl-box > .tn-molecule{border-radius:24px!important}#allrecords .z-mdl-close{top:16px!important;right:16px!important}} /* ── 28.09: липкая плашка на мобиле — не заезжает под Еву и не вылезает за экран ── */ @media screen and (max-width:639px){ #allrecords .z-sticky-wrap.t396__group,#allrecords .z-sticky-wrap.t396__group-flex{right:88px!important} #allrecords .z-sticky > .tn-molecule{gap:10px!important;padding:10px 8px 10px 16px!important} #allrecords .z-sticky-t{flex:1 1 auto!important;min-width:0!important;width:auto!important} #allrecords .z-sticky-b1{display:block!important;width:100%!important;min-width:0!important} #allrecords .z-sticky-b1 .tn-atom{display:block!important;white-space:normal!important;width:100%!important;font-size:13px!important;line-height:16px!important} #allrecords .z-sticky-b{flex:none!important;width:100px!important;min-width:0!important;height:44px!important} #allrecords .z-sticky-b .tn-atom{width:100%!important;height:44px!important;padding:0 10px!important;font-size:14px!important;white-space:nowrap!important} } /* ── 28.09: кнопки мессенджеров в поп-апе на мобиле — в столбик во всю ширину ── */ @media screen and (max-width:639px){#allrecords .z-mdl-alt{height:auto!important}#allrecords .z-mdl-alt > .tn-molecule{flex-direction:column!important;align-items:stretch!important;gap:8px!important}#allrecords .z-mdl-alt-b{width:100%!important;flex:none!important}#allrecords .z-mdl-alt-b .tn-atom{width:100%!important}} /* ── правки 28.09 (3): мобильная версия по скринам Ксении ── */ /* мобильное меню: прокрутка, круглый значок, выравнивание */ #allrecords .t-rec:has(.z-mnav) .z-mnav.t396__group,#allrecords .t-rec:has(.z-mnav) .z-mnav.t396__group-flex{height:calc(100vh - 74px)!important;height:calc(100dvh - 74px)!important;max-height:calc(100dvh - 74px)!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} #allrecords .z-mnav > .tn-molecule > *,#allrecords .z-macc > .tn-molecule > *,#allrecords .z-macc-body > .tn-molecule > *{flex-shrink:0!important} #allrecords .z-macc-sign,#allrecords .z-macc-sign > .tn-molecule{width:34px!important;height:34px!important} #allrecords .z-macc-sign .tn-molecule{border-radius:50%!important;background:transparent;box-shadow:inset 0 0 0 1px var(--z-line)} #allrecords .z-macc-sign .tn-molecule::before{width:100%!important;height:100%!important;left:0!important;top:0!important;margin:0!important;border-radius:0!important;background:currentColor;-webkit-mask:var(--z-plus) center/13px 13px no-repeat;mask:var(--z-plus) center/13px 13px no-repeat} #allrecords .z-macc-sign .tn-molecule::after{display:none!important} #allrecords .z-macc.is-open .z-macc-sign .tn-molecule{transform:rotate(45deg)!important} #allrecords .z-msub-h6{margin-top:20px!important;margin-bottom:4px!important} #allrecords .z-msub .tn-atom__button-content{padding-left:0!important} /* поп-ап: прокрутка внутри окна, Ева не перекрывает форму */ #allrecords .z-mdl-box > .tn-molecule{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)} body:has(.z-mdl-wrap.is-open) .eva-launcher,body:has(.z-mdl-wrap.is-open) #eva-root{display:none!important} /* липкая плашка: размытие только внутри капсулы */ #allrecords .z-sticky{border-radius:999px!important} @media screen and (max-width:639px){ /* тёмные плашки: точка сверху, кнопка во всю ширину */ #allrecords .z-pcallout > .tn-molecule{padding:60px 24px 24px!important;gap:20px!important} #allrecords .z-callout{padding:60px 24px 24px!important} #allrecords .z-callout::before,#allrecords .z-pcallout > .tn-molecule::before{top:28px!important;left:24px!important;margin-top:0!important} #allrecords .z-cbtn{width:100%!important;align-self:stretch!important} #allrecords .z-cbtn > .tn-molecule{width:100%!important;justify-content:center!important} /* «Рекомендуйте», «Про Еву»: заголовок крупнее и отступ до текста */ #allrecords .z-limit-head > .tn-molecule{gap:14px!important} #allrecords .z-limit-h .tn-atom{font-size:30px!important;line-height:1.05!important;letter-spacing:-0.035em!important} /* таблицы цен (только /ceny, где в шапке ссылка): иерархия строк */ #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-r:not(.z-cmp-h) > .tn-molecule{padding:20px!important;row-gap:6px!important;column-gap:12px!important;align-items:baseline!important} #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-r:not(.z-cmp-h) .z-cmp-i .tn-atom{font-size:17px!important;line-height:1.3!important} #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-r:not(.z-cmp-h) .z-cmp-t{margin-bottom:10px!important} #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-r:not(.z-cmp-h) .z-cmp-t .tn-atom{font-size:14px!important;line-height:1.45!important} #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-r:not(.z-cmp-h) .z-cmp-d{width:auto!important;flex:1 1 auto!important} #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-r:not(.z-cmp-h) .z-cmp-d .tn-atom{font-size:18px!important;font-weight:700!important;letter-spacing:-0.01em} #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-r:not(.z-cmp-h) .z-cmp-l{width:auto!important;flex:none!important} #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-r:not(.z-cmp-h) .z-cmp-l .tn-atom{text-align:right!important;font-size:13px!important;white-space:nowrap} #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-h .z-cmp-i,#allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-h .z-cmp-t,#allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-h .z-cmp-d{display:none!important} #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-h > .tn-molecule{padding:14px 20px!important} #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-h .z-cmp-l{width:100%!important} #allrecords .z-cmp:has(.z-cmp-h .z-cmp-l a) .z-cmp-h .z-cmp-l .tn-atom{text-align:left!important} /* строки услуг на главной: название, под ним цена и срок */ #allrecords .z-svt-row > .tn-molecule{justify-content:flex-start!important;align-items:baseline!important;column-gap:10px!important;row-gap:6px!important;padding:16px 0!important} #allrecords .z-svt-row .z-sl-t{width:100%!important;order:0} #allrecords .z-svt-row .z-svt-price{order:1;width:auto!important} #allrecords .z-svt-row .z-svt-price .tn-atom{font-size:16px!important;font-weight:700!important;color:var(--z-ink)!important} #allrecords .z-svt-row .z-svt-term{order:2;width:auto!important} #allrecords .z-svt-row .z-svt-term .tn-atom{font-size:14px!important} #allrecords .z-svt-f > .tn-molecule{gap:16px!important} /* цифры в хиро и результатах — в две колонки */ #allrecords .z-pgmeta > .tn-molecule{column-gap:16px!important} #allrecords .z-pgmeta .z-pgm{width:calc(50% - 8px)!important;min-width:0!important;flex:none!important} /* карточка кейса: одинокая стрелка не нужна, карточка и так ссылка */ #allrecords .z-case .z-go{display:none!important} /* этапы: срок отделён от описания */ #allrecords .z-stp-l{margin-top:12px!important} } /* ── правки 28.09 (4) ── */ /* бургер превращается в крестик, когда меню открыто */ #allrecords .z-burger > .tn-molecule > .tn-group{transition:transform .3s var(--z-ease),opacity .2s var(--z-ease);transform-origin:50% 50%} #allrecords .z-burger.is-open > .tn-molecule > .tn-group:nth-child(1){transform:translateY(6px) rotate(45deg)} #allrecords .z-burger.is-open > .tn-molecule > .tn-group:nth-child(2){opacity:0} #allrecords .z-burger.is-open > .tn-molecule > .tn-group:nth-child(3){transform:translateY(-6px) rotate(-45deg)} /* мобильное меню: без лишних линий, контакты — кнопками как в поп-апе */ #allrecords .z-macc > .tn-molecule{box-shadow:none!important} #allrecords .z-mnav-hero{margin-bottom:8px!important} #allrecords .z-mnav-contacts > .tn-molecule{box-shadow:none!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:12px 0 0!important} #allrecords .z-mcontact{width:100%!important} #allrecords .z-mcontact .tn-atom{width:100%!important;display:block!important} #allrecords .z-mcontact .tn-atom a{display:flex!important;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--z-line);color:var(--z-ink)!important;font-weight:600;font-size:15px;text-decoration:none;border:0!important} #allrecords .z-mcontact .tn-atom a::before{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--z-mic) center/contain no-repeat;mask:var(--z-mic) center/contain no-repeat} #allrecords .z-mcontact:has(a[href*="t.me"]){--z-mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 4 3 11.2l6.2 2L11.5 20l3.2-4.1L19 19z'/%3E%3Cpath d='m9.2 13.2 11.6-9'/%3E%3C/svg%3E")} #allrecords .z-mcontact:has(a[href*="wa.me"]){--z-mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l1.3-4.1A8.2 8.2 0 1 1 8.2 18.8z'/%3E%3Cpath d='M9.3 8.4c.3-.4.7-.5 1.1-.4l.9 2-.8.9c.6 1.2 1.5 2.1 2.7 2.7l.9-.8 2 .9c.1.4-.1.9-.5 1.1-1 .6-2.3.3-3.7-.6a8.4 8.4 0 0 1-2.7-2.8c-.6-1.2-.5-2.4.1-3z' fill='%23000' stroke='none'/%3E%3C/svg%3E")} #allrecords .z-mcontact:has(a[href^="mailto"]){--z-mic:var(--z-ic-mail)} /* блоки с цифрами: одна нижняя линия у блока, без двойных */ #allrecords .z-pgmeta .z-pgm > .tn-molecule{border-bottom-width:0!important} @media screen and (max-width:960px){ #allrecords .z-pgmeta > .tn-molecule{flex-direction:row!important;flex-wrap:wrap!important;column-gap:16px!important} #allrecords .z-pgmeta .z-pgm{width:calc(50% - 8px)!important;min-width:0!important;flex:none!important} #allrecords .z-pgmeta .z-pgm > .tn-molecule{border-bottom-width:1px!important} #allrecords .z-pgmeta .z-pgm:last-child > .tn-molecule,#allrecords .z-pgmeta .z-pgm:nth-last-child(2):nth-child(odd) > .tn-molecule{border-bottom-width:0!important} } /* ── правки 28.09 (5): поп-ап заявки — штатный поп-ап Tilda (T1093 rec4258635201, хук #form, крестик #closepopup) ── */ #allrecords .t-rec:has(.t1093){position:static!important;inset:auto!important;display:block!important;padding:0!important;background:none!important;backdrop-filter:none!important;pointer-events:auto!important;height:auto!important;z-index:auto!important} #allrecords .t1093 .t-rec:has(.z-mdl-wrap){position:relative!important;inset:auto!important;display:block!important;padding:0!important;background:none!important;backdrop-filter:none!important;pointer-events:auto!important;height:auto!important;z-index:auto!important} #allrecords .t1093 .z-mdl-wrap.t396__group,#allrecords .t1093 .z-mdl-wrap.t396__group-flex{opacity:1!important;visibility:visible!important;transform:none!important} #allrecords .t1093 .z-mdl-box > .tn-molecule{max-height:none!important;overflow:hidden!important} #allrecords .t1093 .t-popup{background:rgba(10,10,12,.62)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:none;-ms-overflow-style:none} #allrecords .t1093 .t-popup::-webkit-scrollbar{display:none} #allrecords .t1093 .t-popup__container{padding:24px!important;box-sizing:border-box!important} #allrecords .z-mdl-close{z-index:30!important} body.t-body_popupshowed .eva-launcher,body.t-body_popupshowed #eva-root{display:none!important} @media screen and (max-width:639px){ #allrecords .t1093 .t-popup__container{padding:12px!important} #allrecords .t1093 .z-mdl-form > .tn-molecule{padding-bottom:28px!important} } /* этапы: срок и подпись всегда одинаково, без лишнего переноса */ #allrecords .z-stp-l .tn-atom b + br{display:none} /* вкладки услуг на главной: отступ между табами */ #allrecords .z-svt-nav > .tn-molecule{gap:8px!important} /* ── правки 28.09 (6): по визуальной проверке мобилы ── */ @media screen and (max-width:639px){ /* «С чего начать» (/uslugi): номер и ссылка по левому краю, как текст */ #allrecords .z-pick-r > .tn-molecule{align-items:flex-start!important} #allrecords .z-pick-l{width:auto!important} /* «Открытый код» на главной: подпись под названием, а не впритык справа */ #allrecords .z-ml-i > .tn-molecule{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:2px!important} #allrecords .z-ml-t,#allrecords .z-ml-s{width:auto!important;max-width:100%!important} #allrecords .z-ml-s .tn-atom{text-align:left!important} } /* === правки 28.09 (7): скролл поп-апа на мобиле === */ #allrecords .t1093 .z-mdl-box > .tn-molecule{overscroll-behavior:auto!important;overflow:clip!important} #allrecords .t1093 .t-popup{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}