/* R19: multi-select website goals and Complete Presence CTA treatment. */

.brief-goal-hint {
  margin: -2px 0 12px;
  color: #665c70;
  font-size: .9rem;
  line-height: 1.5;
}

.brief-goal-status {
  min-height: 1.5em;
  margin: 10px 0 0;
  color: #5d5268;
  font-size: .86rem;
  font-weight: 700;
}

.brief-goal-status[data-state="valid"] {
  color: #126e66;
}

.brief-goal-status[data-state="error"] {
  color: #a02e42;
}

/* R50: a shared raised edge, with a lavender light sweep for Complete. */
html body.pricing-r8 .price-column.tier-card .package-card-cta {
  --package-button-base: #c1b2d1;
  --package-button-shadow: rgba(47, 25, 73, .18);
  --package-button-highlight: rgba(255, 255, 255, .8);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 48px;
  transform: translateY(0) !important;
  box-shadow:
    0 5px 0 var(--package-button-base),
    0 11px 20px var(--package-button-shadow),
    inset 0 1px 0 var(--package-button-highlight) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}
html body.pricing-r8 .price-column.tier-professional .package-card-cta {
  --package-button-base: #321b49;
  --package-button-shadow: rgba(47, 25, 73, .25);
  --package-button-highlight: rgba(255, 255, 255, .28);
}
html body.pricing-r8 .price-column.tier-complete .package-card-cta.complete-presence-cta {
  --package-button-base: #9176b3;
  --package-button-shadow: rgba(26, 10, 47, .24);
  --package-button-highlight: rgba(255, 255, 255, .85);
  border: 1.5px solid #efdfef !important;
  background: linear-gradient(135deg, #eadfff, #c2a5eb) !important;
  color: #321845 !important;
  text-shadow: none !important;
}
html body.pricing-r8 .price-column.tier-card .package-card-cta:is(:hover, :focus-visible) {
  transform: translateY(-2px) !important;
  box-shadow:
    0 7px 0 var(--package-button-base),
    0 15px 24px var(--package-button-shadow),
    inset 0 1px 0 var(--package-button-highlight) !important;
}
html body.pricing-r8 .price-column.tier-card .package-card-cta:focus-visible {
  outline: 3px solid #724a9c;
  outline-offset: 8px;
}
html body.pricing-r8 .price-column.tier-complete .package-card-cta:focus-visible {
  outline-color: #fff;
}
html body.pricing-r8 .price-column.tier-complete .package-card-cta.complete-presence-cta::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -50% auto -50% -45%;
  width: 32%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .74), transparent);
  transform: skewX(-20deg) translateX(-160%);
  pointer-events: none;
  animation: none;
}
html body.pricing-r8 .price-column.tier-complete .package-card-cta.complete-presence-cta:is(:hover, :focus-visible) {
  transform: perspective(650px) translateY(-4px) rotateX(5deg) !important;
  filter: brightness(1.03);
  box-shadow:
    0 9px 0 var(--package-button-base),
    0 17px 30px rgba(21, 8, 38, .3),
    0 0 24px rgba(222, 192, 255, .42),
    inset 0 1px 0 var(--package-button-highlight) !important;
}
html body.pricing-r8 .price-column.tier-complete .package-card-cta.complete-presence-cta:is(:hover, :focus-visible)::before {
  animation: vital-complete-light-sweep .85s cubic-bezier(.25, .65, .45, 1) 1;
}
html body.pricing-r8 .price-column.tier-card .package-card-cta:active,
html body.pricing-r8 .price-column.tier-complete .package-card-cta.complete-presence-cta:active {
  transform: translateY(3px) !important;
  filter: none;
  box-shadow:
    0 2px 0 var(--package-button-base),
    0 5px 10px var(--package-button-shadow),
    inset 0 1px 0 var(--package-button-highlight) !important;
}
@keyframes vital-complete-light-sweep {
  from { transform: skewX(-20deg) translateX(-160%); }
  to { transform: skewX(-20deg) translateX(640%); }
}
@media (prefers-reduced-motion: reduce) {
  html body.pricing-r8 .price-column.tier-card .package-card-cta,
  html body.pricing-r8 .price-column.tier-complete .package-card-cta.complete-presence-cta {
    transition: none !important;
    transform: none !important;
  }
  html body.pricing-r8 .price-column.tier-card .package-card-cta:is(:hover, :focus-visible, :active),
  html body.pricing-r8 .price-column.tier-complete .package-card-cta.complete-presence-cta:is(:hover, :focus-visible, :active) {
    transform: none !important;
  }
  html body.pricing-r8 .price-column.tier-complete .package-card-cta.complete-presence-cta::before {
    animation: none !important;
    display: none;
  }
}
@media (forced-colors: active) {
  html body.pricing-r8 .price-column.tier-card .package-card-cta,
  html body.pricing-r8 .price-column.tier-complete .package-card-cta.complete-presence-cta {
    background: ButtonFace !important;
    color: ButtonText !important;
    border: 2px solid ButtonText !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
  }
  html body.pricing-r8 .price-column.tier-card .package-card-cta:focus-visible { outline-color: Highlight; }
  html body.pricing-r8 .price-column.tier-card .package-card-cta::before { display: none; }
}
/* Avoid the legacy global sheen competing with the Complete-only sweep. */
html body.pricing-r8 .price-column.tier-card .package-card-cta::after { content: none; display: none; }