/* Точечные правки первого варианта лендинга */

/* Крупные фиолетовые слова без text-stroke: русские буквы больше не ломаются внутри */
h1 span,
.product-copy h2 span,
.cta h2 span {
  color: #b76aff !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: 0 0 24px rgba(168, 85, 247, .55);
  letter-spacing: -.045em;
}

.product-copy h2 span,
.cta h2 span {
  display: inline-block;
  line-height: 1.02;
}

.cta h2 {
  font-size: clamp(60px, 7vw, 108px) !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
}

/* Логотип: убираем круглую обрезку, центрируем восьмигранник */
.brand-mark {
  width: 44px !important;
  height: 44px !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: transparent !important;
  position: relative !important;
  clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%) !important;
}

.brand-mark img {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 96px !important;
  height: 96px !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: translate(-50%, -50%) !important;
  filter: drop-shadow(0 0 12px rgba(168, 85, 247, .7));
}

/* Фирменные читаемые иконки навыков вместо текстовых символов */
.skill {
  grid-template-columns: 60px 88px 1fr 1fr 30px;
}

.skill-emoji {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  position: relative;
  border: 0;
  border-radius: 0;
  isolation: isolate;
  clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
  background:
    linear-gradient(135deg, rgba(255, 224, 255, .95), rgba(184, 91, 255, .9) 42%, rgba(60, 28, 180, .9));
  box-shadow:
    0 0 18px rgba(190, 91, 255, .55),
    0 0 42px rgba(130, 45, 255, .24);
}

.skill-emoji::before {
  content: "";
  position: absolute;
  inset: 2px;
  z-index: -1;
  clip-path: inherit;
  background:
    radial-gradient(circle at 50% 48%, rgba(168, 85, 247, .18), transparent 52%),
    linear-gradient(145deg, rgba(13, 7, 25, .98), rgba(23, 9, 39, .94));
}

.skill-emoji::after {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: -1;
  clip-path: inherit;
  background: rgba(168, 85, 247, .05);
  box-shadow: inset 0 0 26px rgba(184, 91, 255, .24);
}

.skill-emoji svg {
  width: 43px;
  height: 43px;
  fill: none;
  stroke: #fff8ff;
  stroke-width: 2.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter:
    drop-shadow(0 0 5px rgba(255, 255, 255, .85))
    drop-shadow(0 0 13px rgba(176, 76, 255, .95));
}

.icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-links a {
  color: #a9a0b5;
  text-decoration: none;
}

.footer-links a:hover {
  color: #fff;
}

@media (max-width: 650px) {
  .skill {
    grid-template-columns: 35px 56px 1fr 20px;
  }

  .brand-mark {
    width: 40px !important;
    height: 40px !important;
  }

  .brand-mark img {
    width: 88px !important;
    height: 88px !important;
  }

  .cta h2 {
    font-size: 54px !important;
  }

  .skill-emoji {
    width: 48px;
    height: 48px;
  }

  .skill-emoji svg {
    width: 29px;
    height: 29px;
    stroke-width: 3;
  }
}