body .wbs-home-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  overflow: hidden;
  min-height: clamp(340px, 33vw, 465px);
  margin-bottom: 22px;
  border: 1px solid rgba(242, 234, 255, .66);
  border-radius: 25px;
  background: #160e23;
  box-shadow: 0 22px 48px rgba(0, 0, 0, .28);
  color: #fff;
}
.wbs-home-hero__art {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% center;
}
.wbs-home-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #120b1be8, #160e23b8 37%, #160e2300 70%);
}
.wbs-home-hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 2px;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, .13);
  border-top-color: rgba(255, 255, 255, .46);
  border-bottom-color: rgba(131, 222, 255, .25);
  border-radius: 22px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .55), transparent)
    top center / 70% 1px no-repeat;
  box-shadow:
    0 0 0 1px rgba(9, 5, 23, .24),
    inset 0 2px rgba(255, 255, 255, .39),
    inset 0 -2px rgba(136, 218, 255, .27),
    inset 2px 0 rgba(255, 255, 255, .15),
    inset -2px 0 rgba(177, 194, 255, .16);
}
.wbs-home-hero__content {
  position: relative;
  width: min(100%, 750px);
  padding: clamp(22px, 4vw, 64px);
  box-sizing: border-box;
}
.wbs-home-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 7px 12px;
  border: 1px solid #e4c5ff55;
  border-radius: 999px;
  background: #332044c9;
  color: #f1ddff;
  font-size: .875rem;
}
.wbs-home-hero svg { width: 18px; height: 18px; flex: none; }
.wbs-home-hero h1 {
  margin: 0;
  color: inherit;
  font-size: clamp(2.1rem, 4.4vw, 3.85rem);
  line-height: 1.04;
}
.wbs-home-hero__intro {
  max-width: 38ch;
  margin: 16px 0 24px;
  color: #f0e7f8;
  font-size: clamp(1rem, 1.5vw, 1.22rem);
  line-height: 1.55;
}
.wbs-home-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
body .wbs-home-hero__actions a {
  width: auto;
  min-height: 48px;
  box-sizing: border-box;
  border: 1px solid var(--hero-button-edge, #dbc9f4a6);
  border-radius: 15px;
  background: var(--hero-button-surface);
  box-shadow:
    0 3px 0 var(--hero-button-base),
    0 8px 18px #09041680,
    inset 0 2px #ffffff50,
    inset 0 -2px #ffffff1a;
  color: #fff;
  text-shadow: 0 1px 3px #0e062977;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.wbs-home-hero__actions .primary-btn {
  --hero-button-edge: #e2b9ffc9;
  --hero-button-surface: linear-gradient(155deg, #8862e8 0%, #7244b5 56%, #61379e 100%);
  --hero-button-base: #3d2468;
}
.wbs-home-hero__actions .secondary-btn {
  --hero-button-surface: linear-gradient(155deg, #463452e6, #241b39ee);
  --hero-button-base: #150f23;
}
@media (hover: hover) {
  body .wbs-home-hero__actions a:hover {
    transform: translateY(-2px);
    border-color: #f3dcff;
    box-shadow: 0 5px 0 var(--hero-button-base), 0 11px 20px #09041699, inset 0 2px #ffffff69;
  }
}
body .wbs-home-hero__actions a:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 var(--hero-button-base), 0 3px 8px #09041680, inset 0 1px #ffffff3d;
}
.wbs-home-hero__actions a:focus-visible { outline: 2px solid #f0dbff; outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body .wbs-home-hero {
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
  }
  .wbs-home-hero__art {
    transform-origin: 72% center;
    transition: transform .45s ease-out;
  }
  .wbs-home-hero::after { transition: border-color .28s ease, box-shadow .28s ease; }
  body .wbs-home-hero:hover {
    transform: translateY(-2px);
    border-color: rgba(249, 245, 255, .88);
    box-shadow: 0 26px 55px rgba(0, 0, 0, .35);
  }
  .wbs-home-hero:hover::after {
    border-top-color: rgba(255, 255, 255, .68);
    border-bottom-color: rgba(131, 222, 255, .44);
    box-shadow:
      0 0 0 1px rgba(9, 5, 23, .24),
      inset 0 2px rgba(255, 255, 255, .57),
      inset 0 -2px rgba(136, 218, 255, .39),
      inset 2px 0 rgba(255, 255, 255, .23),
      inset -2px 0 rgba(177, 194, 255, .22);
  }
  .wbs-home-hero:hover .wbs-home-hero__art { transform: scale(1.018); }
}
@media (max-width: 700px) {
  body .wbs-home-hero { min-height: 0; align-items: start; border-radius: 22px; }
  .wbs-home-hero__art { height: 205px; object-position: 93% 42%; }
  .wbs-home-hero::before { background: linear-gradient(180deg, transparent 65px, #160e23 205px); }
  .wbs-home-hero::after { border-radius: 19px; }
  .wbs-home-hero__content { padding-top: 159px; }
  .wbs-home-hero h1 { font-size: clamp(1.4rem, 7.1vw, 2.5rem); }
  .wbs-home-hero__actions a { flex: 1 1 180px; }
}
@media (prefers-reduced-motion: reduce) {
  body .wbs-home-hero__actions a { transition: none; }
  body .wbs-home-hero__actions a:is(:hover, :active) { transform: none; }
}