.local-header .header__wrapper {
  min-height: 70px;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 0;
}

.local-header-logo { display: inline-flex; align-items: center; }
img[src$="-finkrok.webp"] { height: auto; }
.local-header-logo img { display: block; width: 100px; height: auto; }
.local-header-login.btn { width: auto; min-width: 112px; min-height: 44px; padding: 12px 28px; background: linear-gradient(95deg, #3000d2, #9638b8); }
.local-header a:focus-visible { outline: 3px solid #b555db; outline-offset: 5px; }

@keyframes first-screen-in {
  from { opacity: 0.78; transform: translateY(8px); filter: blur(2px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

.local-header .header__wrapper { animation: first-screen-in 350ms cubic-bezier(0.16, 1, 0.3, 1); }
.main-page .main-section .text-wrapper,
.main-page .main-section .calculator { animation: first-screen-in 550ms cubic-bezier(0.16, 1, 0.3, 1); }

.main-section .video-wrap .hero-poster { position: absolute; inset: 0; display: block; }
.main-section .video-wrap .hero-poster img { width: 100%; height: 100%; object-fit: cover; }
section.main-section .video-wrap video.bg-video {
  position: absolute;
  inset: 0;
  display: block;
  opacity: 0;
  transition: opacity 800ms ease;
}
section.main-section .video-wrap video.is-playing { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .local-header .header__wrapper,
  .main-page .main-section .text-wrapper,
  .main-page .main-section .calculator { animation: none; }
  section.main-section .video-wrap video.bg-video { transition: none; }
}

.calculator__input-wrapper:first-child .calculator__inputs-wrapper__item { min-width: 76px; flex-shrink: 0; }
.calculator__input-wrapper input[type="range"] { min-width: 0; }
#calculator-amount-control-current-sum,
#calculator-amount-control-left-sum { white-space: nowrap; font-variant-numeric: tabular-nums; }

section.lk-section .lk-section__wrapper > img {
  width: 600px;
  max-width: 50%;
  height: auto;
  flex-shrink: 0;
}

.mobile-app-advantages .adv-img { width: 645px; max-width: 100%; height: auto; }

@media (max-width: 1024px) {
  section.lk-section .lk-section__wrapper > img { width: 340px; max-width: 100%; }
}

.local-demo-close {
  appearance: none;
  font: inherit;
  color: #fff;
  cursor: pointer;
}

.local-demo-dialog :focus-visible { outline: 3px solid #b555db; outline-offset: 4px; }

.local-demo-dialog {
  width: min(420px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 32px;
  overflow: auto;
  border: 1px solid #65516b;
  border-radius: 20px;
  background: #19151d;
  box-shadow: 0 20px 80px #0009;
  color: #fff;
  font: 16px/1.5 "SF Pro Display", sans-serif;
}

.local-demo-dialog::backdrop { background: #000a; }
.local-demo-label { display: block; margin-bottom: 10px; color: #d28be9; font-size: 12px; }
.local-demo-dialog h2 { margin: 0 28px 16px 0; font: 700 25px/1.2 "SF Pro Display", sans-serif; }
.local-demo-dialog p { margin: 0; font: inherit; color: #e0dce3; }
.local-demo-close { position: absolute; top: 14px; right: 15px; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: transparent; font-size: 28px; line-height: 1; }
.local-demo-close:hover { background: #ffffff14; }

@media (max-width: 500px) {
  .local-header .header__wrapper {
    min-height: 62px;
    padding-inline: 16px;
    border-radius: 17px;
    background: rgba(69, 55, 55, 0.35);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .local-header-logo img { width: 86px; }
  .local-header-login.btn { min-width: 80px; height: 44px; min-height: 44px; padding: 10px 16px; border-radius: 12px; font-size: 14px; line-height: 20px; }
  .local-demo-dialog { padding: 28px 24px; }
}