/* Start:/local/templates/prod_su_site_v10_template/assets/css/site.css?178896578886208*/
@font-face {
    font-family: "Onest";
    src: url("/local/templates/prod_su_site_v10_template/assets/css/../fonts/onest/Onest-Variable.woff2") format("woff2-variations");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --su-blue: #0794d3;
    --su-blue-dark: #087bb7;
    --su-ink: #202a38;
    --su-muted: #687589;
    --su-paper: #f5f9fc;
    --su-white: #fff;
    --su-dark: #111a27;
    --su-dark-card: #182433;
    --su-line: #dce6ee;
    --su-radius: 10px;
    --su-shadow: 0 14px 44px rgba(18, 50, 77, .1);
    --su-ease: cubic-bezier(.22, 1, .36, 1);
    --su-ease-soft: cubic-bezier(.4, 0, .2, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: auto; scroll-padding-top: 78px; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--su-white); color: var(--su-ink); font-family: "Onest", Arial, Helvetica, sans-serif; font-feature-settings: "kern" 1, "liga" 1; font-synthesis: none; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.su-site { min-width: 320px; overflow: hidden; }
.su-site > main { padding-top: 78px; }
.su-site section[id] { scroll-margin-top: 88px; }
.su-site a { color: inherit; }
.su-site img { max-width: 100%; height: auto; }
.su-shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.su-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.su-section { padding: 72px 0; }
.su-site h1, .su-site h2, .su-site h3, .su-site p { margin-top: 0; }
.su-site h1 { margin-bottom: 22px; font-size: clamp(48px, 5vw, 68px); line-height: 1.02; letter-spacing: -.045em; }
.su-site h2 { margin-bottom: 0; font-size: clamp(32px, 3.2vw, 46px); line-height: 1.08; letter-spacing: -.035em; }
.su-kicker, .su-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 17px; color: var(--su-blue-dark); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.su-kicker::before, .su-eyebrow::before { width: 22px; height: 2px; background: currentColor; content: ""; }
.su-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 24px; border: 2px solid var(--su-blue); border-radius: 5px; background: var(--su-blue); color: white !important; font-family: "Onest", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .005em; text-decoration: none; cursor: pointer; transform: translate3d(0, 0, 0); transition: color .34s var(--su-ease-soft), transform .42s var(--su-ease), border-color .34s var(--su-ease-soft), background-color .34s var(--su-ease-soft), box-shadow .42s var(--su-ease); }
.su-button:hover { transform: translate3d(0, -3px, 0); background: var(--su-blue-dark); box-shadow: 0 12px 28px rgba(8, 148, 211, .24); }
.su-button:active { transform: translate3d(0, -1px, 0); transition-duration: .12s; }
.su-button:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(7,148,211,.2), 0 12px 28px rgba(8,148,211,.2); }
.su-button--small { min-height: 42px; padding: 0 20px; font-size: 12px; }
.su-button--outline { background: transparent; color: var(--su-blue-dark) !important; }
.su-button--outline:hover { color: white !important; }

.su-header { position: fixed; z-index: 50; top: 0; right: 0; left: 0; border-bottom: 1px solid rgba(220, 230, 238, .8); background: rgba(255, 255, 255, .96); transition: box-shadow .38s var(--su-ease-soft), background-color .38s var(--su-ease-soft); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.su-header.is-scrolled { box-shadow: 0 8px 24px rgba(20, 48, 70, .08); }
.su-header__inner { display: flex; align-items: center; min-height: 78px; gap: 28px; }
.su-brand { display: block; flex: 0 0 154px; text-decoration: none; }
.su-brand picture { display: block; }
.su-brand img { display: block; width: 154px; }
.su-nav { display: flex; align-items: center; gap: 23px; margin-left: auto; }
.su-nav a { color: #374456; font-family: "Onest", Arial, sans-serif; font-size: 13.5px; font-weight: 650; letter-spacing: .005em; text-decoration: none; transition: color .3s var(--su-ease-soft); }
.su-nav a:hover { color: var(--su-blue); }
.su-nav__caption, .su-nav__mobile-cta { display: none; }
.su-menu-button { display: none; width: 44px; height: 44px; padding: 10px; border: 0; background: transparent; }
.su-menu-button span { display: block; width: 24px; height: 2px; margin: 5px 0; background: currentColor; transition: opacity .3s var(--su-ease-soft), transform .42s var(--su-ease); }
.su-menu-backdrop { display: none; }

.su-hero { position: relative; display: flex; min-height: calc(100vh - 78px); min-height: calc(100svh - 78px); padding: 28px 0; background: radial-gradient(circle at 76% 40%, rgba(21, 158, 222, .16), transparent 29%), linear-gradient(180deg, #fafdff, #f1f8fc); flex-direction: column; justify-content: center; }
.su-hero__grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; min-height: 0; gap: 35px; }
.su-hero__copy { position: relative; z-index: 2; }
.su-hero__copy > p { max-width: 550px; color: var(--su-muted); font-size: 17px; line-height: 1.58; }
.su-hero__actions { display: flex; gap: 14px; margin-top: 28px; }
.su-hero__phone, .su-hero__response, .su-metrics-hint { display: none; }
.su-hero-visual { position: relative; justify-self: end; width: min(620px, 108%); aspect-ratio: 3 / 2; }
.su-hero-visual picture { display: block; width: 100%; height: 100%; }
.su-hero-visual__tech { position: absolute; inset: -4% -3%; width: 106%; height: 108%; object-fit: contain; }
.su-metrics { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 24px; overflow: hidden; border: 1px solid #dce7ef; border-radius: 12px; background: #fff; box-shadow: 0 18px 45px rgba(22,62,92,.1); }
.su-metrics > div { position: relative; display: grid; grid-template-columns: 58px auto; grid-template-rows: auto auto; align-content: center; align-items: center; row-gap: 3px; min-height: 104px; padding: 16px 22px; border-right: 1px solid #dce7ef; }
.su-metrics > div:last-child { border-right: 0; }
.su-metric-icon { grid-row: 1 / 3; width: 50px; height: 50px; }
.su-metric-icon img { display: block; width: 50px; height: 50px; object-fit: contain; }
.su-metrics strong { display: inline-flex; align-items: baseline; gap: 0; color: #096fa8; font-family: "Onest", Arial, Helvetica, sans-serif; font-size: 29px; font-style: normal; font-weight: 800; font-variant-numeric: proportional-nums; letter-spacing: -.045em; line-height: 1; }
.su-metrics strong span, .su-metrics strong em { color: inherit; font: inherit; letter-spacing: inherit; }
.su-metrics strong span { font-feature-settings: "pnum" 1, "tnum" 0; font-variant-numeric: proportional-nums; letter-spacing: -.065em; }
.su-metrics strong em { font-style: normal; }
.su-metrics strong .su-metric-unit { margin-left: .18em; letter-spacing: -.035em; }
.su-metrics small { color: #627285; font-size: 11px; line-height: 1.35; }
.su-mobile-copy { display: none; }

.su-section-title { margin-bottom: 36px; text-align: center; }
.su-section-title h2 { max-width: 780px; margin: 0 auto; }
.su-section-head { display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 70px; margin-bottom: 38px; }
.su-section-head > p { max-width: 420px; margin-bottom: 3px; color: var(--su-muted); font-size: 15px; line-height: 1.65; }
.su-services { position: relative; overflow: hidden; background: linear-gradient(180deg, #fff, #f8fbfd); }
.su-services::before { position: absolute; inset: 0; background: radial-gradient(circle at 8% 20%, rgba(42,190,244,.07), transparent 28%), radial-gradient(circle at 92% 78%, rgba(14,101,179,.05), transparent 30%); content: ""; pointer-events: none; }
.su-services > .su-shell { position: relative; z-index: 1; }
.su-service-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 14px; }
.su-service-card { position: relative; display: flex; grid-column: span 4; min-height: 310px; padding: 22px; overflow: hidden; border: 1px solid #d7e3eb; border-radius: 14px; outline: none; background: #fff; box-shadow: 0 10px 26px rgba(25,66,94,.055); cursor: pointer; flex-direction: column; transform: translate3d(0,0,0); transition: transform .48s var(--su-ease), border-color .36s var(--su-ease-soft), box-shadow .48s var(--su-ease); }
.su-service-card:nth-child(-n+2) { grid-column: span 6; min-height: 270px; padding-right: 31%; }
.su-service-card:nth-child(-n+2) .su-service-card__icon { position: absolute; right: 25px; bottom: 36px; width: 128px; height: 128px; margin: 0; opacity: .96; }
.su-service-card:hover { transform: translateY(-5px); border-color: rgba(7,148,211,.45); box-shadow: 0 18px 38px rgba(19,72,109,.11); }
.su-service-card:focus-visible { border-color: var(--su-blue); box-shadow: 0 0 0 4px rgba(7,148,211,.15), 0 18px 38px rgba(19,72,109,.11); }
.su-service-card__icon { width: 78px; height: 78px; margin: -5px 0 13px -5px; }
.su-service-card__icon img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .48s var(--su-ease); }
.su-service-card:hover .su-service-card__icon img { transform: translateY(-2px); }
.su-service-card__icon--official { width: 92px; height: 78px; margin-left: -8px; }
.su-service-card__top { position: absolute; top: 20px; right: 20px; display: flex; gap: 8px; color: #4387ae; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.su-service-card__top span { color: var(--su-blue-dark); }
.su-service-card__top b { display: none; }
.su-service-card h3 { margin: 0 0 12px; color: #172436; font-size: 20px; line-height: 1.18; letter-spacing: -.03em; }
.su-service-card p { margin-bottom: 16px; color: #627287; font-size: 12px; line-height: 1.58; }
.su-service-card__price { margin-top: auto; color: #0879b4; font-size: 11px; font-weight: 800; letter-spacing: .01em; }
.su-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
.su-tag { padding: 5px 8px; border-radius: 999px; background: #eef7fc; color: #526b7c; font-size: 9px; font-style: normal; }
.su-service-card__arrow { position: absolute; right: 18px; bottom: 17px; display: flex; align-items: center; gap: 8px; color: var(--su-blue); font-size: 23px; line-height: 1; }
.su-service-card__arrow i { font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .03em; opacity: 0; transform: translate3d(7px,0,0); transition: opacity .36s var(--su-ease-soft), transform .42s var(--su-ease); }
.su-service-card:hover .su-service-card__arrow i, .su-service-card:focus-visible .su-service-card__arrow i { opacity: 1; transform: none; }
.su-price-note { margin: 22px 0 0; color: var(--su-muted); font-size: 12px; text-align: center; }

.su-service-modal { width: min(900px, calc(100% - 32px)); max-height: calc(100vh - 36px); max-height: min(780px, calc(100dvh - 36px)); padding: 0; overflow: visible; border: 0; border-radius: 22px; background: white; color: var(--su-ink); box-shadow: 0 32px 100px rgba(7,28,45,.28); opacity: 0; transform: translate3d(0,22px,0) scale(.975); }
.su-service-modal:not([open]) { display: none; }
.su-service-modal[open] { opacity: 1; transform: translate3d(0,0,0) scale(1); animation: su-modal-in .46s var(--su-ease) both; }
.su-service-modal.is-closing { animation: su-modal-out .3s var(--su-ease-soft) both; }
.su-service-modal::backdrop { background: rgba(7,17,27,.72); animation: su-backdrop-in .4s var(--su-ease-soft) both; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.su-service-modal.is-closing::backdrop { animation: su-backdrop-out .3s var(--su-ease-soft) both; }
.su-dialog-open { overflow: hidden; }
.su-service-modal-fallback-backdrop { position: fixed; z-index: 90; inset: 0; background: rgba(7,17,27,.72); opacity: 0; visibility: hidden; transition: opacity .4s var(--su-ease-soft), visibility .4s var(--su-ease-soft); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.su-service-modal-fallback-backdrop.is-visible { opacity: 1; visibility: visible; }
.su-service-modal.is-fallback { position: fixed; z-index: 92; top: 50%; left: 50%; margin: 0; transform: translate3d(-50%, calc(-50% + 22px), 0) scale(.975); }
.su-service-modal.is-fallback[open] { transform: translate3d(-50%,-50%,0) scale(1); animation: su-modal-fallback-in .46s var(--su-ease) both; }
.su-service-modal.is-fallback.is-closing { animation: su-modal-fallback-out .3s var(--su-ease-soft) both; }
.su-service-modal__layout { display: grid; grid-template-columns: 280px 1fr; max-height: inherit; min-height: 520px; overflow: hidden; border-radius: inherit; }
.su-service-modal__visual { display: grid; padding: 34px; background: linear-gradient(145deg, #e9f7fd, #f8fcff); place-items: center; }
.su-service-modal__visual img { width: 190px; height: 190px; object-fit: contain; }
.su-service-modal__body { display: flex; padding: 42px 42px 34px; overflow-y: auto; flex-direction: column; overscroll-behavior: contain; }
.su-service-modal__body h3 { margin-bottom: 18px; font-size: 30px; line-height: 1.1; }
.su-service-modal__body > p { color: var(--su-muted); font-size: 15px; line-height: 1.7; }
.su-service-modal__body > strong { margin-top: 18px; color: var(--su-blue-dark); font-size: 13px; }
.su-service-modal__body .su-button { align-self: flex-start; margin-top: 24px; }
.su-service-modal__details { display: grid; gap: 14px; margin-top: 5px; }
.su-service-modal__details > div { padding: 14px 16px; border: 1px solid #e0eaf1; border-radius: 10px; background: #f8fbfd; }
.su-service-modal__details span { display: block; margin-bottom: 7px; color: var(--su-blue-dark); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.su-service-modal__details p { margin: 0; color: #55677b; font-size: 12px; line-height: 1.55; }
.su-service-modal__details ul { display: grid; gap: 6px; padding: 0; margin: 0; list-style: none; }
.su-service-modal__details li { position: relative; padding-left: 18px; color: #55677b; font-size: 12px; line-height: 1.45; }
.su-service-modal__details li::before { position: absolute; top: .55em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--su-blue); content: ""; }
.su-service-modal__note { max-width: 470px; margin-top: 12px; color: #7c8998; font-size: 10px; line-height: 1.5; }
.su-service-modal__close { position: absolute; z-index: 2; top: 18px; right: 18px; width: 38px; height: 38px; border: 1px solid #dce7ef; border-radius: 50%; background: white; cursor: pointer; transition: transform .42s var(--su-ease), border-color .3s var(--su-ease-soft), background-color .3s var(--su-ease-soft); }
.su-service-modal__close:hover { border-color: #9bcde4; background: #f2faff; transform: rotate(90deg); }
.su-service-modal__close span { position: absolute; top: 18px; left: 10px; width: 17px; height: 2px; background: var(--su-ink); transform: rotate(45deg); }
.su-service-modal__close span:last-child { transform: rotate(-45deg); }

@keyframes su-modal-in { from { opacity: 0; transform: translate3d(0,22px,0) scale(.975); } to { opacity: 1; transform: translate3d(0,0,0) scale(1); } }
@keyframes su-modal-out { from { opacity: 1; transform: translate3d(0,0,0) scale(1); } to { opacity: 0; transform: translate3d(0,16px,0) scale(.985); } }
@keyframes su-modal-fallback-in { from { opacity: 0; transform: translate3d(-50%,calc(-50% + 22px),0) scale(.975); } to { opacity: 1; transform: translate3d(-50%,-50%,0) scale(1); } }
@keyframes su-modal-fallback-out { from { opacity: 1; transform: translate3d(-50%,-50%,0) scale(1); } to { opacity: 0; transform: translate3d(-50%,calc(-50% + 16px),0) scale(.985); } }
@keyframes su-backdrop-in { from { background: rgba(7,17,27,0); } to { background: rgba(7,17,27,.72); } }
@keyframes su-backdrop-out { from { background: rgba(7,17,27,.72); } to { background: rgba(7,17,27,0); } }

.su-cases { background: #121b26; color: white; }
.su-cases .su-kicker { color: #58c7f5; }
.su-section-head--light > p { color: #aab6c5; }
.su-case-grid { display: block; border-top: 1px solid rgba(255,255,255,.22); }
.su-case-card { display: grid; grid-template-columns: 72px minmax(210px,.95fr) minmax(270px,1.25fr) minmax(220px,.9fr); gap: 8px 30px; min-height: 0; padding: 30px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.17); border-radius: 0; background: transparent; }
.su-case-card__number { grid-column: 1; grid-row: 1 / 3; color: #69d0f7; font-size: 34px; font-weight: 500; line-height: 1; letter-spacing: -.04em; }
.su-case-card h3 { grid-column: 2; grid-row: 1 / 3; margin: 0; font-size: 22px; line-height: 1.28; }
.su-case-card p { grid-column: 3; grid-row: 1 / 3; margin: 0; color: #b5c0ce; font-size: 12px; line-height: 1.65; }
.su-case-card__result { grid-column: 4; grid-row: 1; margin: 0; color: #72d4fa; font-size: 13px; font-weight: 750; line-height: 1.45; }
.su-case-card .su-tags { grid-column: 4; grid-row: 2; align-self: end; margin-top: 10px; }
.su-case-card .su-tag { padding: 0; border-radius: 0; background: none; color: #aebdca; font-size: 9px; letter-spacing: .02em; }
.su-case-card .su-tag:not(:last-child)::after { margin-left: 5px; color: #567086; content: "/"; }

.su-process { background: var(--su-paper); }
.su-process .su-section-title { text-align: left; }
.su-process .su-section-title h2 { margin-left: 0; }
.su-steps { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); padding: 0; margin: 0; list-style: none; }
.su-steps::before { position: absolute; top: 30px; right: 8%; left: 8%; border-top: 1px dashed #b8c9d5; content: ""; }
.su-steps li { position: relative; padding: 0 12px; text-align: center; }
.su-steps span { position: relative; z-index: 1; display: grid; width: 48px; height: 48px; margin: 7px auto 22px; border-radius: 50%; background: var(--su-blue); color: white; font-size: 17px; font-weight: 800; place-items: center; box-shadow: 0 0 0 8px var(--su-paper); }
.su-step-icon { display: grid; width: 66px; height: 66px; margin: 0 auto 12px; place-items: center; }
.su-step-icon img { width: 62px; height: 62px; object-fit: contain; }
.su-steps b { display: block; margin-bottom: 8px; font-size: 14px; }
.su-steps small { color: var(--su-muted); font-size: 11px; line-height: 1.45; }

.su-expertise { background: linear-gradient(105deg, #f8fcff, #eaf7fd); }
.su-expertise__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; padding-top: 42px; padding-bottom: 42px; border-radius: 12px; }
.su-expertise p { max-width: 570px; margin: 18px 0 24px; color: var(--su-muted); font-size: 15px; line-height: 1.65; }
.su-expertise__logos { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; min-height: 200px; padding: 30px; border-left: 1px solid #cfe6f2; }
.su-b24-logo, .su-onec-logo { display: flex; align-items: center; justify-content: center; min-height: 120px; padding: 22px; }
.su-onec-logo { border-left: 1px solid #cfe6f2; }
.su-b24-logo img { display: block; width: min(290px, 100%); max-height: 82px; object-fit: contain; }
.su-onec-logo img { display: block; width: min(185px, 100%); max-height: 92px; object-fit: contain; }

.su-partner-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.su-partner-card { position: relative; display: grid; grid-template-rows: 1fr auto; min-height: 200px; padding: 20px; border: 1px solid var(--su-line); border-radius: var(--su-radius); background: white; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.su-partner-card:hover { transform: translateY(-4px); box-shadow: var(--su-shadow); }
.su-partner-card__logo { display: flex; align-items: center; justify-content: center; padding: 20px; }
.su-partner-card__logo img { max-width: 210px; max-height: 72px; object-fit: contain; }
.su-partner-card__meta { display: flex; flex-direction: column; gap: 4px; padding-top: 14px; border-top: 1px solid var(--su-line); }
.su-partner-card__meta small { color: var(--su-muted); font-size: 11px; }
.su-partner-card__arrow { position: absolute; right: 20px; bottom: 20px; color: var(--su-blue); }

.su-team { background: #fbfdff; }
.su-role-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.su-role-grid article { min-height: 180px; padding: 22px; border: 1px solid var(--su-line); border-radius: var(--su-radius); background: white; }
.su-role-grid .su-role-avatar { display: grid; width: 72px; height: 72px; margin: 0 auto 20px; border: 3px solid #d8eaf4; border-radius: 50%; background: linear-gradient(145deg, #edf7fc, #c9dfeb); color: var(--su-blue-dark); font-size: 14px; font-weight: 800; place-items: center; }
.su-role-grid .su-role-avatar--photo { overflow: hidden; padding: 0; }
.su-role-grid .su-role-avatar--photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.su-role-grid b { display: block; margin: 0 0 8px; font-size: 15px; text-align: center; }
.su-role-grid small { color: var(--su-muted); font-size: 11px; }
.su-role-grid p { margin: 9px 0 0; color: var(--su-muted); font-size: 10px; line-height: 1.45; }
.su-role-grid article { text-align: center; }

.su-reviews { background: white; }
.su-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #dbe8f0; border-bottom: 1px solid #dbe8f0; }
.su-review-grid article { display: grid; min-height: 310px; padding: 34px 46px 36px 0; grid-template-columns: 38px minmax(0, 1fr); column-gap: 16px; }
.su-review-grid article:nth-child(even) { padding-right: 0; padding-left: 46px; border-left: 1px solid #dbe8f0; }
.su-review-grid article:nth-child(n+3) { border-top: 1px solid #dbe8f0; }
.su-review-index { padding-top: 3px; color: var(--su-blue); font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.su-review-entry { display: flex; min-width: 0; flex-direction: column; }
.su-review-grid blockquote { margin: 21px 0 0; color: #3f5165; font-size: 16px; font-style: normal; font-weight: 500; line-height: 1.68; }
.su-review-cite { margin: 0; }
.su-review-cite b { display: block; color: var(--su-ink); font-size: 15px; }
.su-review-cite small { display: block; margin-top: 4px; color: #7e8d9e; font-size: 11px; }
.su-review-entry__stars { display: inline-block; align-self: flex-start; margin-top: 17px; color: #f5a400; font-size: 15px; letter-spacing: 2px; line-height: 1; }
.su-rating { display: flex; align-items: center; gap: 16px; min-width: 330px; padding: 14px 18px; border: 1px solid #dbe8f0; border-radius: 14px; background: white; color: inherit; box-shadow: 0 10px 28px rgba(19,67,96,.06); text-decoration: none; justify-self: end; transition: border-color .35s var(--su-ease-soft), box-shadow .4s var(--su-ease), transform .4s var(--su-ease); }
.su-rating:hover { border-color: #9fd3e9; box-shadow: 0 15px 36px rgba(19,88,127,.11); transform: translate3d(0,-2px,0); }
.su-rating__score { display: flex; align-items: baseline; gap: 4px; padding-right: 16px; border-right: 1px solid #dbe8f0; }
.su-rating__score strong { color: var(--su-ink); font-size: 46px; line-height: 1; }
.su-rating__score i { color: var(--su-muted); font-size: 10px; font-style: normal; font-weight: 700; }
.su-rating__meta { display: flex; flex-direction: column; gap: 3px; }
.su-rating__stars { color: #f5a400; font-size: 17px; letter-spacing: 2px; line-height: 1; }
.su-rating__meta b { color: var(--su-blue-dark); font-size: 9px; }
.su-rating__meta small { color: var(--su-muted); font-size: 10px; }
.su-reviews__footer { display: flex; justify-content: flex-end; margin-top: 18px; }
.su-reviews__link { display: inline-flex; align-items: center; gap: 10px; color: var(--su-blue-dark); font-size: 12px; font-weight: 850; text-decoration: none; white-space: nowrap; }
.su-reviews__link span { display: grid; width: 28px; height: 28px; border-radius: 50%; background: #e5f5fc; color: var(--su-blue); place-items: center; transition: transform .35s var(--su-ease); }
.su-reviews__link:hover span { transform: translate3d(3px,-3px,0); }

.su-company { background: var(--su-paper); }
.su-company__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; }
.su-company__about { max-width: 620px; margin-top: 20px; color: var(--su-muted); font-size: 16px; line-height: 1.7; }
.su-company__promise { margin-top: 25px; padding: 20px; border-left: 3px solid var(--su-blue); background: white; font-size: 14px; font-weight: 700; line-height: 1.55; }
.su-company__checklist { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; padding: 0; margin: 20px 0 0; list-style: none; }
.su-company__checklist li { position: relative; padding: 11px 12px 11px 35px; border: 1px solid var(--su-line); border-radius: 7px; background: rgba(255,255,255,.72); color: var(--su-muted); font-size: 11px; line-height: 1.45; }
.su-company__checklist li::before { position: absolute; top: 11px; left: 12px; display: grid; width: 16px; height: 16px; border-radius: 50%; background: var(--su-blue); color: white; font-size: 10px; font-weight: 900; content: "✓"; place-items: center; }
.su-requisites { margin: 0; padding: 24px; border: 1px solid var(--su-line); border-radius: var(--su-radius); background: white; }
.su-requisites div { padding: 13px 0; border-bottom: 1px solid var(--su-line); }
.su-requisites div:last-child { border-bottom: 0; }
.su-requisites dt { margin-bottom: 5px; color: var(--su-muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.su-requisites dd { margin: 0; font-size: 14px; font-weight: 800; }
.su-requisites dd a { color: var(--su-blue-dark); text-underline-offset: 3px; }
.su-phone-pair { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.su-trademark-note { margin: 12px 0 0; color: #7b8795; font-size: 10px; line-height: 1.5; }

.su-contact { padding: 88px 0 72px; background: #147fb9; color: white; }
.su-contact__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 82px; }
.su-contact .su-eyebrow--light { color: #b9e6fb; }
.su-contact h2 { margin: 18px 0 28px; color: white; font-size: clamp(55px, 5.4vw, 78px); line-height: .9; }
.su-contact h2 em { display: inline-block; color: #9ddfff; font-style: normal; font-weight: 400; }
.su-contact__intro > p { max-width: 490px; color: #e2f3fb; font-size: 17px; line-height: 1.7; }
.su-contacts { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 32px; font-size: 18px; font-weight: 800; }
.su-contacts a { color: white; text-underline-offset: 4px; }
.su-contact__socials { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 22px; }
.su-contact__socials a { display: inline-flex; align-items: center; gap: 8px; padding: 0 0 5px; border-bottom: 1px solid rgba(255,255,255,.34); color: white; font-size: 14px; font-weight: 750; text-decoration: none; transition: border-color .25s var(--su-ease-soft), transform .25s var(--su-ease); }
.su-contact__socials a:hover { border-color: white; transform: translateY(-2px); }
.su-contact__socials img { display: block; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; object-fit: contain; }
.su-contact__socials b { color: #b9e6fb; font-size: 11px; }
.su-contact__address { margin-top: 28px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.28); color: #e2f3fb; }
.su-contact__form { padding: 36px; border: 1px solid rgba(255,255,255,.12); border-radius: var(--su-radius); background: rgba(7,83,132,.46); box-shadow: 0 24px 60px rgba(5,66,108,.16); transition: transform .65s var(--su-ease), box-shadow .65s var(--su-ease); }
.su-contact__form:hover { box-shadow: 0 28px 70px rgba(5,53,88,.23); }
.su-feedback { display: flex; flex-direction: column; gap: 20px; }
.su-feedback__trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }
.su-feedback__intro { padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.18); }
.su-feedback__intro strong { display: block; margin-bottom: 7px; color: white; font-size: 21px; line-height: 1.2; }
.su-feedback__intro p { margin: 0; color: #d6edf8; font-size: 12px; line-height: 1.65; }
.su-feedback label { color: white; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.su-feedback label > small { display: block; margin-top: 6px; color: #b9d9e8; font-size: 9px; font-weight: 400; line-height: 1.45; letter-spacing: 0; text-transform: none; }
.su-feedback input, .su-feedback textarea { display: block; width: 100%; margin-top: 7px; padding: 13px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.42); border-radius: 0; outline: none; background: transparent; color: white; font: inherit; resize: vertical; transition: border-color .34s var(--su-ease-soft), box-shadow .34s var(--su-ease-soft), background-color .34s var(--su-ease-soft); }
.su-feedback input:focus, .su-feedback textarea:focus { border-color: white; box-shadow: 0 5px 0 -4px rgba(255,255,255,.55); }
.su-feedback ::placeholder { color: #b9dbec; }
.su-feedback__consent { display: grid !important; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; color: #e2f3fb; font-size: 11px !important; font-weight: 400 !important; line-height: 1.5; letter-spacing: 0 !important; text-transform: none !important; }
.su-feedback__consent input { width: 17px; height: 17px; margin: 0; accent-color: white; }
.su-feedback__consent a { color: white; text-underline-offset: 3px; }
.su-feedback__location { margin: -8px 0 0; color: #c7e4f2; font-size: 10px; line-height: 1.45; }
.su-feedback__response { margin: -8px 0 0; color: #c7e4f2; font-size: 10px; line-height: 1.45; text-align: center; }
.su-contact .su-button--light { width: 100%; background: white; color: var(--su-ink) !important; }
.su-contact .su-button--light:hover { background: #eef8fd; color: var(--su-blue-dark) !important; }
.su-location { display: grid; grid-template-columns: .72fr 1.28fr; min-height: 360px; margin-top: 56px; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: var(--su-radius); background: rgba(7,83,132,.34); }
.su-location__copy { padding: 38px; }
.su-location__copy h3 { margin: 4px 0 13px; color: white; font-size: 28px; }
.su-location__copy p { max-width: 390px; color: #d7edf8; font-size: 13px; line-height: 1.65; }
.su-location__copy > a { display: inline-flex; margin-top: 20px; color: white; font-weight: 800; text-underline-offset: 4px; }
.su-location__canvas { position: relative; min-height: 360px; background: #0d6fa6; }
.su-location__canvas iframe { width: 100%; height: 100%; min-height: 360px; border: 0; }
.su-captcha { display: grid; grid-template-columns: 238px 1fr; gap: 14px; align-items: end; }
.su-captcha__visual { display: flex; align-items: center; gap: 9px; }
.su-captcha img { width: 180px; height: 40px; border: 1px solid rgba(255,255,255,.55); border-radius: 5px; background: white; object-fit: cover; }
.su-captcha__refresh { display: inline-grid; width: 46px; min-width: 46px; height: 46px; padding: 0; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: transparent; color: white; font: inherit; cursor: pointer; place-items: center; transition: border-color .28s var(--su-ease-soft), background .28s var(--su-ease-soft), transform .35s var(--su-ease); }
.su-captcha__refresh span { font-size: 25px; line-height: 1; transition: transform .42s var(--su-ease); }
.su-captcha__refresh small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.su-captcha__refresh:hover { border-color: white; background: rgba(255,255,255,.12); transform: translate3d(0,-2px,0); }
.su-captcha__refresh:hover span { transform: rotate(160deg); }
.su-captcha__refresh:disabled { cursor: wait; opacity: .62; transform: none; }
.su-captcha__refresh[aria-busy="true"] span { animation: su-captcha-spin .72s linear infinite; }
.su-captcha__status { min-height: 16px; color: #bdeeff; font-size: 10px; grid-column: 1 / -1; }
.su-captcha__status.is-error { color: #ffd4d4; }
@keyframes su-captcha-spin { to { transform: rotate(360deg); } }
.su-form-message { margin-bottom: 16px; padding: 15px 18px; border-radius: 6px; }
.su-form-message p { margin: 3px 0; }
.su-form-error { background: #fff0f0; color: #8b1c1c; }
.su-form-success { background: #effaf4; color: #17653d; }

.su-footer { padding: 0 0 20px; overflow: hidden; background: #0b1420; color: white; }
.su-footer__lead { display: grid; grid-template-columns: 230px 1fr auto; align-items: center; gap: 54px; padding-top: 42px; padding-bottom: 38px; border-bottom: 1px solid rgba(255,255,255,.12); }
.su-footer__brand { display: inline-flex; width: 205px; text-decoration: none; }
.su-footer__brand img { display: block; width: 205px; height: auto; opacity: .98; }
.su-footer__lead-copy > span { color: #58c7ff; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.su-footer__lead-copy h3 { max-width: 680px; margin: 8px 0 0; color: white; font-size: clamp(20px, 2.2vw, 31px); line-height: 1.18; }
.su-footer__grid { display: grid; grid-template-columns: .7fr 1.1fr .95fr 1fr; align-items: start; gap: 48px; padding-top: 34px; }
.su-footer__nav, .su-footer__contacts, .su-footer__company, .su-footer__legal { display: flex; flex-direction: column; gap: 9px; color: #a7b3c1; font-size: 11px; line-height: 1.5; }
.su-footer__nav strong, .su-footer__contacts strong, .su-footer__company strong, .su-footer__legal strong { margin-bottom: 5px; color: white; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.su-footer__nav a, .su-footer__contacts a, .su-footer__company a, .su-footer__legal a, .su-footer__legal button { width: fit-content; padding: 0; border: 0; background: none; color: #b7c1cd; font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.su-footer__nav a:hover, .su-footer__company a:hover, .su-footer__legal a:hover, .su-footer__legal button:hover { color: white; text-decoration: underline; text-underline-offset: 4px; }
.su-footer__note { max-width: 250px; margin-top: 6px; padding-left: 11px; border-left: 2px solid #49bce9; color: #aebdca; font-size: 10px; line-height: 1.55; }
.su-footer__company a { margin-top: 4px; color: #74d2ff; font-weight: 800; }
.su-footer__socials { display: grid; grid-template-columns: repeat(2, max-content); gap: 8px; margin-top: 12px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.11); }
.su-footer__socials > span { grid-column: 1 / -1; color: #7f91a2; font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.su-footer__legal .su-footer__socials a { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; padding: 4px 9px 4px 5px; border: 1px solid rgba(116,210,255,.28); border-radius: 999px; color: #dceaf2; font-weight: 750; transition: border-color .25s var(--su-ease), background-color .25s var(--su-ease), color .25s var(--su-ease), transform .25s var(--su-ease); }
.su-footer__legal .su-footer__socials a:hover { border-color: rgba(116,210,255,.65); background: rgba(116,210,255,.09); color: white; text-decoration: none; transform: translateY(-2px); }
.su-footer__socials img { display: block; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; object-fit: contain; }
.su-footer__socials b { color: #74d2ff; font-size: 10px; }
.su-footer__bottom { display: flex; justify-content: space-between; margin-top: 28px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.08); color: #8290a0; font-size: 10px; }
.su-cookie { position: fixed; z-index: 80; right: 20px; bottom: 20px; display: flex; align-items: center; gap: 24px; width: min(620px, calc(100% - 40px)); padding: 18px; border: 1px solid var(--su-line); border-radius: 8px; background: white; color: var(--su-ink); box-shadow: 0 18px 70px rgba(13,29,47,.27); }
.su-cookie[hidden] { display: none; }
.su-cookie strong { display: block; margin-bottom: 5px; }
.su-cookie p { margin: 0; color: var(--su-muted); font-size: 11px; line-height: 1.45; }
.su-cookie p a { color: var(--su-blue-dark); font-weight: 700; text-underline-offset: 2px; }
.su-cookie__actions { display: flex; gap: 8px; }
.su-cookie__settings { display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid var(--su-blue); border-radius: 5px; background: white; color: var(--su-blue-dark); font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; }

.su-to-top { position: fixed; z-index: 65; bottom: 22px; left: 22px; display: grid; width: 54px; height: 54px; padding: 0; border: 1px solid rgba(43,181,235,.48); border-radius: 50%; background: linear-gradient(145deg, rgba(12,36,52,.96), rgba(5,126,184,.96)); color: white !important; box-shadow: 0 14px 34px rgba(7,54,81,.3), inset 0 1px 0 rgba(255,255,255,.18); text-decoration: none; opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(0,18px,0) scale(.9); transition: opacity .34s var(--su-ease-soft), visibility .34s var(--su-ease-soft), transform .48s var(--su-ease), border-color .34s var(--su-ease-soft), box-shadow .42s var(--su-ease); place-items: center; }
.su-to-top::before { position: absolute; inset: 5px; border: 1px solid rgba(150,228,255,.42); border-radius: 50%; content: ""; transition: border-color .34s var(--su-ease-soft), transform .48s var(--su-ease); }
.su-to-top span { position: relative; z-index: 1; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: 400; line-height: 1; transform: translateY(-1px); transition: transform .42s var(--su-ease); }
.su-to-top.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translate3d(0,0,0); }
.su-to-top:hover { border-color: rgba(128,223,255,.85); box-shadow: 0 18px 42px rgba(3,67,101,.38), 0 0 0 5px rgba(7,148,211,.09); transform: translate3d(0,-4px,0); }
.su-to-top:hover::before { border-color: rgba(210,244,255,.72); transform: scale(.92); }
.su-to-top:hover span { transform: translate3d(0,-3px,0); }

.su-error-page { display: grid; min-height: calc(100vh - 78px); min-height: calc(100svh - 78px); padding: 54px 0; overflow: hidden; background: radial-gradient(circle at 78% 45%, rgba(7,148,211,.18), transparent 30%), linear-gradient(145deg, #f9fcff, #edf7fc); place-items: center; }
.su-error-page__grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; }
.su-error-page__copy p { max-width: 560px; color: var(--su-muted); font-size: 17px; line-height: 1.7; }
.su-error-page__actions { display: flex; gap: 12px; margin-top: 28px; }
.su-error-page__visual { position: relative; display: grid; min-height: 430px; border: 1px solid rgba(7,148,211,.14); border-radius: 24px; background: rgba(255,255,255,.55); box-shadow: 0 28px 80px rgba(23,75,109,.12); place-items: center; isolation: isolate; }
.su-error-page__visual strong { position: relative; z-index: 2; color: #087fbb; font-size: clamp(92px, 12vw, 176px); line-height: .8; letter-spacing: -.08em; }
.su-error-page__visual span { position: relative; z-index: 2; margin-top: -92px; color: #5f7185; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.su-error-page__visual img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: .2; }

.su-legal { padding-top: 70px; padding-bottom: 80px; }
.su-legal h1 { max-width: 900px; font-size: clamp(36px, 4.5vw, 58px); }
.su-legal h2 { margin: 40px 0 12px; font-size: 25px; }
.su-legal h3 { max-width: 900px; margin: 26px 0 10px; font-size: 18px; }
.su-legal p { max-width: 900px; color: #4f5d70; font-size: 15px; line-height: 1.7; }
.su-legal__lead { padding-bottom: 24px; border-bottom: 1px solid var(--su-line); font-size: 17px !important; }
.su-legal ul { max-width: 900px; margin: 12px 0 22px; padding-left: 23px; color: #4f5d70; }
.su-legal li { margin: 7px 0; padding-left: 4px; font-size: 15px; line-height: 1.65; }
.su-legal a { color: var(--su-blue-dark); text-underline-offset: 3px; }
.su-legal code { padding: 2px 5px; border: 1px solid #dce8ef; border-radius: 4px; background: #f1f7fa; color: #24445a; font-size: .88em; }
.su-legal__notice { padding: 18px 20px; border-left: 4px solid var(--su-blue); background: #eef7fc; }

/* Bitrix24 product page */
.su-b24-symbols { position: absolute; width: 0; height: 0; overflow: hidden; }
.su-b24-icon { display: block; width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.su-b24-hero { position: relative; min-height: 650px; padding: 84px 0 78px; overflow: hidden; background: radial-gradient(circle at 82% 24%, rgba(47,199,247,.2), transparent 25%), linear-gradient(145deg, #fafdff 0%, #edf8fd 100%); }
.su-b24-hero::before { position: absolute; top: -170px; right: -120px; width: 560px; height: 560px; border: 1px solid rgba(0,102,161,.1); border-radius: 50%; content: ""; box-shadow: 0 0 0 72px rgba(47,199,247,.035), 0 0 0 144px rgba(47,199,247,.025); pointer-events: none; }
.su-b24-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0,1.18fr) minmax(340px,.82fr); align-items: center; gap: 92px; }
.su-breadcrumbs { display: flex; align-items: center; gap: 8px; margin-bottom: 30px; color: #758496; font-size: 11px; }
.su-breadcrumbs a { color: var(--su-blue-dark); text-decoration: none; }
.su-breadcrumbs a:hover { text-decoration: underline; text-underline-offset: 3px; }
.su-b24-hero h1 { max-width: 760px; margin-bottom: 24px; font-size: clamp(46px, 4.8vw, 67px); }
.su-b24-hero__copy > p { max-width: 700px; margin-bottom: 0; color: #536579; font-size: 17px; line-height: 1.7; }
.su-b24-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.su-b24-partner { padding: 8px 0 8px 38px; border-left: 1px solid #b9dce9; }
.su-b24-partner img { display: block; width: min(300px,100%); margin-bottom: 34px; }
.su-b24-partner div { max-width: 390px; padding-top: 22px; border-top: 1px solid #cfe2ea; }
.su-b24-partner b { display: block; margin-bottom: 9px; color: #172436; font-size: 15px; line-height: 1.45; }
.su-b24-partner p { margin: 0; color: #607286; font-size: 13px; line-height: 1.65; }
.su-b24-partner > a { display: inline-block; margin-top: 23px; color: var(--su-blue-dark); font-size: 11px; font-weight: 800; text-decoration: none; }
.su-b24-partner > a:hover { text-decoration: underline; text-underline-offset: 4px; }
.su-b24-platform { background: white; }
.su-b24-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--su-line); border-left: 1px solid var(--su-line); }
.su-b24-feature-grid article { min-height: 215px; padding: 27px 28px; border-right: 1px solid var(--su-line); border-bottom: 1px solid var(--su-line); }
.su-b24-feature__top { display: flex; min-height: 68px; align-items: flex-start; justify-content: space-between; color: #179ed6; }
.su-b24-feature__top > span { font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.su-b24-feature__top > img { width: 72px; height: 72px; margin-top: -8px; object-fit: contain; }
.su-b24-feature-grid h3 { margin: 13px 0 10px; color: #172436; font-size: 20px; }
.su-b24-feature-grid p { margin: 0; color: #647488; font-size: 13px; line-height: 1.65; }
.su-b24-product-banner { display: grid; grid-template-columns: minmax(260px,.62fr) minmax(0,1.38fr); align-items: center; gap: 48px; margin-top: 40px; padding-top: 40px; border-top: 1px solid var(--su-line); }
.su-b24-product-banner > div > span { color: var(--su-blue-dark); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.su-b24-product-banner h3 { margin: 10px 0 12px; color: #172436; font-size: 24px; line-height: 1.18; }
.su-b24-product-banner p { margin: 0; color: var(--su-muted); font-size: 12px; line-height: 1.65; }
.su-b24-product-banner > div > a { display: inline-block; margin-top: 17px; color: var(--su-blue-dark); font-size: 11px; font-weight: 800; text-decoration: none; }
.su-b24-product-banner i { margin-left: 4px; font-style: normal; }
.su-b24-product-banner__media { display: block; overflow: hidden; border: 1px solid #d8e5ec; background: #f8fcfe; }
.su-b24-product-banner__media picture, .su-b24-product-banner__media img { display: block; width: 100%; }
.su-b24-product-banner__media img { transition: transform .38s var(--su-ease); }
.su-b24-product-banner__media:hover img { transform: scale(1.012); }
.su-b24-versions { background: #111a27; color: white; }
.su-b24-versions .su-kicker { color: #5ccdf8; }
.su-b24-versions__head { align-items: end; }
.su-b24-versions__head h2 { max-width: 700px; color: white; }
.su-b24-versions__head > p { color: #aebbc8; }
.su-b24-compare { border-top: 1px solid rgba(255,255,255,.28); }
.su-b24-compare__row { display: grid; grid-template-columns: 190px repeat(2,minmax(0,1fr)); border-bottom: 1px solid rgba(255,255,255,.16); }
.su-b24-compare__row > * { padding: 21px 28px; margin: 0; }
.su-b24-compare__row > * + * { border-left: 1px solid rgba(255,255,255,.12); }
.su-b24-compare__row > b { display: flex; align-items: center; gap: 11px; color: #75d9fb; font-size: 11px; line-height: 1.45; text-transform: uppercase; letter-spacing: .05em; }
.su-b24-compare__row > b .su-b24-icon { width: 22px; height: 22px; flex: 0 0 22px; stroke-width: 1.8; }
.su-b24-compare__row > p { color: #c6d1db; font-size: 13px; line-height: 1.6; }
.su-b24-compare__row--head { background: rgba(255,255,255,.045); }
.su-b24-compare__row--head > span { align-self: end; color: #8292a2; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.su-b24-compare__row--head > div { padding-top: 24px; padding-bottom: 23px; }
.su-b24-compare__product { display: flex; align-items: center; gap: 16px; }
.su-b24-compare__product > .su-b24-icon { width: 42px; height: 42px; color: #65d5fb; flex: 0 0 42px; stroke-width: 1.55; }
.su-b24-compare__row--head small { display: block; margin-bottom: 7px; color: #69d5fa; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.su-b24-compare__row--head h3 { margin: 0; color: white; font-size: 26px; }
.su-b24-choice { display: grid; grid-template-columns: .8fr 1.65fr auto; align-items: center; gap: 28px; margin-top: 30px; padding: 18px 0 0; border-top: 1px solid rgba(255,255,255,.16); }
.su-b24-choice b { font-size: 15px; }
.su-b24-choice p { margin: 0; color: #acb9c5; font-size: 12px; line-height: 1.55; }
.su-b24-choice a { color: #6cd4fb; font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.su-b24-certificate { background: white; }
.su-b24-certificate__grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(350px,.92fr); align-items: center; gap: 86px; }
.su-b24-certificate__preview { position: relative; display: block; overflow: hidden; border: 1px solid #d5e1e8; background: #f4f7f9; color: #172436; text-decoration: none; }
.su-b24-certificate__preview img { display: block; width: 100%; height: auto; transition: transform .35s ease; }
.su-b24-certificate__preview > span { position: absolute; right: 0; bottom: 0; padding: 12px 16px; background: rgba(255,255,255,.94); color: #172436; font-size: 11px; font-weight: 800; }
.su-b24-certificate__preview:hover img { transform: scale(1.012); }
.su-b24-certificate__preview i { margin-left: 5px; font-style: normal; color: var(--su-blue); }
.su-b24-certificate__copy h2 { max-width: 530px; margin-top: 14px; }
.su-b24-certificate__copy > p { max-width: 540px; margin: 22px 0 30px; color: var(--su-muted); font-size: 14px; line-height: 1.7; }
.su-b24-certificate__copy dl { margin: 0; border-top: 1px solid var(--su-line); }
.su-b24-certificate__copy dl > div { display: grid; grid-template-columns: 130px 1fr; gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--su-line); }
.su-b24-certificate__copy dt { color: #7a8998; font-size: 11px; }
.su-b24-certificate__copy dd { margin: 0; color: #172436; font-size: 12px; font-weight: 750; }
.su-b24-work { background: #f5f9fc; }
.su-b24-work__grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }
.su-b24-work__grid > div > p { max-width: 470px; margin-top: 22px; color: var(--su-muted); font-size: 14px; line-height: 1.7; }
.su-b24-work__steps { padding: 0; margin: 0; border-top: 1px solid #cfdde6; list-style: none; }
.su-b24-work__steps li { display: grid; grid-template-columns: 56px 1fr; gap: 20px; padding: 24px 0; border-bottom: 1px solid #cfdde6; }
.su-b24-work__steps li > span { color: var(--su-blue); font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.su-b24-work__steps b { display: block; margin-bottom: 7px; color: #172436; font-size: 16px; }
.su-b24-work__steps p { margin: 0; color: #607185; font-size: 12px; line-height: 1.6; }
.su-b24-integrations { background: white; }
.su-b24-integration-line { display: flex; align-items: center; justify-content: space-between; padding: 34px 0; border-top: 1px solid var(--su-line); border-bottom: 1px solid var(--su-line); }
.su-b24-integration-line span { display: flex; min-width: 140px; min-height: 128px; padding: 15px 14px 13px; border: 1px solid #d5e4ec; background: white; color: #126f9f; align-items: center; justify-content: center; flex-direction: column; }
.su-b24-integration-line span img { display: block; width: 74px; height: 74px; margin-bottom: 7px; object-fit: contain; }
.su-b24-integration-line span b { font-size: 12px; font-weight: 850; }
.su-b24-integration-line i { flex: 1; max-width: 52px; height: 1px; margin: 0 10px; background: #b9d3df; }
.su-b24-integration-note { max-width: 880px; margin: 24px auto 0; color: var(--su-muted); font-size: 13px; line-height: 1.65; text-align: center; }
.su-b24-sites { padding: 66px 0; background: #f4f8fb; }
.su-b24-sites__grid { display: grid; grid-template-columns: minmax(350px,.82fr) minmax(0,1.18fr); align-items: center; gap: 72px; }
.su-b24-sites__copy h2 { max-width: 520px; }
.su-b24-sites__copy > p { max-width: 540px; margin: 20px 0 27px; color: var(--su-muted); font-size: 14px; line-height: 1.7; }
.su-b24-sites__media { display: block; overflow: hidden; border: 1px solid #d9e4eb; background: white; }
.su-b24-sites__media picture, .su-b24-sites__media img { display: block; width: 100%; }
.su-b24-sites__media img { transition: transform .38s var(--su-ease); }
.su-b24-sites__media:hover img { transform: scale(1.012); }
.su-b24-cta { padding: 60px 0; background: linear-gradient(110deg, #eaf8fd, #f8fcfe); }
.su-b24-cta__grid { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 70px; }
.su-b24-cta span { color: var(--su-blue-dark); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.su-b24-cta h2 { max-width: 760px; margin-top: 11px; }
.su-b24-cta p { max-width: 720px; margin: 18px 0 0; color: var(--su-muted); font-size: 14px; line-height: 1.65; }
.su-b24-cta__actions { display: flex; align-items: center; gap: 17px; flex-direction: column; }
.su-b24-cta__actions > a:not(.su-button) { color: var(--su-blue-dark); font-size: 11px; font-weight: 750; text-decoration: none; }
.su-b24-disclaimer { padding-top: 22px; padding-bottom: 22px; }
.su-b24-disclaimer p { max-width: 1000px; margin: 0; color: #7a8796; font-size: 10px; line-height: 1.55; }

.su-motion-ready [data-reveal] { opacity: 0; transform: translate3d(0,24px,0); transition: opacity .72s var(--su-ease-soft) var(--su-reveal-delay, 0ms), transform .82s var(--su-ease) var(--su-reveal-delay, 0ms); will-change: opacity, transform; }
.su-motion-ready [data-reveal].is-visible { opacity: 1; transform: translate3d(0,0,0); will-change: auto; }
@media (max-width: 1240px) {
    .su-nav { gap: 12px; }
    .su-nav a { font-size: 11.5px; }
    .su-header__cta { display: none; }
}

@media (max-width: 1040px) {
    .su-nav { gap: 10px; }
    .su-nav a { font-size: 10.5px; }
    .su-header__cta { display: none; }
    .su-service-grid { grid-template-columns: repeat(2, 1fr); }
    .su-service-card, .su-service-card:nth-child(-n+2) { grid-column: auto; min-height: 300px; padding-right: 22px; }
    .su-service-card:nth-child(-n+2) .su-service-card__icon { position: static; width: 78px; height: 78px; margin: -5px 0 13px -5px; }
    .su-case-card { grid-template-columns: 58px minmax(190px,1fr) minmax(230px,1.15fr); }
    .su-case-card__number { grid-column: 1; grid-row: 1 / 3; }
    .su-case-card h3 { grid-column: 2; grid-row: 1; }
    .su-case-card p { grid-column: 3; grid-row: 1; }
    .su-case-card__result { grid-column: 2; grid-row: 2; }
    .su-case-card .su-tags { grid-column: 3; grid-row: 2; }
    .su-role-grid { grid-template-columns: repeat(3, 1fr); }
    .su-steps { grid-template-columns: repeat(3, 1fr); gap: 24px 0; }
    .su-steps::before { display: none; }
    .su-hero__grid { grid-template-columns: 1fr 1fr; }
    .su-footer__lead { grid-template-columns: 190px 1fr; gap: 32px; }
    .su-footer__lead > .su-button { grid-column: 2; width: fit-content; }
    .su-footer__grid { grid-template-columns: repeat(2, 1fr); }
    .su-b24-hero__grid { grid-template-columns: 1fr .72fr; gap: 45px; }
    .su-b24-feature-grid { grid-template-columns: repeat(2,1fr); }
    .su-b24-product-banner { gap: 30px; }
    .su-b24-compare__row { grid-template-columns: 150px repeat(2,minmax(0,1fr)); }
    .su-b24-compare__row > * { padding-right: 20px; padding-left: 20px; }
    .su-b24-choice { grid-template-columns: 1fr 1.5fr; }
    .su-b24-choice a { grid-column: 1 / -1; }
    .su-b24-certificate__grid { gap: 48px; }
    .su-b24-sites__grid { gap: 42px; }
    .su-b24-work__grid { gap: 50px; }
    .su-b24-integration-line span { min-width: 116px; }
}

@media (max-width: 760px) {
    :root { --su-paper: #0d151d; --su-line: rgba(255,255,255,.14); }
    body { background: #091015; color: #f5f7f9; }
    .su-shell { width: min(100% - 24px, 680px); }
    .su-section { padding: 18px 0; }
    .su-site h1 { margin-bottom: 14px; font-size: clamp(38px, 10.5vw, 54px); line-height: 1.04; letter-spacing: -.035em; }
    .su-site h2 { font-size: clamp(25px, 7vw, 36px); }
    .su-kicker, .su-eyebrow { margin-bottom: 10px; color: #26aeed; font-size: 10px; }
    .su-header { position: fixed; border: 0; background: #091015; color: white; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
    .su-header.is-scrolled { background: rgba(9,16,21,.96); box-shadow: 0 8px 30px rgba(0,0,0,.3); -webkit-backdrop-filter: none; backdrop-filter: none; }
    .su-header__inner { min-height: 78px; }
    .su-brand, .su-brand img { width: 146px; flex-basis: 146px; }
    .su-brand img { padding: 0; background: transparent; }
    .su-menu-button { position: relative; z-index: 72; display: block; margin-left: auto; color: white; }
    .su-menu-button[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .su-menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    .su-menu-button[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
    .su-nav { position: fixed; z-index: 70; top: 78px; right: 0; bottom: auto; left: auto; display: flex; width: min(88vw, 390px); height: calc(100vh - 78px); height: calc(100dvh - 78px); max-height: calc(100dvh - 78px); flex-direction: column; align-items: stretch; gap: 0; margin: 0; padding: 28px 24px max(24px, env(safe-area-inset-bottom)); overflow: hidden auto; overscroll-behavior: contain; border: 0; border-left: 1px solid rgba(87,196,242,.18); border-radius: 0; background: radial-gradient(circle at 100% 0, rgba(7,148,211,.2), transparent 38%), linear-gradient(155deg, #101d28, #091117 72%); box-shadow: -24px 32px 80px rgba(0,0,0,.5); visibility: hidden; pointer-events: none; transform: translate3d(102%,0,0); transition: visibility .5s var(--su-ease-soft), transform .5s var(--su-ease); -webkit-overflow-scrolling: touch; }
    .su-nav::after { position: absolute; right: -65px; bottom: -90px; width: 230px; height: 230px; border: 1px solid rgba(49,189,239,.15); border-radius: 50%; box-shadow: 0 0 0 28px rgba(49,189,239,.035), 0 0 0 58px rgba(49,189,239,.025); content: ""; pointer-events: none; }
    .su-nav.is-open { visibility: visible; pointer-events: auto; transform: translate3d(0,0,0); }
    .su-nav__caption { display: block; margin-bottom: 18px; color: #5bc8f5; font-family: "Onest", Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
    .su-nav > a:not(.su-nav__mobile-cta) { position: relative; z-index: 1; padding: 14px 2px; border-bottom: 1px solid rgba(255,255,255,.09); color: white; font-family: "Onest", Arial, sans-serif; font-size: clamp(20px, 6vw, 26px); font-weight: 650; opacity: 0; transform: translate3d(18px,0,0); transition: color .3s var(--su-ease-soft), opacity .4s var(--su-ease-soft), transform .48s var(--su-ease); }
    .su-nav.is-open > a { opacity: 1; transform: none; }
    .su-nav.is-open > a:nth-of-type(1) { transition-delay: .05s; }
    .su-nav.is-open > a:nth-of-type(2) { transition-delay: .08s; }
    .su-nav.is-open > a:nth-of-type(3) { transition-delay: .11s; }
    .su-nav.is-open > a:nth-of-type(4) { transition-delay: .14s; }
    .su-nav.is-open > a:nth-of-type(5) { transition-delay: .17s; }
    .su-nav.is-open > a:nth-of-type(6) { transition-delay: .2s; }
    .su-nav__mobile-cta { position: relative; z-index: 1; display: flex; justify-content: space-between; margin-top: auto; padding: 16px 18px; border: 1px solid #22afea; border-radius: 8px; background: #0794d3; color: white !important; font-size: 15px !important; }
    .su-menu-backdrop { position: fixed; z-index: 49; inset: 0; display: block; border: 0; background: rgba(2,8,13,.68); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .42s var(--su-ease-soft), visibility .42s var(--su-ease-soft); }
    body.su-menu-open .su-menu-backdrop { opacity: 1; visibility: visible; pointer-events: auto; }
    body.su-menu-open { overflow: hidden; }
    .su-hero { min-height: calc(100vh - 78px); min-height: calc(100svh - 78px); padding: 18px 0 20px; background: radial-gradient(circle at 80% 16%, rgba(7,148,211,.16), transparent 32%), linear-gradient(150deg, #070b0e, #10191f); }
    .su-hero__grid { display: flex; min-height: 0; padding: 0; flex-direction: column; justify-content: center; }
    .su-hero__copy { position: relative; z-index: 2; }
    .su-hero__copy > p { max-width: 94%; color: #c4cbd2; font-size: 14px; line-height: 1.48; }
    .su-hero__actions { margin-top: 16px; }
    .su-hero__actions .su-button { width: 100%; }
    .su-hero__actions .su-button--outline { display: none; }
    .su-hero-visual { flex: 0 0 auto; width: min(76vw, 310px); aspect-ratio: 1; margin: 8px auto -2px; opacity: .84; }
    .su-hero-visual__tech { inset: 0; width: 100%; height: 100%; }
    .su-metrics { grid-template-columns: repeat(2, 1fr); width: 100%; margin-top: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.045); box-shadow: 0 20px 44px rgba(0,0,0,.24); }
    .su-metrics > div { display: grid; grid-template-columns: 48px 1fr; grid-template-rows: auto auto; min-width: 0; min-height: 82px; padding: 9px 10px; border-color: rgba(255,255,255,.09); }
    .su-metrics > div:nth-child(2) { border-right: 0; }
    .su-metrics > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.09); }
    .su-metric-icon { display: block; grid-row: 1 / 3; width: 44px; height: 44px; }
    .su-metric-icon img { width: 44px; height: 44px; filter: drop-shadow(0 8px 10px rgba(0,0,0,.28)); }
    .su-metrics strong { color: white; font-size: 16px; }
    .su-metrics small { color: #99a5af; font-size: 8px; }
    .su-desktop-copy { display: none; }
    .su-mobile-copy { display: inline; }
    .su-services, .su-partners, .su-team, .su-reviews, .su-company { background: #091015; }
    .su-services > .su-shell, .su-partners > .su-shell, .su-team > .su-shell, .su-reviews > .su-shell, .su-company > .su-shell { padding: 14px 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: linear-gradient(145deg, #121b21, #0c1318); }
    .su-section-title, .su-section-head { display: block; margin-bottom: 14px; text-align: left; }
    .su-section-title h2 { margin: 0; }
    .su-section-head > p { margin-top: 12px; color: #a6b0b9; font-size: 12px; }
    .su-service-grid { grid-template-columns: 1fr; gap: 9px; }
    .su-service-card, .su-service-card:nth-child(-n+2) { grid-column: auto; min-height: 188px; padding: 17px 18px; padding-right: 82px; border-color: rgba(255,255,255,.1); border-radius: 12px; background: linear-gradient(145deg, #15222c, #10181e); box-shadow: 0 12px 28px rgba(0,0,0,.22); }
    .su-service-card__icon, .su-service-card:nth-child(-n+2) .su-service-card__icon { position: absolute; top: 44px; right: 10px; bottom: auto; left: auto; width: 66px; height: 66px; margin: 0; opacity: .92; }
    .su-service-card__icon--official { width: 72px; height: 64px; }
    .su-service-card__top { top: 10px; right: 10px; font-size: 8px; }
    .su-service-card h3 { max-width: 250px; margin-bottom: 8px; color: white; font-size: 16px; }
    .su-service-card p { max-width: 250px; margin-bottom: 0; color: #aab3ba; font-size: 11px; line-height: 1.5; }
    .su-service-card__price, .su-service-card .su-tags { display: none; }
    .su-service-card__arrow { right: 14px; bottom: 13px; }
    .su-service-card__arrow i { display: block; opacity: 1; transform: none; }
    .su-cases { padding: 18px 0; background: #091015; }
    .su-cases > .su-shell { padding: 18px 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: #111a26; }
    .su-case-grid { display: block; }
    .su-case-card { grid-template-columns: 42px 1fr; gap: 7px 12px; min-height: 0; padding: 20px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.13); border-radius: 0; background: transparent; }
    .su-case-card__number { grid-column: 1; grid-row: 1 / 5; font-size: 25px; }
    .su-case-card h3 { grid-column: 2; grid-row: 1; margin: 0; font-size: 17px; }
    .su-case-card p { grid-column: 2; grid-row: 2; font-size: 10px; }
    .su-case-card__result { grid-column: 2; grid-row: 3; margin-top: 5px; font-size: 11px; }
    .su-case-card .su-tags { grid-column: 2; grid-row: 4; margin-top: 3px; }
    .su-process { padding: 18px 0; background: #091015; }
    .su-process > .su-shell { padding: 14px 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: #111a1f; }
    .su-steps { display: block; }
    .su-steps li { display: grid; grid-template-columns: 28px 38px 1fr; grid-template-rows: auto auto; gap: 0 10px; padding: 7px 0; border-bottom: 1px solid var(--su-line); text-align: left; }
    .su-steps li:last-child { border: 0; }
    .su-steps span { grid-row: 1 / 3; width: 25px; height: 25px; margin: 0; box-shadow: none; font-size: 10px; }
    .su-step-icon { display: grid; grid-column: 2; grid-row: 1 / 3; width: 38px; height: 38px; margin: 0; }
    .su-step-icon img { width: 38px; height: 38px; filter: drop-shadow(0 6px 8px rgba(0,0,0,.3)); }
    .su-steps b, .su-steps small { grid-column: 3; }
    .su-steps b { margin: 0; font-size: 12px; }
    .su-steps small { color: #9da8b1; font-size: 9px; }
    .su-expertise { padding: 18px 0; background: #091015; }
    .su-expertise__grid { grid-template-columns: 1fr; gap: 16px; padding: 16px; border: 1px solid var(--su-line); background: #111a1f; }
    .su-expertise p { color: #aeb7bf; font-size: 11px; }
    .su-expertise .su-button { width: 100%; }
    .su-expertise__logos { display: grid; grid-template-columns: 1.2fr .8fr; min-height: 110px; padding: 14px 4px; border-top: 1px solid var(--su-line); border-left: 0; }
    .su-b24-logo, .su-onec-logo { min-height: 82px; padding: 13px; }
    .su-b24-logo img { width: 100%; max-height: 58px; }
    .su-onec-logo { border-color: var(--su-line); background: transparent; }
    .su-onec-logo img { width: 100%; max-height: 62px; }
    .su-partner-grid { grid-template-columns: repeat(2, 1fr); gap: 7px; }
    .su-partner-card:last-child:nth-child(odd) { grid-column: 1 / -1; width: calc(50% - 3.5px); justify-self: center; }
    .su-partner-card { min-height: 105px; padding: 8px; border-radius: 7px; background: white; }
    .su-partner-card__logo { padding: 5px; }
    .su-partner-card__logo img { max-height: 42px; }
    .su-partner-card__meta { padding-top: 7px; color: #1d2834; text-align: center; }
    .su-partner-card__meta b { font-size: 10px; }
    .su-partner-card__meta small, .su-partner-card__arrow { display: none; }
    .su-role-grid { grid-template-columns: repeat(2, 1fr); gap: 7px; }
    .su-role-grid article { min-height: 112px; padding: 12px; border-radius: 7px; background: rgba(255,255,255,.035); }
    .su-role-grid .su-role-avatar { width: 50px; height: 50px; margin-bottom: 9px; border-color: #314958; background: #1b2b35; color: #39baf2; font-size: 10px; }
    .su-role-grid b { margin: 0 0 4px; font-size: 11px; }
    .su-role-grid small { color: #9ca7b0; font-size: 9px; }
    .su-role-grid p { display: none; }
    .su-review-grid { grid-template-columns: 1fr; gap: 0; }
    .su-review-grid article, .su-review-grid article:nth-child(even) { min-height: 0; padding: 24px 0; border-left: 0; background: transparent; grid-template-columns: 32px minmax(0,1fr); column-gap: 8px; }
    .su-review-grid article:nth-child(even) { border-top: 1px solid #dbe8f0; }
    .su-review-grid blockquote { margin-top: 16px; font-size: 14px; line-height: 1.62; }
    .su-review-cite b { font-size: 13px; }
    .su-review-entry__stars { margin-top: 13px; font-size: 13px; }
    .su-rating { width: 100%; min-width: 0; margin-top: 14px; padding: 12px 14px; justify-self: stretch; }
    .su-rating strong { font-size: 38px; }
    .su-rating__stars { font-size: 13px; }
    .su-reviews__footer { align-items: flex-end; }
    .su-company__grid { grid-template-columns: 1fr; gap: 14px; }
    .su-company__about { color: #acb5bd; font-size: 12px; }
    .su-company__promise { background: rgba(255,255,255,.04); font-size: 11px; }
    .su-company__checklist { grid-template-columns: 1fr; }
    .su-company__checklist li { border-color: var(--su-line); background: rgba(255,255,255,.035); color: #aeb7bf; }
    .su-requisites { padding: 12px; border-color: var(--su-line); background: rgba(255,255,255,.025); }
    .su-requisites dt { color: #89959f; }
    .su-requisites dd { font-size: 11px; }
    .su-trademark-note { color: #87949e; }
    .su-contact { padding: 58px 0 42px; }
    .su-contact__grid { grid-template-columns: 1fr; gap: 34px; }
    .su-contact h2 { font-size: clamp(48px, 15vw, 66px); }
    .su-contact__intro > p { font-size: 14px; }
    .su-contact__socials { gap: 12px 20px; margin-top: 20px; }
    .su-contact__socials a { font-size: 13px; }
    .su-contact__address { margin-top: 26px; }
    .su-contact__form { padding: 20px 16px; background: rgba(7,83,132,.46); }
    .su-feedback { grid-template-columns: 1fr; gap: 16px; }
    .su-feedback > label:nth-of-type(3), .su-captcha, .su-feedback__consent, .su-feedback__location, .su-feedback > button { grid-column: auto; }
    .su-feedback__intro strong { font-size: 19px; }
    .su-feedback__intro p { font-size: 11px; }
    .su-feedback label { color: white; font-size: 10px; }
    .su-feedback label > small { font-size: 9px; }
    .su-feedback input, .su-feedback textarea { padding: 12px 0; border-color: rgba(255,255,255,.42); background: transparent; color: white; font-size: 16px; }
    .su-feedback__consent a { color: white; }
    .su-captcha { grid-template-columns: 1fr; }
    .su-location { grid-template-columns: 1fr; margin-top: 32px; }
    .su-location__copy { padding: 24px 18px; }
    .su-location__copy h3 { font-size: 23px; }
    .su-location__canvas, .su-location__canvas iframe { min-height: 310px; }
    .su-footer { padding-top: 0; }
    .su-footer__lead { grid-template-columns: 1fr; gap: 20px; padding-top: 30px; padding-bottom: 28px; }
    .su-footer__brand, .su-footer__brand img { width: 178px; }
    .su-footer__lead > .su-button { grid-column: auto; width: 100%; }
    .su-footer__lead-copy h3 { font-size: 23px; }
    .su-footer__grid { grid-template-columns: 1fr; gap: 18px; }
    .su-footer__socials { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 290px; }
    .su-footer__legal .su-footer__socials a { justify-content: flex-start; width: 100%; }
    .su-footer__bottom { gap: 10px; flex-direction: column; }
    .su-cookie { right: 12px; bottom: 12px; width: calc(100% - 24px); padding: 12px; border-color: var(--su-line); background: #151e25; color: white; flex-direction: column; align-items: stretch; }
    .su-cookie p { color: #aab3ba; }
    .su-cookie__actions { display: grid; grid-template-columns: 1fr 1fr; }
    .su-cookie__settings { background: transparent; color: white; }
    .su-service-modal { width: calc(100% - 24px); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); border-radius: 16px; }
    .su-service-modal__layout { display: block; min-height: 0; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; }
    .su-service-modal__visual { min-height: 128px; padding: 14px; }
    .su-service-modal__visual img { width: 102px; height: 102px; }
    .su-service-modal__body { padding: 24px 18px 22px; }
    .su-service-modal__body h3 { padding-right: 34px; font-size: 23px; }
    .su-service-modal__body p { font-size: 13px; }
    .su-service-modal__details { gap: 9px; }
    .su-service-modal__details > div { padding: 12px; }
    .su-service-modal__details p, .su-service-modal__details li { font-size: 11px; }
    .su-service-modal__body .su-button { width: 100%; }
    .su-service-modal__note { font-size: 9px; }
    .su-to-top { display: none !important; }
    .su-error-page { min-height: calc(100svh - 78px); padding: 34px 0 26px; background: radial-gradient(circle at 70% 70%, rgba(7,148,211,.18), transparent 35%), #091015; }
    .su-error-page__grid { grid-template-columns: 1fr; gap: 26px; }
    .su-error-page__copy p { color: #aeb8c1; font-size: 14px; }
    .su-error-page__actions { display: grid; grid-template-columns: 1fr; }
    .su-error-page__visual { min-height: 260px; border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.035); }
    .su-error-page__visual span { margin-top: -58px; color: #a8b4be; }
    .su-legal { padding-top: 105px; }
    .su-legal p, .su-legal ul { color: #b2bbc4; }
    .su-legal__notice { background: #15222b; }

    /* Mobile light theme v10.6 */
    :root { --su-paper: #f4f8fb; --su-line: #dce6ee; }
    body { background: #fff; color: var(--su-ink); }
    .su-header { border-bottom: 1px solid #e3ebf1; background: rgba(255,255,255,.97); color: var(--su-ink); }
    .su-header.is-scrolled { background: rgba(255,255,255,.96); box-shadow: 0 8px 26px rgba(20,48,70,.09); -webkit-backdrop-filter: none; backdrop-filter: none; }
    .su-menu-button { width: 48px; height: 48px; border: 1px solid #d8e5ed; border-radius: 50%; background: white; color: #172436; }
    .su-nav { border-left: 1px solid #dce8ef; background: radial-gradient(circle at 100% 0, rgba(7,148,211,.09), transparent 40%), #fff; box-shadow: -24px 32px 80px rgba(25,63,88,.18); }
    .su-nav::after { border-color: rgba(7,148,211,.1); box-shadow: 0 0 0 28px rgba(7,148,211,.025), 0 0 0 58px rgba(7,148,211,.018); }
    .su-nav__caption { color: var(--su-blue-dark); }
    .su-nav > a:not(.su-nav__mobile-cta) { border-bottom-color: #e6edf2; color: #1b293a; }
    .su-menu-backdrop { background: rgba(18,37,52,.36); }

    .su-hero { min-height: calc(100svh - 78px); padding: 0 0 24px; overflow: hidden; background: radial-gradient(circle at 92% 7%, rgba(29,166,226,.16), transparent 27%), linear-gradient(155deg, #fff 8%, #f2f9fd 100%); color: var(--su-ink); justify-content: flex-start; }
    .su-hero::before { position: absolute; z-index: 0; top: 0; right: 0; left: 0; height: 310px; background-image: radial-gradient(circle, rgba(7,148,211,.16) 1px, transparent 1.2px); background-size: 24px 24px; content: ""; opacity: .36; pointer-events: none; -webkit-mask-image: linear-gradient(110deg, #000, transparent 68%); mask-image: linear-gradient(110deg, #000, transparent 68%); }
    .su-hero__grid { position: relative; display: block; width: min(100% - 28px, 680px); padding-top: 158px; }
    .su-hero__copy { z-index: 3; }
    .su-hero .su-eyebrow { max-width: 100%; margin-bottom: 17px; padding: 9px 12px; border: 1px solid #80cbea; border-radius: 999px; background: rgba(255,255,255,.76); color: #087fbb; font-size: 9px; line-height: 1.35; letter-spacing: .09em; white-space: normal; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); }
    .su-hero .su-eyebrow::before { display: none; }
    .su-hero .su-mobile-geo { display: block; margin-top: 2px; }
    .su-site .su-hero h1 { max-width: 560px; margin-bottom: 17px; color: #172436; font-size: clamp(39px, 11.3vw, 55px); line-height: .98; letter-spacing: -.048em; }
    .su-hero h1 span { color: #087fd0; }
    .su-hero__copy > p { max-width: 520px; margin-bottom: 0; color: #536477; font-size: 14px; line-height: 1.55; }
    .su-hero__actions { display: grid; grid-template-columns: minmax(0,1.14fr) minmax(0,.86fr); gap: 9px; margin-top: 22px; }
    .su-hero__actions .su-button { min-height: 50px; width: 100%; padding: 0 13px; border-width: 1px; border-radius: 9px; font-size: 12px; }
    .su-hero__actions .su-hero__services-link { display: none; }
    .su-hero__phone { display: inline-flex; gap: 8px; background: rgba(255,255,255,.82); color: var(--su-blue-dark) !important; }
    .su-hero__phone:hover { background: var(--su-blue); color: white !important; }
    .su-hero__phone span { font-size: 17px; line-height: 1; }
    .su-hero__response { display: flex; align-items: center; gap: 8px; margin-top: 13px; color: #627385; font-size: 10px; font-weight: 600; }
    .su-hero__response i { width: 9px; height: 9px; border-radius: 50%; background: #16c65d; box-shadow: 0 0 0 4px rgba(22,198,93,.1); }
    .su-hero-visual { position: absolute; z-index: 1; top: 2px; right: -78px; width: 270px; margin: 0; opacity: .72; pointer-events: none; -webkit-mask-image: radial-gradient(circle, #000 48%, rgba(0,0,0,.82) 66%, transparent 79%); mask-image: radial-gradient(circle, #000 48%, rgba(0,0,0,.82) 66%, transparent 79%); }
    .su-hero-visual__tech { inset: 0; width: 100%; height: 100%; object-fit: contain; filter: saturate(.9); }
    .su-metrics-hint { display: flex; align-items: center; gap: 9px; margin-top: 26px; color: #0787c5; font-size: 11px; font-weight: 800; }
    .su-metrics-hint span { font-size: 18px; transition: transform .35s var(--su-ease); }
    .su-metrics { display: flex; gap: 10px; width: min(100% - 28px, 680px); margin-top: 9px; padding: 2px 0 13px; overflow-x: auto; overflow-y: hidden; border: 0; border-radius: 0; background: transparent; box-shadow: none; scroll-padding-left: 0; scroll-snap-type: x mandatory; scrollbar-color: #0794d3 #dce8ef; scrollbar-width: thin; }
    .su-metrics::-webkit-scrollbar { height: 3px; }
    .su-metrics::-webkit-scrollbar-track { border-radius: 999px; background: #dce8ef; }
    .su-metrics::-webkit-scrollbar-thumb { border-radius: 999px; background: var(--su-blue); }
    .su-metrics > div { display: grid; flex: 0 0 min(42vw, 165px); grid-template-columns: 44px 1fr; grid-template-rows: auto auto; min-width: 136px; min-height: 126px; padding: 15px 13px; border: 1px solid #dae7ef !important; border-radius: 13px; background: white; box-shadow: 0 10px 26px rgba(20,65,96,.07); scroll-snap-align: start; }
    .su-metric-icon, .su-metric-icon img { width: 40px; height: 40px; }
    .su-metric-icon img { filter: none; }
    .su-metrics strong { color: #172436; font-size: 22px; }
    .su-metrics small { color: #627385; font-size: 9px; }

    .su-services, .su-partners, .su-team, .su-reviews, .su-company { background: #f5f9fc; }
    .su-services > .su-shell, .su-partners > .su-shell, .su-team > .su-shell, .su-reviews > .su-shell, .su-company > .su-shell { border-color: #dce6ee; background: #fff; }
    .su-section-head > p { color: var(--su-muted); }
    .su-service-card, .su-service-card:nth-child(-n+2) { border-color: #d7e3eb; background: linear-gradient(145deg, #fff, #f8fbfd); box-shadow: 0 10px 26px rgba(25,66,94,.055); }
    .su-service-card h3 { color: #172436; }
    .su-service-card p { color: #627287; }
    .su-cases { background: #f4f8fb; color: var(--su-ink); }
    .su-cases > .su-shell { border-color: #dce6ee; background: white; }
    .su-cases .su-section-head--light > p { color: var(--su-muted); }
    .su-case-grid { border-top-color: #d5e3eb; }
    .su-case-card { border-bottom-color: #d5e3eb; background: transparent; }
    .su-case-card h3 { color: #172436; }
    .su-case-card p { color: #657488; }
    .su-case-card__result { color: var(--su-blue-dark); }
    .su-case-card .su-tag { background: transparent; color: #526b7c; }
    .su-process { background: #f5f9fc; }
    .su-process > .su-shell { border-color: #dce6ee; background: white; }
    .su-steps small { color: #738093; }
    .su-step-icon img { filter: none; }
    .su-expertise { background: #f2f9fd; }
    .su-expertise__grid { border-color: #d5e6ef; background: white; }
    .su-expertise p { color: var(--su-muted); }
    .su-role-grid article { border-color: #dce6ee; background: #f9fcfe; }
    .su-role-grid .su-role-avatar { border-color: #d8eaf4; background: linear-gradient(145deg, #edf7fc, #c9dfeb); color: var(--su-blue-dark); }
    .su-role-grid small { color: var(--su-muted); }
    .su-review-grid article { border-color: #dbe8f0; background: transparent; }
    .su-review-grid b { color: var(--su-ink); }
    .su-rating { border-color: #dbe8f0; background: white; }
    .su-rating strong { color: var(--su-ink); }
    .su-rating small, .su-reviews__footer p { color: var(--su-muted); }
    .su-company__about { color: var(--su-muted); }
    .su-company__promise { background: #f4f9fc; }
    .su-company__checklist li { border-color: #dce6ee; background: #f8fbfd; color: var(--su-muted); }
    .su-requisites { border-color: #dce6ee; background: #fff; }
    .su-requisites dt, .su-trademark-note { color: var(--su-muted); }

    .su-contact { background: #eaf7fd; color: var(--su-ink); }
    .su-contact .su-eyebrow--light { color: var(--su-blue-dark); }
    .su-contact h2 { color: #172436; }
    .su-contact h2 em { color: var(--su-blue); }
    .su-contact__intro > p, .su-contact__address { color: #586a7d; }
    .su-contact__address { border-top-color: #c8e1ed; }
    .su-contacts a { color: var(--su-blue-dark); }
    .su-contact__socials a { border-bottom-color: rgba(8,123,183,.28); color: var(--su-blue-dark); }
    .su-contact__socials a:hover { border-bottom-color: var(--su-blue-dark); }
    .su-contact__socials b { color: var(--su-blue-dark); }
    .su-contact__form { border-color: #cfe4ee; background: white; box-shadow: 0 18px 44px rgba(19,80,116,.1); }
    .su-feedback__intro { border-bottom-color: #dce8ee; }
    .su-feedback__intro strong, .su-feedback label { color: #172436; }
    .su-feedback__intro p, .su-feedback label > small, .su-feedback__consent, .su-feedback__location, .su-feedback__response { color: #65778a; }
    .su-feedback input, .su-feedback textarea { border-bottom-color: #bfd2dd; color: #172436; }
    .su-feedback input:focus, .su-feedback textarea:focus { border-color: var(--su-blue); box-shadow: 0 5px 0 -4px rgba(7,148,211,.35); }
    .su-feedback ::placeholder { color: #8b9aa8; }
    .su-feedback__consent a { color: var(--su-blue-dark); }
    .su-captcha img { border-color: #bfd2dd; }
    .su-captcha__refresh { border-color: #9dc8dc; color: var(--su-blue-dark); }
    .su-captcha__refresh:hover { border-color: var(--su-blue); background: #edf8fd; }
    .su-captcha__status { color: var(--su-blue-dark); }
    .su-captcha__status.is-error { color: #a52828; }
    /* Mobile footer and office contrast v10.6.1 */
    .su-location { border-color: #c8e1ed; background: white; }
    .su-location__copy { background: white; color: var(--su-ink); }
    .su-location__copy .su-eyebrow { color: #087bb7; }
    .su-location__copy h3 { color: #172436; }
    .su-location__copy p { color: #56687a; }
    .su-location__copy > a { color: #087bb7; }
    .su-footer { background: linear-gradient(160deg, #314d61 0%, #243c50 100%); color: white; }
    .su-footer__lead { border-bottom-color: rgba(255,255,255,.22); }
    .su-footer__lead-copy > span { color: #9cddff; }
    .su-footer__nav, .su-footer__contacts, .su-footer__company, .su-footer__legal { color: #d5e0e7; }
    .su-footer__nav a, .su-footer__contacts a, .su-footer__company a, .su-footer__legal a, .su-footer__legal button { color: #e0e8ed; }
    .su-footer__note { border-left-color: #9cddff; color: #d1dee6; }
    .su-footer__company a { color: #b7e7ff; }
    .su-footer__bottom { border-top-color: rgba(255,255,255,.16); color: #c2d0d9; }
    .su-cookie { border-color: #dce6ee; background: white; color: var(--su-ink); }
    .su-cookie p { color: var(--su-muted); }
    .su-cookie p a { color: var(--su-blue-dark); }
    .su-cookie__settings { color: var(--su-blue-dark); }
    .su-error-page { background: radial-gradient(circle at 70% 70%, rgba(7,148,211,.12), transparent 35%), #f5f9fc; color: var(--su-ink); }
    .su-error-page__copy p { color: var(--su-muted); }
    .su-error-page__visual { border-color: #dce6ee; background: white; }
    .su-error-page__visual span { color: var(--su-muted); }
    .su-legal { background: #f5f9fc; color: var(--su-ink); }
    .su-legal p, .su-legal ul { color: var(--su-muted); }
    .su-legal__notice { background: #eaf5fb; }
    .su-b24-hero { min-height: 0; padding: 46px 0 34px; background: radial-gradient(circle at 100% 0, rgba(47,199,247,.18), transparent 34%), linear-gradient(145deg, #fff, #edf8fd); color: var(--su-ink); }
    .su-b24-hero::before { top: -90px; right: -120px; width: 310px; height: 310px; }
    .su-b24-hero__grid { display: flex; gap: 27px; flex-direction: column; }
    .su-b24-hero__copy { width: 100%; }
    .su-breadcrumbs { margin-bottom: 21px; }
    .su-b24-hero h1 { color: #172436; font-size: clamp(37px,10.5vw,50px); }
    .su-b24-hero__copy > p { color: #536579; font-size: 14px; line-height: 1.6; }
    .su-b24-actions { display: grid; grid-template-columns: 1fr; margin-top: 24px; }
    .su-b24-partner { width: 100%; padding: 2px 0 0 20px; }
    .su-b24-partner img { width: min(250px,82%); margin-bottom: 22px; }
    .su-b24-partner div { padding-top: 17px; }
    .su-b24-platform, .su-b24-integrations { padding: 42px 0; background: white; color: var(--su-ink); }
    .su-b24-feature-grid { grid-template-columns: 1fr; }
    .su-b24-feature-grid article { min-height: 0; padding: 21px 20px; }
    .su-b24-feature-grid h3 { margin-top: 18px; font-size: 18px; }
    .su-b24-product-banner { grid-template-columns: 1fr; gap: 24px; margin-top: 28px; padding-top: 28px; }
    .su-b24-product-banner h3 { font-size: 22px; }
    .su-b24-product-banner__media { width: 100%; margin: 0 auto; }
    .su-b24-versions { padding: 42px 0; background: #111a27; color: white; }
    .su-b24-versions__head { align-items: start; }
    .su-b24-compare { overflow: hidden; }
    .su-b24-compare__row { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .su-b24-compare__row > * { padding: 14px 12px; }
    .su-b24-compare__row > * + * { border-left: 1px solid rgba(255,255,255,.12); }
    .su-b24-compare__row > b, .su-b24-compare__row--head > span { grid-column: 1 / -1; padding: 17px 0 7px; border-left: 0; }
    .su-b24-compare__row > p { padding-top: 10px; font-size: 11px; }
    .su-b24-compare__row--head > div { padding: 16px 10px 18px; }
    .su-b24-compare__product { align-items: flex-start; gap: 8px; flex-direction: column; }
    .su-b24-compare__product > .su-b24-icon { width: 30px; height: 30px; flex-basis: 30px; }
    .su-b24-compare__row--head h3 { font-size: 18px; }
    .su-b24-compare__row--head small { font-size: 8px; }
    .su-b24-choice { grid-template-columns: 1fr; gap: 12px; padding: 21px 20px; }
    .su-b24-choice a { grid-column: auto; }
    .su-b24-certificate { padding: 42px 0; background: white; color: var(--su-ink); }
    .su-b24-certificate__grid { grid-template-columns: 1fr; gap: 28px; }
    .su-b24-certificate__copy { order: -1; }
    .su-b24-certificate__copy h2 { font-size: 30px; }
    .su-b24-certificate__copy dl > div { grid-template-columns: 105px 1fr; }
    .su-b24-work { padding: 42px 0; background: #f5f9fc; color: var(--su-ink); }
    .su-b24-work__grid { grid-template-columns: 1fr; gap: 25px; }
    .su-b24-work__steps li { grid-template-columns: 38px 1fr; gap: 12px; }
    .su-b24-integration-line { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; padding: 24px 0; }
    .su-b24-integration-line span { min-width: 0; min-height: 122px; padding: 12px 8px; }
    .su-b24-integration-line span:last-child { grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center; }
    .su-b24-integration-line span img { width: 68px; height: 68px; }
    .su-b24-integration-line i { display: none; }
    .su-b24-integration-note { font-size: 12px; text-align: left; }
    .su-b24-sites { padding: 42px 0; background: #f4f8fb; color: var(--su-ink); }
    .su-b24-sites__grid { grid-template-columns: 1fr; gap: 28px; }
    .su-b24-sites__copy > p { font-size: 13px; }
    .su-b24-sites__copy .su-button { width: 100%; }
    .su-b24-sites__media { width: min(260px,100%); margin: 0 auto; }
    .su-b24-sites__media img { aspect-ratio: 751 / 1460; object-fit: cover; }
    .su-b24-cta { padding: 42px 0; color: var(--su-ink); }
    .su-b24-cta__grid { grid-template-columns: 1fr; gap: 27px; }
    .su-b24-cta__actions, .su-b24-cta__actions .su-button { width: 100%; }
    .su-b24-disclaimer { color: var(--su-ink); }
}

html[data-su-motion="reduced"] .su-site *,
html[data-su-motion="reduced"] .su-site *::before,
html[data-su-motion="reduced"] .su-site *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
html[data-su-motion="reduced"] [data-reveal] { opacity: 1; transform: none; }

/* End */


/* Start:/local/templates/prod_su_site_v10_template/styles.css?1788965788321*/
/* Стили контента, создаваемого через визуальный редактор Битрикс. */
.su-site img { max-width: 100%; height: auto; }
.su-site table { width: 100%; border-collapse: collapse; }
.su-site th, .su-site td { padding: 12px; border: 1px solid #ccd4cf; text-align: left; }

/* End */


/* Start:/local/templates/prod_su_site_v10_template/template_styles.css?1788965788108*/
/* Основные стили подключаются через Bitrix\Main\Page\Asset в header.php. */

/* End */
/* /local/templates/prod_su_site_v10_template/assets/css/site.css?178896578886208 */
/* /local/templates/prod_su_site_v10_template/styles.css?1788965788321 */
/* /local/templates/prod_su_site_v10_template/template_styles.css?1788965788108 */