/* Stablelink deployment overrides */
.brand-text,
.logo.brand-text {
  width: auto;
  min-width: 190px;
  height: auto;
  overflow: visible;
  color: #f7fbff;
  font-weight: 800;
  font-size: 25px;
  letter-spacing: 0;
  text-shadow: 0 0 20px rgba(0, 201, 255, .38);
}
.brand-text::before,
.logo.brand-text::before {
  content: "";
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 10px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.95) 0 3px, transparent 4px),
    linear-gradient(135deg, rgba(5,201,255,.95), rgba(118,88,255,.9));
  box-shadow: 0 0 20px rgba(0,201,255,.35);
  margin-right: 10px;
}
.hero-title-text {
  display: block;
  color: #fff;
  font-size: clamp(48px, 6vw, 82px);
  line-height: .94;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 8px 20px rgba(0,0,0,.58), 0 0 24px rgba(0,201,255,.22);
  margin-bottom: 18px;
}
.hero-title span.hero-title-text { background: none; -webkit-background-clip: initial; color: #fff; }
.hero-art {
  background-image:
    linear-gradient(90deg, rgba(2, 7, 17, 0.98) 0%, rgba(2, 7, 17, 0.82) 30%, rgba(2, 7, 17, 0.22) 66%, rgba(2, 7, 17, 0.28) 100%),
    url("assets/hero-stablelink-shield-desktop.png?v=20260709-shield-1");
  background-position: center, center center;
  background-size: cover, cover;
}
@media (max-width: 860px) {
  .brand-text { min-width: 0; font-size: 21px; }
  .brand-text::before { width: 30px; height: 30px; flex-basis: 30px; border-radius: 9px; }
  .hero-art {
    background-image:
      linear-gradient(90deg, rgba(2, 7, 17, 0.98), rgba(2, 7, 17, 0.7) 52%, rgba(2, 7, 17, 0.24)),
      url("assets/hero-stablelink-shield-mobile.png?v=20260709-shield-1");
    background-position: center, center top;
    background-size: cover, cover;
  }
  .hero-title-text { font-size: clamp(41px, 13vw, 58px); }
}

/* Stablelink neutral section visuals */
.pricing-panel {
  background: #020711;
}

.pricing-art-bg {
  background-image: url("assets/section-pricing-desktop.png?v=20260709-sections-1");
  background-position: center center;
  background-size: cover;
  opacity: .96;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .5) 12%, #000 26%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .5) 12%, #000 26%, #000 100%);
}

.telegram-panel {
  background: #020711;
}

.telegram-panel::after {
  background:
    linear-gradient(90deg, rgba(2, 7, 17, 1) 0%, rgba(2, 7, 17, .95) 35%, rgba(2, 7, 17, .54) 51%, rgba(2, 7, 17, .08) 68%, transparent 100%);
}

.telegram-visual {
  inset: 0 0 0 42%;
  background-image: url("assets/section-telegram-desktop.png?v=20260709-sections-1");
  background-position: center right;
  background-size: cover;
  opacity: .96;
}

.support-panel::before {
  background-image:
    linear-gradient(90deg, rgba(1, 7, 19, 0) 0%, rgba(1, 7, 19, 0) 44%, rgba(1, 7, 19, .68) 67%, rgba(1, 7, 19, .98) 86%, rgba(1, 7, 19, .98) 100%),
    url("assets/section-support-mobile.png?v=20260709-sections-1");
  background-position: left top, left center;
  background-size: 100% 100%, 420px auto;
  opacity: .84;
  filter: saturate(1.08) contrast(1.05) brightness(.9);
}

@media (max-width: 860px) {
  .pricing-panel {
    grid-template-columns: 1fr;
  }

  .pricing-art-bg {
    min-height: 300px;
    background-image: url("assets/section-pricing-mobile.png?v=20260709-sections-1");
    background-position: center top;
    background-size: cover;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 74%, rgba(0, 0, 0, .74) 86%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 74%, rgba(0, 0, 0, .74) 86%, transparent 100%);
  }

  .telegram-panel {
    background: #020711;
  }

  .telegram-panel::after {
    background:
      linear-gradient(180deg, rgba(2, 7, 17, .08) 0%, rgba(2, 7, 17, .18) 39%, rgba(2, 7, 17, .82) 70%, rgba(2, 7, 17, 1) 100%);
  }

  .telegram-visual {
    inset: 0 0 auto;
    height: 330px;
    background-image: url("assets/section-telegram-mobile.png?v=20260709-sections-1");
    background-position: center top;
    background-size: cover;
    opacity: .9;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
  }

  .telegram-copy {
    padding-top: 310px;
  }

  .support-panel::before {
    height: 306px;
    background-image: url("assets/section-support-mobile.png?v=20260709-sections-1");
    background-position: center 42%;
    background-size: cover;
    opacity: .88;
    filter: saturate(1.08) contrast(1.05) brightness(.9);
  }
}