.sf .sf-cards.sf-nine {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px;
}
.sf-cards.sf-nine .sf-card {
  min-height: 118px !important;
  padding: 16px 18px 18px !important;
}
.sf-cards.sf-nine .sf-card b {
  margin-top: 14px !important;
  font-size: clamp(22px, 1.32vw, 25px) !important;
  white-space: nowrap;
}
.sf-cards.sf-nine .sf-card .sf-cl {
  font-size: 15px !important;
  line-height: 1.4 !important;
  white-space: nowrap;
}
.contact-grid .sf.sf .sf-nine .sf-card {
  min-height: 0 !important;
  align-content: end;
}
.contact-grid .sf-step[data-step="1"] .sf-cards.sf-nine {
  grid-auto-rows: 1fr;
}
.sh-brief .sf-cards.sf-nine {
  grid-auto-rows: 1fr;
}
.sh-brief .sf-cards.sf-nine .sf-card b {
  font-size: clamp(18px, 1.32vw, 25px) !important;
}
@media (max-width: 1240px) {
  .sh-brief .sf-cards.sf-nine .sf-card {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .sh-brief .sf-cards.sf-nine .sf-card .sf-cl {
    font-size: 14px !important;
  }
}
.sh-brief .sf-cards.sf-nine .sf-card .sf-cl {
  white-space: normal !important;
  text-wrap: pretty;
}
.final .sf .sf-cards.sf-nine {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto) auto;
  gap: 0 36px;
  border-top: 0;
}
.final .sf .sf-cards.sf-nine {
  position: relative;
  isolation: isolate;
}
.final .sf .sf-cards.sf-nine::before {
  content: "";
  position: absolute;
  inset: -26px -46px;
  z-index: -1;
  pointer-events: none;
  background: rgba(4, 6, 11, .86);
  opacity: var(--zx-veil,0);
  transition: opacity 2.4s cubic-bezier(.4, 0, .2, 1);
  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 42px,
      #000 calc(100% - 42px),
      transparent),
    linear-gradient(
      180deg,
      transparent,
      #000 24px,
      #000 calc(100% - 24px),
      transparent);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 42px,
      #000 calc(100% - 42px),
      transparent),
    linear-gradient(
      180deg,
      transparent,
      #000 24px,
      #000 calc(100% - 24px),
      transparent);
  mask-composite: intersect;
}
.final .sf.sf .sf-nine .sf-card {
  grid-template-columns: 30px minmax(0, 1fr) 10px !important;
  grid-template-rows: auto auto;
  column-gap: 10px !important;
  row-gap: 3px;
  min-height: 0 !important;
  padding: 11px 2px 12px !important;
  box-shadow: inset 0 1px 0 var(--hair) !important;
}
.final .sf.sf .sf-nine .sf-card .sf-cn {
  grid-row: 1;
  align-self: center;
}
.final .sf.sf .sf-nine .sf-card b {
  grid-column: 2;
  margin: 0 !important;
  font-size: 27px !important;
  line-height: 1.05;
}
.final .sf.sf .sf-nine .sf-card .sf-cl {
  grid-column: 2;
  grid-row: 2;
}
.final .sf.sf .sf-nine .sf-card .sf-seed {
  grid-column: 3;
  grid-row: 1;
  align-self: center;
}
.final .sf.sf .sf-nine .sf-card.sf-other {
  grid-column: 1 / -1;
  grid-row: 5;
  grid-template-columns: 30px auto minmax(0, 1fr) 10px !important;
  box-shadow: inset 0 1px 0 var(--hair), inset 0 -1px 0 var(--hair) !important;
}
.final .sf.sf .sf-nine .sf-card.sf-other .sf-cl,
.final .sf.sf .sf-nine .sf-card.sf-other .sf-oth {
  grid-column: 3;
  grid-row: 1;
  align-self: center;
  margin-left: 18px;
}
.final .sf.sf .sf-nine .sf-card.sf-other .sf-seed {
  grid-column: 4;
}
.final .sf.sf .sf-nine .sf-card.on {
  background: none !important;
  box-shadow: inset 0 1px 0 var(--hair), inset 0 -2px 0 var(--zx-mint) !important;
}
.final .sf.sf .sf-nine .sf-card:hover:not(.on) {
  background:
    linear-gradient(
      90deg,
      rgba(63, 224, 197, .06),
      rgba(63, 224, 197, 0) 70%) !important;
}
.sf .sf-card.sf-other .sf-oth {
  display: none;
  position: relative;
  inset: auto;
  z-index: 2;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 8px 0 0;
  padding: 2px 0 6px;
  opacity: 1;
  cursor: text;
  font:
    400 18px/1.4 "Golos Text",
    "Golos Fallback",
    sans-serif;
  color: var(--zx-ink,#eeebe5);
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(236, 238, 242, .34);
  border-radius: 0;
  outline: none;
  box-shadow: none;
  transition: border-color .8s var(--zx-ease,ease);
}
.sf .sf-card.sf-other .sf-oth::placeholder {
  color: rgba(236, 238, 242, .62);
}
.sf .sf-card.sf-other .sf-oth:focus,
.sf .sf-card.sf-other .sf-oth:focus-visible {
  outline: none;
  box-shadow: none !important;
  border-bottom-color: var(--zx-mint,#3fe0c5);
}
.sf .sf-card.sf-other.on .sf-oth {
  display: block;
}
.sf .sf-card.sf-other.on .sf-cl {
  display: none;
}
.sf .sf-card.sf-other:has(.sf-oth:focus-visible) {
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(63, 224, 197, .7);
}
.final .sf.sf .sf-nine .sf-card.sf-other:has(.sf-oth:focus-visible) {
  box-shadow: inset 0 1px 0 var(--hair), inset 0 -2px 0 var(--zx-mint) !important;
}
