/* ============================================================
   dc-components.css — повторяющиеся стили нового оформления,
   вынесенные из инлайн-атрибутов вью в классы.

   Файл СГЕНЕРИРОВАН из исходных инлайн-стилей: декларации в
   классах совпадают с тем, что было в HTML, один в один.
   Всё скоупится под .dc-site, как и dc.css.
   ============================================================ */

.dc-site .dc-rel { position: relative; }
.dc-site .dc-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; border: 0; background: #005E64; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0,94,100,.3); transition: background .18s; }
.dc-site .dc-badge-lg { position: absolute; top: 28px; left: 28px; z-index: 2; font-family: Roboto; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; background: rgba(255,255,255,.9); border-radius: 20px; padding: 5px 11px; }
.dc-site .dc-step-ico { position: relative; width: 46px; height: 46px; flex: none; border-radius: 11px; display: flex; align-items: center; justify-content: center; }
.dc-site .dc-tl-dot { width: 11px; height: 11px; border-radius: 50%; }
.dc-site .dc-stat { text-align: center; padding: 8px; }
.dc-site .dc-pill-w { display: inline-flex; align-items: center; gap: 9px; padding: 7px 15px; border: 1px solid rgba(255,255,255,.5); border-radius: 20px; }
.dc-site .dc-spec-k { padding: 16px 26px; font-family: Roboto; font-size: 15px; font-weight: 500; color: #005E64; border-right: 1px solid #E5EEEC; }
.dc-site .dc-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border-radius: 20px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.3); color: #fff; font-size: 14px; }
.dc-site .dc-spec-v { padding: 16px 26px; font-family: Roboto; font-size: 15px; color: #4A4A4A; }
.dc-site .dc-adv-ico { flex: none; width: 22px; height: 22px; border-radius: 50%; background: #D5F1EA; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.dc-site .dc-cfg { cursor: pointer; font-family: Roboto; font-weight: 500; font-size: 15px; padding: 13px 22px; border-radius: 6px; border: 2px solid #D8E7E4; background: #fff; color: #6A6A6A; transition: all .16s; }
.dc-site .dc-feat { display: inline-flex; align-items: center; gap: 7px; font-family: Roboto; font-size: 13px; color: #1F8A5B; background: #EAF9F3; border: 1px solid #CBE7DF; border-radius: 20px; padding: 6px 13px; }
.dc-site .dc-ico-mint { filter: invert(62%) sepia(38%) saturate(640%) hue-rotate(110deg) brightness(95%); }
.dc-site .dc-cfg-on { border: 2px solid #4ACF9F; background: #EAF9F3; color: #005E64; }
.dc-site .dc-kv { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid #F0F4F3; }
.dc-site .dc-slot-cert { height: 220px; border: 2px dashed #97D1C6; border-radius: 6px; background: #F6FBF9; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; margin-bottom: 14px; cursor: zoom-in; transition: transform .2s ease, box-shadow .2s ease; }
.dc-site .dc-step-num { position: absolute; top: -7px; right: -7px; width: 21px; height: 21px; border-radius: 50%; background: #F88600; color: #fff; font-family: Montserrat, sans-serif; font-weight: 700; font-size: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.dc-site .dc-adv-txt { font-family: Roboto; font-size: 15px; line-height: 1.45; color: #4A4A4A; }
.dc-site .dc-cta-lg { display: inline-flex; align-items: center; justify-content: center; height: 57px; padding: 0 40px; border-radius: 4px; background: #F88600; box-shadow: 0 0 6px rgba(248,134,0,.4); color: #fff; font-family: Roboto; font-weight: 500; font-size: 18px; text-decoration: none; transition: background .18s; }
.dc-site .dc-spec-row { display: grid; grid-template-columns: 460px 1fr; background: #fff; }
.dc-site .dc-spec-alt { background: #F4F8F7; }
.dc-site .dc-feat-ico { width: 52px; height: 52px; border-radius: 8px; background: rgba(74,207,159,.18); border: 1px solid rgba(74,207,159,.5); display: flex; align-items: center; justify-content: center; }
.dc-site .dc-tile { display: flex; flex-direction: column; border: 3px solid #D8E7E4; border-radius: 10px; overflow: hidden; background: #fff; transition: border-color .22s, box-shadow .22s, transform .22s; }
.dc-site .dc-slot-shot { height: 470px; border: 2px dashed #97D1C6; border-radius: 8px; background: #F6FBF9; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; cursor: zoom-in; transition: transform .2s ease, box-shadow .2s ease; }
.dc-site .dc-kv-v { font-family: Roboto; font-weight: 500; font-size: 15px; color: #231F20; text-align: right; }
.dc-site .dc-h2 { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 32px; color: #231F20; margin: 0 0 10px; }
.dc-site .dc-adv { display: flex; gap: 12px; align-items: flex-start; }
.dc-site .dc-nav-next { right: 20px; }
.dc-site .dc-nav-prev { left: 20px; }
.dc-site .dc-card-ico { width: 64px; height: 64px; border-radius: 50%; background: #D5F1EA; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.dc-site .dc-badge { position: absolute; top: 18px; left: 18px; z-index: 2; font-family: Roboto; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #005E64; background: rgba(255,255,255,.92); border-radius: 20px; padding: 6px 13px; }
.dc-site .dc-ico-orange { width: 30px; height: 30px; flex: none; border-radius: 50%; background: rgba(248,134,0,.18); border: 1px solid rgba(248,134,0,.55); display: flex; align-items: center; justify-content: center; }
.dc-site .dc-tile-more { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-family: Roboto; font-weight: 500; font-size: 15px; color: #F88600; }
.dc-site .dc-cta-block { margin-top: 20px; display: flex; align-items: center; justify-content: center; height: 52px; border-radius: 4px; background: #F88600; box-shadow: 0 0 6px rgba(248,134,0,.4); color: #fff; font-family: Roboto; font-weight: 500; font-size: 17px; text-decoration: none; transition: background .18s; }
.dc-site .dc-wrap { max-width: 1170px; margin: 0 auto; }
.dc-site .dc-browser-url { flex: 1; max-width: 420px; height: 28px; border-radius: 6px; background: #fff; border: 1px solid #D8E7E4; display: flex; align-items: center; padding: 0 14px; font-family: Roboto; font-size: 13px; color: #6A8C88; }
.dc-site .dc-tag-ok { display: inline-flex; align-items: center; gap: 7px; font-family: Roboto; font-size: 14px; font-weight: 500; color: #1F8A5B; background: #E4F6EE; border-radius: 20px; padding: 5px 13px; }
.dc-site .dc-card { background: #fff; border: 1px solid #D8E7E4; border-radius: 8px; padding: 28px 24px; transition: box-shadow .2s, transform .2s; }
.dc-site .dc-badge-amber { color: #B45309; }
.dc-site .dc-h3-teal { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 21px; color: #005E64; margin: 0 0 8px; }
.dc-site .dc-crumbs { max-width: 1170px; margin: 0 auto; padding: 14px 135px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-family: Roboto; font-size: 13px; color: #8AA6A2; }
.dc-site .dc-t13-mint { font-family: Roboto; font-size: 13px; color: #97D1C6; }
.dc-site .dc-h-16 { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 16px; color: #231F20; }
.dc-site .dc-t14-gray { font-family: Roboto; font-size: 14px; color: #6A6A6A; }
.dc-site .dc-stat-num { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 38px; color: #005E64; }
.dc-site .dc-slot-photo { display: block; width: 100%; height: 190px; border: 2px dashed #97D1C6; background: #F6FBF9; display: flex; align-items: center; justify-content: center; text-align: center; font-family: Roboto; font-size: 13px; color: #97D1C6; padding: 10px; }
.dc-site .dc-cfg-sm { padding: 10px 18px; border-radius: 4px; }
.dc-site .dc-doc-ico { flex: none; width: 44px; height: 44px; border-radius: 10px; background: #D5F1EA; display: flex; align-items: center; justify-content: center; }
.dc-site .dc-list-ico { flex: none; width: 30px; height: 30px; border-radius: 50%; background: #D5F1EA; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.dc-site .dc-norm { display: flex; gap: 14px; align-items: flex-start; background: #fff; border-radius: 8px; padding: 16px 20px; }
.dc-site .dc-p15 { font-family: Roboto; font-size: 15px; line-height: 1.5; color: #6A6A6A; margin: 0; }
.dc-site .dc-list-ico-green { flex: none; width: 26px; height: 26px; border-radius: 50%; background: #4ACF9F; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.dc-site .dc-row-wrap { display: flex; flex-wrap: wrap; gap: 10px; }
.dc-site .dc-t14-slate { font-family: Roboto; font-size: 14px; color: #8AA6A2; }
.dc-site .dc-sub-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 12px; }
.dc-site .dc-t16-med { font-family: Roboto; font-weight: 500; font-size: 16px; color: #231F20; }
.dc-site .dc-cert { border: 1px solid #D8E7E4; border-radius: 8px; padding: 18px; text-align: center; }
.dc-site .dc-badge-btm { position: absolute; bottom: 16px; left: 18px; z-index: 2; font-family: Roboto; font-size: 12px; font-weight: 500; color: #6A8C88; background: rgba(255,255,255,.92); border-radius: 20px; padding: 6px 13px; }
.dc-site .dc-mt2 { margin-top: 2px; }
.dc-site .dc-doc-link { display: flex; align-items: center; gap: 16px; padding: 18px 22px; border: 1px solid #E5EEEC; border-radius: 10px; text-decoration: none; background: #fff; transition: border-color .18s, background .18s; }
.dc-site .dc-stat-cap { font-family: Roboto; font-size: 15px; color: #6A6A6A; margin-top: 4px; }
.dc-site .dc-tag-warn { display: inline-flex; align-items: center; gap: 7px; font-family: Roboto; font-size: 14px; font-weight: 500; color: #B4610A; background: #FCEEDD; border-radius: 20px; padding: 5px 13px; }
.dc-site .dc-t17-med { font-family: Roboto; font-weight: 500; font-size: 17px; color: #231F20; }
.dc-site .dc-tile-body { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 22px; text-decoration: none; }
.dc-site .dc-sku { font-family: Roboto; font-weight: 700; font-size: 15px; color: #005E64; background: #EAF6F2; border: 1px solid #CBE7DF; border-radius: 6px; padding: 4px 12px; letter-spacing: .02em; }
.dc-site .dc-eyebrow-green { display: inline-flex; align-items: center; gap: 10px; font-family: Roboto; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #1F7A5A; margin-bottom: 10px; }
.dc-site .dc-spec-380 { grid-template-columns: 380px 1fr; }
.dc-site .dc-p-lightteal { font-family: Roboto; font-size: 15px; line-height: 1.55; color: #CDE9E3; margin: 0 0 22px; }
.dc-site .dc-card-h { font-family: Roboto; font-weight: 500; font-size: 19px; color: #231F20; margin: 0 0 10px; }
.dc-site .dc-slide { flex: 0 0 100%; scroll-snap-align: center; padding: 30px; box-sizing: border-box; }
.dc-site .dc-tile-desc { font-family: Roboto; font-size: 15px; line-height: 1.5; color: #6A6A6A; margin: 0 0 16px; }
.dc-site .dc-badge-teal { color: #005E64; }
.dc-site .dc-hero-grid { display: grid; grid-template-columns: 460px 1fr; gap: 56px; align-items: start; }
.dc-site .dc-card-ghost { border: 1px solid rgba(255,255,255,.5); border-radius: 8px; padding: 34px 32px; }
.dc-site .dc-card-ghost-h { font-family: Roboto; font-weight: 500; font-size: 21px; color: #fff; margin: 0; }
.dc-site .dc-step-h { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 17px; color: #fff; margin-bottom: 5px; }
.dc-site .dc-aside-h { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 18px; color: #005E64; margin-bottom: 18px; }
.dc-site .dc-tab-grid { display: grid; grid-template-columns: 1fr 360px; gap: 56px; align-items: start; }
.dc-site .dc-browser-bar { display: flex; align-items: center; gap: 14px; padding: 12px 18px; background: #EAF6F2; border-bottom: 1px solid #D8E7E4; }
.dc-site .dc-cfg-p20 { padding: 13px 20px; }
.dc-site .dc-img-fit { width: 100%; height: 100%; object-fit: contain; display: block; }
.dc-site .dc-tile-kicker { font-family: Roboto; font-size: 13px; color: #97D1C6; margin: 0 0 10px; }
.dc-site .dc-tile-meta { font-family: Roboto; font-size: 13px; color: #8AA6A2; margin: 0 0 16px; }
.dc-site .dc-slot-fill { display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-family: Roboto; font-size: 13px; color: #97D1C6; padding: 10px; border: 2px dashed #97D1C6; background: #F6FBF9; }
.dc-site .dc-card-head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.dc-site .dc-li { display: flex; gap: 14px; padding: 18px 0; border-bottom: 1px solid #EEEEEE; }
.dc-site .dc-seal { position: relative; width: 280px; height: 280px; border-radius: 50%; background: #fff; box-shadow: 0 14px 40px rgba(0,94,100,.22); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 6px solid #005E64; }
.dc-site .dc-cta-hero { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 57px; padding: 0 30px; border-radius: 4px; background: #F88600; box-shadow: 0 0 6px rgba(248,134,0,.4); color: #fff; font-family: Roboto; font-weight: 500; font-size: 18px; text-decoration: none; transition: background .18s; }
.dc-site .dc-stat-div { border-left: 1px solid #D8E7E4; }
.dc-site .dc-eyebrow-mint { font-family: Roboto; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #9FE6D2; margin-bottom: 8px; }
.dc-site .dc-aside { background: #F4F8F7; border: 1px solid #E5EEEC; border-radius: 10px; padding: 26px 28px; }
.dc-site .dc-h1 { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 34px; line-height: 1.18; color: #231F20; margin: 0 0 12px; }
.dc-site .dc-lead { font-family: Roboto; font-size: 17px; color: #6A6A6A; margin: 0 auto; max-width: 640px; }
.dc-site .dc-lead-mb { font-family: Roboto; font-size: 17px; color: #6A6A6A; margin: 0 auto 40px; max-width: 640px; }
.dc-site .dc-ico-orange-f { filter: invert(58%) sepia(72%) saturate(2400%) hue-rotate(2deg) brightness(101%); }
.dc-site .dc-panel { background: #fff; border: 3px solid #D8E7E4; border-radius: 12px; overflow: hidden; box-shadow: 0 14px 40px rgba(148,204,193,.35); }
.dc-site .dc-sec-panel { background: #fff; padding: 20px 135px 40px; display: none; }
.dc-site .dc-hero-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 24px; border-top: 1px solid #EEEEEE; }
.dc-site .dc-doc-txt { font-family: Roboto; font-size: 15px; line-height: 1.4; color: #231F20; }
.dc-site .dc-shot { display: block; width: 100%; height: 470px; object-fit: contain; border: 1px solid #E5EEEC; border-radius: 8px; background: #F6FBF9; }
.dc-site .dc-step-ico-green { background: rgba(74,207,159,.2); border: 1px solid rgba(74,207,159,.55); }
.dc-site .dc-step-ico-orange { background: rgba(248,134,0,.22); border: 1px solid rgba(248,134,0,.55); }
.dc-site .dc-sku-wrap { display: inline-flex; align-items: center; gap: 8px; font-family: Roboto; font-size: 15px; color: #6A6A6A; }
.dc-site .dc-crumb-a { color: #8AA6A2; text-decoration: none; }
.dc-site .dc-tile-link { text-decoration: none; }
.dc-site .dc-h-17teal { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 17px; color: #005E64; margin: 0 0 8px; }
.dc-site .dc-hero-media { position: relative; border: 3px solid #D8E7E4; border-radius: 10px; background: #F6FBF9; overflow: hidden; height: 440px; }
.dc-site .dc-t16 { font-family: Roboto; font-size: 16px; color: #231F20; }
.dc-site .dc-prose { font-family: Roboto; font-size: 16px; line-height: 1.7; color: #4A4A4A; }
.dc-site .dc-sec-band { background: #F4F8F7; padding: 60px 135px; border-top: 1px solid #E5EEEC; border-bottom: 1px solid #E5EEEC; }
.dc-site .dc-dot-orange { width: 8px; height: 8px; border-radius: 50%; background: #F88600; }
.dc-site .dc-browser { border: 1px solid #D8E7E4; border-radius: 10px; overflow: hidden; box-shadow: 0 14px 40px rgba(148,204,193,.4); background: #fff; }
.dc-site .dc-h2-30 { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 30px; color: #231F20; margin: 0 0 8px; }
.dc-site .dc-eyebrow-pale { font-family: Roboto; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #D5F1EA; }
.dc-site .dc-step-ico-dark { background: #063E4A; border: 1px solid #063E4A; }
.dc-site .dc-slot-t { font-family: Roboto; font-weight: 500; font-size: 18px; color: #005E64; }
.dc-site .dc-lead720 { font-family: Roboto; font-size: 16px; line-height: 1.55; color: #6A6A6A; margin: 0; max-width: 720px; }
.dc-site .dc-dot-green { width: 8px; height: 8px; border-radius: 50%; background: #1F8A5B; }
.dc-site .dc-spec { border: 1px solid #E5EEEC; border-radius: 10px; overflow: hidden; }
.dc-site .dc-tile-img { display: block; width: 100%; height: 190px; object-fit: contain; border-radius: 8px; background: #F6FBF9; }
.dc-site .dc-step-line { flex: 1; width: 2px; background: rgba(255,255,255,.22); margin: 5px 0; border-radius: 1px; }
.dc-site .dc-hero-desc { font-family: Roboto; font-size: 16px; line-height: 1.6; color: #6A6A6A; margin: 0 0 24px; }
.dc-site .dc-doc { display: flex; align-items: center; gap: 16px; padding: 18px 22px; border: 1px solid #E5EEEC; border-radius: 10px; background: #fff; }
.dc-site .dc-card-link { display: block; text-decoration: none; border: 3px solid #D8E7E4; border-radius: 10px; padding: 22px 22px 24px; transition: border-color .22s, box-shadow .22s, transform .22s; }
.dc-site .dc-col-center { display: flex; flex-direction: column; align-items: center; }
.dc-site .dc-hero-meta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; }
.dc-site .dc-feat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 26px; }
.dc-site .dc-tl-o { background: #F88600; }
.dc-site .dc-tl-g { background: #4ACF9F; }
.dc-site .dc-tl-m { background: #97D1C6; }
.dc-site .dc-rule { width: 30px; height: 3px; background: #4ACF9F; border-radius: 2px; }
.dc-site .dc-h3-19teal { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 19px; color: #005E64; margin: 0; }
.dc-site .dc-tile-num { position: absolute; top: 16px; left: 18px; z-index: 1; font-family: Roboto; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #97D1C6; }
.dc-site .dc-sec-panel-open { display: block; }
.dc-site .dc-wave { position: absolute; bottom: -1px; left: 0; width: 100%; height: 28px; display: block; }
.dc-site .dc-slot-cert2 { display: flex; align-items: center; justify-content: center; width: 100%; height: 220px; border: 2px dashed #97D1C6; border-radius: 6px; background: #F6FBF9; margin-bottom: 14px; font-family: Roboto; font-size: 13px; color: #97D1C6; }
.dc-site .dc-tile-media { position: relative; padding: 18px 18px 0; }
.dc-site .dc-mb18 { margin: 0 0 18px; }
.dc-site .dc-mb26 { margin-bottom: 26px; }
.dc-site .dc-hero-media-c { height: 400px; display: flex; align-items: center; justify-content: center; }
.dc-site .dc-crumbs-bar { background: #F4F8F7; border-bottom: 1px solid #E5EEEC; }
.dc-site .dc-panel-title { font-family: Roboto; font-weight: 700; font-size: 25px; color: #fff; letter-spacing: .02em; }
.dc-site .dc-pill-o { display: inline-flex; align-items: center; gap: 9px; padding: 7px 15px; border: 1px solid rgba(248,134,0,.6); border-radius: 20px; margin-bottom: 22px; }
.dc-site .dc-ico46 { width: 46px; height: 46px; border-radius: 10px; background: #D5F1EA; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.dc-site .dc-sec { background: #fff; padding: 72px 135px; }
.dc-site .dc-t16-w { font-family: Roboto; font-size: 16px; color: #fff; }
.dc-site .dc-spec-note { font-family: Roboto; font-size: 14px; color: #8AA6A2; margin-bottom: 16px; }
.dc-site .dc-step-p { font-family: Roboto; font-size: 13.5px; line-height: 1.45; color: #CDE9E3; }
.dc-site .dc-panel-head { background: linear-gradient(160deg,#005E64 0%,#0C7E72 100%); padding: 22px 26px; }
.dc-site .dc-col15 { display: flex; flex-direction: column; gap: 15px; }
.dc-site .dc-h2-w { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 32px; color: #fff; text-align: center; letter-spacing: .04em; margin: 0 0 48px; }
.dc-site .dc-box-head { background: #D5F1EA; padding: 18px 26px; display: flex; align-items: center; gap: 12px; }
.dc-site .dc-cfg-grid { display: grid; grid-template-columns: 1fr 400px; gap: 34px; align-items: start; }
.dc-site .dc-grp-h { display: inline-flex; align-items: center; gap: 10px; font-family: Montserrat, sans-serif; font-weight: 700; font-size: 24px; color: #231F20; }
.dc-site .dc-t14-mint { font-family: Roboto; font-size: 14px; color: #97D1C6; }
.dc-site .dc-step { display: flex; gap: 16px; align-items: stretch; }
.dc-site .dc-grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.dc-site .dc-hero2 { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: center; }
.dc-site .dc-row13 { display: flex; align-items: center; gap: 13px; }
.dc-site .dc-slot-cert-s { height: 220px; border: 2px dashed #97D1C6; border-radius: 6px; background: #F6FBF9; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; margin-bottom: 14px; }
.dc-site .dc-hint { font-family: Roboto; font-size: 13px; line-height: 1.5; color: #6A8C88; margin-top: 10px; }
.dc-site .dc-card-num { position: absolute; top: 22px; right: 22px; font-family: Montserrat, sans-serif; font-weight: 700; font-size: 15px; color: #97D1C6; }
.dc-site .dc-tel { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 24px; color: #fff; text-decoration: none; transition: color .18s; }
.dc-site .dc-ico40 { width: 40px; height: 40px; border-radius: 8px; background: #D5F1EA; display: flex; align-items: center; justify-content: center; }
.dc-site .dc-slot-560 { height: 560px; border: 2px dashed #97D1C6; border-radius: 8px; background: #F6FBF9; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; font-family: Roboto; font-size: 15px; color: #97D1C6; padding: 20px; }
.dc-site .dc-badge-green { color: #1F7A5A; }
.dc-site .dc-ico54 { width: 54px; height: 54px; margin: 0 auto 16px; border-radius: 12px; background: #D5F1EA; display: flex; align-items: center; justify-content: center; }
.dc-site .dc-cfg-ico { display: inline-flex; align-items: center; gap: 9px; padding: 11px 18px; }
.dc-site .dc-hero-grad { position: relative; background: linear-gradient(180deg,#005E64 0%,#4ACF9F 100%); overflow: hidden; padding: 70px 135px 92px; }
.dc-site .dc-sec-form { position: relative; background: linear-gradient(160deg,#005E64 0%,#0C7E72 100%); overflow: hidden; padding: 78px 135px 84px; }
.dc-site .dc-eyebrow-m12 { font-family: Roboto; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #97D1C6; margin-bottom: 12px; }
.dc-site .dc-h3-w-c { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 24px; color: #fff; margin: 0 0 22px; text-align: center; }
.dc-site .dc-hero-card { border-radius: 14px; box-shadow: 0 18px 50px rgba(0,40,42,.28); padding: 30px 32px 26px; width: 564px; height: 451px; background-color: #45c79b00; }
.dc-site .dc-sec-hero { background: #fff; padding: 44px 135px 40px; }
.dc-site .dc-stage { height: 560px; border: 1px solid #E5EEEC; border-radius: 8px; background: #F6FBF9; overflow: hidden; position: relative; }
.dc-site .dc-eyebrow-amber { font-family: Roboto; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #FFD9AE; }
.dc-site .dc-h1-hero { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 46px; line-height: 1.1; color: #fff; margin: 0 0 22px; }
.dc-site .dc-seal-cap { font-family: Roboto; font-size: 13px; color: #F88600; margin-top: 8px; letter-spacing: .06em; text-transform: uppercase; }
.dc-site .dc-h2-form { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 38px; line-height: 1.1; color: #fff; margin: 0 0 18px; }
.dc-site .dc-crumb-cur { color: #231F20; font-weight: 500; }
.dc-site .dc-dots { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 0 0 24px; }
.dc-site .dc-abs-fill { position: absolute; inset: 0; }
.dc-site .dc-grid-13 { display: grid; grid-template-columns: 1.3fr 1fr; gap: 56px; align-items: center; }
.dc-site .dc-quote-p { font-family: Montserrat, sans-serif; font-weight: 500; font-size: 19px; line-height: 1.4; color: #fff; margin: 0; }
.dc-site .dc-browser2 { border: 1px solid #D8E7E4; border-radius: 10px; overflow: hidden; box-shadow: 0 14px 40px rgba(148,204,193,.4); }
.dc-site .dc-sec-mist { background: #F4F8F7; padding: 72px 135px; border-top: 1px solid #E5EEEC; }
.dc-site .dc-hero-p { font-family: Roboto; font-size: 18px; line-height: 1.5; color: #EAF6F2; margin: 0 0 26px; max-width: 560px; }
.dc-site .dc-hero-p-dark { font-family: Roboto; font-size: 18px; line-height: 1.5; color: #2c5b5b; margin: 0 0 28px; max-width: 580px; }
.dc-site .dc-hero-p-480 { font-family: Roboto; font-size: 18px; line-height: 1.5; color: #EAF6F2; margin: 0 0 28px; max-width: 480px; }
.dc-site .dc-box { border: 1px solid #D8E7E4; border-radius: 8px; overflow: hidden; }
.dc-site .dc-sec-head { text-align: center; margin-bottom: 14px; }
.dc-site .dc-h2-light { font-family: Montserrat, sans-serif; font-weight: 300; font-size: 40px; color: #005E64; margin: 0 0 18px; }
.dc-site .dc-seal-h { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 22px; color: #005E64; line-height: 1.1; }
.dc-site .dc-grid2-28 { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.dc-site .dc-h1-14 { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 34px; line-height: 1.18; color: #231F20; margin: 0 0 14px; }
.dc-site .dc-eyebrow-mint14 { font-family: Roboto; font-size: 14px; color: #97D1C6; letter-spacing: .06em; text-transform: uppercase; }
.dc-site .dc-logo-t11 { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 11px; color: #1A1A1A; line-height: 1; }
.dc-site .dc-mesh-tl1 { position: absolute; left: -80px; top: 200px; opacity: .22; transform: scaleX(-1); pointer-events: none; }
.dc-site .dc-mesh-br1 { position: absolute; right: -40px; bottom: 0; opacity: .18; transform: scaleX(-1); pointer-events: none; }
.dc-site .dc-mb24 { margin-bottom: 24px; }
.dc-site .dc-mesh-br2 { position: absolute; right: -40px; bottom: 0; opacity: .2; transform: scaleX(-1); pointer-events: none; }
.dc-site .dc-sec-head-lg { text-align: center; margin-bottom: 36px; }
.dc-site .dc-hero-actions-26 { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 26px; border-top: 1px solid #EEEEEE; }
.dc-site .dc-seal-bar { height: 3px; width: 100%; background: rgba(0,94,100,.2); border-radius: 2px; margin-top: 12px; }
.dc-site .dc-h3-18 { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 18px; color: #231F20; margin-bottom: 6px; }
.dc-site .dc-scheme { margin-top: 40px; border: 1px solid #D8E7E4; border-radius: 8px; background: #fff; padding: 24px 28px 18px; }
.dc-site .dc-tile-media-sol { position: relative; background: #F6FBF9; border-bottom: 1px solid #E5F1EE; padding: 22px; }
.dc-site .dc-t15-gray { font-family: Roboto; font-size: 15px; color: #6A6A6A; }
.dc-site .dc-card-outline { border: 3px solid #D8E7E4; border-radius: 10px; padding: 26px 24px; position: relative; }
.dc-site .dc-slot-dash { border: 2px dashed #CBE3DD; border-radius: 10px; padding: 44px; text-align: center; background: #F6FBF9; }
.dc-site .dc-h3-22teal { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 22px; color: #005E64; margin: 6px 0 0; }
.dc-site .dc-eyebrow-gray { font-family: Roboto; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #6A6A6A; }
.dc-site .dc-cta-note { font-family: Roboto; font-size: 14px; color: #CDE9E3; margin-bottom: 2px; }
.dc-site .dc-badge-sw { color: #1F7A5A; }
.dc-site .dc-col0 { display: flex; flex-direction: column; gap: 0; }
.dc-site .dc-hero-grad-c { padding: 64px 135px 86px; }
.dc-site .dc-p14-155 { font-family: Roboto; font-size: 14px; line-height: 1.55; color: #6A6A6A; margin: 0; }
.dc-site .dc-p14-15 { font-family: Roboto; font-size: 14px; line-height: 1.5; color: #6A6A6A; margin: 0; }
.dc-site .dc-seal-ring { position: absolute; inset: 14px; border-radius: 50%; border: 1.5px dashed #97D1C6; }
.dc-site .dc-mesh-tr1 { position: absolute; right: -40px; top: 70px; opacity: .35; pointer-events: none; }
.dc-site .dc-sec-dark { position: relative; background: #005E64; overflow: hidden; padding: 76px 135px; }
.dc-site .dc-mesh-tl2 { position: absolute; left: -40px; top: 30px; opacity: .18; pointer-events: none; }
.dc-site .dc-ico-white { filter: brightness(0) invert(1); }
.dc-site .dc-sec-tight { background: #fff; padding: 40px 135px 20px; }
.dc-site .dc-mesh-tl3 { position: absolute; left: -40px; top: 20px; opacity: .2; pointer-events: none; }
.dc-site .dc-eyebrow-green13 { font-family: Roboto; font-size: 13px; font-weight: 700; letter-spacing: .04em; color: #4ACF9F; margin-bottom: 10px; }
.dc-site .dc-img-full { width: 100%; height: auto; display: block; }
.dc-site .dc-ico44-mb { width: 44px; height: 44px; border-radius: 10px; background: #D5F1EA; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.dc-site .dc-hero-desc-28 { font-family: Roboto; font-size: 16px; line-height: 1.6; color: #6A6A6A; margin: 0 0 28px; }
.dc-site .dc-quote { border-left: 3px solid #F88600; padding: 4px 0 4px 18px; margin: 0 0 32px; }
.dc-site .dc-step-p-amber { font-family: Roboto; font-size: 13.5px; line-height: 1.45; color: #FFE0BE; }
.dc-site .dc-col24 { display: flex; flex-direction: column; gap: 24px; }
.dc-site .dc-hero-meta-18 { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-bottom: 22px; }
.dc-site .dc-col14-mb30 { display: flex; flex-direction: column; gap: 14px; margin-bottom: 30px; }
.dc-site .dc-h3-18ink { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 18px; color: #231F20; margin: 0 0 6px; }
.dc-site .dc-li-last { display: flex; gap: 14px; padding: 18px 0; }
.dc-site .dc-mesh-tl4 { position: absolute; left: -80px; top: 160px; opacity: .22; transform: scaleX(-1); pointer-events: none; }
.dc-site .dc-mesh-tr2 { position: absolute; right: -40px; top: 40px; opacity: .35; pointer-events: none; }
.dc-site .dc-eyebrow-green-mb18 { display: inline-flex; align-items: center; gap: 10px; font-family: Roboto; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #1F7A5A; margin-bottom: 18px; }
.dc-site .dc-quote-sm { border-left: 3px solid #F88600; padding: 2px 0 2px 16px; }
.dc-site .dc-spec-em { font-weight: 700; color: #005E64; }
.dc-site .dc-center-text { text-align: center; }
.dc-site .dc-hero-media-cc { display: flex; align-items: center; justify-content: center; }
.dc-site .dc-h1-cat { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 48px; line-height: 1.1; color: #fff; margin: 0 0 18px; }
.dc-site .dc-dots-row { display: flex; gap: 7px; }
.dc-site .dc-lbl-mint { font-family: Roboto; font-size: 12px; color: #97D1C6; letter-spacing: .04em; text-transform: uppercase; flex: none; }
.dc-site .dc-img-inset { max-width: 88%; max-height: 88%; object-fit: contain; display: block; }
.dc-site .dc-col12 { display: flex; flex-direction: column; gap: 12px; }
.dc-site .dc-p15-155 { font-family: Roboto; font-size: 15px; line-height: 1.55; color: #4A4A4A; margin: 0; }
.dc-site .dc-eyebrow-orange { display: inline-block; font-family: Roboto; font-size: 12px; font-weight: 500; color: #F88600; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 6px; }
.dc-site .dc-grid3-28 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.dc-site .dc-ico44-flex { width: 44px; height: 44px; border-radius: 10px; background: #D5F1EA; display: flex; align-items: center; justify-content: center; flex: none; }
.dc-site .dc-t16-med-link { font-family: Roboto; font-weight: 500; font-size: 16px; color: #231F20; text-decoration: none; }
.dc-site .dc-cfg-lbl { font-family: Roboto; font-size: 14px; font-weight: 700; color: #231F20; margin-bottom: 12px; }
.dc-site .dc-c-ink { color: #231F20; }
.dc-site .dc-grp-row { display: flex; align-items: center; gap: 18px; margin: 0 0 30px; }
.dc-site .dc-mb64 { margin-bottom: 64px; }
.dc-site .dc-p14 { font-family: Roboto; font-size: 14px; color: #6A6A6A; margin: 0; }
.dc-site .dc-grid2-14 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.dc-site .dc-grp-line { flex: 1; height: 1px; background: #E5F1EE; }
.dc-site .dc-row16-wrap { display: flex; gap: 16px; flex-wrap: wrap; }
.dc-site .dc-sec-stats { background: #fff; padding: 40px 135px 8px; }
.dc-site .dc-step-body { padding-bottom: 16px; }
.dc-site .dc-sec-mint { background: #D5F1EA; padding: 72px 135px; }
.dc-site .dc-c-teal { color: #005E64; }
.dc-site .dc-kv-base { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.dc-site .dc-card-outline-row { border: 3px solid #D8E7E4; border-radius: 10px; padding: 22px 24px; display: flex; gap: 16px; align-items: flex-start; }
.dc-site .dc-center { display: flex; justify-content: center; }
.dc-site .dc-col { display: flex; flex-direction: column; }
.dc-site .dc-logo-cell { display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px 6px 9px; border-left: 1px solid #EFEFEF; }
.dc-site .dc-box-body { padding: 8px 26px 18px; }
.dc-site .dc-p13-mb5 { font-family: Roboto; font-size: 13px; color: #6A6A6A; margin-bottom: 5px; }
.dc-site .dc-mb30 { margin-bottom: 30px; }
.dc-site .dc-lead-cat { font-family: Roboto; font-size: 19px; line-height: 1.5; color: #EAF6F2; margin: 0 auto; max-width: 720px; }
.dc-site .dc-h3-18teal { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 18px; color: #005E64; margin: 0 0 12px; }
.dc-site .dc-h3-20ink { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 20px; color: #231F20; margin: 0 0 8px; }
.dc-site .dc-sec-thin { background: #fff; padding: 8px 135px 20px; }
.dc-site .dc-logo-t12 { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 12px; color: #1A1A1A; line-height: 1; }
.dc-site .dc-card-outline-p { border: 3px solid #D8E7E4; border-radius: 10px; padding: 22px 24px; }
.dc-site .dc-panel-pad { padding: 22px 26px; }
.dc-site .dc-row14-top { display: flex; gap: 14px; align-items: flex-start; }
.dc-site .dc-sec-head-sm { text-align: center; margin-bottom: 6px; }
.dc-site .dc-row-wrap-mb30 { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
.dc-site .dc-logo-t11o { font-family: Roboto; font-weight: 500; font-size: 11px; color: #F88600; line-height: 1; }
.dc-site .dc-p16 { font-family: Roboto; font-size: 16px; line-height: 1.55; color: #4A4A4A; margin: 0; }
.dc-site .dc-logo-row { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px 6px 8px; }
.dc-site .dc-p13-mb2 { font-family: Roboto; font-size: 13px; color: #6A6A6A; margin-bottom: 2px; }
.dc-site .dc-spec-note-b { font-family: Roboto; font-size: 14px; color: #8AA6A2; margin: 18px 0 0; }
.dc-site .dc-tile-body-sol { padding: 20px 22px 22px; }
.dc-site .dc-grp-row-64 { display: flex; align-items: center; gap: 18px; margin: 64px 0 30px; }
.dc-site .dc-grid3-20 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.dc-site .dc-pad30 { padding: 30px; }
.dc-site .dc-mb14 { margin-bottom: 14px; }
.dc-site .dc-mb10 { margin-bottom: 10px; }
.dc-site .dc-flex-none-mt2 { flex: none; margin-top: 2px; }
.dc-site .dc-col26 { display: flex; flex-direction: column; gap: 26px; }
.dc-site .dc-flex-none { flex: none; }
.dc-site .dc-m0 { margin: 0; }
.dc-site .dc-sec-cat { background: #fff; padding: 56px 135px 84px; }
.dc-site .dc-sec-cat-thin { background: #fff; padding: 40px 135px 6px; }
.dc-site .dc-sec-head-40 { text-align: center; margin-bottom: 40px; }

/* ---- ховеры (были атрибутами style-hover, теперь настоящий :hover) ---- */
.dc-site .dc-crumb-a:hover, .dc-site .dc-tel:hover { color: #F88600; }
.dc-site .dc-slot-cert:hover, .dc-site .dc-slot-shot:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0,94,100,.16); }
.dc-site .dc-cta-lg:hover, .dc-site .dc-cta-hero:hover, .dc-site .dc-cta-block:hover { background: #D87600; }
.dc-site .dc-tile:hover { border-color: #4ACF9F; box-shadow: 0 16px 40px rgba(148,204,193,.5); transform: translateY(-4px); }
.dc-site .dc-nav-btn:hover { background: #03B187; }
.dc-site .dc-card:hover { box-shadow: 0 10px 30px rgba(148,204,193,.5); transform: translateY(-3px); }
.dc-site .dc-doc-link:hover { border-color: #4ACF9F; background: #F6FBF9; }
.dc-site .dc-card-link:hover { border-color: #4ACF9F; box-shadow: 0 14px 34px rgba(148,204,193,.4); transform: translateY(-3px); }