:root { interpolate-size: allow-keywords; }

.tk-rv {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity .62s cubic-bezier(.22,.61,.36,1), transform .62s cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}
.tk-rv.tk-in {
  opacity: 1;
  transform: none;
}
.tk-rv-2 { transition-delay: .08s; }
.tk-rv-3 { transition-delay: .16s; }
.tk-rv-4 { transition-delay: .24s; }

.tcard, .wcol {
  transition: border-color .25s ease, box-shadow .25s ease;
}

@media (hover: hover) and (pointer: fine) {
  .tcard:hover, .wcol:hover {
    border-color: rgba(20,32,44,.26);
    box-shadow: 0 2px 5px rgba(16,26,38,.08);
  }
  .lst .btn, .cta .btn {
    transition: background .2s ease;
  }
  .gbadge {
    transition: border-color .25s ease;
  }
  a.gbadge:hover {
    border-color: var(--tk-accent, #35a1fe);
  }
}

.tk-par {
  will-change: transform;
}

.faq details {
  overflow: hidden;
  transition: border-color .25s ease;
}

.faq details[open] {
  border-color: rgba(53, 161, 254, .45);
}

.faq summary .fico::before,
.faq summary .fico::after {
  transition: transform .28s cubic-bezier(.22,.61,.36,1), opacity .2s ease;
}

.faq details[open] .fico::after {
  display: block;
  opacity: 0;
  transform: translate(-50%, -50%) scaleY(0);
}

.faq details[open] .fico::before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.faq details::details-content {
  block-size: 0;
  opacity: 0;
  overflow: clip;
  transition: block-size .34s cubic-bezier(.22,.61,.36,1),
              content-visibility .34s allow-discrete,
              opacity .28s ease;
}

.faq details[open]::details-content {
  block-size: auto;
  opacity: 1;
}

.zhl .zn {
  font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
  .tk-rv,
  .tk-rv.tk-in {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .tcard, .wcol,
  .lst .btn, .cta .btn, .gbadge,
  .faq details, .faq details::details-content,
  .faq summary .fico::before, .faq summary .fico::after {
    transition: none;
  }
  .tcard:hover, .wcol:hover,
  .lst .btn:hover, .cta .btn:hover, a.gbadge:hover {
    transform: none;
  }
  .tk-par {
    transform: none !important;
  }
}