:root { --be-peach-rgb: 255, 214, 190; --be-peach: rgb(var(--be-peach-rgb)); }

.be-mark { display: block; flex: none; width: 28px; height: 28px; overflow: visible; }
.be-mark__l { fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round; }
.be-mark__p { fill: var(--be-dawn, #ff9e6d); }
.be-fact { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 5px 12px 5px 8px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--be-iris-pale, #e4eaff); font-size: 13px; line-height: 1.2; font-weight: 700; color: var(--ds-ink); }
.be-fact::before { content: ''; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--be-dawn, #ff9e6d); box-shadow: 0 0 0 3px var(--be-dawn-soft, #ffe1d1); }
.be-sec--milk { background: var(--be-milk, #fff7f2); }
.be-sec--mist { background: var(--be-mist, #f3f5ff); }

.be-tag {
  display: inline-flex; align-self: flex-start; justify-self: start; width: auto; align-items: center; gap: 8px; max-width: 100%;
  margin: 0 0 12px; padding: 6px 12px 6px 8px; border-radius: var(--ds-r-pill);
  background: var(--ds-glass); box-shadow: inset 0 0 0 1px var(--ds-glass-edge);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  color: #fff; text-decoration: none; line-height: 1.15;
  transition: background-color .2s;
}
.be-tag:hover { background: var(--ds-glass-hi); }
.be-tag:focus-visible { outline: 2px solid var(--ds-sky); outline-offset: 2px; }
.be-tag .be-tag__mk { width: 20px; height: 20px; color: #fff; }
.be-tag__m { font-size: 12.5px; font-weight: 700; letter-spacing: .06em; white-space: nowrap; }
.be-tag__l { font-size: 12px; font-weight: 600; color: rgba(206, 230, 255, .84); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.be-tag > .ds-ico { width: 14px; height: 14px; flex: none; color: var(--ds-sky); }
.be-tag--light { background: #fff; box-shadow: inset 0 0 0 1px var(--ds-line); color: var(--ds-brand); -webkit-backdrop-filter: none; backdrop-filter: none; }
.be-tag--light .be-tag__mk { color: var(--be-iris, #3f5fd8); }
.be-tag--light .be-tag__l { color: var(--ds-body); }
.be-tag--light > .ds-ico { color: var(--ds-acc); }
.be-tag--light:hover { background: var(--ds-soft); }
@media (max-width: 379px) { .be-tag__l { display: none; } }
@media (min-width: 1024px) {
  .be-tag { margin-bottom: 16px; padding: 7px 14px 7px 9px; gap: 10px; }
  .be-tag .be-tag__mk { width: 22px; height: 22px; }
  .be-tag__m { font-size: 14px; }
  .be-tag__l { font-size: 13.5px; }
}

.be-vo__top { display: flex; align-items: flex-start; gap: 14px; }
.be-vo__face { flex: none; margin-top: 2px; box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(var(--be-dawn-rgb, 255, 158, 109), .55); }
.be-vo__top .ds-h2 { margin-bottom: 6px; }
.be-vo__who { margin: 0 0 18px; font-size: 14px; line-height: 1.4; color: var(--ds-body); }
.be-vo__who b { color: var(--ds-ink); }
.be-vo__lead { margin-top: 0; }
.be-vo__l { display: grid; gap: 14px; }
.be-vo__i {
  display: grid; grid-template-columns: minmax(0, 40%) 1fr; gap: 14px; align-items: start;
  padding: 12px; border-radius: 24px; background: #fff;
  box-shadow: 0 1px 4px rgba(31, 58, 143, .06), 0 22px 44px -30px rgba(31, 58, 143, .42);
}
.be-vo__i .ds-reel { width: 100%; max-width: none; }
.be-vo__i .ds-reel__b { border-radius: 18px; }
.be-vo__h { margin: 2px 0 8px; font-size: 17px; line-height: 1.2; font-weight: 800; letter-spacing: -.01em; color: var(--ds-ink); }
.be-vo__q { margin: 0 0 10px; padding: 0 0 0 12px; border-left: 3px solid var(--be-dawn, #ff9e6d); }
.be-vo__q p { margin: 0 0 6px; font-size: 14px; line-height: 1.5; color: var(--ds-ink); }
.be-vo__f { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.be-vo__f .be-fact { min-height: 26px; padding: 3px 10px 3px 7px; font-size: 12px; box-shadow: inset 0 0 0 1px var(--ds-line); }
.be-vo__go { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.be-vo__go .ds-btn { width: auto; flex: 0 0 auto; }
.be-vo__note { margin: 14px 0 0; font-size: 13.5px; color: var(--ds-note); }
@media (max-width: 719px) {
  .be-vo__i { grid-template-columns: 40% 1fr; gap: 10px 12px; }
  .be-vo__i > .ds-reel { grid-row: 1 / span 2; }
  .be-vo__b { display: contents; }
  .be-vo__h { grid-column: 2; grid-row: 1; font-size: 15.5px; margin: 0; align-self: end; }
  .be-vo__q { grid-column: 2; grid-row: 2; align-self: start; margin: 0; }
  .be-vo__q p { font-size: 13px; }
  .be-vo__q p + p { display: none; }
  .be-vo__f { grid-column: 1 / -1; margin: 2px 0 0; }
  .be-vo__go { grid-column: 1 / -1; }
  .be-vo__go .ds-btn { flex: 1 1 auto; }
}
@media (min-width: 900px) {
  .be-vo__l { grid-template-columns: repeat(auto-fit, minmax(520px, 1fr)); gap: 18px; }
  .be-vo__i:last-child:nth-child(odd):not(:first-child) { grid-column: 1 / -1; }
  .be-vo__b { min-width: 0; max-width: 68ch; }
  .be-vo__i { padding: 16px; gap: 20px; grid-template-columns: 200px 1fr; }
  .be-vo__h { font-size: 19px; }
  .be-vo__q p { font-size: 15px; }
  .be-vo__l--one { grid-template-columns: minmax(0, 1fr); }
  .be-vo__l--one .be-vo__i { grid-template-columns: 260px minmax(0, 1fr); gap: 36px; padding: 22px 36px 22px 22px; align-items: center; }
  .be-vo__l--one .be-vo__b { max-width: 70ch; }
  .be-vo__l--one .be-vo__h { font-size: 24px; margin-bottom: 14px; }
  .be-vo__l--one .be-vo__q { margin-bottom: 16px; padding-left: 16px; }
  .be-vo__l--one .be-vo__q p { font-size: 17px; line-height: 1.55; margin-bottom: 10px; }
  .be-vo__l--one .be-vo__f { margin-bottom: 18px; }
}
@media (min-width: 1200px) { .be-vo__l--one .be-vo__i { grid-template-columns: 300px minmax(0, 1fr); gap: 48px; } }

.ds-rail.be-solo { overflow: visible; margin: 0; padding: 4px 0 6px; }
.ds-rail.be-solo > .ds-doc { width: 100%; max-width: none; }
.ds-rail.be-solo > .ds-doc .ds-doc__ph { height: 280px; }
@media (min-width: 720px) {
  .ds-rail.be-solo > .ds-doc { flex-direction: row; }
  .ds-rail.be-solo > .ds-doc .ds-doc__ph { width: 300px; height: auto; min-height: 360px; flex: none; }
  .ds-rail.be-solo .ds-doc__b { padding: 32px 36px; gap: 10px; justify-content: center; }
  .ds-rail.be-solo .ds-doc__n { font-size: 24px; }
  .ds-rail.be-solo .ds-doc__r { font-size: 15.5px; }
  .ds-rail.be-solo .ds-doc__d { font-size: 16.5px; line-height: 1.55; max-width: 60ch; }
  .ds-rail.be-solo .ds-doc__go { margin-top: 14px; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
  .ds-rail.be-solo .ds-doc__go .ds-btn { width: auto; }
}
@media (min-width: 1024px) { .ds-rail.be-solo > .ds-doc .ds-doc__ph { width: 360px; min-height: 400px; } }

.be-p18 { display: inline-flex; margin-top: 16px; }

.be-rb__in {
  position: relative; overflow: hidden; isolation: isolate;
  display: grid; gap: 22px; padding: 26px 18px 20px; border-radius: var(--ds-r-event);
  background: var(--ds-grad-event); color: #fff;
}
.be-rb__in::before {
  content: ''; position: absolute; z-index: -1; pointer-events: none;
  width: 520px; height: 520px; right: -200px; bottom: -260px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(170, 228, 255, .42), rgba(170, 228, 255, 0));
}
.be-rb__in::after {
  content: ''; position: absolute; z-index: -1; pointer-events: none; inset: 0;
  background: repeating-radial-gradient(circle at 92% 12%, rgba(255, 255, 255, .07) 0 1px, transparent 1.5px 36px);
  -webkit-mask-image: radial-gradient(circle at 92% 12%, #000, transparent 55%); mask-image: radial-gradient(circle at 92% 12%, #000, transparent 55%);
}
.be-rb .ds-eyebrow { color: var(--ds-sky); }
.be-rb__h { margin: 0 0 10px; font-size: 24px; line-height: 1.15; font-weight: 800; letter-spacing: -.02em; color: #fff; text-wrap: balance; }
.be-rb__p { margin: 0 0 18px; font-size: 15px; line-height: 1.55; color: rgba(255, 255, 255, .84); max-width: 62ch; }
.be-rb__p b { color: #fff; }
.be-rb__n { list-style: none; margin: 0 0 16px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.be-rb__n li { padding: 12px 12px 10px; border-radius: var(--ds-r-tile); background: var(--ds-glass); box-shadow: inset 0 0 0 1px var(--ds-glass-edge); }
.be-rb__n b { display: block; font-size: 26px; line-height: 1.05; font-weight: 800; letter-spacing: -.02em; }
.be-rb__n span { display: block; margin-top: 4px; font-size: 12.5px; line-height: 1.35; color: rgba(206, 230, 255, .9); }
.be-rb__opsk { margin: 0 0 6px; font-size: 13px; font-weight: 700; color: var(--ds-sky); }
.be-rb__ops { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.be-rb__ops a {
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 14px;
  border-radius: var(--ds-r-pill); background: var(--ds-glass); box-shadow: inset 0 0 0 1px var(--ds-glass-edge);
  color: #fff; font-size: 13.5px; font-weight: 700; text-decoration: none;
}
.be-rb__ops a:hover { background: var(--ds-glass-hi); }
.be-rb__ops .ds-ico { width: 14px; height: 14px; color: var(--ds-sky); }
.be-rb__doc {
  display: grid; justify-items: start; gap: 6px; align-content: start;
  padding: 18px; border-radius: var(--ds-r-panel); background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px var(--ds-glass-edge);
}
.be-rb__face { margin-bottom: 4px; }
.be-rb__dn { font-size: 17px; line-height: 1.25; }
.be-rb__dr { font-size: 14px; line-height: 1.45; color: rgba(206, 230, 255, .9); margin-bottom: 2px; }
.be-rb .be-rb__more { color: #fff; }
.be-rb .be-rb__more .ds-ico { color: var(--ds-sky); }
.be-rb__hub {
  display: inline-flex; align-items: center; gap: 10px; margin-top: 16px;
  font-size: 15px; font-weight: 700; color: var(--ds-brand); text-decoration: none;
}
.be-rb__hub .be-rb__mk { width: 22px; height: 22px; color: var(--be-iris, #3f5fd8); }
.be-rb__hub .ds-ico { width: 18px; height: 18px; color: var(--ds-acc); transition: transform .25s var(--ds-ease); }
.be-rb__hub:hover .ds-ico { transform: translateX(3px); }
@media (min-width: 900px) {
  .be-rb__in { grid-template-columns: 1.5fr 1fr; gap: 36px; padding: 40px 42px; align-items: center; }
  .be-rb__h { font-size: 32px; }
  .be-rb__p { font-size: 16.5px; }
  .be-rb__n b { font-size: 32px; }
  .be-rb__n span { font-size: 13.5px; }
}

.be-gde { display: grid; gap: 10px; margin-top: 12px; }
.be-gde__i {
  display: grid; gap: 4px; padding: 16px 18px; border-radius: var(--ds-r-card);
  background: #fff; box-shadow: 0 1px 4px rgba(6, 24, 60, .06), 0 18px 40px -30px rgba(6, 24, 60, .45);
  color: var(--ds-body); text-decoration: none; position: relative; overflow: hidden;
  transition: transform .25s var(--ds-ease), box-shadow .25s var(--ds-ease);
}
.be-gde__i::before {
  content: ''; position: absolute; right: -60px; top: -60px; width: 160px; height: 160px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(var(--be-dawn-rgb, 255, 158, 109), .4), rgba(var(--be-dawn-rgb, 255, 158, 109), 0));
}
.be-gde__i--rb::before { background: radial-gradient(closest-side, rgba(180, 220, 255, .7), rgba(180, 220, 255, 0)); }
.be-gde__i:hover { transform: translateY(-2px); box-shadow: var(--ds-sh-hover-s, 0 14px 30px -18px rgba(6, 24, 60, .4)); }
.be-gde__k { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ds-note); }
.be-gde__n { font-size: 18px; letter-spacing: .04em; color: var(--ds-brand); }
.be-gde__a { display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; font-weight: 600; color: var(--ds-ink); }
.be-gde__a .ds-ico { width: 15px; height: 15px; color: var(--ds-acc); flex: none; }
.be-gde__d { font-size: 14px; line-height: 1.45; margin-top: 2px; }
@media (min-width: 720px) { .be-gde { grid-template-columns: 1.3fr 1fr; } }

.be-crumbs { display: flex; flex-wrap: wrap; gap: 4px 8px; margin-top: 28px; font-size: 13px; color: var(--ds-note); }
.be-crumbs a { color: var(--ds-body); text-decoration: none; }
.be-crumbs a:hover { color: var(--ds-acc); }

@media (prefers-reduced-motion: reduce) {
  .be-gde__i { transition: none; }
}

.be-vo__i .ds-reel__tag { display: none; }
@media (max-width: 440px) { html[lang="kk"] .be-tag__l, html[lang="en"] .be-tag__l { font-size: 11px; letter-spacing: -.005em; } }
.np-foot__contact .np-foot__rb { margin-top: 4px; font-size: 14px; }
.np-foot__contact .np-foot__rb a { white-space: nowrap; }