:root {
    color-scheme: dark;
    --cms-bg: #080d18;
    --cms-surface: #101827;
    --cms-surface-2: #162237;
    --cms-text: #f2f6ff;
    --cms-muted: #9aabc5;
    --cms-line: #26344c;
    --cms-primary: #8d7cff;
    --cms-primary-dark: #7462f4;
    --cms-accent: #39d9b2;
    --cms-danger: #ff6f89;
    --cms-shadow: 0 22px 65px rgba(0, 0, 0, .32);
    --cms-radius: 20px;
    --cms-radius-sm: 12px;
    --cms-header: rgba(8, 13, 24, .86);
    --cms-header-height: 84px;
    --cms-admin-offset: 0px;
}

html { scroll-behavior: smooth; }
body { position: relative; background: var(--cms-bg); color: var(--cms-text); }
body::before { content: ""; position: fixed; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(circle at 14% 18%, rgba(141,124,255,.09), transparent 26%), radial-gradient(circle at 86% 72%, rgba(57,217,178,.06), transparent 30%); }
body, button, input, textarea, select { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]), textarea, select {
    color: var(--cms-text) !important;
    caret-color: var(--cms-accent);
}
input::placeholder, textarea::placeholder { color: #7486a2 !important; opacity: 1; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-text-fill-color: var(--cms-text) !important;
    box-shadow: 0 0 0 1000px #0b1321 inset !important;
    transition: background-color 9999s ease-out;
}
a { color: inherit; }
.main-page-wrapper { overflow: clip; }

.theme-main-menu {
    position: fixed;
    inset: var(--cms-admin-offset) 0 auto;
    z-index: 990;
    min-height: var(--cms-header-height);
    padding: 13px 0 !important;
    background: var(--cms-header);
    border-bottom: 1px solid color-mix(in srgb, var(--cms-line) 75%, transparent);
    backdrop-filter: blur(16px);
}
.theme-main-menu .main-header-area, .theme-main-menu .custom-container-nav, .theme-main-menu .custom-container-nav > .row { min-height: 56px; }
.theme-main-menu .main-header-area { display: flex; align-items: center; }
.logo-area a { color: var(--cms-text) !important; }
.cms-brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; text-decoration: none !important; }
.cms-brand__mark { position: relative; display: grid; place-items: center; width: 39px; height: 39px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 13px; background: linear-gradient(145deg, #9a89ff, #6654e7 58%, #24cda8); box-shadow: 0 10px 28px rgba(113,91,244,.28), inset 0 1px 0 rgba(255,255,255,.28); transform: rotate(-5deg); transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease; }
.cms-brand__mark::before { content: "<"; color: #fff; font: 800 15px/1 ui-monospace, monospace; transform: translateX(-5px); }
.cms-brand__mark::after { content: "/>"; position: absolute; color: rgba(255,255,255,.94); font: 800  13px/1 ui-monospace, monospace; transform: translateX(5px); }
.cms-brand__mark i { position: absolute; border-radius: 50%; background: #fff; opacity: .78; animation: cmsBrandOrbit 4.8s ease-in-out infinite; }.cms-brand__mark i:nth-child(1) { top: 5px; right: 6px; width: 4px; height: 4px; }.cms-brand__mark i:nth-child(2) { right: 5px; bottom: 7px; width: 3px; height: 3px; animation-delay: -1.5s; }.cms-brand__mark i:nth-child(3) { left: 5px; bottom: 6px; width: 3px; height: 3px; animation-delay: -3s; }
.cms-brand__copy { display: grid; text-align: left; line-height: 1; }.cms-brand__copy strong { color: var(--cms-text); font: 800 23px/.9 "Clash Display", Inter, sans-serif; letter-spacing: -.055em; }.cms-brand__copy strong span { color: var(--cms-primary) !important; }.cms-brand__copy small { margin-top: 5px; color: var(--cms-muted); font: 750  13px/1 ui-monospace, monospace; letter-spacing: .18em; }
.cms-brand:hover .cms-brand__mark { transform: rotate(0) scale(1.06); box-shadow: 0 14px 36px rgba(113,91,244,.42), 0 0 0 5px rgba(141,124,255,.08); }
@keyframes cmsBrandOrbit { 50% { transform: scale(1.8); opacity: .28; } }
.theme-main-menu .navbar, .theme-main-menu .navbar .container-fluid { padding: 0; }
.theme-main-menu .navbar-collapse { display: flex !important; justify-content: center; }
.theme-main-menu .cms-primary-nav { display: flex !important; flex-direction: row !important; align-items: center; justify-content: center; gap: 4px; width: 100%; }
.theme-main-menu .cms-primary-nav .nav-item { display: block; margin: 0 !important; }
.theme-main-menu .cms-primary-nav .nav-link {
    display: inline-flex !important; align-items: center; gap: 7px; position: relative; padding: 10px 12px !important;
    border-radius: 10px; color: var(--cms-text) !important; opacity: 1 !important; visibility: visible !important;
    font-size: 14px !important; line-height: 1 !important; font-weight: 700 !important; text-shadow: none !important;
}
.theme-main-menu .cms-primary-nav .nav-link i { color: var(--cms-muted); font-size: 14px; transition: color .2s ease, transform .2s ease; }
.theme-main-menu .cms-primary-nav .nav-link:hover { background: var(--cms-surface-2); color: var(--cms-primary) !important; }
.theme-main-menu .cms-primary-nav .nav-link:hover i { color: var(--cms-primary); transform: translateY(-1px); }
.theme-main-menu .cms-primary-nav .is-active .nav-link { background: color-mix(in srgb, var(--cms-primary) 11%, var(--cms-surface)); color: var(--cms-primary) !important; }
.theme-main-menu .cms-primary-nav .is-active .nav-link i { color: var(--cms-primary); }
.theme-main-menu.is-scrolled { box-shadow: 0 14px 42px rgba(27, 40, 74, .1); }
.theme-main-menu.is-scrolled { min-height: var(--cms-header-height); padding: 13px 0 !important; background: rgba(8,13,24,.96); border-bottom-color: rgba(141,124,255,.22); box-shadow: 0 18px 48px rgba(0,0,0,.3); }
.cms-nav-badge { display:inline-grid; place-items:center; min-width:22px; height:17px; border-radius:999px; padding:0 5px; background:linear-gradient(110deg,var(--cms-primary),#6553e6); color:#fff; font:800  13px/1 ui-monospace,monospace; box-shadow:0 5px 14px rgba(91,76,240,.25); }
.right-nav { gap: 8px; }
.right-nav > li { margin-left: 0 !important; }
.cms-icon-button, .right-nav .search_input, .right-nav .round-menu {
    width: 42px; height: 42px; display: inline-grid; place-items: center; border: 1px solid var(--cms-line);
    border-radius: 12px; background: var(--cms-surface); color: var(--cms-text) !important; box-shadow: none;
}
.cms-icon-button:hover, .right-nav .search_input:hover, .right-nav .round-menu:hover { color: var(--cms-primary) !important; border-color: var(--cms-primary); }
.cms-search-shortcut { display: inline-flex; align-items: center; gap: 10px; min-width: 190px; height: 42px; padding: 0 12px; border: 1px solid var(--cms-line); border-radius: 12px; background: var(--cms-surface); color: var(--cms-muted); font-size: 14px; }
.cms-search-shortcut kbd { margin-left: auto; border: 1px solid var(--cms-line); border-radius: 6px; padding: 2px 6px; background: var(--cms-surface-2); color: var(--cms-muted); font-size: 13px; box-shadow: none; }
.cms-tools-launcher-button { position: relative; }
.cms-new-dot { position: absolute; top: -7px; right: -8px; border: 2px solid var(--cms-surface); border-radius: 999px; padding: 2px 5px; background: #ff4c6a; color: #fff; font-size: 13px; font-weight: 900; line-height: 1; letter-spacing: .05em; }
.cms-tools-launcher {
    position: fixed; z-index: 1200; top: calc(var(--cms-admin-offset) + var(--cms-header-height) + 8px); right: max(18px, calc((100vw - 1320px) / 2)); width: min(650px, calc(100vw - 32px));
    border: 1px solid var(--cms-line); border-radius: 22px; padding: 22px; background: color-mix(in srgb, var(--cms-surface) 96%, transparent);
    box-shadow: 0 32px 100px rgba(16, 25, 52, .22); backdrop-filter: blur(20px); opacity: 0; visibility: hidden;
    transform: translateY(-10px) scale(.98); transform-origin: top right; transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.cms-tools-launcher.is-open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.cms-tools-launcher__head { display: flex; align-items: start; justify-content: space-between; margin-bottom: 17px; }
.cms-tools-launcher__head h2 { margin: 3px 0 0; color: var(--cms-text); font-size: 24px; letter-spacing: -.035em; }
.cms-tools-launcher__head > button { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--cms-line); border-radius: 10px; background: var(--cms-bg); color: var(--cms-text); }
.cms-tools-launcher__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.cms-tools-launcher__grid a { display: grid; grid-template-columns: 38px 1fr; column-gap: 10px; align-items: center; min-width: 0; border: 1px solid var(--cms-line); border-radius: 14px; padding: 12px; background: var(--cms-bg); transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.cms-tools-launcher__grid a > span { grid-row: 1 / 3; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: linear-gradient(135deg, var(--cms-primary), #8174ff); color: #fff; font-size: 13px; font-weight: 900; }
.cms-tools-launcher__grid a strong { overflow: hidden; color: var(--cms-text); font-size: 13px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.cms-tools-launcher__grid a small { overflow: hidden; color: var(--cms-muted); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.cms-tools-launcher__grid a:hover { transform: translateY(-2px); border-color: var(--cms-primary); background: var(--cms-surface); }
.cms-tools-launcher__recent { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--cms-line); }.cms-tools-launcher__recent > strong { display: block; margin-bottom: 8px; color: var(--cms-muted); font-size: 13px; text-transform: uppercase; letter-spacing: .1em; }.cms-tools-launcher__recent > div { display: flex; flex-wrap: wrap; gap: 7px; }.cms-tools-launcher__recent a { border-radius: 999px; padding: 6px 10px; background: var(--cms-surface-2); color: var(--cms-primary); font-size: 13px; font-weight: 700; }
.cms-tools-launcher__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 15px; border-top: 1px solid var(--cms-line); }
.cms-tools-launcher__foot button { border: 0; border-radius: 10px; padding: 9px 12px; background: var(--cms-primary); color: #fff; font-size: 13px; font-weight: 750; }.cms-tools-launcher__foot > a { color: var(--cms-primary); font-size: 13px; font-weight: 750; }

.cms-search-modal { position: fixed; inset: 0; z-index: 2000; display: none; padding: 9vh 16px 16px; background: rgba(7, 12, 24, .64); backdrop-filter: blur(8px); }
.cms-search-modal.is-open { display: block; }
.cms-search-dialog { width: min(720px, 100%); margin: 0 auto; background: var(--cms-surface); border: 1px solid var(--cms-line); border-radius: var(--cms-radius); box-shadow: 0 30px 90px rgba(0,0,0,.32); overflow: hidden; }
.cms-search-dialog form { display: flex; gap: 10px; padding: 18px; }
.cms-search-dialog input { flex: 1; min-width: 0; border: 1px solid var(--cms-line); background: var(--cms-bg); color: var(--cms-text); border-radius: 12px; padding: 14px 16px; font-size: 18px; }
.cms-search-dialog button { border: 0; background: var(--cms-primary); color: white; border-radius: 12px; padding: 0 20px; font-weight: 700; }
.cms-search-hint { padding: 0 18px 18px; color: var(--cms-muted); font-size: 13px; }

.cms-hero { position: relative; padding: 170px 0 88px; background: radial-gradient(circle at 82% 10%, rgba(91,76,240,.18), transparent 32%), radial-gradient(circle at 10% 75%, rgba(11,191,154,.12), transparent 30%), var(--cms-bg); }
.cms-hero::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(var(--cms-line) 1px, transparent 1px), linear-gradient(90deg, var(--cms-line) 1px, transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(to bottom, black, transparent); }
.cms-hero .container { position: relative; }
.cms-kicker { display: inline-flex; color: var(--cms-primary); text-transform: uppercase; letter-spacing: .12em; font-size: 13px; font-weight: 800; }
.cms-hero h1 { max-width: 920px; margin: 16px auto 20px; color: var(--cms-text); font-size: clamp(42px, 6vw, 78px); line-height: 1.04; letter-spacing: -.055em; font-weight: 800; }
.cms-hero h1 span { color: var(--cms-primary); }
.cms-hero__lead { max-width: 720px; margin: 0 auto; color: var(--cms-muted); font-size: clamp(18px, 2vw, 22px); line-height: 1.55; }
.cms-hero-search { display: flex; width: min(760px, 100%); margin: 34px auto 0; padding: 8px; background: var(--cms-surface); border: 1px solid var(--cms-line); border-radius: 16px; box-shadow: var(--cms-shadow); }
.cms-hero-search input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 11px 15px; background: transparent; color: var(--cms-text); font-size: 17px; }
.cms-hero-search button, .cms-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 11px; padding: 12px 20px; background: var(--cms-primary); color: #fff !important; font-weight: 750; transition: .2s ease; }
.cms-hero-search button:hover, .cms-btn:hover { background: var(--cms-primary-dark); transform: translateY(-1px); }
.cms-btn--secondary { background: var(--cms-surface-2); color: var(--cms-text) !important; border: 1px solid var(--cms-line); }
.cms-btn--danger { background: var(--cms-danger); }
.cms-hero__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.cms-hero__chips { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.cms-hero__chips a { border: 1px solid var(--cms-line); border-radius: 999px; padding: 7px 12px; background: color-mix(in srgb, var(--cms-surface) 80%, transparent); color: var(--cms-muted); font-size: 13px; }
.cms-hero__chips a:hover { color: var(--cms-primary); border-color: var(--cms-primary); }

/* Главная: интерактивный Hero v2 */
.cms-hero--v2 { --pointer-x: 0; --pointer-y: 0; min-height: 760px; padding: 145px 0 74px; background: linear-gradient(145deg, color-mix(in srgb, var(--cms-bg) 96%, #dcd9ff), var(--cms-bg) 60%, color-mix(in srgb, var(--cms-bg) 94%, #bff5ea)); }
.cms-hero--v2::before { opacity: .3; background-size: 52px 52px; mask-image: linear-gradient(to bottom, black 0, rgba(0,0,0,.8) 60%, transparent 100%); }
.cms-hero-orb { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; transition: transform .25s ease-out; }
.cms-hero-orb--one { top: 90px; right: 4%; width: 420px; height: 420px; background: radial-gradient(circle, rgba(91,76,240,.2), rgba(91,76,240,0) 67%); transform: translate(calc(var(--pointer-x) * -18px), calc(var(--pointer-y) * -18px)); }
.cms-hero-orb--two { bottom: 40px; left: -80px; width: 360px; height: 360px; background: radial-gradient(circle, rgba(11,191,154,.17), rgba(11,191,154,0) 68%); transform: translate(calc(var(--pointer-x) * 14px), calc(var(--pointer-y) * 14px)); }
.cms-hero-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr); gap: clamp(44px, 7vw, 96px); align-items: center; }
.cms-hero-copy { position: relative; z-index: 2; }
.cms-live-badge { display: inline-flex; align-items: center; gap: 9px; border: 1px solid color-mix(in srgb, var(--cms-primary) 25%, var(--cms-line)); border-radius: 999px; padding: 7px 12px; background: color-mix(in srgb, var(--cms-surface) 82%, transparent); color: var(--cms-text); font-size: 13px; font-weight: 750; box-shadow: 0 8px 25px rgba(46,43,118,.07); }
.cms-live-badge span { width: 7px; height: 7px; border-radius: 50%; background: var(--cms-accent); box-shadow: 0 0 0 5px rgba(11,191,154,.12); animation: cmsPulse 2s ease-in-out infinite; }
.cms-hero--v2 h1 { max-width: 760px; margin: 22px 0 23px; text-align: left; font-size: clamp(48px, 5.4vw, 78px); line-height: .99; }
.cms-hero--v2 h1 span { display: inline; background: linear-gradient(110deg, var(--cms-primary), #7866ff 55%, #09a988); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cms-hero--v2 .cms-hero__lead { max-width: 650px; margin: 0; text-align: left; font-size: 19px; }
.cms-hero--v2 .cms-hero-search { width: 100%; margin: 30px 0 0; border-radius: 17px; padding: 7px 7px 7px 17px; align-items: center; box-shadow: 0 22px 65px rgba(28,40,82,.13); }
.cms-hero--v2 .cms-hero-search > i { color: var(--cms-primary); font-size: 19px; }
.cms-hero--v2 .cms-hero-search input { font-size: 14px; }
.cms-hero--v2 .cms-hero-search button { white-space: nowrap; }
.cms-hero--v2 .cms-hero__actions { justify-content: flex-start; margin-top: 17px; }
.cms-hero-proof { display: flex; gap: 0; margin-top: 34px; }
.cms-hero-proof > div { display: grid; gap: 2px; padding: 0 23px; border-left: 1px solid var(--cms-line); }.cms-hero-proof > div:first-child { padding-left: 0; border-left: 0; }
.cms-hero-proof strong { color: var(--cms-text); font-size: 22px; line-height: 1; letter-spacing: -.04em; }.cms-hero-proof span { color: var(--cms-muted); font-size: 13px; }
.cms-home-panel { position: relative; z-index: 2; border: 1px solid color-mix(in srgb, var(--cms-line) 80%, transparent); border-radius: 25px; padding: 0 24px 24px; background: color-mix(in srgb, var(--cms-surface) 92%, transparent); box-shadow: 0 35px 100px rgba(35,43,84,.17), inset 0 1px 0 rgba(255,255,255,.55); backdrop-filter: blur(18px); transform: perspective(1300px) rotateY(calc(var(--pointer-x) * 1.8deg)) rotateX(calc(var(--pointer-y) * -1.8deg)); transition: transform .25s ease-out; }
.cms-home-panel__bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin: 0 -24px 23px; padding: 13px 17px; border-bottom: 1px solid var(--cms-line); color: var(--cms-muted); font:  13px/1 ui-monospace, monospace; }.cms-home-panel__bar > div { display: flex; gap: 5px; }.cms-home-panel__bar > div i { width: 7px; height: 7px; border-radius: 50%; background: #ff6d7e; }.cms-home-panel__bar > div i:nth-child(2) { background: #ffc857; }.cms-home-panel__bar > div i:nth-child(3) { background: #42d69d; }
.cms-home-panel__online { justify-self: end; display: inline-flex; align-items: center; gap: 5px; color: var(--cms-accent); }.cms-home-panel__online b { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.cms-home-panel__intro h2 { margin: 4px 0 4px; color: var(--cms-text); font-size: 29px; letter-spacing: -.045em; }.cms-home-panel__intro p { margin: 0; color: var(--cms-muted); font-size: 13px; }
.cms-home-panel__tools { display: grid; gap: 9px; margin-top: 19px; }
.cms-home-panel__tools a { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 12px; border: 1px solid var(--cms-line); border-radius: 15px; padding: 12px; background: var(--cms-bg); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.cms-home-panel__tools a:hover { transform: translateX(5px); border-color: var(--cms-primary); box-shadow: 0 12px 30px rgba(39,48,90,.08); }.cms-home-panel__tools a > i { color: var(--cms-muted); }
.cms-home-panel__tools strong { display: block; color: var(--cms-text); font-size: 13px; }.cms-home-panel__tools small { color: var(--cms-muted); font-size: 13px; }
.cms-mini-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: linear-gradient(135deg, var(--cms-primary), #8478ff); color: #fff; font: 800  13px/1 ui-monospace, monospace; box-shadow: 0 9px 25px rgba(91,76,240,.2); }.cms-mini-icon--green { background: linear-gradient(135deg, #08a98d, #42d6b6); }.cms-mini-icon--orange { background: linear-gradient(135deg, #eb7b35, #ffb14d); }
.cms-home-panel__command { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; border-radius: 12px; padding: 11px 13px; background: #12192a; color: #dfe7f5; font:  13px/1.2 ui-monospace, monospace; }.cms-home-panel__command button { border: 1px solid #34405a; border-radius: 6px; padding: 4px 7px; background: #202a3e; color: #b7c4da; font-size: 13px; }
.cms-floating-tag { position: absolute; display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--cms-line); border-radius: 999px; padding: 8px 11px; background: var(--cms-surface); color: var(--cms-text); box-shadow: 0 14px 35px rgba(29,39,75,.13); font-size: 13px; font-weight: 700; animation: cmsFloat 4.5s ease-in-out infinite; }.cms-floating-tag i { color: var(--cms-primary); }.cms-floating-tag--one { right: -34px; top: 104px; }.cms-floating-tag--two { left: -38px; bottom: 64px; animation-delay: -2s; }
.cms-hero-ticker { position: absolute; inset: auto 0 0; overflow: hidden; border-top: 1px solid var(--cms-line); border-bottom: 1px solid var(--cms-line); background: color-mix(in srgb, var(--cms-surface) 76%, transparent); backdrop-filter: blur(12px); }
.cms-hero-ticker__track { display:flex; width:max-content; animation:cmsTicker 42s linear infinite; }
.cms-hero-ticker__group { display:flex; align-items:center; gap:25px; flex:none; padding:12px 25px 12px 0; }
.cms-hero-ticker span { color: var(--cms-muted); font-size: 13px; font-weight: 750; text-transform: uppercase; letter-spacing: .11em; white-space:nowrap; }.cms-hero-ticker span strong { color:var(--cms-text); font-weight:850; }.cms-hero-ticker i { color: var(--cms-primary); font-size: 13px; }
.cms-hero-ticker:hover .cms-hero-ticker__track { animation-play-state:paused; }
@keyframes cmsPulse { 50% { box-shadow: 0 0 0 9px rgba(11,191,154,0); } }
@keyframes cmsFloat { 50% { transform: translateY(-7px); } }
@keyframes cmsTicker { to { transform: translateX(-50%); } }

.cms-section { padding: 88px 0; background: var(--cms-bg); }
.cms-section--muted { background: var(--cms-surface-2); }
.cms-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 34px; }
.cms-section-head h2, .cms-faq h2, .cms-content-card h2 { margin: 8px 0 8px; color: var(--cms-text); font-size: clamp(30px, 4vw, 46px); line-height: 1.1; letter-spacing: -.035em; }
.cms-section-head p { margin: 0; color: var(--cms-muted); }
.cms-link-arrow { color: var(--cms-primary); font-weight: 750; white-space: nowrap; }
.cms-link-arrow i { margin-left: 5px; transition: transform .2s ease; }.cms-link-arrow:hover i { transform: translateX(4px); }
.cms-section-head--center { justify-content: center; text-align: center; }.cms-section-head--center p { max-width: 650px; margin: 0 auto; }

.cms-home-tools-section { position: relative; }
.cms-home-bento { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); grid-auto-rows: minmax(230px, auto); gap: 18px; }
.cms-bento-card--1, .cms-bento-card--2 { grid-column: span 2; }
.cms-bento-card { overflow: hidden; }
.cms-bento-card::before { content: ""; position: absolute; right: -70px; bottom: -85px; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle, rgba(91,76,240,.14), transparent 68%); transition: transform .35s ease; }
.cms-bento-card:nth-child(2)::before, .cms-bento-card:nth-child(5)::before { background: radial-gradient(circle, rgba(11,191,154,.14), transparent 68%); }
.cms-bento-card:hover::before { transform: scale(1.25); }
.cms-bento-card > a { position: relative; z-index: 1; display: flex; flex-direction: column; }
.cms-bento-card--1 h3, .cms-bento-card--2 h3 { font-size: 28px; }.cms-bento-card--1 p, .cms-bento-card--2 p { max-width: 75%; font-size: 15px; }
.cms-tool-card__arrow { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--cms-line); border-radius: 50%; background: var(--cms-bg); color: var(--cms-muted); transition: transform .25s ease, background .25s ease, color .25s ease; }.cms-bento-card:hover .cms-tool-card__arrow { transform: rotate(45deg); background: var(--cms-primary); color: #fff; }
.cms-card-privacy { display: inline-flex; align-items: center; gap: 7px; width: fit-content; margin-top: auto; border-radius: 999px; padding: 7px 10px; background: rgba(11,191,154,.1); color: var(--cms-accent); font-size: 13px; font-weight: 700; }

.cms-role-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.cms-role-card { position: relative; overflow: hidden; border: 1px solid var(--cms-line); border-radius: 23px; padding: 27px; background: var(--cms-surface); box-shadow: 0 10px 35px rgba(27,39,72,.04); transition: transform .25s ease, box-shadow .25s ease; }
.cms-role-card::after { content: ""; position: absolute; top: -70px; right: -60px; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle, rgba(91,76,240,.15), transparent 68%); }.cms-role-card--green::after { background: radial-gradient(circle, rgba(11,191,154,.17), transparent 68%); }.cms-role-card--orange::after { background: radial-gradient(circle, rgba(242,143,62,.16), transparent 68%); }
.cms-role-card:hover { transform: translateY(-6px); box-shadow: var(--cms-shadow); }
.cms-role-card__icon { position: relative; z-index: 1; display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 23px; border-radius: 15px; background: linear-gradient(135deg,var(--cms-primary),#8174ff); color:#fff; font-size:22px; box-shadow:0 12px 30px rgba(91,76,240,.2); }.cms-role-card--green .cms-role-card__icon { background:linear-gradient(135deg,#079e84,#42d6b6); }.cms-role-card--orange .cms-role-card__icon { background:linear-gradient(135deg,#dc6d2c,#ffb14d); }
.cms-role-card > span { color: var(--cms-primary); font-size: 13px; font-weight: 850; text-transform: uppercase; letter-spacing: .12em; }.cms-role-card--green > span { color: var(--cms-accent); }.cms-role-card--orange > span { color: #e37934; }
.cms-role-card h3 { margin: 7px 0 9px; color: var(--cms-text); font-size: 25px; letter-spacing: -.035em; }.cms-role-card p { min-height: 67px; margin: 0 0 18px; color: var(--cms-muted); font-size: 13px; line-height: 1.65; }
.cms-role-card > div:not(.cms-role-card__icon) { display: flex; flex-wrap: wrap; gap: 7px; }.cms-role-card > div:not(.cms-role-card__icon) a { border: 1px solid var(--cms-line); border-radius: 999px; padding: 5px 9px; background: var(--cms-bg); color: var(--cms-muted); font-size: 13px; font-weight: 700; }.cms-role-card > div:not(.cms-role-card__icon) a:hover { border-color: var(--cms-primary); color: var(--cms-primary); }
.cms-role-card__action { display: flex; align-items: center; justify-content: space-between; margin-top: 22px; padding-top: 17px; border-top: 1px solid var(--cms-line); color: var(--cms-text); font-size: 13px; font-weight: 800; }.cms-role-card__action i { color: var(--cms-primary); transition: transform .2s ease; }.cms-role-card__action:hover i { transform: translateX(4px); }
.cms-solution-strip { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 20px; margin-top: 24px; border: 1px solid var(--cms-line); border-radius: 20px; padding: 20px 24px; background: var(--cms-surface); }
.cms-solution-strip > div { display: flex; align-items: center; gap: 12px; }.cms-solution-strip > div > span { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 12px; background: var(--cms-surface-2); color: var(--cms-primary); font-weight: 850; }.cms-solution-strip p { display: grid; margin: 0; }.cms-solution-strip strong { color: var(--cms-text); font-size: 13px; }.cms-solution-strip small { color: var(--cms-muted); font-size: 13px; }.cms-solution-strip > i { color: var(--cms-line); }

.cms-news-section { position: relative; padding: 72px 0 36px; background: var(--cms-bg); }
.cms-news-section:nth-of-type(even) { background: color-mix(in srgb, var(--cms-surface-2) 56%, var(--cms-bg)); }
.cms-news-section__head { margin-bottom: 25px; }.cms-news-section__head h2 { margin-bottom: 0; }
.cms-news-slider .slick-list { margin: 0 -8px; padding: 7px 0 26px; }.cms-news-slider .slick-slide { height: auto; padding: 0 8px; }.cms-news-slider .slick-track { display: flex; }.cms-news-slider .slick-slide > div, .cms-news-slider .slick-slide .col-lg-3 { height: 100%; }
.cms-news-card { height: 100%; overflow: hidden; border: 1px solid var(--cms-line); border-radius: 20px; background: var(--cms-surface); box-shadow: 0 8px 28px rgba(27,39,72,.055); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.cms-news-card:hover { transform: translateY(-7px); border-color: color-mix(in srgb, var(--cms-primary) 45%, var(--cms-line)); box-shadow: 0 24px 55px rgba(31,42,82,.13); }
.cms-news-card > a { display: flex; flex-direction: column; height: 100%; }
.cms-news-card__media { position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: var(--cms-surface-2); }.cms-news-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.2,.7,.2,1); }.cms-news-card:hover .cms-news-card__media img { transform: scale(1.065); }
.cms-news-card__shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(12,17,32,.48), transparent 62%); }
.cms-news-card__category { position: absolute; left: 13px; bottom: 12px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; padding: 5px 9px; background: rgba(17,24,43,.65); color: #fff; backdrop-filter: blur(8px); font-size: 13px; font-weight: 850; text-transform: uppercase; letter-spacing: .09em; }
.cms-news-card__open { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.9); color: #172033; transform: translateY(-5px); opacity: 0; transition: transform .25s ease, opacity .25s ease; }.cms-news-card:hover .cms-news-card__open { transform: translateY(0); opacity: 1; }
.cms-news-card__body { display: flex; flex-direction: column; flex: 1; padding: 18px; }
.cms-news-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 11px; color: var(--cms-muted); font-size: 13px; }.cms-news-card__meta span { display: inline-flex; align-items: center; gap: 5px; }
.cms-news-card h3 { margin: 0 0 10px; color: var(--cms-text); font-size: 17px; line-height: 1.35; letter-spacing: -.025em; }.cms-news-card p { margin: 0 0 17px; color: var(--cms-muted); font-size: 13px; line-height: 1.6; }
.cms-news-card__more { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: var(--cms-primary); font-size: 13px; font-weight: 800; }.cms-news-card__more i { transition: transform .2s ease; }.cms-news-card:hover .cms-news-card__more i { transform: translateX(4px); }
.cms-news-slider .slick-arrow { position: absolute; z-index: 3; top: -70px; display: grid !important; place-items: center; width: 38px; height: 38px; border: 1px solid var(--cms-line); border-radius: 11px; background: var(--cms-surface); color: var(--cms-text); font-size: 0; }.cms-news-slider .slick-prev { right: 46px; left: auto; }.cms-news-slider .slick-next { right: 0; }.cms-news-slider .slick-prev::before, .cms-news-slider .slick-next::before { font: 700 17px/1 system-ui, sans-serif; }.cms-news-slider .slick-prev::before { content: "\2190"; }.cms-news-slider .slick-next::before { content: "\2192"; }.cms-news-slider .slick-arrow:hover { border-color: var(--cms-primary); color: var(--cms-primary); }
.cms-related-articles { margin-top: 56px; padding-top: 38px; border-top: 1px solid var(--cms-line); }.cms-related-articles .cms-section-head { margin-bottom: 22px; }.cms-related-articles .cms-section-head h2 { margin: 5px 0 0; color: var(--cms-text); font-size: clamp(28px, 3.5vw, 42px); letter-spacing: -.04em; }

.cms-page-hero { padding: 150px 0 58px; background: radial-gradient(circle at 85% 0, rgba(91,76,240,.17), transparent 36%), var(--cms-surface-2); border-bottom: 1px solid var(--cms-line); }
.cms-page-hero--compact { padding-bottom: 45px; }
.cms-breadcrumbs { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 25px; color: var(--cms-muted); font-size: 13px; }
.cms-breadcrumbs a:hover { color: var(--cms-primary); }
.cms-tool-heading { display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; }
.cms-tool-heading h1 { margin: 5px 0 8px; color: var(--cms-text); font-size: clamp(36px, 5vw, 60px); line-height: 1.05; letter-spacing: -.04em; }
.cms-tool-heading p { max-width: 760px; margin: 0; color: var(--cms-muted); font-size: 18px; }
.cms-tool-icon { display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 15px; background: linear-gradient(135deg, var(--cms-primary), #8277ff); color: #fff; font-size: 15px; font-weight: 850; box-shadow: 0 10px 30px rgba(91,76,240,.24); }
.cms-favorite-btn, .cms-card-favorite { border: 1px solid var(--cms-line); background: var(--cms-surface); color: var(--cms-muted); border-radius: 12px; font-size: 24px; }
.cms-favorite-btn { width: 48px; height: 48px; }
.cms-favorite-btn.is-active, .cms-card-favorite.is-active { color: #f1a500; }

.cms-tool-controls { margin-bottom: 28px; }
.cms-search-field { display: flex; align-items: center; gap: 10px; max-width: 620px; padding: 0 15px; border: 1px solid var(--cms-line); border-radius: 14px; background: var(--cms-surface); }
.cms-search-field input { width: 100%; border: 0; outline: 0; padding: 13px 0; background: transparent; color: var(--cms-text); font-size: 16px; }
.cms-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.cms-filter-chips button { border: 1px solid var(--cms-line); border-radius: 999px; padding: 8px 13px; background: var(--cms-surface); color: var(--cms-muted); font-weight: 650; }
.cms-filter-chips button:hover, .cms-filter-chips button.is-active { border-color: var(--cms-primary); background: var(--cms-primary); color: #fff; }
.cms-tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.cms-tool-grid--home { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cms-tool-card { position: relative; min-width: 0; border: 1px solid var(--cms-line); border-radius: var(--cms-radius); background: var(--cms-surface); box-shadow: 0 1px 0 rgba(20,30,50,.02); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.cms-tool-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--cms-primary) 55%, var(--cms-line)); box-shadow: var(--cms-shadow); }
.cms-tool-card > a { display: block; height: 100%; padding: 24px; }
.cms-tool-card__top { display: flex; align-items: start; justify-content: space-between; margin-bottom: 24px; }
.cms-tool-card .cms-tool-category { display: block; margin-bottom: 7px; color: var(--cms-primary); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.cms-tool-card h3 { margin: 0 0 9px; color: var(--cms-text); font-size: 21px; line-height: 1.25; }
.cms-tool-card p { margin: 0 0 18px; color: var(--cms-muted); font-size: 14px; line-height: 1.6; }
.cms-card-link { color: var(--cms-primary); font-weight: 750; font-size: 14px; }
.cms-card-favorite { position: absolute; top: 24px; right: 24px; z-index: 2; width: 36px; height: 36px; font-size: 19px; }
.cms-badge { margin-right: 48px; border-radius: 999px; padding: 4px 8px; background: rgba(11,191,154,.13); color: var(--cms-accent); font-size: 13px; font-weight: 900; letter-spacing: .08em; }
.cms-empty-state { padding: 50px; text-align: center; border: 1px dashed var(--cms-line); border-radius: var(--cms-radius); color: var(--cms-muted); }
.cms-recent-tools { margin-bottom: 28px; padding: 18px; border: 1px solid var(--cms-line); border-radius: 16px; background: var(--cms-surface); }
.cms-recent-tools h3 { margin: 0 0 12px; color: var(--cms-text); font-size: 16px; }
.cms-recent-list { display: flex; flex-wrap: wrap; gap: 8px; }
.cms-recent-list a { border-radius: 999px; padding: 7px 12px; background: var(--cms-surface-2); color: var(--cms-primary); font-size: 13px; font-weight: 700; }

.cms-tool-section { padding-top: 48px; }
.cms-privacy-note { margin-bottom: 18px; padding: 13px 16px; border: 1px solid rgba(11,191,154,.28); border-radius: 13px; background: rgba(11,191,154,.08); color: var(--cms-text); font-size: 14px; }
.cms-privacy-note span { margin-right: 8px; color: var(--cms-accent); }
.cms-tool-app { border: 1px solid var(--cms-line); border-radius: var(--cms-radius); padding: clamp(18px, 4vw, 34px); background: var(--cms-surface); box-shadow: var(--cms-shadow); }
.cms-tool-loading { padding: 30px; color: var(--cms-muted); text-align: center; }
.cms-tool-form { display: grid; gap: 18px; }
.cms-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cms-field-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cms-field { display: grid; gap: 8px; min-width: 0; }
.cms-field label, .cms-field > span { color: var(--cms-text); font-size: 13px; font-weight: 750; }
.cms-input, .cms-textarea, .cms-select { width: 100%; border: 1px solid var(--cms-line); border-radius: 12px; padding: 12px 14px; outline: 0; background: var(--cms-bg); color: var(--cms-text); }
.cms-input:focus, .cms-textarea:focus, .cms-select:focus { border-color: var(--cms-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--cms-primary) 15%, transparent); }
.cms-textarea { min-height: 220px; resize: vertical; font: 14px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.cms-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.cms-result { position: relative; min-height: 80px; border: 1px solid var(--cms-line); border-radius: 14px; padding: 16px; background: var(--cms-bg); color: var(--cms-text); overflow-wrap: anywhere; white-space: pre-wrap; font: 14px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.cms-result--error { border-color: color-mix(in srgb, var(--cms-danger) 60%, var(--cms-line)); color: var(--cms-danger); }
.cms-color-workspace { display:grid; grid-template-columns:220px 1fr; gap:22px; align-items:stretch; }.cms-color-picker { position:relative; display:block; min-height:220px; overflow:hidden; border:1px solid var(--cms-line); border-radius:18px; background:var(--cms-bg); cursor:pointer; }.cms-color-picker input { position:absolute; width:1px; height:1px; opacity:0; }.cms-color-picker span { position:absolute; inset:0; background:#8d7cff; transition:background .2s ease; }.cms-color-picker span::after { content:"Нажмите, чтобы выбрать цвет"; position:absolute; inset:auto 12px 12px; border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:7px 9px; background:rgba(7,12,22,.55); color:#fff; backdrop-filter:blur(8px); text-align:center; font-size: 13px; font-weight:750; }
.cms-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.cms-stat { padding: 14px; border: 1px solid var(--cms-line); border-radius: 12px; background: var(--cms-bg); }
.cms-stat strong { display: block; color: var(--cms-text); font-size: 20px; }.cms-stat span { color: var(--cms-muted); font-size: 13px; }
.cms-dropzone { display: grid; place-items: center; min-height: 220px; border: 2px dashed var(--cms-line); border-radius: 18px; padding: 30px; text-align: center; background: var(--cms-bg); color: var(--cms-muted); cursor: pointer; }
.cms-dropzone.is-dragging { border-color: var(--cms-primary); background: color-mix(in srgb, var(--cms-primary) 8%, var(--cms-bg)); }
.cms-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.cms-preview-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.cms-preview { display: grid; place-items: center; min-height: 260px; border: 1px solid var(--cms-line); border-radius: 14px; padding: 12px; background: repeating-conic-gradient(#e4e8ed 0 25%, #fff 0 50%) 50% / 20px 20px; overflow: hidden; }
.cms-preview { background: repeating-conic-gradient(#30394a 0 25%, #222a39 0 50%) 50% / 20px 20px; }
.cms-preview img, .cms-preview video { display: block; max-width: 100%; max-height: 440px; border-radius: 8px; }
.cms-meter { height: 24px; border-radius: 999px; overflow: hidden; background: var(--cms-surface-2); border: 1px solid var(--cms-line); }
.cms-meter > span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--cms-accent), #f3c74f, var(--cms-danger)); transition: width .06s linear; }
.cms-device-status { padding: 14px; border-radius: 12px; background: var(--cms-bg); color: var(--cms-muted); }
.cms-highlight { max-height: 280px; overflow: auto; white-space: pre-wrap; }
.cms-highlight mark { border-radius: 3px; background: #ffe170; color: #252525; }
.cms-alert { padding: 13px 15px; border-radius: 12px; background: var(--cms-surface-2); color: var(--cms-text); }.cms-alert--error { color: var(--cms-danger); }

.cms-content-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
.cms-content-card { border: 1px solid var(--cms-line); border-radius: var(--cms-radius); padding: 28px; background: var(--cms-surface); }
.cms-content-card h2 { font-size: 27px; }.cms-content-card p { color: var(--cms-muted); line-height: 1.7; }
.cms-faq { max-width: 900px; }.cms-faq details { border-bottom: 1px solid var(--cms-line); }.cms-faq summary { padding: 18px 0; color: var(--cms-text); font-weight: 750; cursor: pointer; }.cms-faq details p { padding: 0 0 18px; color: var(--cms-muted); }

.page-title-area { padding-top: 150px !important; padding-bottom: 65px !important; background: var(--cms-surface-2) !important; }
.page-title-area .page-title { color: var(--cms-text) !important; font-size: clamp(34px, 5vw, 58px); line-height: 1.1; }
.page-title-shape { opacity: .25; }
.desc-section, .blog-style-one, .feature-style-four, .contact-info-wrapper, .contact-content-wrapper { color: var(--cms-text); }
.blog-style-one, .feature-style-four { height: 100%; border: 1px solid var(--cms-line); border-radius: var(--cms-radius); background: var(--cms-surface) !important; box-shadow: none; overflow: hidden; transition: .2s ease; }
.blog-style-one:hover, .feature-style-four:hover { transform: translateY(-4px); border-color: var(--cms-primary); box-shadow: var(--cms-shadow); }
.blog-title, .sect-title, .sect-title-two, .post-title { color: var(--cms-text) !important; }
.blog-meta, .tools-description, .desc-section p { color: var(--cms-muted) !important; }
.style-single-content { max-width: 860px; margin: 28px auto; color: var(--cms-text); font-size: 18px; line-height: 1.75; }
.style-single-content h2, .style-single-content h3 { scroll-margin-top: 110px; color: var(--cms-text); }
.style-single-content pre { position: relative; border: 1px solid var(--cms-line); border-radius: 14px; padding: 22px; background: #111827; color: #e5edf8; overflow: auto; }
.style-single-content code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.cms-copy-code { position: absolute; top: 9px; right: 9px; border: 1px solid #39465b; border-radius: 8px; padding: 5px 9px; background: #202b3c; color: #dce6f5; font-size: 13px; }
.cms-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 44px; align-items: start; }
.cms-article-toc { position: sticky; top: 100px; border: 1px solid var(--cms-line); border-radius: 16px; padding: 18px; background: var(--cms-surface); }
.cms-article-toc h3 { margin: 0 0 12px; color: var(--cms-text); font-size: 15px; }.cms-article-toc a { display: block; padding: 6px 0; color: var(--cms-muted); font-size: 13px; }.cms-article-toc a:hover { color: var(--cms-primary); }
.cms-helpful { max-width: 860px; margin: 32px auto; padding: 24px; border: 1px solid var(--cms-line); border-radius: 16px; background: var(--cms-surface-2); text-align: center; }.cms-helpful h3 { color: var(--cms-text); }.cms-helpful button { margin: 4px; border: 1px solid var(--cms-line); border-radius: 999px; padding: 8px 14px; background: var(--cms-surface); color: var(--cms-text); }

/* Детальная статья */
.cms-reading-progress { position: fixed; z-index: 1600; inset: 0 0 auto; height: 3px; background: transparent; }.cms-reading-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg,var(--cms-primary),var(--cms-accent)); box-shadow: 0 0 12px var(--cms-primary); }
.cms-article-page { margin: 0; padding: 0 0 70px; background: var(--cms-bg); }
.cms-article-hero { position: relative; overflow: hidden; padding: 140px 0 64px; border-bottom: 1px solid var(--cms-line); background: radial-gradient(circle at 85% 12%, rgba(91,76,240,.18), transparent 32%), radial-gradient(circle at 15% 90%, rgba(11,191,154,.1), transparent 28%), var(--cms-surface-2); }
.cms-article-hero::before { content: ""; position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(var(--cms-line) 1px,transparent 1px),linear-gradient(90deg,var(--cms-line) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom,black,transparent); }
.cms-article-hero .container { position: relative; }.cms-article-hero__grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(330px,.85fr); align-items: center; gap: 54px; }
.cms-article-category { display: inline-flex; align-items: center; gap: 7px; border: 1px solid color-mix(in srgb,var(--cms-primary) 28%,var(--cms-line)); border-radius:999px; padding:7px 11px; background:color-mix(in srgb,var(--cms-surface) 80%,transparent); color:var(--cms-primary); font-size: 13px; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }
.cms-article-hero h1 { margin: 18px 0 17px; color: var(--cms-text); font-size: clamp(40px,5vw,68px); line-height:1.04; letter-spacing:-.05em; }.cms-article-hero__copy > p { max-width:760px; margin:0; color:var(--cms-muted); font-size:17px; line-height:1.65; }
.cms-article-meta { display:flex; flex-wrap:wrap; gap:16px; margin-top:25px; color:var(--cms-muted); font-size: 13px; }.cms-article-meta span { display:inline-flex; align-items:center; gap:6px; }.cms-article-meta i { color:var(--cms-primary); }.cms-article-meta b { font-weight:600; }
.cms-article-hero__image { position:relative; overflow:hidden; min-height:310px; margin:0; border:1px solid var(--cms-line); border-radius:24px; background:var(--cms-surface); box-shadow:0 28px 70px rgba(30,39,76,.16); transform:rotate(1.3deg); }.cms-article-hero__image::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(12,17,31,.58),transparent 55%); }.cms-article-hero__image img { width:100%; height:100%; min-height:310px; object-fit:cover; }.cms-article-hero__image span { position:absolute; z-index:2; left:18px; bottom:16px; border:1px solid rgba(255,255,255,.25); border-radius:999px; padding:6px 10px; background:rgba(17,24,43,.63); color:#fff; backdrop-filter:blur(8px); font-size: 13px; font-weight:750; }
.cms-legacy-article-meta { display:none !important; }
.cms-article-page > .container { padding-top:48px; }.cms-article-page > .container > .row > .col-lg-12 { min-width:0; }
.cms-article-layout { grid-template-columns:minmax(0,1fr) 285px; gap:28px; }.style-single-content.cms-article-shell { max-width:none; margin:0; border:1px solid var(--cms-line); border-radius:22px; padding:clamp(25px,4vw,54px); background:var(--cms-surface); box-shadow:0 12px 45px rgba(28,39,75,.055); }
.cms-article-shell > *:first-child { margin-top:0; }.cms-article-shell h2 { margin:42px 0 16px; font-size:30px; line-height:1.2; letter-spacing:-.035em; }.cms-article-shell h3 { margin:31px 0 13px; font-size:23px; line-height:1.3; }.cms-article-shell p,.cms-article-shell strong { color:var(--cms-text); }.cms-article-shell a { color:var(--cms-primary); text-decoration:underline; text-decoration-color:color-mix(in srgb,var(--cms-primary) 35%,transparent); text-underline-offset:3px; }.cms-article-shell img { max-width:100%; height:auto; border-radius:16px; }.cms-article-shell blockquote { margin:28px 0; border:1px solid color-mix(in srgb,var(--cms-primary) 28%,var(--cms-line)); border-left:4px solid var(--cms-primary); border-radius:0 15px 15px 0; padding:18px 22px; background:color-mix(in srgb,var(--cms-primary) 6%,var(--cms-bg)); color:var(--cms-text); }.cms-article-shell table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; }.cms-article-shell th,.cms-article-shell td { border:1px solid var(--cms-line); padding:11px 13px; }.cms-article-shell th { background:var(--cms-surface-2); color:var(--cms-text); }
.cms-article-aside { position:sticky; top:96px; display:grid; gap:14px; }.cms-article-aside .cms-article-toc { position:static; top:auto; border-radius:18px; padding:20px; box-shadow:0 8px 28px rgba(28,39,75,.04); }.cms-article-toc h3 { margin:5px 0 12px; font-size:17px; }.cms-article-toc nav { display:grid; }.cms-article-toc a { position:relative; border-left:2px solid var(--cms-line); padding:7px 0 7px 12px; line-height:1.35; }.cms-article-toc a:hover { border-left-color:var(--cms-primary); }
.cms-article-quick { border:1px solid var(--cms-line); border-radius:18px; padding:18px; background:var(--cms-surface); }.cms-article-quick > a { display:flex; align-items:center; gap:9px; margin-top:10px; border:1px solid var(--cms-line); border-radius:12px; padding:10px; background:var(--cms-bg); }.cms-article-quick > a > i { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:color-mix(in srgb,var(--cms-primary) 10%,var(--cms-surface)); color:var(--cms-primary); }.cms-article-quick span span { display:grid; }.cms-article-quick strong { color:var(--cms-text); font-size: 13px; }.cms-article-quick small { color:var(--cms-muted); font-size: 13px; }
.cms-helpful { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; max-width:none; margin:24px 0; border-radius:20px; padding:22px 24px; text-align:left; }.cms-helpful__icon { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:linear-gradient(135deg,var(--cms-primary),#8174ff); color:#fff; font-size:20px; }.cms-helpful h3 { margin:0 0 3px; font-size:17px; }.cms-helpful p { margin:0; color:var(--cms-muted); font-size: 13px; }.cms-helpful > div:last-child { white-space:nowrap; }.cms-helpful button { font-size: 13px; font-weight:700; transition:border-color .2s ease,transform .2s ease; }.cms-helpful button:hover { border-color:var(--cms-primary); transform:translateY(-2px); }
.cms-article-share { border:1px solid var(--cms-line); border-radius:18px; padding:10px 16px 0; background:var(--cms-surface); }.cms-article-share .text-social-signl { color:var(--cms-text) !important; font-size: 13px; font-weight:750; }

/* Блог и каталог публикаций */
.cms-blog-intro { padding:48px 0 0; background:var(--cms-bg); }.cms-blog-intro__inner { display:flex; align-items:end; justify-content:space-between; gap:35px; border:1px solid var(--cms-line); border-radius:22px; padding:26px; background:var(--cms-surface); }.cms-blog-intro__inner h2 { margin:6px 0 5px; color:var(--cms-text); font-size:31px; letter-spacing:-.04em; }.cms-blog-intro__inner p { margin:0; color:var(--cms-muted); font-size:13px; }
.cms-blog-intro__inner form { display:flex; align-items:center; gap:8px; width:min(420px,100%); border:1px solid var(--cms-line); border-radius:13px; padding:7px 7px 7px 13px; background:var(--cms-bg); }.cms-blog-intro__inner form > i { color:var(--cms-primary); }.cms-blog-intro__inner input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:var(--cms-text); }.cms-blog-intro__inner button { border:0; border-radius:9px; padding:9px 13px; background:var(--cms-primary); color:#fff; font-weight:700; }
.cms-blog-categories { margin-top:20px; }.cms-blog-categories ul { display:flex; flex-wrap:wrap; justify-content:flex-start !important; gap:8px; }.cms-blog-categories li { margin:0 !important; }.cms-blog-categories a { display:inline-flex; border:1px solid var(--cms-line); border-radius:999px; padding:8px 13px; background:var(--cms-surface); color:var(--cms-muted) !important; font-size: 13px; font-weight:700; }.cms-blog-categories a:hover,.cms-blog-categories .active a { border-color:var(--cms-primary); background:var(--cms-primary); color:#fff !important; }
.cms-blog-list-section { padding-top:55px; }.cms-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.cms-news-grid .cms-news-card h3 { font-size:20px; }.cms-news-grid .cms-news-card p { font-size: 13px; }.cms-news-grid .cms-news-card__media { aspect-ratio:16/9; }.cms-pagination { margin-top:40px; text-align:center; }

/* Новая страница поиска */
.cms-search-page { background:var(--cms-bg); }.cms-search-hero { position:relative; overflow:hidden; padding:145px 0 66px; border-bottom:1px solid var(--cms-line); background:radial-gradient(circle at 82% 5%,rgba(91,76,240,.2),transparent 32%),radial-gradient(circle at 14% 100%,rgba(11,191,154,.12),transparent 30%),var(--cms-surface-2); }.cms-search-hero::before { content:""; position:absolute; inset:0; opacity:.25; background-image:linear-gradient(var(--cms-line) 1px,transparent 1px),linear-gradient(90deg,var(--cms-line) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to bottom,black,transparent); }.cms-search-hero .container { position:relative; z-index:1; text-align:center; }.cms-search-hero .cms-breadcrumbs { justify-content:center; }.cms-search-hero h1 { max-width:850px; margin:13px auto 14px; color:var(--cms-text); font-size:clamp(40px,5vw,64px); line-height:1.04; letter-spacing:-.05em; }.cms-search-hero h1 span { background:linear-gradient(100deg,var(--cms-primary),#8174ff,var(--cms-accent)); -webkit-background-clip:text; background-clip:text; color:transparent; }.cms-search-hero p { margin:0; color:var(--cms-muted); font-size:16px; }
.cms-search-page-form { display:flex; align-items:center; gap:11px; width:min(820px,100%); margin:28px auto 0; border:1px solid var(--cms-line); border-radius:17px; padding:8px 8px 8px 17px; background:var(--cms-surface); box-shadow:0 24px 65px rgba(29,39,79,.14); }.cms-search-page-form > i { color:var(--cms-primary); font-size:19px; }.cms-search-page-form input { flex:1; min-width:0; border:0 !important; outline:0 !important; padding:10px 0 !important; background:transparent !important; color:var(--cms-text) !important; box-shadow:none !important; font-size:15px; }.cms-search-page-form button { display:inline-flex; align-items:center; gap:8px; border:0; border-radius:11px; padding:12px 19px; background:var(--cms-primary); color:#fff; font-weight:750; white-space:nowrap; }
.cms-search-examples { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; margin-top:18px; }.cms-search-examples span { color:var(--cms-muted); font-size: 13px; }.cms-search-examples a { border:1px solid var(--cms-line); border-radius:999px; padding:5px 9px; background:color-mix(in srgb,var(--cms-surface) 75%,transparent); color:var(--cms-muted); font-size: 13px; }.cms-search-examples a:hover { border-color:var(--cms-primary); color:var(--cms-primary); }
.cms-search-results-section { min-height:400px; padding-top:54px; }.cms-search-results-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:30px; }.cms-search-results-head h2 { margin:6px 0 0; color:var(--cms-text); font-size:34px; letter-spacing:-.04em; }.cms-search-count { display:flex; align-items:baseline; gap:7px; border:1px solid var(--cms-line); border-radius:14px; padding:10px 14px; background:var(--cms-surface); }.cms-search-count strong { color:var(--cms-primary); font-size:22px; }.cms-search-count span { color:var(--cms-muted); font-size: 13px; }
.cms-search-group { margin-top:34px; }.cms-search-group__title { display:flex; align-items:center; justify-content:space-between; margin-bottom:13px; }.cms-search-group__title small { color:var(--cms-muted); font-size: 13px; }.cms-search-type { display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:7px 10px; font-size: 13px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }.cms-search-type--tool { background:rgba(91,76,240,.1); color:var(--cms-primary); }.cms-search-type--article { background:rgba(11,191,154,.1); color:var(--cms-accent); }
.cms-search-tools-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.cms-search-tool-card a { display:grid; grid-template-columns:45px 1fr auto; align-items:center; gap:12px; height:100%; border:1px solid var(--cms-line); border-radius:16px; padding:15px; background:var(--cms-surface); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.cms-search-tool-card a:hover { transform:translateY(-3px); border-color:var(--cms-primary); box-shadow:var(--cms-shadow); }.cms-search-tool-card .cms-tool-icon { width:45px; height:45px; border-radius:12px; font-size: 13px; }.cms-search-tool-card small { color:var(--cms-primary); font-size: 13px; font-weight:800; text-transform:uppercase; }.cms-search-tool-card h3 { margin:2px 0 3px; color:var(--cms-text); font-size:14px; }.cms-search-tool-card p { margin:0; color:var(--cms-muted); font-size: 13px; line-height:1.45; }.cms-search-tool-card > a > i { color:var(--cms-muted); }
.cms-search-list { display:grid; gap:10px; }.cms-search-item > a { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:15px; border:1px solid var(--cms-line); border-radius:17px; padding:18px; background:var(--cms-surface); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.cms-search-item > a:hover { transform:translateX(5px); border-color:color-mix(in srgb,var(--cms-primary) 55%,var(--cms-line)); box-shadow:0 15px 40px rgba(28,39,75,.08); }.cms-search-item__icon { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:var(--cms-surface-2); color:var(--cms-primary); font-size:18px; }.cms-search-item__type { color:var(--cms-primary); font-size: 13px; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }.cms-search-item h3 { margin:3px 0 5px; color:var(--cms-text); font-size:18px; line-height:1.3; }.cms-search-item p { margin:0 0 5px; color:var(--cms-muted); font-size: 13px; line-height:1.55; }.cms-search-item small { color:color-mix(in srgb,var(--cms-muted) 72%,transparent); font: 13px/1.2 ui-monospace,monospace; }.cms-search-item__arrow { display:grid; place-items:center; width:37px; height:37px; border:1px solid var(--cms-line); border-radius:50%; color:var(--cms-muted); transition:background .2s ease,color .2s ease; }.cms-search-item > a:hover .cms-search-item__arrow { background:var(--cms-primary); color:#fff; }
.cms-search-empty { max-width:650px; margin:20px auto; padding:55px 25px; text-align:center; }.cms-search-empty > span { display:grid; place-items:center; width:70px; height:70px; margin:0 auto 18px; border:1px solid var(--cms-line); border-radius:22px; background:var(--cms-surface); color:var(--cms-primary); font-size:27px; box-shadow:var(--cms-shadow); }.cms-search-empty h2 { margin:0 0 8px; color:var(--cms-text); font-size:30px; }.cms-search-empty p { margin:0 0 20px; color:var(--cms-muted); }.cms-search-empty > div { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; }.cms-search-empty > div a { border:1px solid var(--cms-line); border-radius:999px; padding:8px 12px; background:var(--cms-surface); color:var(--cms-primary); font-size: 13px; font-weight:700; }

/* Главная: локальная диагностика и мини-инструменты */
.cms-workbench-section { position:relative; overflow:hidden; background:linear-gradient(180deg,var(--cms-bg),#0b1220 52%,var(--cms-bg)); }.cms-workbench-section::before { content:""; position:absolute; inset:0; opacity:.32; pointer-events:none; background-image:linear-gradient(rgba(141,124,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,124,255,.08) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent); animation:cmsGridDrift 24s linear infinite; }.cms-workbench-section .container { position:relative; z-index:1; }
.cms-local-badge { display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(57,217,178,.25); border-radius:999px; padding:8px 12px; background:rgba(57,217,178,.07); color:var(--cms-accent); font-size: 13px; font-weight:750; white-space:nowrap; }
.cms-workbench-grid { display:grid; grid-template-columns:1fr; gap:18px; }
.cms-env-panel,.cms-mini-tool,.cms-new-tools-strip { border:1px solid var(--cms-line); background:linear-gradient(145deg,rgba(20,31,50,.96),rgba(13,21,35,.98)); box-shadow:0 25px 70px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035); }
.cms-env-panel { overflow:hidden; border-radius:24px; padding:24px; }.cms-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; padding-bottom:17px; border-bottom:1px solid var(--cms-line); }.cms-panel-heading > div { display:flex; align-items:center; gap:9px; }.cms-panel-heading strong { color:var(--cms-text); font-size:15px; }.cms-panel-heading small { color:var(--cms-muted); font: 13px/1.3 ui-monospace,monospace; }.cms-live-dot { width:8px; height:8px; border-radius:50%; background:var(--cms-accent); box-shadow:0 0 0 6px rgba(57,217,178,.09); animation:cmsPulse 2s ease infinite; }
.cms-env-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.cms-env-grid > div { position:relative; min-width:0; min-height:112px; overflow:hidden; border:1px solid var(--cms-line); border-radius:16px; padding:14px; background:rgba(7,12,22,.48); transition:transform .25s ease,border-color .25s ease,background .25s ease; }.cms-env-grid > div::after { content:""; position:absolute; inset:auto -25px -35px auto; width:75px; height:75px; border-radius:50%; background:radial-gradient(circle,rgba(141,124,255,.18),transparent 68%); }.cms-env-grid > div:hover { transform:translateY(-3px); border-color:rgba(141,124,255,.55); background:rgba(20,28,47,.88); }.cms-env-grid i { display:grid; place-items:center; width:31px; height:31px; margin-bottom:12px; border-radius:9px; background:rgba(141,124,255,.11); color:var(--cms-primary); }.cms-env-grid span { display:block; margin-bottom:4px; color:var(--cms-muted); font-size: 13px; text-transform:uppercase; letter-spacing:.08em; }.cms-env-grid strong { display:block; overflow:hidden; color:var(--cms-text); font-size: 13px; line-height:1.35; text-overflow:ellipsis; }
.cms-location-row { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:12px; border:1px solid var(--cms-line); border-radius:17px; padding:13px 14px; background:rgba(7,12,22,.55); }.cms-location-row > div { display:flex; align-items:center; gap:11px; min-width:0; }.cms-location-row > div > i { display:grid; place-items:center; flex:0 0 38px; height:38px; border-radius:11px; background:rgba(57,217,178,.1); color:var(--cms-accent); }.cms-location-row span { display:grid; min-width:0; }.cms-location-row strong { color:var(--cms-text); font-size: 13px; }.cms-location-row small { overflow:hidden; color:var(--cms-muted); font-size: 13px; text-overflow:ellipsis; white-space:nowrap; }.cms-location-row button { display:inline-flex; align-items:center; gap:7px; border:1px solid var(--cms-line); border-radius:10px; padding:9px 11px; background:var(--cms-surface-2); color:var(--cms-text); font-size: 13px; font-weight:750; transition:border-color .2s ease,color .2s ease; }.cms-location-row button:hover { border-color:var(--cms-accent); color:var(--cms-accent); }
.cms-mini-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.cms-mini-tool { position:relative; overflow:hidden; border-radius:24px; padding:22px; }.cms-mini-tool::after { content:""; position:absolute; z-index:0; width:190px; height:190px; right:-90px; top:-90px; border-radius:50%; background:radial-gradient(circle,rgba(141,124,255,.19),transparent 68%); }.cms-mini-tool--text::after { background:radial-gradient(circle,rgba(57,217,178,.14),transparent 68%); }.cms-mini-tool--latency::after { background:radial-gradient(circle,rgba(255,177,77,.16),transparent 68%); }.cms-mini-tool > * { position:relative; z-index:1; }.cms-mini-tool__head { display:flex; align-items:center; gap:11px; margin-bottom:16px; }.cms-mini-tool__head > span { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:linear-gradient(135deg,var(--cms-primary),#6050d8); color:#fff; box-shadow:0 10px 25px rgba(99,80,216,.24); }.cms-mini-tool--text .cms-mini-tool__head > span { background:linear-gradient(135deg,#13a989,var(--cms-accent)); }.cms-mini-tool--latency .cms-mini-tool__head > span { background:linear-gradient(135deg,#e27532,#ffb14d); }.cms-mini-tool__head small { color:var(--cms-primary); font-size: 13px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }.cms-mini-tool__head h3 { margin:2px 0 0; color:var(--cms-text); font-size:18px; letter-spacing:-.025em; }
.cms-mini-password { display:grid; grid-template-columns:1fr auto; align-items:center; overflow:hidden; border:1px solid var(--cms-line); border-radius:13px; background:#090f1b; }.cms-mini-password output { min-width:0; overflow:hidden; padding:13px; color:#dfe7f8; font: 13px/1.25 ui-monospace,monospace; text-overflow:ellipsis; white-space:nowrap; }.cms-mini-password button { align-self:stretch; width:42px; border:0; border-left:1px solid var(--cms-line); background:transparent; color:var(--cms-muted); }.cms-mini-password button:hover { color:var(--cms-primary); }.cms-mini-settings { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 0; }.cms-mini-settings > label:first-child { display:grid; flex:1; gap:5px; color:var(--cms-muted); font-size: 13px; }.cms-mini-settings strong { color:var(--cms-text); }.cms-mini-settings input[type=range] { width:100%; accent-color:var(--cms-primary); }.cms-switch { display:flex; align-items:center; gap:6px; color:var(--cms-muted); font-size: 13px; }.cms-switch input { position:absolute; opacity:0; }.cms-switch span { position:relative; width:27px; height:15px; border-radius:999px; background:#27334a; transition:background .2s ease; }.cms-switch span::after { content:""; position:absolute; top:3px; left:3px; width:9px; height:9px; border-radius:50%; background:#fff; transition:transform .2s ease; }.cms-switch input:checked + span { background:var(--cms-primary); }.cms-switch input:checked + span::after { transform:translateX(12px); }.cms-mini-action { display:inline-flex; align-items:center; justify-content:center; gap:7px; width:100%; border:0; border-radius:11px; padding:10px 12px; background:linear-gradient(100deg,var(--cms-primary),#6957e8); color:#fff; font-size: 13px; font-weight:800; transition:transform .2s ease,box-shadow .2s ease; }.cms-mini-action:hover { transform:translateY(-2px); box-shadow:0 12px 30px rgba(91,76,240,.25); }
.cms-mini-tool textarea { width:100%; min-height:78px; resize:vertical; border:1px solid var(--cms-line); border-radius:13px; padding:12px; outline:0; background:#090f1b; color:var(--cms-text); font-size: 13px; line-height:1.5; }.cms-mini-tool textarea:focus { border-color:var(--cms-accent); box-shadow:0 0 0 3px rgba(57,217,178,.08); }.cms-mini-text-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:10px; }.cms-mini-text-stats > div { display:grid; border:1px solid var(--cms-line); border-radius:11px; padding:8px; text-align:center; background:rgba(7,12,22,.45); }.cms-mini-text-stats strong { color:var(--cms-text); font-size:16px; }.cms-mini-text-stats span { color:var(--cms-muted); font-size: 13px; }
.cms-mini-latency { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:13px; border:1px solid var(--cms-line); border-radius:13px; padding:12px; background:#090f1b; }.cms-mini-latency > div { display:grid; }.cms-mini-latency strong { color:var(--cms-text); font:800 24px/1 "Clash Display",Inter,sans-serif; }.cms-mini-latency span:not(.cms-latency-grade) { margin-top:4px; color:var(--cms-muted); font-size: 13px; }.cms-latency-grade { border-radius:999px; padding:6px 9px; background:rgba(141,124,255,.1); color:var(--cms-primary); font-size: 13px; font-weight:800; white-space:nowrap; }.cms-latency-grade[data-grade="good"] { background:rgba(57,217,178,.1); color:var(--cms-accent); }.cms-latency-grade[data-grade="medium"] { background:rgba(255,177,77,.11); color:#ffb14d; }.cms-latency-grade[data-grade="slow"] { background:rgba(255,111,137,.11); color:var(--cms-danger); }.cms-mini-note { margin:9px 0 0; color:var(--cms-muted); font-size: 13px; line-height:1.45; }.cms-mini-action.is-loading i { animation:cmsSpin .8s linear infinite; }@keyframes cmsSpin { to { transform:rotate(360deg); } }
.cms-new-tools-strip { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr); align-items:center; gap:25px; margin-top:18px; border-radius:22px; padding:22px 24px; }.cms-new-tools-strip h3 { margin:5px 0 0; color:var(--cms-text); font-size:20px; }.cms-new-tools-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }.cms-new-tools-links a { display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:8px; min-width:0; border:1px solid var(--cms-line); border-radius:12px; padding:9px; background:rgba(7,12,22,.5); color:var(--cms-text); font-size: 13px; font-weight:750; transition:transform .2s ease,border-color .2s ease; }.cms-new-tools-links a > span { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:rgba(141,124,255,.12); color:var(--cms-primary); font:800  13px/1 ui-monospace,monospace; }.cms-new-tools-links a > i { color:var(--cms-muted); }.cms-new-tools-links a:hover { transform:translateY(-3px); border-color:var(--cms-primary); }
@keyframes cmsGridDrift { to { background-position:52px 52px; } }

/* Доверие и манифест проекта */
.cms-trust-section { position:relative; overflow:hidden; background:linear-gradient(180deg,#0b1220,var(--cms-bg)); }.cms-trust-section::before { content:""; position:absolute; width:520px; height:520px; right:-220px; top:40px; border-radius:50%; background:radial-gradient(circle,rgba(141,124,255,.11),transparent 68%); pointer-events:none; }.cms-trust-section .container { position:relative; z-index:1; }
.cms-trust-head { align-items:end; }.cms-trust-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:16px; }.cms-trust-card { position:relative; min-height:330px; overflow:hidden; border:1px solid var(--cms-line); border-radius:25px; padding:25px; background:linear-gradient(145deg,rgba(20,31,50,.98),rgba(11,18,31,.98)); box-shadow:0 24px 65px rgba(0,0,0,.2); transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease; }.cms-trust-card:hover { transform:translateY(-6px); border-color:rgba(141,124,255,.5); box-shadow:0 30px 75px rgba(0,0,0,.28); }.cms-trust-card--featured { background:radial-gradient(circle at 85% 15%,rgba(141,124,255,.2),transparent 34%),linear-gradient(145deg,#17223a,#0b1322); }.cms-trust-card__number { position:absolute; right:20px; top:14px; color:rgba(255,255,255,.04); font:850 76px/1 "Clash Display",Inter,sans-serif; }.cms-trust-card__icon { display:grid; place-items:center; width:47px; height:47px; margin-bottom:42px; border:1px solid rgba(141,124,255,.25); border-radius:15px; background:rgba(141,124,255,.1); color:var(--cms-primary); font-size:19px; }.cms-trust-card h3 { position:relative; margin:0 0 10px; color:var(--cms-text); font-size:23px; line-height:1.12; letter-spacing:-.035em; }.cms-trust-card p { position:relative; margin:0; color:var(--cms-muted); font-size:13px; line-height:1.7; }.cms-trust-card > a { display:inline-flex; align-items:center; gap:8px; margin-top:22px; color:var(--cms-primary); font-size: 13px; font-weight:800; }.cms-trust-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:22px; }.cms-trust-tags span { border:1px solid var(--cms-line); border-radius:999px; padding:6px 8px; background:rgba(7,12,22,.45); color:var(--cms-muted); font-size: 13px; font-weight:800; }
.cms-trust-terminal { display:grid; gap:7px; margin-top:24px; border:1px solid var(--cms-line); border-radius:15px; padding:12px 14px; background:#070d17; }.cms-trust-terminal > span { display:flex; align-items:center; gap:5px; margin-bottom:4px; padding-bottom:9px; border-bottom:1px solid var(--cms-line); color:var(--cms-muted); font: 13px/1 ui-monospace,monospace; }.cms-trust-terminal > span i { width:6px; height:6px; border-radius:50%; background:#ff6f89; }.cms-trust-terminal > span i:nth-child(2) { background:#ffb14d; }.cms-trust-terminal > span i:nth-child(3) { margin-right:4px; background:var(--cms-accent); }.cms-trust-terminal code { color:#a9b8cd; font: 13px/1.4 ui-monospace,monospace; }.cms-trust-terminal code b { color:var(--cms-accent); }
.cms-project-manifesto { display:grid; grid-template-columns:1.15fr .85fr; gap:42px; align-items:center; margin-top:18px; overflow:hidden; border:1px solid var(--cms-line); border-radius:27px; padding:38px; background:linear-gradient(120deg,rgba(25,36,59,.98),rgba(12,20,34,.98)); box-shadow:0 28px 75px rgba(0,0,0,.22); }.cms-project-manifesto__intro h2 { margin:8px 0 13px; color:var(--cms-text); font-size:clamp(32px,4vw,48px); line-height:1.02; letter-spacing:-.05em; }.cms-project-manifesto__intro p { max-width:710px; margin:0; color:var(--cms-muted); font-size:14px; line-height:1.75; }.cms-project-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }.cms-project-metrics { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.cms-project-metrics > div { display:grid; min-height:125px; align-content:center; border:1px solid var(--cms-line); border-radius:18px; padding:18px; background:rgba(7,12,22,.47); }.cms-project-metrics strong { color:var(--cms-text); font:850 35px/1 "Clash Display",Inter,sans-serif; }.cms-project-metrics span { margin-top:7px; color:var(--cms-muted); font-size: 13px; line-height:1.35; text-transform:uppercase; letter-spacing:.07em; }

/* Дополнительная глубина и анимация тёмной темы */
.cms-tool-card,.cms-news-card,.cms-role-card,.cms-content-card,.cms-contact-card { background:linear-gradient(145deg,rgba(19,29,47,.98),rgba(13,21,35,.98)); }.cms-tool-card:hover,.cms-news-card:hover,.cms-role-card:hover { box-shadow:0 26px 65px rgba(0,0,0,.34),0 0 0 1px rgba(141,124,255,.1); }.cms-page-hero,.cms-search-hero,.cms-article-hero { background-color:#0c1422; }.cms-btn:focus-visible,.cms-icon-button:focus-visible,.cms-brand:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:2px solid var(--cms-accent); outline-offset:3px; }

.cms-contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 24px; }.cms-contact-card { border: 1px solid var(--cms-line); border-radius: var(--cms-radius); padding: 28px; background: var(--cms-surface); }.cms-contact-card h2 { color: var(--cms-text); }.cms-contact-card p { color: var(--cms-muted); }.cms-contact-links { display: grid; gap: 12px; margin-top: 24px; }.cms-contact-links a { border: 1px solid var(--cms-line); border-radius: 12px; padding: 12px 14px; color: var(--cms-text); }.cms-contact-links a:hover { border-color: var(--cms-primary); color: var(--cms-primary); }.cms-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.footer-area { padding-top: 68px !important; background: #0b1020 !important; color: #dce5f5; }
.cms-footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 34px; padding-bottom: 45px; }.cms-brand--footer .cms-brand__mark { width:46px; height:46px; }.cms-brand--footer .cms-brand__copy strong { font-size:28px; }.cms-footer-text { margin-top: 14px; color: #9caac0; line-height: 1.65; }.cms-footer-title { margin: 5px 0 16px; color: #fff; font-size: 15px; }.cms-footer-links { display: grid; gap: 9px; }.cms-footer-links a { color: #aebbd0; font-size: 14px; }.cms-footer-links a:hover { color: #fff; }.cms-footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding: 22px 0; border-top: 1px solid #222d43; color: #8f9db4; font-size: 13px; }

.cms-toast-region { position: fixed; right: 18px; bottom: 18px; z-index: 3000; display: grid; gap: 8px; }.cms-toast { min-width: 220px; border: 1px solid var(--cms-line); border-radius: 12px; padding: 12px 15px; background: var(--cms-surface); color: var(--cms-text); box-shadow: var(--cms-shadow); animation: cmsToast .2s ease; }@keyframes cmsToast { from { opacity: 0; transform: translateY(10px); } }

.cms-reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease var(--cms-delay,0ms), transform .65s cubic-bezier(.2,.7,.2,1) var(--cms-delay,0ms); }.cms-reveal.is-visible { opacity:1; transform:translateY(0); }

@media (max-width: 1199px) {
    .cms-search-shortcut { min-width: 42px; width: 42px; padding: 0; justify-content: center; }.cms-search-shortcut span, .cms-search-shortcut kbd { display: none; }
    .theme-main-menu .cms-primary-nav .nav-link { padding:10px 8px !important; font-size: 13px !important; }.theme-main-menu .cms-primary-nav .nav-link i { display:none; }
    .cms-hero-layout { grid-template-columns:minmax(0,1fr) 410px; gap:38px; }.cms-hero--v2 h1 { font-size:54px; }.cms-floating-tag { display:none; }
    .cms-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.cms-home-bento { grid-template-columns:repeat(2,minmax(0,1fr)); }.cms-bento-card--1,.cms-bento-card--2 { grid-column:span 1; }
    .cms-article-layout { grid-template-columns: minmax(0,1fr) 250px; }.cms-article-aside { top:90px; }.cms-article-toc { position: static; }
    .cms-workbench-grid { grid-template-columns:1fr; }.cms-mini-tools { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto; }.cms-new-tools-strip { grid-template-columns:1fr; }.cms-new-tools-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 991px) {
    :root { --cms-header-height:74px; }.theme-main-menu,.theme-main-menu.is-scrolled { min-height:74px; padding:9px 0 !important; }.cms-tools-launcher { top:calc(var(--cms-admin-offset) + 80px); }.cms-hero { padding-top: 120px; }.cms-hero--v2 { padding-bottom:68px; }.cms-hero-layout { grid-template-columns:1fr; }.cms-hero-copy { max-width:760px; }.cms-home-panel { width:min(600px,100%); margin:0 auto; transform:none; }
    .cms-role-grid { grid-template-columns:1fr; }.cms-role-card p { min-height:0; }.cms-solution-strip { grid-template-columns:1fr; }.cms-solution-strip > i { transform:rotate(90deg); justify-self:center; }
    .cms-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.cms-blog-intro__inner { align-items:stretch; flex-direction:column; }.cms-blog-intro__inner form { width:100%; }
    .cms-article-hero__grid { grid-template-columns:1fr; }.cms-article-hero__image { min-height:250px; transform:none; }.cms-article-hero__image img { min-height:250px; }.cms-article-layout { grid-template-columns:1fr; }.cms-article-aside { position:static; grid-template-columns:1fr 1fr; order:-1; }
    .cms-search-tools-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cms-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.cms-contact-layout { grid-template-columns: 1fr; }
    .cms-env-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.cms-mini-tools { grid-template-columns:1fr 1fr; }.cms-mini-tool--latency { grid-column:1/-1; }.cms-trust-grid { grid-template-columns:1fr 1fr; }.cms-trust-card--featured { grid-column:1/-1; }.cms-project-manifesto { grid-template-columns:1fr; }
}
@media (max-width: 767px) {
    .cms-hero { padding: 105px 0 65px; }.cms-hero--v2 { min-height:0; padding-bottom:65px; }.cms-hero--v2 h1 { font-size:clamp(40px,12vw,56px); }.cms-hero--v2 .cms-hero__lead { font-size:16px; }.cms-hero--v2 .cms-hero-search { display:grid; grid-template-columns:auto 1fr; }.cms-hero--v2 .cms-hero-search button { grid-column:1/-1; }.cms-hero-proof { flex-wrap:wrap; gap:18px; }.cms-hero-proof > div { padding:0 14px; }.cms-home-panel { padding:0 15px 15px; }.cms-home-panel__bar { margin:0 -15px 20px; }.cms-home-panel__tools a { grid-template-columns:42px 1fr auto; }.cms-home-panel__command { display:none; }.cms-hero-ticker { display:none; }
    .cms-section { padding: 62px 0; }.cms-section-head { display: block; }.cms-section-head .cms-link-arrow { display: inline-block; margin-top: 15px; }.cms-home-bento,.cms-role-grid,.cms-news-grid { grid-template-columns:1fr; }.cms-bento-card--1 p,.cms-bento-card--2 p { max-width:none; }
    .cms-news-slider .slick-arrow { display:none !important; }.cms-news-section { padding-top:55px; }
    .cms-tool-grid, .cms-tool-grid--home, .cms-content-grid, .cms-field-grid, .cms-field-grid--3, .cms-preview-grid, .cms-color-workspace { grid-template-columns: 1fr; }.cms-color-picker { min-height:180px; }.cms-tool-heading { grid-template-columns: auto 1fr; }.cms-tool-heading .cms-favorite-btn { grid-column: 1 / -1; }.cms-stats { grid-template-columns: repeat(2, 1fr); }
    .cms-article-hero { padding:110px 0 45px; }.cms-article-hero h1 { font-size:38px; }.cms-article-hero__copy > p { font-size:14px; }.cms-article-aside { grid-template-columns:1fr; }.style-single-content.cms-article-shell { padding:24px 19px; }.cms-article-shell { font-size:16px; }.cms-article-shell h2 { font-size:25px; }.cms-helpful { grid-template-columns:1fr; text-align:center; }.cms-helpful__icon { margin:0 auto; }.cms-helpful > div:last-child { white-space:normal; }
    .cms-search-hero { padding:110px 0 50px; }.cms-search-hero h1 { font-size:39px; }.cms-search-page-form { display:grid; grid-template-columns:auto 1fr; }.cms-search-page-form button { grid-column:1/-1; justify-content:center; }.cms-search-results-head { align-items:start; flex-direction:column; }.cms-search-tools-row { grid-template-columns:1fr; }.cms-search-item > a { grid-template-columns:42px 1fr; }.cms-search-item__arrow { display:none; }.cms-search-item h3 { font-size:16px; }
    .cms-footer-grid { grid-template-columns: 1fr; }.cms-footer-bottom { display: block; }.cms-footer-bottom span { display: block; margin-top: 8px; }.cms-search-dialog form { display: grid; }
    .cms-tools-launcher { right:16px; left:16px; width:auto; }.cms-tools-launcher__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cms-brand__mark { width:36px; height:36px; }.cms-brand__copy strong { font-size:21px; }.cms-brand__copy small { font-size: 13px; }.cms-mini-tools { grid-template-columns:1fr; }.cms-mini-tool--latency { grid-column:auto; }.cms-env-panel,.cms-mini-tool { padding:17px; border-radius:19px; }.cms-panel-heading { align-items:flex-start; flex-direction:column; }.cms-env-grid { grid-template-columns:1fr 1fr; }.cms-env-grid > div { min-height:105px; }.cms-location-row { align-items:stretch; flex-direction:column; }.cms-location-row button { justify-content:center; }.cms-new-tools-strip { padding:18px; }.cms-new-tools-links { grid-template-columns:1fr; }.cms-trust-grid { grid-template-columns:1fr; }.cms-trust-card--featured { grid-column:auto; }.cms-trust-card { min-height:0; }.cms-project-manifesto { padding:24px 19px; }.cms-project-metrics { grid-template-columns:1fr 1fr; }.cms-project-metrics > div { min-height:105px; padding:14px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }.cms-reveal { opacity:1 !important; transform:none !important; } }

/* V5: база знаний, авторская страница, CTA и интерактивная главная */
.cms-tools-hero { position:relative; overflow:hidden; padding:140px 0 55px; border-bottom:1px solid var(--cms-line); background:radial-gradient(circle at 80% 20%,rgba(141,124,255,.18),transparent 30%),#0b1321; }.cms-tools-hero::before { content:""; position:absolute; inset:0; opacity:.24; background-image:linear-gradient(rgba(141,124,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,124,255,.08) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,black,transparent); }.cms-tools-hero .container { position:relative; }.cms-tools-hero__layout { display:grid; grid-template-columns:1fr auto; gap:50px; align-items:end; margin-top:28px; }.cms-tools-hero h1 { margin:8px 0 13px; color:var(--cms-text); font-size:clamp(43px,6vw,72px); line-height:1; letter-spacing:-.055em; }.cms-tools-hero h1 span { color:var(--cms-primary); }.cms-tools-hero p { max-width:820px; margin:0; color:var(--cms-muted); font-size:15px; line-height:1.7; }.cms-tools-hero__chips { display:grid; gap:8px; min-width:230px; }.cms-tools-hero__chips span { display:flex; align-items:center; gap:8px; border:1px solid var(--cms-line); border-radius:12px; padding:11px 13px; background:rgba(8,14,25,.55); color:#b3bfd1; font-size: 13px; font-weight:750; }.cms-tools-hero__chips i { color:var(--cms-accent); }
.cms-blog-page .cms-blog-intro { padding-top:125px; }.cms-blog-intro--section { padding-top:125px; }.cms-blog-intro__inner h1 { margin:6px 0 6px; color:var(--cms-text); font-size:clamp(31px,4vw,52px); line-height:1.06; letter-spacing:-.045em; }.cms-blog-intro--section .cms-breadcrumbs { margin-bottom:18px; }
.cms-pager { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; max-width:760px; margin:0 auto; }.cms-pager__pages { display:flex; align-items:center; justify-content:center; gap:7px; }.cms-pager a,.cms-pager__pages > span { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; border:1px solid var(--cms-line); border-radius:12px; background:var(--cms-surface); color:var(--cms-muted); font-size: 13px; font-weight:800; transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease; }.cms-pager a:hover { transform:translateY(-2px); border-color:var(--cms-primary); color:var(--cms-text); }.cms-pager__pages .is-current { border-color:var(--cms-primary); background:linear-gradient(135deg,var(--cms-primary),#6858e6); color:#fff; box-shadow:0 12px 28px rgba(91,76,240,.25); }.cms-pager__pages > span:not(.is-current) { min-width:24px; border:0; background:transparent; }.cms-pager__arrow { gap:7px; min-width:94px !important; padding:0 13px; }.cms-pager__arrow.is-disabled { pointer-events:none; opacity:.35; }

.cms-article-quick h3 { margin:5px 0 12px; color:var(--cms-text); font-size:17px; }.cms-article-quick > a { grid-template-columns:36px 1fr auto; }.cms-article-quick__icon { display:grid !important; place-items:center; width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,var(--cms-primary),#6655e1); color:#fff !important; font:850  13px/1 ui-monospace,monospace; }.cms-article-quick > a > i:last-child { color:var(--cms-muted); font-size: 13px; }.cms-article-quick__all { display:flex !important; justify-content:center; border:0 !important; padding:8px 0 0 !important; background:transparent !important; color:var(--cms-primary) !important; font-size: 13px; font-weight:800; }

.cms-author-page { overflow:hidden; background:var(--cms-bg); }.cms-author-hero { position:relative; overflow:hidden; padding:145px 0 86px; border-bottom:1px solid var(--cms-line); background:radial-gradient(circle at 78% 20%,rgba(141,124,255,.2),transparent 31%),radial-gradient(circle at 10% 82%,rgba(57,217,178,.1),transparent 28%),#0b1321; }.cms-author-hero__grid { position:absolute; inset:0; opacity:.34; background-image:linear-gradient(rgba(141,124,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,124,255,.08) 1px,transparent 1px); background-size:50px 50px; mask-image:linear-gradient(to bottom,black,transparent 92%); animation:cmsGridDrift 22s linear infinite; }.cms-author-hero .container { position:relative; }.cms-author-hero__layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(390px,.75fr); align-items:center; gap:72px; margin-top:34px; }.cms-author-hero__copy h1 { margin:17px 0 20px; color:var(--cms-text); font-size:clamp(48px,6vw,78px); line-height:.98; letter-spacing:-.06em; }.cms-author-hero__copy h1 span { color:transparent; background:linear-gradient(100deg,var(--cms-primary),var(--cms-accent)); -webkit-background-clip:text; background-clip:text; }.cms-author-hero__copy > p { max-width:760px; color:var(--cms-muted); font-size:17px; line-height:1.72; }.cms-author-hero__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:27px; }.cms-author-proof { display:flex; flex-wrap:wrap; gap:17px; margin-top:25px; }.cms-author-proof span { display:inline-flex; align-items:center; gap:6px; color:#aab7ca; font-size: 13px; font-weight:700; }.cms-author-proof i { color:var(--cms-accent); }
.cms-author-editor { overflow:hidden; border:1px solid rgba(141,124,255,.26); border-radius:24px; background:rgba(8,14,25,.88); box-shadow:0 36px 100px rgba(0,0,0,.38),0 0 80px rgba(91,76,240,.08); transform:rotate(1.5deg); backdrop-filter:blur(16px); }.cms-author-editor__bar { display:flex; align-items:center; gap:6px; padding:14px 16px; border-bottom:1px solid var(--cms-line); background:rgba(22,32,51,.85); }.cms-author-editor__bar > i { width:7px; height:7px; border-radius:50%; background:#ff6f89; }.cms-author-editor__bar > i:nth-child(2) { background:#ffb14d; }.cms-author-editor__bar > i:nth-child(3) { background:var(--cms-accent); }.cms-author-editor__bar span { margin-left:8px; color:#8fa0b9; font: 13px/1 ui-monospace,monospace; }.cms-author-editor__bar b { margin-left:auto; border-radius:999px; padding:5px 8px; background:rgba(57,217,178,.09); color:var(--cms-accent); font-size: 13px; text-transform:uppercase; letter-spacing:.08em; }.cms-author-editor__body { display:grid; gap:12px; padding:29px; }.cms-author-editor__body code { color:#b7c3d5; font: 13px/1.4 ui-monospace,monospace; }.cms-author-editor__body code:first-child { margin-bottom:10px; color:#eef4ff; font-size:20px; font-weight:800; }.cms-author-editor__body code em { color:var(--cms-primary); font-style:normal; }.cms-author-editor__body code span { display:inline-grid; place-items:center; width:25px; height:25px; margin-right:10px; border-radius:7px; background:rgba(141,124,255,.1); color:var(--cms-primary); font-size: 13px; }.cms-author-editor__status { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--cms-line); }.cms-author-editor__status span { display:flex; align-items:center; gap:7px; padding:14px 17px; color:#9eabc0; font-size: 13px; }.cms-author-editor__status span + span { border-left:1px solid var(--cms-line); }.cms-author-editor__status i { color:var(--cms-accent); }
.cms-author-benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }.cms-author-benefit-grid article { position:relative; min-height:280px; overflow:hidden; border:1px solid var(--cms-line); border-radius:22px; padding:24px; background:linear-gradient(145deg,#141f32,#0c1422); transition:transform .25s ease,border-color .25s ease; }.cms-author-benefit-grid article:hover { transform:translateY(-6px); border-color:rgba(141,124,255,.5); }.cms-author-benefit-grid article > span { position:absolute; right:17px; top:11px; color:rgba(255,255,255,.04); font:850 58px/1 "Clash Display",sans-serif; }.cms-author-benefit-grid i { display:grid; place-items:center; width:47px; height:47px; margin-bottom:70px; border-radius:14px; background:rgba(141,124,255,.11); color:var(--cms-primary); font-size:19px; }.cms-author-benefit-grid h3 { margin:0 0 9px; color:var(--cms-text); font-size:21px; }.cms-author-benefit-grid p { margin:0; color:var(--cms-muted); font-size: 13px; line-height:1.65; }
.cms-author-process { background:#0b1220; }.cms-author-process__layout { display:grid; grid-template-columns:.75fr 1.25fr; align-items:start; gap:70px; }.cms-author-process__copy { position:sticky; top:110px; }.cms-author-process__copy h2 { margin:8px 0 14px; color:var(--cms-text); font-size:clamp(35px,4vw,52px); line-height:1.03; letter-spacing:-.05em; }.cms-author-process__copy p { color:var(--cms-muted); font-size:14px; line-height:1.75; }.cms-author-steps { display:grid; gap:12px; margin:0; padding:0; list-style:none; counter-reset:none; }.cms-author-steps li { display:grid; grid-template-columns:58px 1fr; gap:18px; align-items:center; border:1px solid var(--cms-line); border-radius:19px; padding:20px; background:linear-gradient(135deg,#111c2d,#0b1422); }.cms-author-steps li > span { display:grid; place-items:center; width:58px; height:58px; border:1px solid rgba(141,124,255,.25); border-radius:17px; background:rgba(141,124,255,.1); color:var(--cms-primary); font:850 19px/1 "Clash Display",sans-serif; }.cms-author-steps h3 { margin:0 0 4px; color:var(--cms-text); font-size:19px; }.cms-author-steps p { margin:0; color:var(--cms-muted); font-size: 13px; line-height:1.6; }.cms-author-guidelines { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center; border:1px solid var(--cms-line); border-radius:27px; padding:36px; background:linear-gradient(135deg,#17233a,#0c1524); }.cms-author-guidelines h2 { margin:7px 0 12px; color:var(--cms-text); font-size:36px; }.cms-author-guidelines p { color:var(--cms-muted); }.cms-author-checks { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.cms-author-checks span { display:flex; align-items:center; gap:8px; border:1px solid var(--cms-line); border-radius:12px; padding:12px; color:#b6c2d4; font-size: 13px; }.cms-author-checks i { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:rgba(57,217,178,.1); color:var(--cms-accent); }.cms-author-topics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:14px; }.cms-author-topics a { display:flex; align-items:center; gap:11px; border:1px solid var(--cms-line); border-radius:16px; padding:15px; background:var(--cms-surface); }.cms-author-topics > a > i { display:grid; place-items:center; width:39px; height:39px; border-radius:11px; background:rgba(141,124,255,.1); color:var(--cms-primary); }.cms-author-topics span { display:grid; }.cms-author-topics strong { color:var(--cms-text); font-size: 13px; }.cms-author-topics small { color:var(--cms-muted); font-size: 13px; }

.cms-contact-cta { position:relative; overflow:hidden; padding:35px 0 86px; background:var(--cms-bg); }.cms-contact-cta__inner { display:grid; grid-template-columns:120px 1fr 245px; align-items:center; gap:34px; overflow:hidden; border:1px solid rgba(141,124,255,.28); border-radius:28px; padding:34px; background:radial-gradient(circle at 8% 50%,rgba(141,124,255,.18),transparent 28%),linear-gradient(120deg,#18243b,#0c1524); box-shadow:0 35px 90px rgba(0,0,0,.28); }.cms-contact-cta__signal { position:relative; display:grid; place-items:center; width:108px; height:108px; }.cms-contact-cta__signal span { position:absolute; inset:0; border:1px solid rgba(141,124,255,.2); border-radius:50%; animation:cmsCtaPulse 3s ease-out infinite; }.cms-contact-cta__signal span:nth-child(2) { inset:14px; animation-delay:.5s; }.cms-contact-cta__signal span:nth-child(3) { inset:28px; animation-delay:1s; }.cms-contact-cta__signal i { position:relative; z-index:2; display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:linear-gradient(135deg,var(--cms-primary),#6655de); color:#fff; font-size:21px; box-shadow:0 15px 35px rgba(91,76,240,.3); }.cms-contact-cta__copy h2 { margin:6px 0 10px; color:var(--cms-text); font-size:clamp(29px,4vw,46px); line-height:1.04; letter-spacing:-.045em; }.cms-contact-cta__copy h2 span { color:var(--cms-accent); }.cms-contact-cta__copy > p { max-width:760px; margin:0; color:var(--cms-muted); font-size:13px; line-height:1.65; }.cms-contact-cta__copy > div { display:flex; flex-wrap:wrap; gap:13px; margin-top:17px; }.cms-contact-cta__copy > div span { display:inline-flex; align-items:center; gap:5px; color:#aebbd0; font-size: 13px; font-weight:700; }.cms-contact-cta__copy > div i { color:var(--cms-accent); }.cms-contact-cta__actions { display:grid; gap:10px; justify-items:stretch; }.cms-contact-cta__actions .cms-btn { justify-content:center; }.cms-contact-cta__actions > a:not(.cms-btn) { color:var(--cms-primary); font-size:13px; font-weight:800; text-align:center; }.cms-contact-cta__actions small { color:var(--cms-muted); font-size: 13px; line-height:1.45; text-align:center; }@keyframes cmsCtaPulse { 0% { transform:scale(.78); opacity:0; } 30% { opacity:1; } 100% { transform:scale(1.12); opacity:0; } }

.cms-quick-insights { position:relative; overflow:hidden; background:linear-gradient(180deg,var(--cms-bg),#0b1220); }.cms-quick-grid { display:grid; grid-template-columns:1.05fr 1fr 1.15fr 1fr; gap:13px; }.cms-quick-card { min-height:270px; overflow:hidden; border:1px solid var(--cms-line); border-radius:22px; padding:22px; background:linear-gradient(145deg,#142033,#0c1422); }.cms-quick-card__head { display:flex; align-items:center; gap:10px; margin-bottom:35px; }.cms-quick-card__head > span { display:grid; place-items:center; width:39px; height:39px; border-radius:12px; background:rgba(141,124,255,.11); color:var(--cms-primary); }.cms-quick-card__head small { color:var(--cms-muted); font-size: 13px; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }.cms-quick-card > strong { display:block; color:var(--cms-text); font:850 42px/1 "Clash Display",sans-serif; letter-spacing:-.04em; }.cms-quick-card > p { margin:8px 0 0; color:var(--cms-muted); font-size: 13px; line-height:1.6; }.cms-quick-tz { display:flex; align-items:center; gap:7px; margin-top:22px; color:var(--cms-primary); font-size: 13px; font-weight:700; }.cms-quick-actions { display:grid; grid-template-columns:1fr auto; gap:7px; margin-top:19px; }.cms-quick-actions button,.cms-quick-card--route > button { border:0; border-radius:10px; padding:10px 13px; background:var(--cms-primary); color:#fff; font-size: 13px; font-weight:800; }.cms-quick-actions button:last-child { background:var(--cms-surface-2); color:var(--cms-muted); }.cms-quick-card--route h3 { margin:0 0 14px; color:var(--cms-text); font-size:23px; }.cms-quick-card--route select { width:100%; border:1px solid var(--cms-line); border-radius:11px; padding:11px; outline:0; background:#090f1b; color:var(--cms-text); font-size: 13px; }.cms-quick-card--route > button { display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:9px; }.cms-status-list { display:grid; gap:9px; }.cms-status-list > div { display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:8px; border:1px solid var(--cms-line); border-radius:11px; padding:11px; background:rgba(7,12,22,.4); }.cms-status-list i { width:7px; height:7px; border-radius:50%; background:var(--cms-primary); box-shadow:0 0 10px rgba(141,124,255,.5); }.cms-status-list i[data-state=online] { background:var(--cms-accent); box-shadow:0 0 10px rgba(57,217,178,.5); }.cms-status-list i[data-state=offline] { background:var(--cms-danger); }.cms-status-list span { color:var(--cms-muted); font-size: 13px; }.cms-status-list strong { color:var(--cms-text); font-size: 13px; }

.cms-qr-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:24px; }.cms-qr-controls { display:grid; gap:17px; }.cms-qr-preview { display:grid; align-content:center; justify-items:center; min-height:430px; border:1px solid var(--cms-line); border-radius:20px; padding:24px; background:radial-gradient(circle at 50% 40%,rgba(141,124,255,.1),transparent 50%),#090f1b; }.cms-qr-preview canvas { max-width:100%; height:auto; border-radius:10px; box-shadow:0 25px 60px rgba(0,0,0,.35); }.cms-qr-preview p { margin:15px 0 0; color:var(--cms-muted); font-size: 13px; text-align:center; }.cms-logo-drop { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; border:1px dashed rgba(141,124,255,.35); border-radius:13px; padding:12px; background:rgba(141,124,255,.04); color:var(--cms-muted); }.cms-logo-drop input { position:absolute; width:1px; height:1px; opacity:0; }.cms-logo-drop i { color:var(--cms-primary); font-size:18px; }.cms-logo-drop strong { display:block; color:var(--cms-text); font-size: 13px; }.cms-logo-drop small { display:block; margin-top:2px; font-size: 13px; }.cms-logo-drop button { border:0; border-radius:8px; padding:7px 9px; background:var(--cms-surface-2); color:var(--cms-muted); font-size: 13px; }

@media (max-width:1199px) { .cms-author-benefit-grid,.cms-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.cms-author-hero__layout { gap:38px; }.cms-contact-cta__inner { grid-template-columns:90px 1fr 220px; }.cms-qr-layout { grid-template-columns:1fr 320px; } }
@media (max-width:991px) { .cms-tools-hero__layout,.cms-author-hero__layout,.cms-author-process__layout,.cms-author-guidelines { grid-template-columns:1fr; }.cms-tools-hero__chips { grid-template-columns:repeat(3,1fr); }.cms-author-editor { max-width:620px; transform:none; }.cms-author-process__copy { position:static; }.cms-author-topics { grid-template-columns:1fr 1fr; }.cms-contact-cta__inner { grid-template-columns:90px 1fr; }.cms-contact-cta__actions { grid-column:1/-1; grid-template-columns:220px 1fr; align-items:center; }.cms-contact-cta__actions small { grid-column:1/-1; }.cms-qr-layout { grid-template-columns:1fr; }.cms-qr-preview { min-height:360px; } }
@media (max-width:767px) { .cms-tools-hero { padding:110px 0 45px; }.cms-tools-hero__chips { grid-template-columns:1fr; }.cms-blog-intro--section { padding-top:105px; }.cms-pager { grid-template-columns:1fr 1fr; }.cms-pager__pages { grid-column:1/-1; grid-row:1; flex-wrap:wrap; }.cms-pager__arrow { grid-row:2; }.cms-author-hero { padding:115px 0 65px; }.cms-author-hero__copy h1 { font-size:43px; }.cms-author-hero__copy > p { font-size:14px; }.cms-author-editor__body { padding:20px; }.cms-author-editor__body code { font-size: 13px; }.cms-author-benefit-grid,.cms-quick-grid,.cms-author-checks,.cms-author-topics { grid-template-columns:1fr; }.cms-author-benefit-grid article { min-height:0; }.cms-author-benefit-grid i { margin-bottom:35px; }.cms-author-process__layout { gap:35px; }.cms-author-guidelines { padding:23px 18px; }.cms-contact-cta { padding-bottom:62px; }.cms-contact-cta__inner { grid-template-columns:1fr; padding:23px 18px; }.cms-contact-cta__signal { width:86px; height:86px; }.cms-contact-cta__actions { grid-column:auto; grid-template-columns:1fr; }.cms-author-proof { gap:10px; }.cms-quick-card { min-height:0; }.cms-quick-card__head { margin-bottom:24px; }.cms-article-quick > a { grid-template-columns:36px 1fr auto; } }

/* Маркер активной сборки: помогает сразу отличить новый шаблон после очистки кеша. */
.cms-footer-bottom { display:flex; align-items:center; gap:16px; }
.cms-footer-bottom > span { margin-left:auto; }
@media (max-width:575px) { .cms-footer-bottom { flex-wrap:wrap; }.cms-footer-bottom > span { width:100%; margin-left:0; } }

/* CMS.BY Services 6.0 */
.cms-header-phone { display:flex; align-items:center; gap:9px; margin-right:8px; border:1px solid var(--cms-line); border-radius:13px; padding:7px 10px; background:rgba(10,17,29,.62); color:var(--cms-text); }.cms-header-phone > i { color:var(--cms-accent); font-size:14px; }.cms-header-phone > span { display:grid; text-align:left; }.cms-header-phone small { color:var(--cms-muted); font-size: 13px; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }.cms-header-phone strong { color:var(--cms-text); font-size: 13px; white-space:nowrap; }
.has-mega-menu { position:relative; }.cms-nav-mega { position:absolute; z-index:120; top:calc(100% + 18px); left:-150px; display:grid; grid-template-columns:210px 1fr; width:720px; overflow:hidden; border:1px solid rgba(141,124,255,.28); border-radius:20px; background:rgba(8,14,25,.97); box-shadow:0 30px 90px rgba(0,0,0,.48); opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity .2s ease,transform .2s ease,visibility .2s ease; backdrop-filter:blur(20px); }.has-mega-menu:hover .cms-nav-mega,.has-mega-menu:focus-within .cms-nav-mega { opacity:1; visibility:visible; transform:none; }.cms-nav-mega__intro { padding:23px; border-right:1px solid var(--cms-line); background:radial-gradient(circle at 20% 20%,rgba(141,124,255,.19),transparent 55%); }.cms-nav-mega__intro > strong { display:block; margin:8px 0; color:var(--cms-text); font-size:18px; }.cms-nav-mega__intro > p { margin:0 0 28px; color:var(--cms-muted); font-size: 13px; line-height:1.6; }.cms-nav-mega__intro > a { color:var(--cms-primary); font-size: 13px; font-weight:800; }.cms-nav-mega__links { display:grid; grid-template-columns:1fr 1fr; gap:5px; padding:13px; }.cms-nav-mega__links > a { display:grid; grid-template-columns:38px 1fr; gap:10px; align-items:center; border-radius:13px; padding:10px; color:var(--cms-text); }.cms-nav-mega__links > a:hover { background:rgba(141,124,255,.09); }.cms-nav-mega__links > a > i { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:rgba(141,124,255,.1); color:var(--cms-primary); }.cms-nav-mega__links span { display:grid; }.cms-nav-mega__links strong { font-size: 13px; }.cms-nav-mega__links small { margin-top:3px; color:var(--cms-muted); font-size: 13px; }
.cms-home-services { position:relative; overflow:hidden; border-bottom:1px solid var(--cms-line); background:radial-gradient(circle at 90% 10%,rgba(57,217,178,.08),transparent 26%),#0a111e; }.cms-home-services__top { display:grid; grid-template-columns:1fr 260px; gap:50px; align-items:end; margin-bottom:28px; }.cms-home-services__top h2 { max-width:820px; margin:8px 0 13px; color:var(--cms-text); font-size:clamp(38px,5vw,62px); line-height:1; letter-spacing:-.055em; }.cms-home-services__top p { max-width:850px; margin:0; color:var(--cms-muted); font-size:14px; line-height:1.72; }.cms-home-services__contact { display:grid; justify-items:end; border-right:2px solid var(--cms-accent); padding-right:14px; text-align:right; }.cms-home-services__contact > span { color:var(--cms-text); font-size: 13px; font-weight:800; }.cms-home-services__contact > a { margin:4px 0; color:var(--cms-accent); font-size:17px; font-weight:850; }.cms-home-services__contact small { color:var(--cms-muted); font-size: 13px; }.cms-home-services__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.cms-home-services__grid > a { display:grid; grid-template-columns:43px 1fr auto; gap:11px; align-items:center; min-height:110px; border:1px solid var(--cms-line); border-radius:17px; padding:16px; background:linear-gradient(145deg,#132034,#0c1422); transition:transform .22s ease,border-color .22s ease,background .22s ease; }.cms-home-services__grid > a:hover { transform:translateY(-4px); border-color:rgba(141,124,255,.48); background:#142239; }.cms-home-services__grid > a > i { display:grid; place-items:center; width:43px; height:43px; border-radius:13px; background:rgba(141,124,255,.11); color:var(--cms-primary); font-size:17px; }.cms-home-services__grid span { display:grid; }.cms-home-services__grid strong { color:var(--cms-text); font-size: 13px; }.cms-home-services__grid small { margin-top:4px; color:var(--cms-muted); font-size: 13px; line-height:1.45; }.cms-home-services__grid em { color:var(--cms-muted); font-size: 13px; }.cms-home-services__foot { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:20px; border:1px solid var(--cms-line); border-radius:17px; padding:13px 15px 13px 18px; background:rgba(7,12,22,.4); }.cms-home-services__foot > div { display:flex; gap:9px; align-items:center; color:var(--cms-muted); font-size: 13px; }.cms-home-services__foot > div i { color:var(--cms-accent); }
.cms-services-page,.cms-service-page { overflow:hidden; background:var(--cms-bg); }.cms-services-hero,.cms-service-hero { position:relative; overflow:hidden; padding:145px 0 82px; border-bottom:1px solid var(--cms-line); background:radial-gradient(circle at 78% 18%,rgba(141,124,255,.2),transparent 31%),radial-gradient(circle at 8% 88%,rgba(57,217,178,.09),transparent 28%),#0a1220; }.cms-services-hero__grid,.cms-service-hero__grid { position:absolute; inset:0; opacity:.3; background-image:linear-gradient(rgba(141,124,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,124,255,.08) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,black,transparent); animation:cmsGridDrift 24s linear infinite; }.cms-services-hero .container,.cms-service-hero .container { position:relative; }.cms-services-hero__layout,.cms-service-hero__layout { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:70px; align-items:center; margin-top:33px; }.cms-services-hero h1,.cms-service-hero h1 { margin:17px 0 20px; color:var(--cms-text); font-size:clamp(50px,6.5vw,82px); line-height:.96; letter-spacing:-.065em; }.cms-services-hero h1 span { color:transparent; background:linear-gradient(100deg,var(--cms-primary),var(--cms-accent)); -webkit-background-clip:text; background-clip:text; }.cms-services-hero__layout > div > p,.cms-service-hero__layout > div > p { max-width:850px; color:var(--cms-muted); font-size:16px; line-height:1.75; }.cms-services-principle { overflow:hidden; border:1px solid rgba(141,124,255,.28); border-radius:23px; background:rgba(7,13,23,.8); box-shadow:0 30px 80px rgba(0,0,0,.35); }.cms-services-principle > span { display:block; border-bottom:1px solid var(--cms-line); padding:14px 18px; color:var(--cms-muted); font:800  13px/1 ui-monospace,monospace; text-transform:uppercase; letter-spacing:.11em; }.cms-services-principle ol { display:grid; gap:0; margin:0; padding:0; list-style:none; }.cms-services-principle li { display:flex; gap:12px; align-items:center; border-bottom:1px solid var(--cms-line); padding:16px 18px; color:#b8c4d6; font-size: 13px; }.cms-services-principle li:last-child { border:0; }.cms-services-principle b { display:grid; place-items:center; width:31px; height:31px; border-radius:9px; background:rgba(141,124,255,.1); color:var(--cms-primary); font:800  13px/1 ui-monospace,monospace; }
.cms-services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.cms-service-card { position:relative; display:flex; flex-direction:column; min-height:410px; overflow:hidden; border:1px solid var(--cms-line); border-radius:23px; padding:24px; background:linear-gradient(145deg,#142137,#0b1422); transition:transform .25s ease,border-color .25s ease; }.cms-service-card::before { content:""; position:absolute; right:-60px; top:-60px; width:170px; height:170px; border-radius:50%; background:rgba(141,124,255,.12); filter:blur(10px); }.cms-service-card:hover { transform:translateY(-7px); border-color:rgba(141,124,255,.5); }.cms-service-card__icon { position:relative; display:grid; place-items:center; width:52px; height:52px; margin-bottom:45px; border-radius:15px; background:linear-gradient(135deg,var(--cms-primary),#6254d9); color:#fff; font-size:21px; }.cms-service-card > em { color:var(--cms-primary); font-size: 13px; font-weight:850; font-style:normal; text-transform:uppercase; letter-spacing:.09em; }.cms-service-card h2 { margin:7px 0 10px; color:var(--cms-text); font-size:22px; line-height:1.12; }.cms-service-card > p { margin:0 0 18px; color:var(--cms-muted); font-size: 13px; line-height:1.6; }.cms-service-card > div { display:grid; gap:6px; margin-top:auto; }.cms-service-card > div span { color:#aab7cb; font-size: 13px; }.cms-service-card > div span::before { content:"·"; margin-right:6px; color:var(--cms-accent); }.cms-service-card > strong { margin-top:20px; color:var(--cms-text); font-size: 13px; }.cms-service-card > strong i { margin-left:5px; color:var(--cms-primary); }.cms-service-card--green .cms-service-card__icon { background:linear-gradient(135deg,#22b98f,#39d9b2); }.cms-service-card--red .cms-service-card__icon { background:linear-gradient(135deg,#ff5577,#d83758); }.cms-service-card--cyan .cms-service-card__icon { background:linear-gradient(135deg,#1da6c7,#46d6ee); }.cms-service-card--orange .cms-service-card__icon { background:linear-gradient(135deg,#e68031,#ffb14d); }.cms-service-card--blue .cms-service-card__icon { background:linear-gradient(135deg,#397cf0,#60a4ff); }
.cms-expert-wide { display:grid; grid-template-columns:280px 1fr; overflow:hidden; border:1px solid rgba(141,124,255,.3); border-radius:27px; background:linear-gradient(120deg,#17253c,#0c1524); }.cms-expert-wide__visual { display:grid; place-items:center; align-content:center; min-height:310px; border-right:1px solid var(--cms-line); background:radial-gradient(circle,rgba(141,124,255,.2),transparent 58%); }.cms-expert-wide__visual span { color:var(--cms-text); font:850 100px/.8 "Clash Display",sans-serif; letter-spacing:-.08em; }.cms-expert-wide__visual small { margin-top:15px; color:var(--cms-primary); font-size: 13px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }.cms-expert-wide > div:last-child { align-self:center; padding:42px; }.cms-expert-wide h2 { margin:7px 0 13px; color:var(--cms-text); font-size:42px; letter-spacing:-.04em; }.cms-expert-wide p { max-width:850px; color:var(--cms-muted); font-size:13px; line-height:1.75; }.cms-expert-wide > div:last-child > div { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }.cms-expert-wide > div:last-child > div > * { border:1px solid var(--cms-line); border-radius:999px; padding:7px 10px; color:#b7c4d7; font-size: 13px; }.cms-expert-wide a { color:var(--cms-accent) !important; }
.cms-service-terminal { overflow:hidden; border:1px solid rgba(141,124,255,.27); border-radius:23px; background:rgba(7,13,23,.86); box-shadow:0 34px 90px rgba(0,0,0,.38); transform:rotate(1deg); }.cms-service-terminal__bar { display:flex; align-items:center; gap:6px; border-bottom:1px solid var(--cms-line); padding:13px 15px; background:#111c2d; }.cms-service-terminal__bar i { width:7px; height:7px; border-radius:50%; background:#ff5d7e; }.cms-service-terminal__bar i:nth-child(2) { background:#ffb14d; }.cms-service-terminal__bar i:nth-child(3) { background:var(--cms-accent); }.cms-service-terminal__bar span { margin-left:8px; color:var(--cms-muted); font: 13px/1 ui-monospace,monospace; }.cms-service-terminal__body { display:grid; gap:12px; padding:25px; }.cms-service-terminal__body code { color:#b9c6d8; font: 13px/1.45 ui-monospace,monospace; }.cms-service-terminal__body code:first-child { margin-bottom:8px; color:var(--cms-text); font-size:14px; }.cms-service-terminal__body code em { color:var(--cms-accent); font-style:normal; }.cms-service-terminal__body code span { display:inline-block; width:28px; margin-right:8px; color:var(--cms-primary); }.cms-service-terminal__foot { border-top:1px solid var(--cms-line); padding:13px 17px; color:var(--cms-muted); font-size: 13px; }.cms-service-terminal__foot i { margin-right:7px; color:var(--cms-accent); }.cms-service-proof { display:flex; gap:0; margin-top:28px; }.cms-service-proof > span { display:grid; padding:0 20px; border-right:1px solid var(--cms-line); }.cms-service-proof > span:first-child { padding-left:0; }.cms-service-proof > span:last-child { border:0; }.cms-service-proof b { color:var(--cms-text); font:850 26px/1 "Clash Display",sans-serif; }.cms-service-proof small { max-width:110px; margin-top:5px; color:var(--cms-muted); font-size: 13px; line-height:1.35; }
.cms-service-task-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }.cms-service-task-grid article { position:relative; min-height:190px; overflow:hidden; border:1px solid var(--cms-line); border-radius:19px; padding:20px; background:linear-gradient(145deg,#142034,#0b1422); transition:transform .22s ease,border-color .22s ease; }.cms-service-task-grid article:hover { transform:translateY(-4px); border-color:rgba(141,124,255,.48); }.cms-service-task-grid article > span { color:rgba(255,255,255,.05); font:850 45px/1 "Clash Display",sans-serif; }.cms-service-task-grid article > i { position:absolute; right:18px; top:18px; color:var(--cms-muted); }.cms-service-task-grid h3 { margin:53px 0 0; color:var(--cms-text); font-size:16px; line-height:1.3; }.cms-service-scope { background:#0b1220; }.cms-service-scope__layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center; }.cms-service-scope h2 { margin:7px 0 18px; color:var(--cms-text); font-size:clamp(34px,4vw,50px); line-height:1.04; letter-spacing:-.045em; }.cms-service-audience { display:grid; gap:9px; }.cms-service-audience > div { display:flex; gap:9px; align-items:flex-start; color:#b8c4d6; font-size: 13px; line-height:1.55; }.cms-service-audience i { margin-top:2px; color:var(--cms-accent); }.cms-service-includes { border:1px solid var(--cms-line); border-radius:24px; padding:28px; background:linear-gradient(145deg,#152137,#0c1422); }.cms-service-includes h2 { font-size:34px; }.cms-service-includes > div { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.cms-service-includes > div span { display:flex; gap:7px; align-items:center; border:1px solid var(--cms-line); border-radius:11px; padding:10px; color:#b5c1d3; font-size: 13px; }.cms-service-includes i { color:var(--cms-primary); }
.cms-service-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin:0; padding:0; list-style:none; }.cms-service-steps li { border:1px solid var(--cms-line); border-radius:20px; padding:22px; background:linear-gradient(145deg,#132034,#0a1320); }.cms-service-steps li > span { display:grid; place-items:center; width:43px; height:43px; margin-bottom:48px; border-radius:13px; background:rgba(141,124,255,.1); color:var(--cms-primary); font:850  13px/1 ui-monospace,monospace; }.cms-service-steps h3 { margin:0 0 7px; color:var(--cms-text); font-size:19px; }.cms-service-steps p { margin:0; color:var(--cms-muted); font-size: 13px; line-height:1.65; }.cms-service-evidence { background:#0b1220; }.cms-service-evidence__grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.cms-service-evidence__grid > article { border:1px solid var(--cms-line); border-radius:23px; padding:27px; background:linear-gradient(145deg,#152137,#0c1422); }.cms-service-evidence h2 { margin:7px 0 18px; color:var(--cms-text); font-size:32px; }.cms-problem-list,.cms-example-list { display:grid; gap:8px; }.cms-problem-list p,.cms-example-list p { display:flex; gap:9px; margin:0; border:1px solid var(--cms-line); border-radius:11px; padding:11px; color:#b3c0d2; font-size: 13px; }.cms-problem-list i { color:#ff718b; }.cms-example-list i { color:var(--cms-accent); }.cms-tech-stack { display:flex; align-items:center; gap:20px; margin-top:14px; border:1px solid var(--cms-line); border-radius:16px; padding:14px 18px; }.cms-tech-stack > span { color:var(--cms-muted); font-size: 13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.cms-tech-stack > div { display:flex; flex-wrap:wrap; gap:6px; }.cms-tech-stack em { border:1px solid rgba(141,124,255,.22); border-radius:999px; padding:6px 9px; background:rgba(141,124,255,.06); color:#afa5ff; font-size: 13px; font-style:normal; }
.cms-expert-card { display:grid; grid-template-columns:180px 1fr; gap:35px; align-items:center; border:1px solid rgba(141,124,255,.3); border-radius:25px; padding:31px; background:linear-gradient(120deg,#17243a,#0b1524); }.cms-expert-card__mark { position:relative; display:grid; place-items:center; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle,rgba(141,124,255,.26),rgba(141,124,255,.05) 60%,transparent 61%); }.cms-expert-card__mark span { color:var(--cms-text); font:850 43px/1 "Clash Display",sans-serif; }.cms-expert-card__mark i { position:absolute; right:15px; bottom:15px; width:18px; height:18px; border:4px solid #111b2c; border-radius:50%; background:var(--cms-accent); }.cms-expert-card h2 { margin:6px 0 11px; color:var(--cms-text); font-size:35px; }.cms-expert-card p { max-width:900px; margin:0; color:var(--cms-muted); font-size: 13px; line-height:1.72; }.cms-expert-card > div:last-child > div { display:flex; flex-wrap:wrap; gap:7px; margin-top:17px; }.cms-expert-card > div:last-child > div > * { border:1px solid var(--cms-line); border-radius:999px; padding:6px 9px; color:#b5c2d4; font-size: 13px; }.cms-expert-card a { color:var(--cms-accent) !important; }
.cms-service-tool-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.cms-service-tool-grid > a { display:grid; grid-template-columns:46px 1fr auto; gap:11px; align-items:center; border:1px solid var(--cms-line); border-radius:17px; padding:15px; background:var(--cms-surface); }.cms-service-tool-grid > a:hover { border-color:rgba(141,124,255,.5); }.cms-service-tool-grid > a > span { display:grid; place-items:center; width:46px; height:46px; border-radius:13px; background:rgba(141,124,255,.1); color:var(--cms-primary); font:850  13px/1 ui-monospace,monospace; }.cms-service-tool-grid div { display:grid; }.cms-service-tool-grid strong { color:var(--cms-text); font-size: 13px; }.cms-service-tool-grid small { margin-top:3px; color:var(--cms-muted); font-size: 13px; }.cms-service-tool-grid > a > i { color:var(--cms-muted); }.cms-related-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.cms-related-service-grid > a { display:grid; grid-template-columns:43px 1fr auto; gap:10px; align-items:center; border:1px solid var(--cms-line); border-radius:17px; padding:15px; background:linear-gradient(145deg,#132034,#0b1422); }.cms-related-service-grid > a > i { display:grid; place-items:center; width:43px; height:43px; border-radius:12px; background:rgba(141,124,255,.1); color:var(--cms-primary); }.cms-related-service-grid span { display:grid; }.cms-related-service-grid strong { color:var(--cms-text); font-size: 13px; }.cms-related-service-grid small { display:-webkit-box; overflow:hidden; margin-top:4px; color:var(--cms-muted); font-size: 13px; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; }.cms-related-service-grid em { color:var(--cms-muted); font-style:normal; }
.cms-context-services { margin:28px 0; border:1px solid rgba(141,124,255,.28); border-radius:23px; padding:24px; background:radial-gradient(circle at 90% 10%,rgba(141,124,255,.12),transparent 30%),linear-gradient(135deg,#152137,#0b1422); }.cms-context-services__head h2 { margin:6px 0 8px; color:var(--cms-text); font-size:28px; }.cms-context-services__head p { max-width:780px; color:var(--cms-muted); font-size: 13px; line-height:1.6; }.cms-context-services__grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:16px; }.cms-context-service { display:grid; grid-template-columns:42px 1fr auto; gap:10px; align-items:center; border:1px solid var(--cms-line); border-radius:14px; padding:13px; background:rgba(7,13,23,.6); }.cms-context-service > i { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:rgba(141,124,255,.1); color:var(--cms-primary); }.cms-context-service span { display:grid; }.cms-context-service strong { color:var(--cms-text); font-size: 13px; }.cms-context-service small { display:-webkit-box; overflow:hidden; margin-top:3px; color:var(--cms-muted); font-size: 13px; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; }.cms-context-service em { color:var(--cms-muted); font-style:normal; }
.cms-service-form { display:grid; grid-template-columns:.75fr 1.25fr; gap:55px; border:1px solid rgba(141,124,255,.3); border-radius:27px; padding:34px; background:radial-gradient(circle at 5% 10%,rgba(141,124,255,.15),transparent 28%),linear-gradient(135deg,#152238,#0b1423); }.cms-service-form__intro h2 { margin:7px 0 12px; color:var(--cms-text); font-size:40px; line-height:1.03; letter-spacing:-.045em; }.cms-service-form__intro > p { color:var(--cms-muted); font-size: 13px; line-height:1.7; }.cms-service-form__contacts { display:grid; gap:8px; margin-top:25px; }.cms-service-form__contacts > a { display:grid; grid-template-columns:39px 1fr; gap:9px; align-items:center; border:1px solid var(--cms-line); border-radius:13px; padding:10px; }.cms-service-form__contacts > a > i { display:grid; place-items:center; width:39px; height:39px; border-radius:11px; background:rgba(57,217,178,.09); color:var(--cms-accent); }.cms-service-form__contacts span { display:grid; }.cms-service-form__contacts small { color:var(--cms-muted); font-size: 13px; }.cms-service-form__contacts strong { color:var(--cms-text); font-size: 13px; }.cms-request-form { display:grid; gap:13px; }.cms-request-form label { display:grid; gap:6px; }.cms-request-form label > span { color:#aebbd0; font-size: 13px; font-weight:800; }.cms-request-consent { grid-template-columns:auto 1fr !important; align-items:start; }.cms-request-consent input { margin-top:3px; accent-color:var(--cms-primary); }.cms-request-consent span { font-weight:500 !important; line-height:1.5; }.cms-request-consent a { color:var(--cms-primary); }.cms-request-form__foot { display:flex; align-items:center; gap:15px; }.cms-request-form__foot p { margin:0; color:var(--cms-muted); font-size: 13px; }.cms-request-result { display:none; border-radius:11px; padding:11px; font-size: 13px; }.cms-request-result.is-pending,.cms-request-result.is-success,.cms-request-result.is-error { display:block; }.cms-request-result.is-pending { background:rgba(141,124,255,.09); color:#b5abff; }.cms-request-result.is-success { background:rgba(57,217,178,.09); color:var(--cms-accent); }.cms-request-result.is-error { background:rgba(255,86,119,.1); color:#ff7892; }.cms-request-form button.is-loading { opacity:.65; pointer-events:none; }
.cms-service-cta { position:relative; display:grid; grid-template-columns:80px 1fr 235px; gap:26px; align-items:center; overflow:hidden; border:1px solid rgba(141,124,255,.3); border-radius:26px; padding:29px; background:linear-gradient(120deg,#18253c,#0c1524); }.cms-service-cta__glow { position:absolute; left:-90px; top:-90px; width:260px; height:260px; border-radius:50%; background:rgba(141,124,255,.18); filter:blur(15px); }.cms-service-cta__icon { position:relative; display:grid; place-items:center; width:72px; height:72px; border-radius:20px; background:linear-gradient(135deg,var(--cms-primary),#6655df); color:#fff; font-size:28px; box-shadow:0 18px 40px rgba(91,76,240,.28); }.cms-service-cta__copy { position:relative; }.cms-service-cta h2 { margin:5px 0 8px; color:var(--cms-text); font-size:32px; line-height:1.05; }.cms-service-cta__copy > p { max-width:800px; margin:0; color:var(--cms-muted); font-size: 13px; line-height:1.6; }.cms-service-cta__copy > div { display:flex; flex-wrap:wrap; gap:11px; margin-top:13px; }.cms-service-cta__copy > div span { color:#aebbd0; font-size: 13px; }.cms-service-cta__copy > div i { margin-right:4px; color:var(--cms-accent); }.cms-service-cta__actions { position:relative; display:grid; gap:8px; }.cms-service-cta__actions .cms-btn { justify-content:center; }.cms-service-cta--compact { margin:35px auto 75px; max-width:1320px; }.cms-service-final { padding-top:25px; }.cms-service-request-section { background:#0b1220; }
.cms-search-type--service { color:var(--cms-accent) !important; }.cms-search-services-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.cms-search-service-card > a { display:grid; grid-template-columns:47px 1fr auto; gap:11px; align-items:start; height:100%; border:1px solid var(--cms-line); border-radius:17px; padding:16px; background:linear-gradient(145deg,#142034,#0b1422); }.cms-search-service-card > a > i { display:grid; place-items:center; width:47px; height:47px; border-radius:13px; background:rgba(57,217,178,.09); color:var(--cms-accent); font-size:18px; }.cms-search-service-card small { color:var(--cms-accent); font-size: 13px; text-transform:uppercase; }.cms-search-service-card h3 { margin:4px 0 6px; color:var(--cms-text); font-size:16px; }.cms-search-service-card p { display:-webkit-box; overflow:hidden; margin:0; color:var(--cms-muted); font-size: 13px; line-height:1.5; -webkit-line-clamp:3; -webkit-box-orient:vertical; }.cms-search-service-card > a > span { color:var(--cms-muted); }.cms-footer-contact { display:flex; flex-direction:column; align-items:flex-start; gap:7px; }.cms-footer-contact > strong { color:var(--cms-text); font-size: 13px; }.cms-footer-contact > span { color:var(--cms-muted); font-size: 13px; }.cms-footer-contact > a { color:var(--cms-primary); font-size: 13px; font-weight:750; }.cms-contact-legal { display:flex; flex-wrap:wrap; gap:6px; margin-top:15px; }.cms-contact-legal span { border:1px solid var(--cms-line); border-radius:999px; padding:6px 8px; color:var(--cms-muted); font-size: 13px; }
@media (max-width:1399px) { .cms-header-phone { display:none; }.cms-nav-mega { left:-210px; }.cms-services-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:1199px) { .cms-home-services__grid,.cms-service-task-grid { grid-template-columns:repeat(2,1fr); }.cms-services-hero__layout,.cms-service-hero__layout { grid-template-columns:1fr 340px; gap:35px; }.cms-related-service-grid { grid-template-columns:1fr 1fr; }.cms-service-form { grid-template-columns:1fr 1.4fr; gap:30px; }.cms-search-services-row { grid-template-columns:1fr 1fr; } }
@media (max-width:991px) { .cms-nav-mega { display:none; }.cms-home-services__top,.cms-services-hero__layout,.cms-service-hero__layout,.cms-service-scope__layout,.cms-service-form { grid-template-columns:1fr; }.cms-home-services__contact { justify-items:start; border-right:0; border-left:2px solid var(--cms-accent); padding-right:0; padding-left:14px; text-align:left; }.cms-home-services__grid,.cms-services-grid { grid-template-columns:repeat(2,1fr); }.cms-services-principle,.cms-service-terminal { max-width:620px; transform:none; }.cms-service-steps { grid-template-columns:1fr 1fr; }.cms-service-evidence__grid { grid-template-columns:1fr; }.cms-expert-wide { grid-template-columns:220px 1fr; }.cms-service-tool-grid { grid-template-columns:1fr; }.cms-service-cta { grid-template-columns:70px 1fr; }.cms-service-cta__actions { grid-column:1/-1; grid-template-columns:1fr 1fr; }.cms-context-services__grid { grid-template-columns:1fr; } }
@media (max-width:767px) { .cms-services-hero,.cms-service-hero { padding:112px 0 62px; }.cms-services-hero h1,.cms-service-hero h1 { font-size:44px; }.cms-home-services__grid,.cms-services-grid,.cms-service-task-grid,.cms-service-steps,.cms-related-service-grid,.cms-search-services-row { grid-template-columns:1fr; }.cms-home-services__foot { align-items:flex-start; flex-direction:column; }.cms-service-card { min-height:0; }.cms-service-card__icon { margin-bottom:30px; }.cms-service-proof { flex-wrap:wrap; row-gap:16px; }.cms-service-proof > span { width:50%; }.cms-service-includes > div { grid-template-columns:1fr; }.cms-service-steps li > span { margin-bottom:25px; }.cms-tech-stack { align-items:flex-start; flex-direction:column; }.cms-expert-wide,.cms-expert-card { grid-template-columns:1fr; }.cms-expert-wide__visual { min-height:220px; border-right:0; border-bottom:1px solid var(--cms-line); }.cms-expert-wide > div:last-child { padding:25px 20px; }.cms-expert-wide h2,.cms-expert-card h2 { font-size:31px; }.cms-expert-card__mark { width:120px; height:120px; }.cms-service-form { padding:23px 18px; }.cms-service-form__intro h2 { font-size:34px; }.cms-service-form .cms-field-grid { grid-template-columns:1fr; }.cms-request-form__foot { align-items:flex-start; flex-direction:column; }.cms-service-cta { grid-template-columns:1fr; padding:23px 18px; }.cms-service-cta__actions { grid-column:auto; grid-template-columns:1fr; }.cms-context-services { padding:19px 15px; } }

/* CMS.BY V6.1 — readable navigation and editorial UI */
:root { --cms-header-height: 88px; }
.theme-main-menu,
.theme-main-menu.is-scrolled { min-height: var(--cms-header-height); padding: 14px 0 !important; }
.theme-main-menu .main-header-area,
.theme-main-menu .custom-container-nav,
.theme-main-menu .custom-container-nav > .row { min-height: 60px; }
.theme-main-menu .cms-primary-nav { gap: 8px; }
.theme-main-menu .cms-primary-nav .nav-link { min-height: 44px; padding: 11px 14px !important; color: #f7f9ff !important; font-size: 14px !important; line-height: 1.15 !important; }
.theme-main-menu .cms-primary-nav .nav-link > span { color: inherit !important; }
.cms-nav-badge { min-width: 25px; height: 22px; padding: 0 7px; font-size: 13px; }
.cms-search-shortcut { min-width: 170px; font-size: 14px; }
.cms-search-shortcut kbd { font-size: 13px; }
.cms-new-dot { top: -10px; right: -10px; padding: 3px 6px; font-size: 13px; }

.cms-nav-mega { top: calc(100% + 15px); left: -105px; grid-template-columns: 245px 1fr; width: 780px; border-radius: 24px; background: rgba(9, 15, 27, .985); }
.cms-nav-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }
.cms-nav-mega__intro { padding: 28px; }
.cms-nav-mega__intro > strong { margin: 10px 0; color: #fff; font-size: 22px; line-height: 1.25; }
.cms-nav-mega__intro > p { margin: 0 0 30px; color: #b5c2d7; font-size: 14px; line-height: 1.65; }
.cms-nav-mega__intro > a { color: #b9afff; font-size: 14px; }
.cms-nav-mega__links { gap: 8px; padding: 18px; }
.cms-nav-mega__links > a { grid-template-columns: 44px 1fr; gap: 12px; min-height: 76px; padding: 13px; color: #fff !important; }
.cms-nav-mega__links > a > i { width: 44px; height: 44px; font-size: 18px; }
.cms-nav-mega__links strong { color: #fff; font-size: 14px; line-height: 1.35; }
.cms-nav-mega__links small { margin-top: 5px; color: #aebbd0; font-size: 13px; line-height: 1.4; }

.cms-services-hero__layout,
.cms-service-hero__layout { gap: 54px; margin-top: 38px; }
.cms-services-hero h1,
.cms-service-hero h1 { max-width: 900px; margin: 22px 0 22px; font-size: clamp(46px, 5.2vw, 70px); line-height: 1.01; letter-spacing: -.05em; text-wrap: balance; overflow-wrap: break-word; }
.cms-services-hero__layout > div > p,
.cms-service-hero__layout > div > p { margin: 0 0 22px; color: #aebbd0; font-size: 17px; line-height: 1.7; }
.cms-service-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 20px; }
.cms-service-hero__actions .cms-btn { min-height: 52px; padding: 14px 21px; font-size: 14px; }
.cms-service-proof { gap: 0; margin-top: 34px; }
.cms-service-proof > span { min-width: 145px; padding: 0 24px; }
.cms-service-proof small { max-width: 155px; margin-top: 7px; color: #aebbd0; font-size: 13px; line-height: 1.45; }
.cms-service-terminal__bar span,
.cms-service-terminal__body code,
.cms-service-terminal__foot { font-size: 13px; line-height: 1.5; }
.cms-services-principle > span,
.cms-services-principle li,
.cms-services-principle b { font-size: 13px; line-height: 1.4; }

.cms-blog-categories { margin-top: 28px; }
.cms-category-nav { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: start; border: 1px solid rgba(141,124,255,.24); border-radius: 22px; padding: 16px; background: linear-gradient(145deg, rgba(19,31,51,.96), rgba(10,17,30,.96)); box-shadow: 0 20px 55px rgba(0,0,0,.22); }
.cms-category-nav::after { content: ""; position: absolute; right: 24px; top: 0; width: 180px; height: 1px; background: linear-gradient(90deg, transparent, var(--cms-primary), transparent); }
.cms-category-nav__label { display: inline-flex; align-items: center; gap: 9px; min-height: 42px; border-radius: 13px; padding: 0 14px; background: rgba(141,124,255,.12); color: #c8c1ff; font-size: 14px; font-weight: 800; }
.cms-category-nav__items { display: flex; flex-wrap: wrap; gap: 9px; }
.cms-blog-categories .cms-category-chip { display: inline-flex; align-items: center; gap: 9px; min-height: 42px; border: 1px solid #30415d; border-radius: 13px; padding: 9px 13px; background: #0d1727; color: #dce5f3 !important; font-size: 14px; font-weight: 700; transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease; }
.cms-blog-categories .cms-category-chip i { color: #71829f; font-size: 13px; transition: transform .2s ease, color .2s ease; }
.cms-blog-categories .cms-category-chip:hover { transform: translateY(-2px); border-color: rgba(141,124,255,.65); background: rgba(141,124,255,.12); color: #fff !important; }
.cms-blog-categories .cms-category-chip:hover i { color: var(--cms-primary); transform: translate(2px,-2px); }
.cms-blog-categories .cms-category-chip.is-active { border-color: transparent; background: linear-gradient(110deg, var(--cms-primary), #6654e7); color: #fff !important; box-shadow: 0 10px 24px rgba(103,84,231,.28); }
.cms-blog-categories .cms-category-chip.is-active i { color: #fff; }

.cms-quick-card__head small,
.cms-quick-card > p,
.cms-quick-tz,
.cms-quick-actions button,
.cms-quick-card--route select,
.cms-quick-card--route > button,
.cms-status-list span,
.cms-status-list strong { font-size: 13px; }
.cms-quick-card__head > span { color: #b9afff; }
.cms-quick-card__head > span i { display: inline-block; font-size: 18px; line-height: 1; }
.cms-status-list > div { grid-template-columns: 10px 1fr auto; gap: 10px; padding: 13px; }
.cms-status-list i { display: block; width: 8px; height: 8px; }
.cms-status-list i::before { display: none; }

.cms-home-services__contact > span,
.cms-home-services__contact small,
.cms-home-services__grid strong,
.cms-home-services__grid small,
.cms-service-card > em,
.cms-service-card > p,
.cms-service-card > div span,
.cms-service-card > strong,
.cms-service-form__intro > p,
.cms-service-form__contacts small,
.cms-service-form__contacts strong,
.cms-request-form label > span,
.cms-request-form__foot p,
.cms-request-result { font-size: 13px; line-height: 1.55; }
.cms-home-services__grid strong,
.cms-service-card > strong,
.cms-service-form__contacts strong { font-size: 14px; }
.cms-home-services__grid > a { min-height: 126px; }
.cms-home-services__foot { justify-content: flex-end; gap: 16px; }
.cms-home-services__foot .cms-link-arrow { font-size: 14px; }

.cms-news-card__category,
.cms-news-card__meta,
.cms-news-card p,
.cms-news-card__more,
.cms-article-category,
.cms-article-meta,
.cms-pager a,
.cms-pager__pages > span { font-size: 13px; }
.cms-pagination:empty { display: none; }
.cms-pager { margin-top: 10px; }

.cms-footer-text,
.cms-footer-title,
.cms-footer-links a,
.cms-footer-contact,
.cms-footer-contact span,
.cms-footer-contact a,
.cms-footer-bottom { font-size: 14px; line-height: 1.6; }

@media (max-width: 1399px) {
    .cms-nav-mega { left: -155px; }
    .theme-main-menu .cms-primary-nav { gap: 3px; }
    .theme-main-menu .cms-primary-nav .nav-link { padding: 10px 10px !important; font-size: 13px !important; }
    .cms-search-shortcut { min-width: 150px; }
}
@media (max-width: 991px) {
    :root { --cms-header-height: 76px; }
    .theme-main-menu,.theme-main-menu.is-scrolled { min-height: 76px; padding: 8px 0 !important; }
    .cms-category-nav { grid-template-columns: 1fr; }
    .cms-category-nav__label { width: fit-content; }
}
@media (max-width: 767px) {
    .cms-services-hero h1,.cms-service-hero h1 { font-size: clamp(38px, 11vw, 52px); }
    .cms-service-hero__actions { display: grid; grid-template-columns: 1fr; }
    .cms-service-proof > span { width: 100%; min-width: 0; border-right: 0; border-bottom: 1px solid var(--cms-line); padding: 13px 0; }
    .cms-service-proof > span:last-child { border-bottom: 0; }
    .cms-category-nav { border-radius: 18px; padding: 13px; }
    .cms-category-nav__items { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .cms-blog-categories .cms-category-chip { justify-content: space-between; }
    .cms-home-services__foot { align-items: stretch; }
    .cms-home-services__foot .cms-btn,.cms-home-services__foot .cms-link-arrow { width: 100%; justify-content: center; }
}
@media (max-width: 479px) {
    .cms-category-nav__items { grid-template-columns: 1fr; }
}

/* CMS.BY V7 — multidisciplinary workspace */
:root {
    --cms-primary: #9b87ff;
    --cms-primary-strong: #7965f5;
    --cms-accent: #45e0bd;
    --cms-construction: #ffb14d;
    --cms-card-glow: rgba(155, 135, 255, .14);
}
html { scroll-padding-top: calc(var(--cms-header-height) + 18px); }
body { overflow-x: hidden; }
.cms-section { position: relative; }
.cms-section-head h2 { text-wrap: balance; }
.cms-section-head p { max-width: 820px; font-size: 15px; line-height: 1.7; }
.cms-btn { min-height: 46px; font-size: 14px; }
.cms-input,.cms-textarea,.cms-select { min-height: 48px; font-size: 14px; }
.cms-textarea { min-height: 150px; }
.cms-field > span,.cms-field > label { font-size: 14px; }

.theme-main-menu { border-bottom-color: rgba(155,135,255,.12); background: rgba(6,11,21,.86) !important; box-shadow: 0 12px 45px rgba(0,0,0,.08); backdrop-filter: blur(18px) saturate(145%); }
.theme-main-menu.is-scrolled { background: rgba(6,11,21,.96) !important; box-shadow: 0 16px 48px rgba(0,0,0,.32); }
.cms-brand__mark::after { content:""; position:absolute; inset:-8px; z-index:-1; border-radius:18px; background:rgba(155,135,255,.24); filter:blur(16px); opacity:.55; animation:cmsBrandPulse 4.5s ease-in-out infinite; }
@keyframes cmsBrandPulse { 0%,100% { transform:scale(.92); opacity:.35; } 50% { transform:scale(1.08); opacity:.7; } }

.cms-tools-launcher { max-height: calc(100vh - var(--cms-admin-offset) - 105px); overflow:auto; scrollbar-width:thin; scrollbar-color:var(--cms-primary) transparent; }
.cms-tools-launcher__grid a:nth-last-child(-n+4) > span { background:linear-gradient(135deg,#e27735,var(--cms-construction)); color:#15100a; }

.cms-tools-hero { background:radial-gradient(circle at 84% 16%,rgba(155,135,255,.24),transparent 28%),radial-gradient(circle at 12% 95%,rgba(69,224,189,.11),transparent 30%),#08111f; }
.cms-tools-hero::after { content:""; position:absolute; right:clamp(20px,8vw,140px); bottom:-95px; width:250px; height:250px; border:1px solid rgba(155,135,255,.18); border-radius:44px; transform:rotate(24deg); box-shadow:0 0 0 34px rgba(155,135,255,.035),0 0 0 68px rgba(155,135,255,.02); }
.cms-tools-catalog .cms-tool-controls { position:sticky; top:calc(var(--cms-admin-offset) + var(--cms-header-height) + 12px); z-index:20; border:1px solid rgba(155,135,255,.2); border-radius:18px; padding:12px; background:rgba(8,15,27,.92); box-shadow:0 16px 48px rgba(0,0,0,.24); backdrop-filter:blur(16px); }
.cms-tool-card { overflow:hidden; isolation:isolate; }
.cms-tool-card::before { content:""; position:absolute; inset:0; z-index:-1; opacity:0; background:radial-gradient(circle at 18% 10%,var(--cms-card-glow),transparent 42%); transition:opacity .25s ease; }
.cms-tool-card:hover::before { opacity:1; }
.cms-tool-card[data-category="Строительство"] { border-color:rgba(255,177,77,.22); }
.cms-tool-card[data-category="Строительство"] .cms-tool-icon { background:linear-gradient(135deg,#e97835,#ffbd58); color:#171009; box-shadow:0 12px 28px rgba(255,177,77,.18); }
.cms-tool-card[data-category="Строительство"] .cms-tool-category { color:var(--cms-construction); }
.cms-tool-card[data-category="Сеть"] .cms-tool-icon { background:linear-gradient(135deg,#1388c9,#4dd7ff); color:#05121b; }
.cms-tool-card[data-category="Сеть"] .cms-tool-category { color:#62d9ff; }
.cms-field-grid--5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
.cms-status-pills { display:flex; flex-wrap:wrap; gap:8px; }
.cms-status-pills button { min-width:54px; min-height:40px; border:1px solid var(--cms-line); border-radius:11px; background:#0b1423; color:#cbd6e8; font-size:14px; font-weight:800; transition:transform .2s ease,border-color .2s ease,color .2s ease; }
.cms-status-pills button:hover { transform:translateY(-2px); border-color:var(--cms-primary); color:#fff; }
.cms-clamp-preview { overflow:hidden; border:1px solid var(--cms-line); border-radius:18px; padding:clamp(22px,4vw,44px); background:linear-gradient(135deg,rgba(155,135,255,.12),rgba(69,224,189,.06)); color:var(--cms-text); font-weight:800; line-height:1.08; text-align:center; text-wrap:balance; }

.cms-lab-section { overflow:hidden; background:radial-gradient(circle at 4% 10%,rgba(69,224,189,.09),transparent 25%),radial-gradient(circle at 94% 88%,rgba(255,177,77,.09),transparent 27%),#09111e; }
.cms-lab-section::before { content:""; position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(155,135,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(155,135,255,.07) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent); }
.cms-lab-section .container { position:relative; }
.cms-lab-head { align-items:flex-end; }
.cms-lab-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:18px; }
.cms-lab-card { position:relative; overflow:hidden; min-width:0; min-height:410px; border:1px solid var(--cms-line); border-radius:28px; padding:28px; background:linear-gradient(145deg,rgba(20,32,51,.98),rgba(9,17,30,.98)); box-shadow:0 28px 80px rgba(0,0,0,.22); }
.cms-lab-card h3 { margin:12px 0 11px; color:var(--cms-text); font-size:clamp(24px,2.3vw,34px); line-height:1.1; letter-spacing:-.035em; text-wrap:balance; }
.cms-lab-card p { color:var(--cms-muted); font-size:14px; line-height:1.65; }
.cms-lab-card--construction { display:flex; flex-direction:column; justify-content:flex-end; background:radial-gradient(circle at 80% 12%,rgba(255,177,77,.16),transparent 34%),linear-gradient(145deg,#182235,#0c1422); }
.cms-lab-card__visual { position:absolute; top:25px; right:28px; width:170px; height:130px; }
.cms-lab-card__visual > span { position:absolute; bottom:0; width:48px; border:1px solid rgba(255,177,77,.28); border-radius:12px 12px 4px 4px; background:linear-gradient(to top,rgba(255,177,77,.17),rgba(255,177,77,.03)); }
.cms-lab-card__visual > span:nth-child(1) { left:0; height:62px; }.cms-lab-card__visual > span:nth-child(2) { left:58px; height:96px; }.cms-lab-card__visual > span:nth-child(3) { left:116px; height:125px; }
.cms-lab-card__visual > i { position:absolute; left:-14px; top:3px; color:var(--cms-construction); font-size:25px; transform:rotate(-9deg); }
.cms-lab-links { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:18px; }
.cms-lab-links a { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:46px; border:1px solid rgba(255,177,77,.18); border-radius:13px; padding:10px 12px; background:rgba(7,12,22,.42); color:#f5dfc4; font-size:14px; font-weight:750; }
.cms-lab-links a:hover { border-color:var(--cms-construction); color:#fff; transform:translateY(-2px); }
.cms-lab-card--calculator { display:flex; flex-direction:column; }
.cms-lab-card__head { display:flex; align-items:center; gap:12px; }
.cms-lab-card__head > span { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:rgba(69,224,189,.1); color:var(--cms-accent); font-size:20px; }
.cms-lab-card__head small,.cms-lab-daily__top span { color:var(--cms-primary); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.cms-lab-card__head h3 { margin:2px 0 0; font-size:22px; }
.cms-lab-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:26px; }
.cms-lab-fields label { display:grid; gap:7px; color:var(--cms-muted); font-size:14px; }
.cms-lab-fields input { width:100%; min-height:48px; border:1px solid var(--cms-line); border-radius:12px; padding:10px 12px; outline:0; background:#07101d; color:var(--cms-text); font-size:16px; font-weight:750; }
.cms-lab-fields input:focus { border-color:var(--cms-accent); box-shadow:0 0 0 3px rgba(69,224,189,.08); }
.cms-lab-result { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:12px 0 18px; border:1px solid rgba(69,224,189,.16); border-radius:15px; padding:15px; background:rgba(69,224,189,.055); }
.cms-lab-result span { color:var(--cms-muted); font-size:14px; }.cms-lab-result strong { color:var(--cms-accent); font-size:26px; line-height:1; }
.cms-lab-card--calculator > a { display:flex; align-items:center; justify-content:space-between; margin-top:auto; color:var(--cms-accent); font-size:14px; font-weight:800; }
.cms-lab-card--daily { display:flex; flex-direction:column; }
.cms-lab-daily__top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:34px; }
.cms-lab-daily__top em { border-radius:999px; padding:6px 9px; background:rgba(155,135,255,.1); color:#c6bdff; font-size:13px; font-style:normal; }
.cms-lab-card--daily .cms-tool-icon { width:58px; height:58px; border-radius:17px; }
.cms-lab-card--daily h3 { font-size:25px; }
.cms-lab-card--daily .cms-btn { width:100%; margin-top:auto; justify-content:center; }
.cms-lab-card--daily > button { border:0; padding:12px 0 0; background:transparent; color:var(--cms-muted); font-size:14px; font-weight:750; }
.cms-lab-card--daily > button:hover { color:var(--cms-primary); }

.cms-mobile-dock { display:none; }
.cms-related-tools { background:linear-gradient(180deg,var(--cms-bg),#09111e); }
.cms-related-tools__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.cms-related-tools__grid > a { display:grid; grid-template-columns:52px 1fr auto; align-items:start; gap:14px; min-width:0; border:1px solid var(--cms-line); border-radius:20px; padding:19px; background:linear-gradient(145deg,#132034,#0b1422); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.cms-related-tools__grid > a:hover { transform:translateY(-4px); border-color:rgba(155,135,255,.5); box-shadow:0 20px 50px rgba(0,0,0,.25); }
.cms-related-tools__grid .cms-tool-icon { width:52px; height:52px; border-radius:15px; }
.cms-related-tools__grid div { min-width:0; }.cms-related-tools__grid small { color:var(--cms-primary); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.cms-related-tools__grid strong { display:block; margin-top:4px; color:var(--cms-text); font-size:16px; line-height:1.3; }
.cms-related-tools__grid p { display:-webkit-box; overflow:hidden; margin:7px 0 0; color:var(--cms-muted); font-size:14px; line-height:1.5; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.cms-related-tools__grid > a > i { color:var(--cms-muted); }

@media (max-width:1199px) {
    .cms-field-grid--5 { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .cms-lab-grid { grid-template-columns:1fr 1fr; }
    .cms-lab-card--construction { grid-column:1/-1; min-height:390px; }
}
@media (max-width:991px) {
    .cms-tools-catalog .cms-tool-controls { top:calc(var(--cms-admin-offset) + var(--cms-header-height) + 8px); }
    .cms-tool-controls .cms-filter-chips { flex-wrap:nowrap; overflow-x:auto; margin-inline:-2px; padding:2px 2px 7px; scrollbar-width:none; }
    .cms-tool-controls .cms-filter-chips::-webkit-scrollbar { display:none; }
    .cms-tool-controls .cms-filter-chips button { flex:0 0 auto; min-height:40px; font-size:14px; }
    .cms-related-tools__grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:767px) {
    body { padding-bottom:74px; }
    .footer-area { padding-bottom:22px; }
    .cms-mobile-dock { position:fixed; right:10px; bottom:max(10px,env(safe-area-inset-bottom)); left:10px; z-index:999; display:grid; grid-template-columns:repeat(5,1fr); min-height:62px; border:1px solid rgba(155,135,255,.25); border-radius:20px; padding:6px; background:rgba(7,13,24,.94); box-shadow:0 22px 65px rgba(0,0,0,.48); backdrop-filter:blur(20px) saturate(150%); }
    .cms-mobile-dock a,.cms-mobile-dock button { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:3px; min-width:0; border:0; border-radius:14px; padding:5px 2px; background:transparent; color:#8f9db2; font-size:13px; line-height:1; }
    .cms-mobile-dock i { font-size:18px; }.cms-mobile-dock span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .cms-mobile-dock .is-active { background:rgba(155,135,255,.13); color:#cfc8ff; }
    .cms-tools-catalog .cms-tool-controls { position:relative; top:auto; padding:10px; }
    .cms-field-grid--5 { grid-template-columns:1fr 1fr; }
    .cms-lab-grid { grid-template-columns:1fr; }
    .cms-lab-card,.cms-lab-card--construction { grid-column:auto; min-height:0; border-radius:22px; padding:21px; }
    .cms-lab-card--construction { padding-top:190px; }
    .cms-lab-card__visual { top:23px; right:calc(50% - 85px); }
    .cms-lab-links { grid-template-columns:1fr; }
    .cms-lab-card--daily { min-height:360px; }
    .cms-section-head p { font-size:14px; }
    .cms-related-tools__grid { grid-template-columns:1fr; }
}
@media (max-width:479px) {
    .cms-field-grid--5,.cms-lab-fields { grid-template-columns:1fr; }
    .cms-mobile-dock a,.cms-mobile-dock button { font-size:11px; }
    .cms-mobile-dock a:nth-child(4) span { font-size:0; }.cms-mobile-dock a:nth-child(4) span::after { content:"Смета"; font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
    .cms-brand__mark::after { animation:none; }
    .cms-lab-card,.cms-lab-links a { transition:none !important; }
}

/* CMS.BY V8 — popular editorial layout and construction workspace */
.cms-news-section.cms-popular-section { overflow:hidden; padding:86px 0; background:radial-gradient(circle at 88% 8%,rgba(155,135,255,.09),transparent 28%),#0b1422; }
.cms-popular-section::before { content:""; position:absolute; top:0; left:50%; width:min(1320px,calc(100% - 30px)); height:1px; background:linear-gradient(90deg,transparent,rgba(155,135,255,.35),transparent); transform:translateX(-50%); }
.cms-popular-section .cms-news-section__head { align-items:flex-end; margin-bottom:30px; }
.cms-popular-section .cms-news-section__head p { margin:10px 0 0; }
.cms-popular-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(280px,1fr)); gap:18px; }
.cms-popular-card { position:relative; overflow:hidden; min-width:0; border:1px solid var(--cms-line); border-radius:22px; background:linear-gradient(145deg,#142034,#0c1524); box-shadow:0 18px 50px rgba(0,0,0,.16); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.cms-popular-card:hover { transform:translateY(-5px); border-color:rgba(155,135,255,.55); box-shadow:0 28px 65px rgba(0,0,0,.3); }
.cms-popular-card > a { display:grid; grid-template-rows:128px minmax(0,1fr); height:100%; }
.cms-popular-card__media { position:relative; overflow:hidden; min-height:0; background:#202c45; }
.cms-popular-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.2,.7,.2,1); }
.cms-popular-card:hover .cms-popular-card__media img { transform:scale(1.055); }
.cms-popular-card__shade { position:absolute; inset:0; background:linear-gradient(to top,rgba(5,10,18,.7),transparent 70%); }
.cms-popular-card__category { position:absolute; left:13px; bottom:12px; border:1px solid rgba(255,255,255,.3); border-radius:999px; padding:6px 10px; background:rgba(7,12,23,.72); color:#fff; font-size:13px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; backdrop-filter:blur(8px); }
.cms-popular-card__rank { position:absolute; top:15px; left:16px; display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:7px 10px; background:rgba(69,224,189,.92); color:#07151a; font-size:13px; font-weight:800; box-shadow:0 10px 28px rgba(0,0,0,.2); }.cms-popular-card__rank b { font-size:15px; }
.cms-popular-card__body { display:flex; min-width:0; flex-direction:column; padding:17px; }
.cms-popular-card__meta { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; color:#8fa0b8; font-size:13px; }.cms-popular-card__meta span { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }.cms-popular-card__meta i { color:#6f819d; }
.cms-popular-card h3 { display:-webkit-box; overflow:hidden; margin:0 0 8px; color:var(--cms-text); font-size:17px; line-height:1.28; letter-spacing:-.025em; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.cms-popular-card p { display:-webkit-box; overflow:hidden; margin:0 0 13px; color:var(--cms-muted); font-size:13px; line-height:1.55; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.cms-popular-card__more { display:inline-flex; align-items:center; gap:7px; margin-top:auto; color:var(--cms-primary); font-size:13px; font-weight:850; }.cms-popular-card__more i { transition:transform .2s ease; }.cms-popular-card:hover .cms-popular-card__more i { transform:translate(3px,-3px); }
.cms-popular-card--featured { grid-column:span 2; grid-row:span 2; }
.cms-popular-card--featured > a { grid-template-rows:minmax(300px,1.2fr) minmax(230px,.8fr); }
.cms-popular-card--featured .cms-popular-card__body { padding:25px; }
.cms-popular-card--featured .cms-popular-card__meta { justify-content:flex-start; gap:24px; margin-bottom:16px; font-size:14px; }
.cms-popular-card--featured h3 { max-width:620px; margin-bottom:12px; font-size:clamp(27px,3vw,38px); line-height:1.08; -webkit-line-clamp:3; }
.cms-popular-card--featured p { max-width:650px; font-size:14px; line-height:1.65; -webkit-line-clamp:3; }
.cms-popular-card--featured .cms-popular-card__more { font-size:14px; }

.cms-lab-section { padding-bottom:90px; }
.cms-lab-card--project { display:flex; flex-direction:column; }
.cms-lab-card--project .cms-lab-card__head h3 { font-size:22px; }
.cms-build-route { display:grid; gap:8px; margin:25px 0 0; padding:0; list-style:none; }
.cms-build-route li { display:grid; grid-template-columns:38px 1fr; align-items:center; gap:10px; border:1px solid var(--cms-line); border-radius:13px; padding:9px; background:rgba(7,12,22,.42); transition:border-color .2s ease,transform .2s ease; }
.cms-build-route li:hover { transform:translateX(3px); border-color:rgba(255,177,77,.45); }
.cms-build-route li > span { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:rgba(255,177,77,.1); color:var(--cms-construction); font-size:13px; font-weight:900; }
.cms-build-route a { display:grid; min-width:0; }.cms-build-route strong { color:var(--cms-text); font-size:14px; }.cms-build-route small { margin-top:2px; color:var(--cms-muted); font-size:13px; }
.cms-construction-tools-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:18px; }
.cms-construction-tools-grid > a { display:grid; grid-template-columns:43px 1fr auto; align-items:center; gap:11px; min-width:0; border:1px solid rgba(255,177,77,.16); border-radius:16px; padding:13px; background:linear-gradient(145deg,rgba(24,34,53,.96),rgba(10,18,31,.96)); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.cms-construction-tools-grid > a:hover { transform:translateY(-3px); border-color:rgba(255,177,77,.58); box-shadow:0 18px 42px rgba(0,0,0,.22); }
.cms-construction-tools-grid > a > span { display:grid; place-items:center; width:43px; height:43px; border-radius:12px; background:linear-gradient(135deg,#dc7334,#ffba56); color:#171009; font:850 13px/1 ui-monospace,monospace; }
.cms-construction-tools-grid div { display:grid; min-width:0; }.cms-construction-tools-grid small { color:var(--cms-construction); font-size:13px; text-transform:uppercase; }.cms-construction-tools-grid strong { overflow:hidden; margin-top:3px; color:var(--cms-text); font-size:14px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }.cms-construction-tools-grid > a > i { color:#7e8da4; }

.cms-foundation-group { border:1px solid rgba(155,135,255,.14); border-radius:17px; padding:17px; background:rgba(8,15,27,.5); }.cms-foundation-group[hidden] { display:none !important; }
.cms-roof-summary { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr); gap:18px; align-items:start; }
.cms-roof-legend { display:grid; gap:10px; border:1px solid var(--cms-line); border-radius:16px; padding:16px; background:#091321; color:var(--cms-muted); font-size:13px; }
.cms-roof-legend span { display:flex; align-items:center; gap:9px; }.cms-roof-legend i { display:block; width:28px; height:18px; border:1px solid rgba(86,190,225,.5); border-radius:4px; background:linear-gradient(135deg,#207da4,#4eb7d0); }.cms-roof-legend span:nth-child(2) i { width:8px; border-color:rgba(255,177,77,.55); background:var(--cms-construction); }
.cms-roof-plan-wrap { overflow:hidden; border:1px solid var(--cms-line); border-radius:20px; padding:18px; background:linear-gradient(145deg,#0d192a,#07101c); }
.cms-roof-plan { display:grid; overflow-x:auto; gap:5px; max-height:620px; padding:8px; scrollbar-width:thin; scrollbar-color:var(--cms-primary) transparent; }
.cms-roof-sheet { position:relative; display:grid; place-content:center; min-width:58px; min-height:86px; overflow:hidden; border:1px solid rgba(94,199,229,.45); border-radius:7px; background:linear-gradient(115deg,#185d7d,#2b94b5 48%,#1f6f91 49%,#3aa9c2); color:#ecfbff; text-align:center; box-shadow:inset -6px 0 0 rgba(0,0,0,.08); }
.cms-roof-sheet::before { content:""; position:absolute; inset:0; opacity:.35; background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.18) 13px,transparent 14px 24px); }
.cms-roof-sheet b,.cms-roof-sheet small { position:relative; z-index:1; }.cms-roof-sheet b { font-size:13px; }.cms-roof-sheet small { margin-top:4px; color:#d2f3fa; font-size:13px; white-space:nowrap; }.cms-roof-sheet i { position:absolute; right:0; bottom:0; top:0; width:5px; background:rgba(255,177,77,.72); }
.cms-roof-plan-axis { padding-top:8px; color:#8fa1ba; font-size:13px; font-weight:800; text-align:center; text-transform:uppercase; letter-spacing:.12em; }.cms-roof-plan-axis--top { padding-top:0; padding-bottom:8px; color:var(--cms-primary); }

/* V10: интерактивный расчёт типов кровли */
.cms-roof-calculator{gap:22px}
.cms-roof-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.cms-roof-types button{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;min-height:96px;padding:15px;border:1px solid rgba(122,147,184,.2);border-radius:18px;background:linear-gradient(145deg,rgba(16,29,49,.94),rgba(8,17,30,.94));color:#c5cede;text-align:left;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.cms-roof-types button:hover{transform:translateY(-3px);border-color:rgba(77,184,216,.4)}
.cms-roof-types button.is-active{border-color:rgba(68,210,195,.58);background:linear-gradient(145deg,rgba(25,58,70,.95),rgba(10,26,41,.98));box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 0 0 1px rgba(68,210,195,.08)}
.cms-roof-types button>span{display:grid;gap:4px}.cms-roof-types strong{color:#f3f7fc;font-size:15px;line-height:1.2}.cms-roof-types small{color:#91a1b8;font-size:13px;line-height:1.35}.cms-roof-types button.is-active small{color:#a8c9cd}
.cms-roof-type-icon{position:relative;display:grid;place-items:center;width:64px;height:58px;border:1px solid rgba(83,177,207,.22);border-radius:14px;background:rgba(19,57,79,.42)}
.cms-roof-type-icon:before,.cms-roof-type-icon:after{content:"";position:absolute;display:block;border:2px solid #65c4dd;background:linear-gradient(145deg,#174d6b,#2b8bac);box-shadow:0 5px 14px rgba(0,0,0,.22)}
.cms-roof-type-icon--mono:before{width:41px;height:22px;transform:skewY(-16deg);border-radius:4px}
.cms-roof-type-icon--gable:before{width:38px;height:27px;clip-path:polygon(50% 0,100% 54%,100% 100%,0 100%,0 54%)}
.cms-roof-type-icon--gable:after{width:2px;height:30px;border:0;background:#8ce8ec;box-shadow:none}
.cms-roof-type-icon--hip:before{width:44px;height:30px;clip-path:polygon(28% 0,72% 0,100% 70%,82% 100%,18% 100%,0 70%)}
.cms-roof-type-icon--hip:after{width:19px;height:2px;top:14px;border:0;background:#9ceff0;box-shadow:none}
.cms-roof-type-icon--tent:before{width:45px;height:32px;clip-path:polygon(50% 0,100% 82%,50% 100%,0 82%)}
.cms-roof-type-icon--tent:after{width:2px;height:31px;border:0;background:#96e8ed;box-shadow:none;transform:rotate(-55deg)}
.cms-roof-type-note{display:flex;align-items:center;min-height:50px;margin-top:-10px;padding:13px 16px;border:1px solid rgba(68,210,195,.16);border-radius:14px;background:rgba(49,204,184,.055);color:#b5c4d6;font-size:14px;line-height:1.55}
.cms-roof-form-section{padding:21px;border:1px solid rgba(126,151,190,.18);border-radius:20px;background:rgba(7,15,27,.48)}
.cms-roof-form-section__head{display:flex;gap:13px;align-items:center;margin-bottom:19px}.cms-roof-form-section__head>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:rgba(151,132,255,.12);color:#a795ff;font-size:13px;font-weight:900}.cms-roof-form-section__head>div{display:grid;gap:2px}.cms-roof-form-section__head strong{color:#edf2fa;font-size:16px}.cms-roof-form-section__head small{color:#8fa0b7;font-size:13px;line-height:1.35}
.cms-roof-workspace{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:18px;align-items:stretch}
.cms-roof-visual-card,.cms-roof-result-card{overflow:hidden;border:1px solid rgba(126,151,190,.2);border-radius:22px;background:linear-gradient(145deg,rgba(14,27,46,.98),rgba(7,15,27,.98));box-shadow:0 20px 58px rgba(0,0,0,.2)}
.cms-roof-card-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:21px 22px 12px}.cms-roof-card-head h3{margin:5px 0 0;color:#f4f7fc;font-size:22px}.cms-roof-live{display:inline-flex;gap:8px;align-items:center;color:#91a3b9;font-size:13px}.cms-roof-live i{width:8px;height:8px;border-radius:50%;background:#48dab8;box-shadow:0 0 0 5px rgba(72,218,184,.08),0 0 16px rgba(72,218,184,.6);animation:cmsRoofPulse 2s ease-in-out infinite}
.cms-roof-svg-wrap{padding:0 14px}.cms-roof-svg-wrap svg{display:block;width:100%;height:auto;min-height:310px;max-height:430px}
.cms-roof-svg-face polygon{fill:url(#cmsRoofMetal);stroke:#7fd5e5;stroke-width:2;stroke-linejoin:round;transition:filter .2s ease,opacity .2s ease}.cms-roof-svg-face--secondary polygon{opacity:.77}.cms-roof-svg-face--side polygon{opacity:.9;filter:saturate(.72)}.cms-roof-svg-face:hover polygon{filter:brightness(1.22) drop-shadow(0 0 8px rgba(87,203,226,.45));opacity:1}.cms-roof-svg-face text{fill:#e7f8fc;font-size:13px;font-weight:800;text-anchor:middle;paint-order:stroke;stroke:#092033;stroke-width:4px;stroke-linejoin:round}
.cms-roof-svg-dimension line{stroke:#8a9db7;stroke-width:1.5;stroke-dasharray:5 5}.cms-roof-svg-dimension circle{fill:#a8b7ca}.cms-roof-svg-dimension text{fill:#c8d4e4;font-size:13px;font-weight:800;text-anchor:middle;paint-order:stroke;stroke:#081521;stroke-width:4px}.cms-roof-svg-dimension--height line{stroke:#ffb650}.cms-roof-svg-dimension--height circle{fill:#ffb650}.cms-roof-svg-dimension--height text{fill:#ffc978}.cms-roof-svg-dimension--ridge line{stroke:#4ee0bd;stroke-width:3;stroke-dasharray:none;filter:url(#cmsRoofGlow)}.cms-roof-svg-dimension--ridge circle{fill:#4ee0bd}.cms-roof-svg-dimension--ridge text{fill:#66e8c8}.cms-roof-svg-dimension--base{opacity:.78}
.cms-roof-svg-direction path{fill:none;stroke:#a993ff;stroke-width:2}.cms-roof-svg-direction text{fill:#bcaeff;font-size:13px;font-weight:800;text-anchor:middle}
.cms-roof-visual-hint{display:flex;gap:11px;align-items:flex-start;margin:0 20px 20px;padding:13px 15px;border:1px solid rgba(126,151,190,.14);border-radius:13px;background:rgba(5,12,22,.44);color:#93a4ba;font-size:13px;line-height:1.5}.cms-roof-visual-hint i{color:#55c4dc;font-size:16px}
.cms-roof-result-card{display:flex;padding:22px}.cms-roof-result-card .cms-field{display:flex;width:100%;flex-direction:column}.cms-roof-result-card .cms-result{flex:1;min-height:370px;border-color:rgba(255,182,80,.18);background:linear-gradient(160deg,rgba(30,35,49,.92),rgba(9,18,31,.95));font-size:14px;line-height:1.72;white-space:pre-wrap}
.cms-roof-slope-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cms-roof-slope-cards article{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:18px;border:1px solid rgba(126,151,190,.17);border-radius:17px;background:rgba(9,18,31,.65)}.cms-roof-slope-cards article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(67,169,202,.12);color:#64c7df;font-size:13px;font-weight:900}.cms-roof-slope-cards article>div{display:grid;gap:2px}.cms-roof-slope-cards small{color:#8fa1b8;font-size:13px}.cms-roof-slope-cards strong{color:#edf3fa;font-size:15px}.cms-roof-slope-cards dl{display:flex;gap:18px;margin:0}.cms-roof-slope-cards dl>div{display:grid;gap:3px;text-align:right}.cms-roof-slope-cards dt{color:#8395ad;font-size:13px}.cms-roof-slope-cards dd{margin:0;color:#d9e6f3;font-size:14px;font-weight:800}
.cms-roof-plan-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:15px}.cms-roof-plan-heading>div{display:grid;gap:4px}.cms-roof-plan-heading strong{color:#f0f4fa;font-size:17px}.cms-roof-plan-heading>span{color:#93a5bb;font-size:13px;text-align:right}
.cms-roof-complex-note{display:flex;gap:17px;align-items:flex-start;padding:24px;border:1px solid rgba(255,182,80,.2);border-radius:16px;background:rgba(255,177,77,.055)}.cms-roof-complex-note>i{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:rgba(255,177,77,.11);color:#ffbc60;font-size:22px}.cms-roof-complex-note strong{display:block;color:#f3f5fa;font-size:16px}.cms-roof-complex-note p{margin:7px 0 0;color:#a9b6c8;font-size:14px;line-height:1.6}.cms-roof-plan-wrap.is-complex .cms-roof-plan-axis{display:none}.cms-roof-plan-wrap.is-complex .cms-roof-plan{display:block;overflow:visible;max-height:none;padding:0}
.cms-roof-warning{font-size:14px;line-height:1.58}.cms-roof-warning strong{color:#f7c77c}
@keyframes cmsRoofPulse{50%{opacity:.45;transform:scale(.84)}}

@media (max-width:1199px) {
    .cms-popular-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; }
    .cms-popular-card--featured { grid-column:1/-1; grid-row:auto; min-height:540px; }
    .cms-popular-card:not(.cms-popular-card--featured) { min-height:300px; }
    .cms-construction-tools-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .cms-roof-types{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cms-roof-workspace{grid-template-columns:1fr}
    .cms-roof-result-card .cms-result{min-height:280px}
}
@media (max-width:991px) {
    .cms-construction-tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cms-roof-summary { grid-template-columns:1fr; }
    .cms-roof-slope-cards article{grid-template-columns:auto 1fr}.cms-roof-slope-cards dl{grid-column:1/-1;padding-left:51px;justify-content:flex-start}.cms-roof-slope-cards dl>div{text-align:left}
}
@media (max-width:767px) {
    .cms-news-section.cms-popular-section { padding:62px 0; }
    .cms-popular-section .cms-news-section__head { margin-bottom:22px; }
    .cms-popular-grid { grid-template-columns:1fr; gap:13px; }
    .cms-popular-card--featured { grid-column:auto; min-height:0; }
    .cms-popular-card--featured > a { grid-template-rows:230px auto; }
    .cms-popular-card--featured .cms-popular-card__body { padding:20px; }
    .cms-popular-card--featured h3 { font-size:27px; }
    .cms-popular-card:not(.cms-popular-card--featured) { min-height:0; }
    .cms-popular-card:not(.cms-popular-card--featured) > a { grid-template-columns:120px 1fr; grid-template-rows:auto; min-height:190px; }
    .cms-popular-card:not(.cms-popular-card--featured) .cms-popular-card__category { left:8px; bottom:8px; max-width:calc(100% - 16px); overflow:hidden; font-size:11px; text-overflow:ellipsis; }
    .cms-popular-card:not(.cms-popular-card--featured) p { display:none; }
    .cms-popular-card:not(.cms-popular-card--featured) .cms-popular-card__meta { align-items:flex-start; flex-direction:column; gap:3px; }
    .cms-construction-tools-grid { grid-template-columns:1fr; }
    .cms-construction-tools-grid strong { white-space:normal; }
    .cms-roof-plan-wrap { margin-inline:-5px; padding:11px; }
    .cms-roof-plan { max-height:500px; }
    .cms-roof-types{grid-template-columns:1fr}.cms-roof-types button{min-height:84px}.cms-roof-form-section{padding:17px}.cms-roof-card-head{align-items:flex-start;flex-direction:column}.cms-roof-live{align-self:flex-start}.cms-roof-svg-wrap{margin-inline:-12px;padding:0}.cms-roof-svg-wrap svg{min-height:260px}.cms-roof-slope-cards{grid-template-columns:1fr}.cms-roof-plan-heading{align-items:flex-start;flex-direction:column}.cms-roof-plan-heading>span{text-align:left}.cms-roof-result-card{padding:16px}
}
@media (max-width:479px) {
    .cms-popular-card:not(.cms-popular-card--featured) > a { grid-template-columns:105px 1fr; }
    .cms-popular-card__body { padding:14px; }
    .cms-roof-types button{grid-template-columns:54px 1fr;padding:12px}.cms-roof-type-icon{width:54px;height:52px}.cms-roof-slope-cards article{padding:15px}.cms-roof-slope-cards dl{display:grid;grid-template-columns:1fr 1fr;padding-left:0}.cms-roof-visual-hint{margin-inline:14px}.cms-roof-card-head h3{font-size:19px}
}
/* V9: содержательный SEO-блок детальной страницы инструмента */
.cms-tool-seo-context{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(10,19,34,.3),rgba(15,25,43,.76));border-block:1px solid rgba(143,124,255,.12)}
.cms-tool-seo-context:before{content:"";position:absolute;width:520px;height:520px;right:-240px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(126,98,255,.14),transparent 68%);pointer-events:none}
.cms-tool-seo-context__intro{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:clamp(32px,6vw,88px);align-items:end;margin-bottom:34px}
.cms-tool-seo-context__intro h2{margin:8px 0 0;font-size:clamp(30px,4vw,50px);line-height:1.06;letter-spacing:-.035em;color:#f5f7ff}
.cms-tool-seo-context__intro>p{margin:0;color:#bdc8dc;font-size:16px;line-height:1.78}
.cms-tool-seo-context__grid{display:grid;grid-template-columns:1.18fr .82fr;gap:18px}
.cms-tool-seo-context__grid article{position:relative;min-height:238px;padding:30px;border:1px solid rgba(126,151,190,.22);border-radius:24px;background:linear-gradient(145deg,rgba(20,33,55,.94),rgba(11,20,35,.94));box-shadow:0 18px 60px rgba(0,0,0,.16)}
.cms-tool-seo-context__grid article:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(130,105,255,.08),transparent 45%);pointer-events:none}
.cms-tool-seo-context__number{display:inline-grid;place-items:center;width:42px;height:32px;margin-bottom:22px;border-radius:10px;background:rgba(128,104,255,.13);color:#a998ff;font-size:14px;font-weight:800;letter-spacing:.08em}
.cms-tool-seo-context__grid h3{position:relative;margin:0 0 18px;color:#f5f7ff;font-size:22px;line-height:1.2}
.cms-tool-seo-context__uses ul{position:relative;display:grid;gap:13px;margin:0;padding:0;list-style:none}
.cms-tool-seo-context__uses li{display:flex;gap:12px;align-items:flex-start;color:#c6d0e2;font-size:15px;line-height:1.55}
.cms-tool-seo-context__uses li i{display:grid;place-items:center;flex:0 0 24px;height:24px;margin-top:1px;border-radius:8px;background:rgba(51,224,183,.12);color:#43e2ba;font-size:14px}
.cms-tool-seo-context__audience>p{position:relative;margin:0;color:#c6d0e2;font-size:15px;line-height:1.68}
.cms-tool-seo-context__privacy{position:relative;display:flex;gap:12px;align-items:flex-start;margin-top:24px;padding:14px 16px;border:1px solid rgba(51,224,183,.17);border-radius:14px;background:rgba(51,224,183,.055);color:#aebbd0;font-size:14px;line-height:1.5}
.cms-tool-seo-context__privacy i{color:#43e2ba;font-size:18px}
.cms-tool-keywords{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin-top:18px;padding:20px 24px;border:1px solid rgba(126,151,190,.18);border-radius:18px;background:rgba(7,14,26,.55)}
.cms-tool-keywords>strong{padding-top:7px;color:#f2f4fb;font-size:14px;white-space:nowrap}
.cms-tool-keywords>div{display:flex;flex-wrap:wrap;gap:8px}
.cms-tool-keywords span{padding:7px 11px;border:1px solid rgba(151,132,255,.19);border-radius:999px;background:rgba(126,98,255,.08);color:#b9c5d9;font-size:13px;line-height:1.2}
@media(max-width:820px){.cms-tool-seo-context__intro,.cms-tool-seo-context__grid{grid-template-columns:1fr}.cms-tool-seo-context__intro{gap:18px}.cms-tool-keywords{grid-template-columns:1fr;gap:12px}.cms-tool-seo-context__grid article{min-height:0;padding:24px}}
@media(max-width:480px){.cms-tool-seo-context__intro>p{font-size:15px}.cms-tool-seo-context__uses li,.cms-tool-seo-context__audience>p{font-size:14px}.cms-tool-keywords{padding:16px}}

/* V9: направление повседневных расчётов */
.cms-everyday{background:radial-gradient(circle at 8% 15%,rgba(53,214,182,.075),transparent 30%),#091322}
.cms-everyday__layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:20px;align-items:stretch}
.cms-everyday__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cms-everyday__card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;min-height:176px;padding:24px;border:1px solid rgba(126,151,190,.19);border-radius:22px;background:linear-gradient(145deg,rgba(19,34,55,.95),rgba(11,21,37,.95));color:inherit;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.cms-everyday__card:hover{transform:translateY(-4px);border-color:rgba(67,226,186,.34);box-shadow:0 22px 55px rgba(0,0,0,.2)}
.cms-everyday__card small{display:block;margin:2px 0 8px;color:#4ce0bc;font-size:13px;font-weight:700}
.cms-everyday__card strong{display:block;color:#f3f6fc;font-size:18px;line-height:1.25}
.cms-everyday__card p{margin:10px 0 0;color:#9eadc3;font-size:14px;line-height:1.55}
.cms-everyday__card>i{color:#a695ff;font-size:17px}
.cms-everyday__quick{padding:28px;border:1px solid rgba(151,132,255,.25);border-radius:24px;background:linear-gradient(160deg,rgba(42,34,86,.78),rgba(14,25,43,.95));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.cms-everyday__quick h3{margin:10px 0 8px;color:#f5f7ff;font-size:25px}.cms-everyday__quick>p{margin:0 0 22px;color:#aebad0;font-size:14px;line-height:1.55}
.cms-everyday__quick label{display:grid;gap:7px;margin-top:13px}.cms-everyday__quick label span{color:#c7d0e1;font-size:13px;font-weight:700}
.cms-everyday__quick output{display:block;margin:18px 0;padding:17px;border:1px solid rgba(67,226,186,.22);border-radius:15px;background:rgba(67,226,186,.08);color:#43e2ba;font-size:28px;font-weight:800}
.cms-everyday__quick>a{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#a997ff;font-size:14px;font-weight:800}
.cms-check{display:flex!important;gap:10px;align-items:center;margin:4px 0 18px;color:#c5cede;font-size:14px;cursor:pointer}.cms-check input{width:18px;height:18px;accent-color:#8d78ff}.cms-tool-divider{height:1px;margin:26px 0;background:rgba(126,151,190,.18)}
@media(max-width:980px){.cms-everyday__layout{grid-template-columns:1fr}.cms-everyday__quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.cms-everyday__quick>span,.cms-everyday__quick h3,.cms-everyday__quick>p,.cms-everyday__quick output,.cms-everyday__quick>a{grid-column:1/-1}}
@media(max-width:680px){.cms-everyday__cards{grid-template-columns:1fr}.cms-everyday__card{min-height:0;padding:21px}.cms-everyday__quick{display:block;padding:22px}}