/* BorderGlow — vanilla port of the supplied component styles. */
.border-glow-card {
  --edge-proximity: 0;
  --cursor-angle: 45deg;
  --edge-sensitivity: 30;
  --color-sensitivity: calc(var(--edge-sensitivity) + 20);
  --border-radius: 0px;
  --glow-padding: 40px;
  --cone-spread: 25;
  position: relative;
  isolation: isolate;
  transform: translate3d(0, 0, 0.01px);
  display: block;
  border: 1px solid rgb(255 255 255 / 15%);
  background: var(--card-bg, #121212);
  overflow: visible;
  box-shadow: rgba(0, 0, 0, .1) 0 8px 16px, rgba(0, 0, 0, .1) 0 16px 32px;
}
.border-glow-card::before,
.border-glow-card::after,
.border-glow-card > .edge-light {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  transition: opacity .25s ease-out;
  z-index: -1;
}
.border-glow-card:not(:hover):not(.sweep-active)::before,
.border-glow-card:not(:hover):not(.sweep-active)::after,
.border-glow-card:not(:hover):not(.sweep-active) > .edge-light {
  opacity: 0;
  transition: opacity .75s ease-in-out;
}
.border-glow-card::before {
  border: 1px solid transparent;
  background:
    linear-gradient(var(--card-bg, #121212) 0 100%) padding-box,
    radial-gradient(at 80% 55%, hsl(268 100% 76% / 100%), transparent 50%) border-box,
    radial-gradient(at 69% 34%, hsl(349 100% 74% / 100%), transparent 50%) border-box,
    radial-gradient(at 8% 6%, hsl(192 100% 64% / 100%), transparent 50%) border-box,
    linear-gradient(#c299ff 0 100%) border-box;
  opacity: calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));
  mask-image: conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));
}
.border-glow-card::after {
  border: 1px solid transparent;
  background:
    radial-gradient(ellipse at 50% 50%, #c084fc 0, transparent 65%) padding-box,
    radial-gradient(ellipse at 66% 66%, #f472b6 0, transparent 40%) padding-box,
    radial-gradient(ellipse at 33% 33%, #38bdf8 0, transparent 40%) padding-box;
  opacity: calc(.5 * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));
  mix-blend-mode: soft-light;
  mask-image: linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);
  mask-composite: subtract, add;
}
.border-glow-card > .edge-light {
  inset: calc(var(--glow-padding) * -1);
  pointer-events: none;
  z-index: 1;
  mask-image: conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);
  opacity: calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));
  mix-blend-mode: plus-lighter;
}
.border-glow-card > .edge-light::before {
  content: "";
  position: absolute;
  inset: var(--glow-padding);
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px hsl(40deg 80% 80% / 100%), inset 0 0 15px 0 hsl(40deg 80% 80% / 30%), 0 0 25px 2px hsl(40deg 80% 80% / 20%), 0 0 50px 2px hsl(40deg 80% 80% / 10%);
}
.border-glow-inner {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 24px 22px;
  overflow: hidden;
}
.border-glow-inner > div { min-width: 0; }

/* Keep the original GEO card type scale after the content wrapper is added. */
.geo-stat-card.border-glow-card { padding: 0; }
.geo-stat-card.border-glow-card > .border-glow-inner > strong {
  font-size: 36px;
  line-height: 40px;
  letter-spacing: -0.9px;
  font-weight: 400;
}

@media (max-width: 1200px) {
  .border-glow-inner { padding: 20px 20px 18px; }
  .geo-stat-card.border-glow-card > .border-glow-inner > strong {
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
  }
}
@media (max-width: 760px) {
  .border-glow-inner { padding: 16px; }
  .geo-stat-card.border-glow-card > .border-glow-inner > strong {
    font-size: 28px;
    line-height: 34px;
  }
}

@media (min-width: 1201px) and (max-width: 1700px) {
  .geo-stat-card.border-glow-card > .border-glow-inner > strong {
    font-size: 32px;
    line-height: 38px;
    font-weight: 400;
  }
}

/* Shared specular rim used by GEO, advantage, principle and pricing cards. */
.specular-border-card {
  position: relative;
  isolation: isolate;
  /* Keep the card's own radius/overflow untouched; the rim is intentionally square. */
  --specular-radius: 0px;
}
.specular-border-card > *:not(.specular-border-canvas) {
  position: relative;
  z-index: 3;
}
.specular-border-card::before,
.specular-border-card::after,
.specular-border-card > .edge-light {
  display: none !important;
}
.specular-border-canvas {
  position: absolute;
  left: -20px;
  top: -20px;
  z-index: 2;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  display: block;
  pointer-events: none;
}