.fa-multiapp {
  --fa-navy-soft: #1B2653;
  --fa-text: #5A6478;
  --fa-label: #29A9F4;
}
.fa-multiapp .multiapp-head {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 32px;
  align-items: center;
  margin-bottom: 38px;
}
.fa-multiapp .multiapp-label {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fa-label);
  margin-bottom: 10px;
}
.fa-multiapp .multiapp-title {
  margin: 0;
  padding-bottom: 0;
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--fa-navy-soft);
}
.fa-multiapp .multiapp-note {
  margin: 0;
  padding-bottom: 0;
  font-size: 16.5px;
  line-height: 1.6;
  color: var(--fa-text);
}
.fa-multiapp .multiapp-visual {
  position: relative;
  margin-bottom: 9.5%;
}
.fa-multiapp .multiapp-stage {
  position: relative;
}
.fa-multiapp .multiapp-photo {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 26px;
}
.fa-multiapp .multiapp-app {
  position: absolute;
  z-index: 3;
  display: block;
  width: clamp(72px, 8vw, 110px);
  border-radius: 22%;
  box-shadow: 0 16px 34px rgba(16, 24, 52, 0.25);
  animation: fa-app-float 4.2s ease-in-out infinite;
}
.fa-multiapp .multiapp-app img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 22%;
  transition: transform 0.2s ease;
}
.fa-multiapp .multiapp-app:hover img {
  transform: scale(1.06);
}
.fa-multiapp .multiapp-app:focus-visible {
  outline: 3px solid var(--fa-label);
  outline-offset: 4px;
}
.fa-multiapp .multiapp-app--right { animation-duration: 5s; animation-delay: 0.7s; }
.fa-multiapp .multiapp-app--bottom { animation-duration: 5.6s; animation-delay: 1.2s; }
@keyframes fa-app-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-11px); }
}
@media (prefers-reduced-motion: reduce) {
  .fa-multiapp .multiapp-app { animation: none; }
  .fa-multiapp .multiapp-app img { transition: none; }
}
.fa-multiapp .multiapp-app--top-left { left: 4%; top: 6%; }
.fa-multiapp .multiapp-app--right { right: 4%; bottom: 18%; }
.fa-multiapp .multiapp-app--bottom { left: 56%; right: auto; bottom: -10%; }
.fa-multiapp .multiapp-card {
  position: absolute;
  z-index: 3;
  left: 13%;
  bottom: -20%;
  background: #ffffff;
  border-radius: 22px;
  box-shadow: 0 24px 54px rgba(16, 24, 52, 0.22);
  padding: 26px 44px;
  text-align: center;
  rotate: 6deg;
}
.fa-multiapp .multiapp-card-value {
  display: block;
  font-size: clamp(60px, 6.6vw, 92px);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  background: linear-gradient(95deg, #37AAF7 0%, #5FD9A3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.fa-multiapp .multiapp-card-label {
  display: block;
  margin-top: 4px;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.4;
  color: var(--fa-navy-soft);
}
@media (max-width: 992px) {
  .fa-multiapp .multiapp-head { grid-template-columns: 1fr; gap: 12px; }
  .fa-multiapp .multiapp-visual { margin-bottom: 5%; }
  .fa-multiapp .multiapp-card { left: 4%; bottom: -10%; padding: 18px 30px; }
  .fa-multiapp .multiapp-app--bottom { left: auto; right: 6%; bottom: 8%; }
}
@media (max-width: 640px) {
  .fa-multiapp .multiapp-visual { margin-bottom: 0; }
  .fa-multiapp .multiapp-photo { aspect-ratio: 4 / 3; object-fit: cover; }
  .fa-multiapp .multiapp-app--top-left { left: -4%; top: -1%; }
  .fa-multiapp .multiapp-app--right { top: 62%; bottom: auto; }
  .fa-multiapp .multiapp-app--bottom { left: 18%; right: auto; top: calc(100% - 86px); bottom: auto; }
  .fa-multiapp .multiapp-card { position: relative; left: 0; bottom: 0; rotate: 0deg; margin: 18px auto 0; width: fit-content; display: block; }
}