/* Local image paths for direct index.html opening. Sizes copied from working site. */
.method-cards {
  background: linear-gradient(180deg, rgba(6,9,10,.72), rgba(4,6,7,.82) 48%, rgba(245,196,0,.1)) !important;
  overflow: hidden !important;
}
.method-cards::before,
.method-sbp::before,
.method-crypto::before,
.method-special::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(rgba(245,196,0,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(245,196,0,.035) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
  opacity: .42 !important;
  pointer-events: none !important;
  mask-image: none !important;
}
.method-cards::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  left: 34% !important;
  right: -18% !important;
  top: 18% !important;
  bottom: -8% !important;
  width: auto !important;
  height: auto !important;
  background: url("./landing-assets/cards-method-art.png") center center / cover no-repeat !important;
  filter: contrast(1.04) saturate(.96) brightness(1) drop-shadow(0 0 14px rgba(245,196,0,.18)) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  transform: none !important;
  clip-path: none !important;
}
.method-sbp::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  left: 40% !important;
  right: -18% !important;
  top: 34% !important;
  bottom: -20% !important;
  width: auto !important;
  height: auto !important;
  background: url("./landing-assets/sbp-method-art.png") center 58% / cover no-repeat !important;
  opacity: 1 !important;
  filter: contrast(1.04) saturate(1.02) brightness(.96) drop-shadow(0 0 14px rgba(245,196,0,.18)) !important;
  pointer-events: none !important;
  transform: none !important;
  clip-path: none !important;
}
.method-crypto::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  left: 34% !important;
  right: -16% !important;
  top: 22% !important;
  bottom: -8% !important;
  width: auto !important;
  height: auto !important;
  background: url("./landing-assets/crypto-method-art.png") center bottom / contain no-repeat !important;
  opacity: 1 !important;
  filter: contrast(1.04) saturate(1.02) brightness(.96) drop-shadow(0 0 14px rgba(245,196,0,.18)) !important;
  pointer-events: none !important;
  transform: none !important;
  clip-path: none !important;
}
.method-special::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  left: 34% !important;
  right: -22% !important;
  top: 26% !important;
  bottom: -2% !important;
  width: auto !important;
  height: auto !important;
  background: url("./landing-assets/special-method-art.png") center center / contain no-repeat !important;
  opacity: 1 !important;
  filter: contrast(1.05) saturate(1.04) brightness(.9) drop-shadow(0 0 16px rgba(245,196,0,.2)) !important;
  pointer-events: none !important;
  transform: none !important;
  clip-path: none !important;
}
.method-cards i,
.method-sbp i,
.method-crypto i,
.method-special i {
  display: none !important;
}
.method-cards h3,.method-cards p,.method-sbp h3,.method-sbp p,.method-crypto h3,.method-crypto p,.method-special h3,.method-special p {
  position: relative !important;
  z-index: 4 !important;
  text-shadow: 0 0 10px rgba(0,0,0,.55) !important;
}
.method-cards span,.method-sbp span,.method-crypto span,.method-special span {
  position: absolute !important;
  z-index: 4 !important;
  left: 28px !important;
  bottom: 24px !important;
  color: rgba(255,255,255,.68) !important;
  text-shadow: 0 0 10px rgba(0,0,0,.8) !important;
}
.method-cards span { max-width: 175px !important; }
.method-sbp span, .method-crypto span { max-width: 155px !important; }
.method-special span { max-width: 165px !important; }
.site-partner-visual::before {
  background-image: url("./landing-assets/partner-network-art.png") !important;
}
@media (max-width:1500px) {
  .method-cards::after { left:38% !important; right:-22% !important; top:22% !important; bottom:-8% !important; }
  .method-sbp::after { left:42% !important; right:-20% !important; top:36% !important; bottom:-20% !important; background-position:center 60% !important; }
  .method-crypto::after { left:38% !important; right:-18% !important; top:26% !important; bottom:-7% !important; }
  .method-special::after { left:38% !important; right:-24% !important; top:30% !important; bottom:0 !important; }
  .method-cards span { max-width:145px !important; }
  .method-sbp span, .method-crypto span { max-width:132px !important; }
  .method-special span { max-width:140px !important; }
}