/* Homepage visual refinements for the latest preview export. */
#process {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(1, 4, 15, 0.72), rgba(3, 6, 14, 0.9));
  border-block: 1px solid rgba(244, 199, 104, 0.1);
}

@supports selector(:has(*)) {
  .site-main > section:has(.home-trust-grid) {
    background:
      linear-gradient(180deg, rgba(1, 4, 15, 0.7), rgba(2, 5, 13, 0.86)) !important;
    border-color: rgba(244, 199, 104, 0.1) !important;
  }

  .site-main > section:has(.testimonial-marquee) {
    background:
      linear-gradient(180deg, rgba(1, 4, 15, 0.84), rgba(2, 5, 13, 0.94)) !important;
    border-block: 1px solid rgba(244, 199, 104, 0.08);
  }
}

.home-trust-grid .card-reveal {
  border-color: rgba(244, 199, 104, 0.16) !important;
  background:
    linear-gradient(145deg, rgba(7, 13, 25, 0.86), rgba(1, 4, 15, 0.94)) !important;
}

#process .home-process-grid {
  position: relative;
  isolation: isolate;
}

#process .home-process-grid::before {
  content: "";
  position: absolute;
  inset: 1.6rem -0.3rem -0.7rem;
  z-index: -1;
  border: 1px solid rgba(244, 199, 104, 0.1);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(2, 6, 15, 0.56), rgba(1, 4, 15, 0.82)),
    linear-gradient(90deg, rgba(244, 199, 104, 0.055), rgba(201, 206, 212, 0.035) 55%, rgba(244, 199, 104, 0.04));
  box-shadow:
    0 22px 56px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
  opacity: 1;
}

#process .home-process-grid > .absolute.left-0.top-8 {
  display: none !important;
  background: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
}

#process .premium-card,
.testimonial-card.premium-card {
  background:
    linear-gradient(145deg, rgba(7, 13, 25, 0.94), rgba(1, 4, 15, 0.98)),
    linear-gradient(90deg, rgba(244, 199, 104, 0.055), transparent) !important;
  border-color: rgba(244, 199, 104, 0.2);
  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

#process .card-icon,
.testimonial-card .testimonial-portrait {
  border-color: rgba(244, 199, 104, 0.4);
  background:
    linear-gradient(145deg, rgba(244, 199, 104, 0.12), rgba(2, 6, 15, 0.94));
}

.testimonial-portrait {
  width: var(--testimonial-avatar-size);
  height: var(--testimonial-avatar-size);
  min-width: var(--testimonial-avatar-size);
  overflow: hidden;
  border-radius: 999px;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(244, 199, 104, 0.16);
}

.testimonial-portrait__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 45%;
}

.testimonial-marquee {
  margin-inline: -0.35rem;
  padding: 0.85rem 0.35rem 1rem;
  border: 1px solid rgba(244, 199, 104, 0.08);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(1, 4, 15, 0.66), rgba(2, 5, 13, 0.84));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

@media (max-width: 1023px) {
  #process .home-process-grid::before {
    inset: 0.15rem -0.25rem -0.35rem;
    border-radius: 10px;
    background:
      linear-gradient(180deg, rgba(2, 6, 15, 0.58), rgba(1, 4, 15, 0.78));
  }
}

@media (max-width: 640px) {
  #process {
    background:
      linear-gradient(180deg, rgba(1, 4, 15, 0.78), rgba(3, 6, 14, 0.94));
  }

  #process .home-process-grid::before {
    inset: 0 -0.2rem -0.25rem;
  }

  #process .premium-card,
  .testimonial-card.premium-card {
    background:
      linear-gradient(145deg, rgba(7, 13, 25, 0.96), rgba(1, 4, 15, 0.99)) !important;
  }

  .testimonial-card .testimonial-portrait {
    width: 2.55rem;
    height: 2.55rem;
    min-width: 2.55rem;
  }

  .testimonial-marquee {
    margin-inline: -0.25rem;
    padding: 0.55rem 0.25rem 0.7rem;
    border-radius: 10px;
  }

  #process .home-process-grid > .reveal-section:last-child .premium-card {
    padding-right: 3.25rem;
    padding-bottom: 2.65rem;
  }

  .whatsapp-launcher-button {
    gap: 0 !important;
  }

  .whatsapp-launcher-label {
    display: none !important;
  }
}