/* Deskia modal: original night header + restrained blue/indigo separation */

/* No white frame. Keep only a controlled outer glow against dark pages. */
.deskia-trial-dialog,
.deskia-trial-dialog-v3 {
  border: 0 !important;
  outline: 0 !important;
  box-shadow:
    0 30px 76px rgba(0, 0, 0, .42),
    0 0 0 1px rgba(92, 126, 255, .22),
    0 0 22px rgba(66, 136, 255, .24),
    0 0 52px rgba(91, 84, 255, .18),
    0 0 86px rgba(91, 84, 255, .09) !important;
}

/* Restore the original Deskia blue-night header treatment. */
.deskia-trial-header,
.deskia-trial-header-v3 {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  padding-left: 26px !important;
  background: linear-gradient(118deg, #070d14 0%, #0c1520 58%, #101b29 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

.deskia-trial-header-v3 .deskia-trial-heading {
  min-width: 0 !important;
}

.deskia-trial-header-v3 h2 {
  margin: 0 !important;
}

.deskia-trial-step-count,
.deskia-trial-close {
  border-color: rgba(255, 255, 255, .16) !important;
  background: rgba(255, 255, 255, .055) !important;
}

/* Stripe surface must not carry a purple accent rule at the top. */
.deskia-trial-dialog-v3 .deskia-stripe-card.deskia-stripe-card-v3,
.deskia-trial-dialog-v3 .deskia-stripe-card-v3,
.deskia-trial-dialog .deskia-stripe-card {
  border: 1px solid #d8dee8 !important;
  border-top-width: 1px !important;
  border-top-style: solid !important;
  border-top-color: #d8dee8 !important;
  border-image: none !important;
  outline: 0 !important;
  background-image: none !important;
  box-shadow: 0 12px 30px rgba(10, 37, 64, .08) !important;
}

.deskia-trial-dialog-v3 .deskia-stripe-card.deskia-stripe-card-v3::before,
.deskia-trial-dialog-v3 .deskia-stripe-card.deskia-stripe-card-v3::after,
.deskia-trial-dialog-v3 .deskia-stripe-card-v3::before,
.deskia-trial-dialog-v3 .deskia-stripe-card-v3::after,
.deskia-trial-dialog .deskia-stripe-card::before,
.deskia-trial-dialog .deskia-stripe-card::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Home hero: value first, pricing later in the decision journey. */
.di-hero-trial-note {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 18px;
  color: rgba(255, 255, 255, .68);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.di-hero-trial-note span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.di-hero-trial-note span::before {
  content: '';
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  border-radius: 50%;
  background: #6f9dff;
  box-shadow: 0 0 9px rgba(111, 157, 255, .26);
}

@media (max-width: 680px) {
  .deskia-trial-dialog,
  .deskia-trial-dialog-v3 {
    box-shadow:
      0 22px 54px rgba(0, 0, 0, .40),
      0 0 0 1px rgba(92, 126, 255, .18),
      0 0 18px rgba(66, 136, 255, .18),
      0 0 38px rgba(91, 84, 255, .12) !important;
  }

  .deskia-trial-header,
  .deskia-trial-header-v3 {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding-left: 18px !important;
  }

  .di-hero-trial-note {
    margin-top: 15px;
    gap: 8px 16px;
    font-size: 11.5px;
  }
}

/* Discreet marketing notice at the end of Step 1. */
.deskia-trial-marketing-note {
  margin: 8px 0 0;
  text-align: center;
  color: rgba(87, 101, 118, .58);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 520px) {
  .deskia-trial-marketing-note {
    margin-top: 7px;
    font-size: 10.5px;
  }
}

/* Home hero product shot: same restrained blue/indigo outer glow as the trial modal. */
.di-shot-card {
  border-color: transparent !important;
  box-shadow:
    0 26px 68px rgba(0, 0, 0, .34),
    0 0 0 1px rgba(92, 126, 255, .20),
    0 0 22px rgba(66, 136, 255, .21),
    0 0 48px rgba(91, 84, 255, .15),
    0 0 76px rgba(91, 84, 255, .07) !important;
}

@media (max-width: 680px) {
  .di-shot-card {
    box-shadow:
      0 18px 44px rgba(0, 0, 0, .30),
      0 0 0 1px rgba(92, 126, 255, .17),
      0 0 16px rgba(66, 136, 255, .17),
      0 0 34px rgba(91, 84, 255, .11) !important;
  }
}