@scope (.original-5173) to (.original-5198, .original-5186) {
.animated-customer-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}

.animated-customer-stack__avatars {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 142px;
  min-height: 3.25rem;
  padding-right: 2px;
}

.animated-customer-stack__slot {
  position: relative;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  perspective: 320px;
}

.animated-customer-stack__slot:not(:first-child) {
  margin-inline-start: -10px;
}

.animated-customer-stack__slot:hover {
  z-index: 8;
}

.animated-customer-stack__arrival {
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: customer-avatar-arrive 720ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: calc(var(--avatar-index) * 75ms);
}

.animated-customer-stack__portrait {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 2px solid #95bf30;
  border-radius: 50%;
  background: #ececec;
  box-shadow: 0 3px 7px rgb(0 0 0 / 0.1);
  opacity: 1;
  transform: translate3d(0, var(--avatar-base-y), 0)
    rotateZ(var(--avatar-rotation))
    rotateX(var(--avatar-tilt-x-from))
    rotateY(var(--avatar-tilt-y-from))
    scale(var(--avatar-scale));
  transform-origin: 50% 62%;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  animation: customer-avatar-drift var(--avatar-duration) ease-in-out var(--avatar-delay) infinite alternate;
  transition:
    transform 380ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 380ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 260ms ease;
  will-change: transform;
}

.animated-customer-stack__slot--rear .animated-customer-stack__portrait {
  opacity: 0.9;
}

.animated-customer-stack__portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.animated-customer-stack__avatars:hover .animated-customer-stack__slot:not(:hover) .animated-customer-stack__portrait {
  opacity: 0.74;
}

.animated-customer-stack__slot:hover .animated-customer-stack__portrait {
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.28),
    0 0.8rem 1.5rem rgb(7 18 12 / 0.28);
  opacity: 1;
  transform: translate3d(0, -7px, 18px) rotateZ(0deg) rotateX(0deg) rotateY(0deg) scale(1.14);
  animation: none;
}

.animated-customer-stack > p {
  margin: 0;
  color: var(--page-muted);
  font-size: 0.95rem;
  line-height: 1.4;
}

@keyframes customer-avatar-arrive {
  from {
    opacity: 0;
    transform: translate3d(0, 1rem, 0) scale(0.72);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes customer-avatar-drift {
  from {
    transform: translate3d(0, var(--avatar-base-y), 0)
      rotateZ(var(--avatar-rotation))
      rotateX(var(--avatar-tilt-x-from))
      rotateY(var(--avatar-tilt-y-from))
      scale(var(--avatar-scale));
  }

  to {
    transform: translate3d(0, calc(var(--avatar-base-y) + var(--avatar-lift)), 8px)
      rotateZ(calc(var(--avatar-rotation) + var(--avatar-sway)))
      rotateX(var(--avatar-tilt-x-to))
      rotateY(var(--avatar-tilt-y-to))
      scale(var(--avatar-scale));
  }
}

@media (max-width: 47.9375rem) {
  .animated-customer-stack__avatars {
    min-width: 122px;
  }

  .animated-customer-stack__slot {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }

  .animated-customer-stack__slot:not(:first-child) {
    margin-inline-start: -8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .animated-customer-stack__arrival {
    opacity: 1;
    animation: none;
  }

  .animated-customer-stack__portrait {
    animation: none;
    transition: none;
  }

  .animated-customer-stack__avatars:hover .animated-customer-stack__slot:not(:hover) .animated-customer-stack__portrait {
    opacity: 1;
  }

  .animated-customer-stack__slot:hover .animated-customer-stack__portrait {
    transform: translateY(var(--avatar-base-y)) rotateZ(var(--avatar-rotation)) scale(var(--avatar-scale));
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.animated-trace-card {
  display: grid;
  width: min(100%, 31rem);
  min-height: 31rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 0.08);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 50% 48%, rgb(66 117 85 / 0.16), transparent 17rem),
    #111512;
}

.animated-trace-card__frame {
  position: relative;
  display: grid;
  width: 15rem;
  aspect-ratio: 0.78;
  place-items: center;
  overflow: hidden;
  padding: 1px;
  border-radius: 1rem;
  box-shadow: 0 1.8rem 4rem rgb(0 0 0 / 0.42);
  animation: trace-card-breathe 4.8s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.animated-trace-card__frame::before {
  content: "";
  position: absolute;
  inset: -62%;
  background: conic-gradient(from 0deg, transparent 0 24%, #95bf30 28%, transparent 32% 58%, #5cd4c2 62%, transparent 66% 100%);
  animation: trace-card-spin 4.8s linear infinite;
}

.animated-trace-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1.3rem 1.3rem;
  border-radius: calc(1rem - 1px);
  background: linear-gradient(180deg, #202522, #151917);
  color: #f5f7f5;
  text-align: center;
}

.animated-trace-card__body::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgb(255 255 255 / 0.055), transparent 46%);
  pointer-events: none;
}

.animated-trace-card__body img {
  width: 6.8rem;
  height: 6.8rem;
  object-fit: cover;
  border: 1px solid rgb(255 255 255 / 0.16);
  border-radius: 50%;
  filter: grayscale(1) contrast(1.08);
}

.animated-trace-card__body h3 {
  margin: 1.2rem 0 0;
  font-size: 1.25rem;
  letter-spacing: -0.035em;
}

.animated-trace-card__body p {
  margin: 0.45rem 0 0;
  color: #83c9b8;
  font-size: 0.78rem;
  line-height: 1.45;
}

.animated-trace-card__actions {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  gap: 0.6rem;
  margin-top: auto;
}

.animated-trace-card__actions button {
  min-height: 2.5rem;
  border: 1px solid rgb(255 255 255 / 0.12);
  border-radius: 0.58rem;
  background: #f3f5f3;
  color: #1a211d;
  font-size: 0.72rem;
  font-weight: 760;
  cursor: pointer;
  transition:
    transform 160ms ease,
    background-color 160ms ease;
}

.animated-trace-card__actions button:first-child {
  border-color: #95bf30;
  background: #95bf30;
  color: #142008;
}

.animated-trace-card__actions button:hover,
.animated-trace-card__actions button:focus-visible {
  transform: translateY(-2px);
}

.animated-trace-card__actions button:active {
  transform: translateY(1px) scale(0.98);
}

.animated-trace-card__corner {
  position: absolute;
  z-index: 2;
  width: 3.4rem;
  height: 3.4rem;
  pointer-events: none;
}

.animated-trace-card__corner--one {
  top: -0.55rem;
  right: -0.55rem;
  border-top: 2px solid #95bf30;
  border-right: 2px solid #95bf30;
  animation: trace-corner-one 3.4s ease-in-out infinite alternate;
}

.animated-trace-card__corner--two {
  bottom: -0.55rem;
  left: -0.55rem;
  border-bottom: 2px solid #5ea979;
  border-left: 2px solid #5ea979;
  animation: trace-corner-two 3.8s ease-in-out -1.2s infinite alternate;
}

@keyframes trace-card-spin {
  to { transform: rotate(1turn); }
}

@keyframes trace-card-breathe {
  0%, 100% { transform: scale(0.82); }
  48%, 62% { transform: scale(1); }
}

@keyframes trace-corner-one {
  from { transform: translate3d(-1rem, 1.2rem, 0); opacity: 0.45; }
  to { transform: translate3d(0.55rem, -0.55rem, 0); opacity: 1; }
}

@keyframes trace-corner-two {
  from { transform: translate3d(1rem, -1.1rem, 0); opacity: 0.45; }
  to { transform: translate3d(-0.55rem, 0.55rem, 0); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .animated-trace-card__frame,
  .animated-trace-card__frame::before,
  .animated-trace-card__corner {
    animation: none;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.border-draw-cards {
  display: grid;
  width: min(100%, 58rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.border-draw-card {
  position: relative;
  display: flex;
  min-height: 19rem;
  overflow: hidden;
  flex-direction: column;
  padding: 1.5rem;
  border: 1px solid rgb(213 226 218 / 0.12);
  border-radius: 1rem;
  background: #111a18;
  box-shadow: 0 1.25rem 2.6rem rgb(13 32 25 / 0.18);
  color: #f4f7f5;
  text-decoration: none;
  transition:
    transform 240ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 240ms ease;
}

.border-draw-card:hover,
.border-draw-card:focus-visible {
  transform: translateY(-0.45rem);
  box-shadow: 0 1.8rem 3.4rem rgb(13 32 25 / 0.28);
}

.border-draw-card:focus-visible {
  outline: 3px solid #95bf30;
  outline-offset: 4px;
}

.border-draw-card__edge {
  position: absolute;
  z-index: 2;
  background: #95bf30;
  pointer-events: none;
}

.border-draw-card__edge--top,
.border-draw-card__edge--bottom {
  width: 100%;
  height: 1px;
  transform: scaleX(0);
}

.border-draw-card__edge--left,
.border-draw-card__edge--right {
  width: 1px;
  height: 100%;
  transform: scaleY(0);
}

.border-draw-card__edge--top { top: 0; left: 0; transform-origin: left; }
.border-draw-card__edge--right { top: 0; right: 0; transform-origin: top; }
.border-draw-card__edge--bottom { right: 0; bottom: 0; transform-origin: right; }
.border-draw-card__edge--left { bottom: 0; left: 0; transform-origin: bottom; }

.border-draw-card--draw:hover .border-draw-card__edge--top,
.border-draw-card--draw:focus-visible .border-draw-card__edge--top { transform: scaleX(1); transition: transform 180ms ease-out; }
.border-draw-card--draw:hover .border-draw-card__edge--right,
.border-draw-card--draw:focus-visible .border-draw-card__edge--right { transform: scaleY(1); transition: transform 180ms ease-out 140ms; }
.border-draw-card--draw:hover .border-draw-card__edge--bottom,
.border-draw-card--draw:focus-visible .border-draw-card__edge--bottom { transform: scaleX(1); transition: transform 180ms ease-out 280ms; }
.border-draw-card--draw:hover .border-draw-card__edge--left,
.border-draw-card--draw:focus-visible .border-draw-card__edge--left { transform: scaleY(1); transition: transform 180ms ease-out 420ms; }

.border-draw-card--perpetual::before {
  content: "";
  position: absolute;
  inset: -75%;
  background: conic-gradient(transparent 0 78%, #5fd8c7 84%, #95bf30 88%, transparent 94%);
  animation: border-draw-spin 3.2s linear infinite;
}

.border-draw-card--perpetual::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: calc(1rem - 1px);
  background: #111a18;
}

.border-draw-card--perpetual > * {
  z-index: 1;
}

.border-draw-card--corners .border-draw-card__edge--top,
.border-draw-card--corners .border-draw-card__edge--bottom {
  width: 38%;
}

.border-draw-card--corners .border-draw-card__edge--left,
.border-draw-card--corners .border-draw-card__edge--right {
  height: 38%;
}

.border-draw-card--corners .border-draw-card__edge--top,
.border-draw-card--corners .border-draw-card__edge--right,
.border-draw-card--corners .border-draw-card__edge--bottom,
.border-draw-card--corners .border-draw-card__edge--left {
  transform: scale(1);
  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}

.border-draw-card--corners:hover .border-draw-card__edge--top,
.border-draw-card--corners:focus-visible .border-draw-card__edge--top { transform: translateX(162%); }
.border-draw-card--corners:hover .border-draw-card__edge--right,
.border-draw-card--corners:focus-visible .border-draw-card__edge--right { transform: translateY(162%); }
.border-draw-card--corners:hover .border-draw-card__edge--bottom,
.border-draw-card--corners:focus-visible .border-draw-card__edge--bottom { transform: translateX(-162%); }
.border-draw-card--corners:hover .border-draw-card__edge--left,
.border-draw-card--corners:focus-visible .border-draw-card__edge--left { transform: translateY(-162%); }

.border-draw-card__icon {
  position: relative;
  display: grid;
  width: 3.1rem;
  height: 3.1rem;
  place-items: center;
  border-radius: 0.75rem;
  background: rgb(149 191 48 / 0.13);
}

.border-draw-card__icon i {
  position: absolute;
  width: 1.35rem;
  height: 0.42rem;
  border: 1.5px solid #95bf30;
  border-radius: 999px;
  transform: rotate(34deg);
}

.border-draw-card__icon i:last-child { transform: rotate(-34deg); }

.border-draw-card strong {
  margin-top: 1.5rem;
  font-size: 1.2rem;
  letter-spacing: -0.035em;
}

.border-draw-card p {
  margin: 0.75rem 0 0;
  color: #aebcb4;
  font-size: 0.88rem;
  line-height: 1.55;
}

.border-draw-card__action {
  width: max-content;
  margin-top: auto;
  color: #b9dd65;
  font-size: 0.78rem;
  font-weight: 730;
}

@keyframes border-draw-spin { to { transform: rotate(1turn); } }

@media (max-width: 46rem) {
  .border-draw-cards {
    width: min(100%, 22rem);
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .border-draw-card,
  .border-draw-card__edge,
  .border-draw-card--perpetual::before {
    animation: none;
    transition-duration: 0.01ms;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
@property --scan-progress {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 0%;
}

.color-scan-photo {
  --scan-progress: 0%;
  position: relative;
  width: min(100%, 46rem);
  aspect-ratio: 4 / 3;
  overflow: hidden;
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--page-text), transparent 83%);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--page-text), transparent 92%);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.11),
    0 1.5rem 4rem rgb(3 11 6 / 0.22);
  isolation: isolate;
}

.color-scan-photo::after {
  position: absolute;
  z-index: 5;
  inset: 0;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px rgb(255 255 255 / 0.06),
    inset 0 -5rem 7rem rgb(4 10 6 / 0.18);
  content: "";
  pointer-events: none;
}

.color-scan-photo__image,
.color-scan-photo__color {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.color-scan-photo__image {
  display: block;
  object-fit: cover;
  object-position: 66% 50%;
  transform: scale(1.012);
}

.color-scan-photo__image--mono {
  filter: grayscale(1) contrast(0.92) brightness(0.7);
}

.color-scan-photo__color {
  z-index: 2;
  overflow: hidden;
  clip-path: inset(0 calc(100% - var(--scan-progress)) 0 0);
}

.color-scan-photo__color::after {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--focus), transparent 88%);
  content: "";
  mix-blend-mode: soft-light;
  pointer-events: none;
}

.color-scan-photo__scanner {
  position: absolute;
  z-index: 4;
  inset: 0;
  border-right: 2px solid #b4d84b;
  background: linear-gradient(90deg, transparent 83%, rgb(180 216 75 / 0.03) 90%, rgb(180 216 75 / 0.2));
  box-shadow: 12px 0 28px rgb(180 216 75 / 0.22);
  transform: translate3d(calc(var(--scan-progress) - 100%), 0, 0);
  will-change: transform;
}

.color-scan-photo__scanner > span {
  position: absolute;
  top: 50%;
  right: -4px;
  width: 8px;
  height: 4.5rem;
  border-radius: 99px;
  background: #d0ec77;
  box-shadow:
    0 0 1.1rem rgb(208 236 119 / 0.85),
    0 0 2.8rem rgb(180 216 75 / 0.48);
  transform: translateY(-50%);
}

@media (prefers-reduced-motion: no-preference) {
  .color-scan-photo {
    animation: color-scan-progress 6.4s cubic-bezier(0.45, 0, 0.55, 1) infinite alternate;
  }
}

@media (max-width: 47.9375rem) {
  .color-scan-photo {
    aspect-ratio: 4 / 3.35;
  }

  .color-scan-photo__scanner > span {
    height: 3.4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .color-scan-photo {
    --scan-progress: 62%;
  }
}

@keyframes color-scan-progress {
  0%,
  8% {
    --scan-progress: 0%;
  }

  92%,
  100% {
    --scan-progress: 100%;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.diagonal-divider {
  position: relative;
  z-index: 1;
  width: 100%;
  height: clamp(5rem, 9vw, 9rem);
  overflow: hidden;
  background: var(--divider-from);
}

.diagonal-divider__plane {
  position: absolute;
  inset: -36% -8% -42%;
  display: block;
  background: var(--divider-to);
  transform: translate3d(0, 34%, 0) skewY(-4.5deg);
  transform-origin: 50% 50%;
  will-change: transform;
}

.diagonal-divider--backward .diagonal-divider__plane {
  transform: translate3d(0, 34%, 0) skewY(4.5deg);
}

@supports (animation-timeline: view()) {
  .diagonal-divider__plane {
    animation: divider-forward linear both;
    animation-timeline: view(block);
    animation-range: cover 0% cover 100%;
  }

  .diagonal-divider--backward .diagonal-divider__plane {
    animation-name: divider-backward;
  }
}

@keyframes divider-forward {
  from {
    transform: translate3d(0, 52%, 0) skewY(-7deg);
  }
  to {
    transform: translate3d(0, 13%, 0) skewY(4deg);
  }
}

@keyframes divider-backward {
  from {
    transform: translate3d(0, 52%, 0) skewY(7deg);
  }
  to {
    transform: translate3d(0, 13%, 0) skewY(-4deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .diagonal-divider__plane,
  .diagonal-divider--backward .diagonal-divider__plane {
    animation: none;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.diamond-profile-card {
  width: min(100%, 25rem);
  display: grid;
  justify-items: center;
  gap: 1.4rem;
  color: var(--page-text);
  text-align: center;
}

.diamond-profile-card__media {
  width: min(19rem, 78vw);
  aspect-ratio: 1;
  display: block;
  overflow: hidden;
  border-radius: 0.18rem;
  transform: rotate(45deg) scale(0.72);
  transition:
    border-radius 620ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 620ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 620ms cubic-bezier(0.16, 1, 0.3, 1);
}

.diamond-profile-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 72% 50%;
  filter: grayscale(1) contrast(1.06);
  transform: rotate(-45deg) scale(1.45);
  transition:
    filter 540ms ease,
    transform 620ms cubic-bezier(0.16, 1, 0.3, 1);
}

.diamond-profile-card:hover .diamond-profile-card__media,
.diamond-profile-card:focus-within .diamond-profile-card__media {
  border-radius: var(--radius);
  box-shadow: 0 1.5rem 3.5rem rgb(25 39 30 / 0.16);
  transform: rotate(0deg) scale(1);
}

.diamond-profile-card:hover .diamond-profile-card__media img,
.diamond-profile-card:focus-within .diamond-profile-card__media img {
  filter: grayscale(0) contrast(1);
  transform: rotate(0deg) scale(1.02);
}

.diamond-profile-card__media:focus-visible,
.diamond-profile-card__copy a:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 4px;
}

.diamond-profile-card__copy {
  display: grid;
  justify-items: center;
}

.diamond-profile-card h3 {
  margin: 0;
  font-size: 1.55rem;
  letter-spacing: -0.04em;
}

.diamond-profile-card h3 a {
  color: inherit;
  text-underline-offset: 0.18em;
}

.diamond-profile-card__rule {
  width: 2.5rem;
  height: 2px;
  margin-top: 1rem;
  background: color-mix(in srgb, var(--page-muted), transparent 76%);
}

.diamond-profile-card p {
  max-width: 24rem;
  margin: 1rem 0 0;
  color: var(--page-muted);
  line-height: 1.55;
}

.diamond-profile-card__button {
  min-height: 2.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.25rem;
  padding: 0.75rem 1.3rem;
  color: var(--page-surface);
  background: var(--page-text);
  border-radius: calc(var(--radius) * 0.72);
  font-weight: 720;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    transform 180ms ease;
}

.diamond-profile-card__button:hover {
  background: var(--focus);
  transform: translateY(-0.12rem);
}

.diamond-profile-card__button:active {
  transform: scale(0.98);
}

@media (prefers-reduced-motion: reduce) {
  .diamond-profile-card__media,
  .diamond-profile-card__media img,
  .diamond-profile-card__button {
    transition-duration: 0.01ms;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.editorial-feature {
  position: relative;
  width: min(100% - 2rem, 78rem);
  min-height: 44rem;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  margin-inline: auto;
  color: var(--page-text);
}

.editorial-feature__visual {
  grid-column: 5 / -1;
  grid-row: 1;
  height: min(42rem, 72vw);
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--page-text), transparent 94%);
}

.editorial-feature__visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 66% 50%;
  transform: scale(1.025);
  transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
}

.editorial-feature:hover .editorial-feature__visual img {
  transform: scale(1);
}

.editorial-feature__content {
  z-index: 1;
  grid-column: 1 / 8;
  grid-row: 1;
  align-self: center;
  padding: 2.5rem 3rem 2.5rem 0;
  background: linear-gradient(
    90deg,
    var(--feature-surface, var(--page-surface)) 0%,
    var(--feature-surface, var(--page-surface)) 78%,
    transparent 100%
  );
}

.editorial-feature h2 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(3.2rem, 6.6vw, 6.8rem);
  font-weight: 690;
  letter-spacing: -0.072em;
  line-height: 0.91;
  text-wrap: balance;
}

.editorial-feature__body {
  max-width: 35rem;
  display: grid;
  gap: 0.85rem;
  margin-top: 2rem;
}

.editorial-feature__body p {
  margin: 0;
  color: var(--page-muted);
  font-size: 1.02rem;
  line-height: 1.62;
  text-wrap: pretty;
}

.editorial-feature__action {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: 1.65rem;
  color: var(--focus);
  font-weight: 730;
  text-decoration: none;
}

.editorial-feature__action > span {
  transition: transform 220ms ease;
}

.editorial-feature__action:hover > span,
.editorial-feature__action:focus-visible > span {
  transform: translateX(0.3rem);
}

.editorial-feature__action:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 5px;
}

@media (max-width: 48rem) {
  .editorial-feature {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .editorial-feature__content,
  .editorial-feature__visual {
    grid-column: 1;
    grid-row: auto;
  }

  .editorial-feature__content {
    padding: 0;
    background: none;
  }

  .editorial-feature h2 {
    font-size: clamp(3rem, 14vw, 5rem);
  }

  .editorial-feature__visual {
    height: min(30rem, 118vw);
  }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-feature__visual img,
  .editorial-feature__action > span {
    transition-duration: 0.01ms;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.fluid-surface-card {
  --fluid-x: 0.5;
  --fluid-y: 0.5;
  --fluid-pull-x: 0px;
  --fluid-pull-y: 0px;
  --fluid-tilt-x: 0deg;
  --fluid-tilt-y: 0deg;
  display: grid;
  width: min(100%, 36rem);
  min-height: 29rem;
  place-items: center;
  overflow: hidden;
  border-radius: 1rem;
  background:
    radial-gradient(circle at 50% 50%, rgb(64 118 88 / 0.22), transparent 18rem),
    #07120f;
  perspective: 900px;
}

.fluid-surface-card__shell {
  position: relative;
  display: flex;
  width: min(76%, 23rem);
  min-height: 17rem;
  overflow: hidden;
  flex-direction: column;
  padding: 2rem;
  border: 1px solid rgb(255 255 255 / 0.28);
  border-radius: 2.3rem 5.4rem 2.7rem 4.6rem / 3rem 4.7rem 3.8rem 4.8rem;
  background:
    radial-gradient(circle at calc(var(--fluid-x) * 100%) calc(var(--fluid-y) * 100%), rgb(255 255 255 / 0.52), transparent 22%),
    linear-gradient(145deg, rgb(220 246 234 / 0.92), rgb(97 182 151 / 0.78) 58%, rgb(75 121 213 / 0.72));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.7),
    0 1.8rem 4.5rem rgb(11 63 46 / 0.42);
  color: #10231b;
  transform: translate3d(var(--fluid-pull-x), var(--fluid-pull-y), 0) rotateX(var(--fluid-tilt-x)) rotateY(var(--fluid-tilt-y));
  transform-style: preserve-3d;
  transition:
    transform 180ms ease-out,
    border-radius 520ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 260ms ease;
}

.fluid-surface-card[data-active="true"] .fluid-surface-card__shell {
  border-radius: 4.9rem 2.5rem 5.2rem 2.9rem / 2.7rem 5.1rem 2.8rem 5.4rem;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.78),
    0 2.4rem 5.6rem rgb(11 63 46 / 0.5);
}

.fluid-surface-card__shell::before,
.fluid-surface-card__shell::after {
  content: "";
  position: absolute;
  width: 6.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgb(228 250 241 / 0.46);
  filter: blur(0.35rem);
  pointer-events: none;
  transition: transform 260ms ease-out;
}

.fluid-surface-card__shell::before {
  top: -3.6rem;
  left: -2.4rem;
  transform: translate3d(calc(var(--fluid-pull-x) * -0.8), calc(var(--fluid-pull-y) * -0.8), 0) scale(1.2);
}

.fluid-surface-card__shell::after {
  right: -4rem;
  bottom: -3rem;
  transform: translate3d(calc(var(--fluid-pull-x) * 0.65), calc(var(--fluid-pull-y) * 0.65), 0) scale(1.45);
}

.fluid-surface-card__copy {
  position: relative;
  z-index: 1;
  max-width: 18rem;
  transform: translateZ(34px);
}

.fluid-surface-card__copy strong {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  letter-spacing: -0.055em;
}

.fluid-surface-card__copy p {
  margin: 0.8rem 0 0;
  font-size: 0.9rem;
  line-height: 1.52;
}

.fluid-surface-card__footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-top: auto;
  transform: translateZ(38px);
}

.fluid-surface-card__actions {
  display: flex;
  gap: 0.45rem;
}

.fluid-surface-card__actions button {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid rgb(16 35 27 / 0.13);
  border-radius: 50%;
  background: rgb(255 255 255 / 0.78);
  color: #17372a;
  font-size: 0.72rem;
  font-weight: 820;
  cursor: pointer;
  transition: transform 160ms ease;
}

.fluid-surface-card__actions button:hover,
.fluid-surface-card__actions button:focus-visible {
  outline: 2px solid #17372a;
  outline-offset: 2px;
  transform: translateY(-2px);
}

.fluid-surface-card__actions button:active { transform: translateY(1px) scale(0.96); }

.fluid-surface-card__footer > span {
  font-size: 0.72rem;
  font-weight: 760;
  opacity: 0.7;
}

.fluid-surface-card__rings {
  position: absolute;
  top: -2.7rem;
  right: -1.6rem;
  width: 9rem;
  aspect-ratio: 1;
  transform: translate3d(calc(var(--fluid-pull-x) * 1.6), calc(var(--fluid-pull-y) * 1.4), 46px) rotate(calc((var(--fluid-x) - 0.5) * 24deg));
  transition: transform 180ms ease-out;
}

.fluid-surface-card__rings i {
  position: absolute;
  inset: calc(var(--ring-index, 0) * 1.15rem);
  border: 0.7rem solid rgb(226 247 238 / 0.46);
  border-radius: 50%;
}

.fluid-surface-card__rings i:nth-child(1) { --ring-index: 0; }
.fluid-surface-card__rings i:nth-child(2) { --ring-index: 1; }
.fluid-surface-card__rings i:nth-child(3) { --ring-index: 2; }

@media (max-width: 35rem) {
  .fluid-surface-card {
    min-height: 24rem;
  }

  .fluid-surface-card__shell {
    width: calc(100% - 2rem);
    min-height: 15rem;
    padding: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fluid-surface-card__shell,
  .fluid-surface-card__shell::before,
  .fluid-surface-card__shell::after,
  .fluid-surface-card__rings,
  .fluid-surface-card__actions button {
    transition-duration: 0.01ms;
  }

  .fluid-surface-card__shell {
    transform: none;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.fog-depth-cards {
  --depth-rotate-x: 0deg;
  --depth-rotate-y: 0deg;
  position: relative;
  display: grid;
  width: min(100%, 47rem);
  min-height: 33rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--page-text), transparent 88%);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 50% 52%, rgb(91 115 98 / 0.13), transparent 31%),
    color-mix(in srgb, var(--page-surface), var(--page-text) 2%);
  perspective: 900px;
  isolation: isolate;
  touch-action: pan-y;
}

.fog-depth-cards__vignette {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: radial-gradient(circle at 50% 48%, transparent 24%, rgb(6 10 8 / 0.34) 100%);
  pointer-events: none;
}

.fog-depth-cards__rig {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.75rem, 2.2vw, 1.5rem);
  width: min(82%, 31rem);
  transform: rotateX(var(--depth-rotate-x)) rotateY(var(--depth-rotate-y));
  transform-style: preserve-3d;
  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}

.fog-depth-cards__float {
  width: min(46%, 13rem);
  transform-style: preserve-3d;
}

.fog-depth-cards__float:first-child {
  animation: fog-depth-card-left 7.2s ease-in-out -2.1s infinite alternate;
}

.fog-depth-cards__float:last-child {
  animation: fog-depth-card-right 8.1s ease-in-out -4.7s infinite alternate;
}

.fog-depth-cards__card {
  position: relative;
  aspect-ratio: 0.71;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 0.14);
  border-radius: calc(var(--radius) * 0.72);
  background: #18201d;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.13),
    0 2.6rem 5.5rem rgb(4 10 7 / 0.34);
  transform: translateZ(1px);
  backface-visibility: hidden;
}

.fog-depth-cards__card > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.04);
}

.fog-depth-cards__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgb(7 13 11 / 0.36), transparent 48%),
    linear-gradient(0deg, rgb(7 13 11 / 0.47), transparent 46%);
}

.fog-depth-cards__copy {
  position: absolute;
  inset: clamp(1rem, 2.4vw, 1.5rem);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.fog-depth-cards__copy strong {
  color: #f2f4f2;
  font-size: clamp(2.15rem, 5.2vw, 4rem);
  font-weight: 460;
  letter-spacing: -0.07em;
  line-height: 0.9;
}

.fog-depth-cards__copy p {
  max-width: 13ch;
  margin: 0.85rem 0 0;
  color: rgb(242 244 242 / 0.7);
  font-size: clamp(0.56rem, 1vw, 0.72rem);
  line-height: 1.35;
  text-align: left;
}

.fog-depth-cards__fog {
  position: absolute;
  height: auto;
  max-width: none;
  pointer-events: none;
  user-select: none;
  will-change: transform, opacity;
}

.fog-depth-cards__fog--rear {
  top: 40%;
  left: -34%;
  z-index: 1;
  width: 72%;
  opacity: 0.36;
  filter: blur(1px);
  animation: fog-depth-rear 14s ease-in-out -5s infinite alternate;
}

.fog-depth-cards__fog--front {
  top: 47%;
  left: -42%;
  z-index: 4;
  width: 83%;
  opacity: 0.7;
  filter: blur(0.5px);
  animation: fog-depth-front 11.5s ease-in-out -2.6s infinite alternate;
}

@keyframes fog-depth-card-left {
  from {
    transform: translate3d(0, -0.45rem, 1.1rem) rotateX(-1.5deg) rotateY(3deg) rotateZ(-1.4deg);
  }

  to {
    transform: translate3d(-0.3rem, 0.55rem, 2.2rem) rotateX(2deg) rotateY(-2deg) rotateZ(0.6deg);
  }
}

@keyframes fog-depth-card-right {
  from {
    transform: translate3d(0.2rem, 0.7rem, 2rem) rotateX(2deg) rotateY(-3deg) rotateZ(1.2deg);
  }

  to {
    transform: translate3d(0, -0.5rem, 0.8rem) rotateX(-2deg) rotateY(2deg) rotateZ(-0.5deg);
  }
}

@keyframes fog-depth-rear {
  from {
    opacity: 0.2;
    transform: translate3d(-12%, -8%, -1rem) scale(0.86);
  }

  to {
    opacity: 0.48;
    transform: translate3d(128%, 12%, 1rem) scale(1.08);
  }
}

@keyframes fog-depth-front {
  from {
    opacity: 0.34;
    transform: translate3d(-15%, 14%, 3rem) scale(0.92);
  }

  to {
    opacity: 0.8;
    transform: translate3d(124%, -8%, 4rem) scale(1.12);
  }
}

@media (max-width: 47.9375rem) {
  .fog-depth-cards {
    min-height: 25rem;
  }

  .fog-depth-cards__rig {
    width: 88%;
    gap: 0.65rem;
  }

  .fog-depth-cards__float {
    width: min(47%, 9.3rem);
  }

  .fog-depth-cards__copy {
    inset: 0.85rem;
  }

  .fog-depth-cards__fog--rear {
    width: 96%;
  }

  .fog-depth-cards__fog--front {
    width: 105%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fog-depth-cards__rig {
    transform: none;
    transition: none;
  }

  .fog-depth-cards__float,
  .fog-depth-cards__fog {
    animation: none;
  }

  .fog-depth-cards__fog--rear {
    left: 3%;
  }

  .fog-depth-cards__fog--front {
    left: 22%;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.floating-testimonials {
  --testimonials-accent: #a8cd42;
  --testimonials-bg: #e7ece8;
  --testimonials-card: rgb(247 249 247 / 0.9);
  --testimonials-card-edge: rgb(24 38 29 / 0.12);
  --testimonials-ink: #172019;
  --testimonials-muted: #59645c;
  width: min(100% - 2rem, 86rem);
  margin-inline: auto;
}

.floating-testimonials__stage {
  position: relative;
  min-height: 47rem;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--testimonials-ink), transparent 88%);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 50% 49%, rgb(168 205 66 / 0.13), transparent 19rem),
    linear-gradient(145deg, color-mix(in srgb, var(--testimonials-bg), white 10%), var(--testimonials-bg));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.68),
    0 1.5rem 5rem rgb(20 41 27 / 0.08);
  isolation: isolate;
}

.floating-testimonials__stage::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: radial-gradient(circle, rgb(32 53 39 / 0.15) 0.75px, transparent 0.9px);
  background-size: 22px 22px;
  content: "";
  mask-image: radial-gradient(circle at center, black, transparent 72%);
  opacity: 0.48;
  pointer-events: none;
}

.floating-testimonials__center {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  display: flex;
  width: min(42rem, 58%);
  flex-direction: column;
  align-items: center;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  transition:
    opacity 350ms ease,
    transform 450ms cubic-bezier(0.16, 1, 0.3, 1);
}

.floating-testimonials__center h2 {
  max-width: 12ch;
  margin: 0;
  color: var(--testimonials-ink);
  font-size: clamp(3rem, 6vw, 5.9rem);
  font-weight: 680;
  letter-spacing: -0.067em;
  line-height: 0.93;
  text-wrap: balance;
}

.floating-testimonials__center > p {
  max-width: 31rem;
  margin: 1.45rem 0 0;
  color: var(--testimonials-muted);
  font-size: clamp(1rem, 1.5vw, 1.16rem);
  line-height: 1.55;
  text-wrap: balance;
}

.floating-testimonials__action {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  margin-top: 1.85rem;
  padding: 0.78rem 1.15rem;
  border: 1px solid color-mix(in srgb, var(--testimonials-ink), transparent 74%);
  border-radius: 0.75rem;
  background: var(--testimonials-ink);
  color: var(--testimonials-bg);
  font-size: 0.94rem;
  font-weight: 720;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 0.7rem 1.5rem rgb(20 41 27 / 0.14);
  transition:
    transform 250ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 250ms ease,
    background-color 250ms ease;
}

.floating-testimonials__action:hover {
  background: color-mix(in srgb, var(--testimonials-ink), var(--testimonials-accent) 12%);
  box-shadow: 0 1rem 2rem rgb(20 41 27 / 0.18);
  transform: translate3d(0, -2px, 0);
}

.floating-testimonials__action:active {
  transform: translate3d(0, 1px, 0) scale(0.985);
}

.floating-testimonials__action:focus-visible,
.floating-testimonial__card:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--testimonials-accent), transparent 12%);
  outline-offset: 4px;
}

.floating-testimonials__reviews {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.floating-testimonial {
  position: absolute;
  z-index: 2;
  top: var(--testimonial-y);
  left: var(--testimonial-x);
  width: clamp(13.5rem, 20vw, 17.5rem);
  pointer-events: auto;
  transition:
    opacity 380ms ease,
    transform 520ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 380ms ease;
}

.floating-testimonial__arrival {
  opacity: 1;
}

.floating-testimonial--active {
  z-index: 12;
  transform: translate3d(var(--testimonial-focus-x), var(--testimonial-focus-y), 0) scale(1.03);
}

.floating-testimonial__drift {
  animation: floating-testimonial-drift var(--testimonial-duration) ease-in-out var(--testimonial-delay) infinite alternate;
  will-change: transform;
}

.floating-testimonial__card {
  display: flex;
  width: 100%;
  min-height: 9rem;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1.2rem;
  border: 1px solid var(--testimonials-card-edge);
  border-radius: 1rem;
  background: var(--testimonials-card);
  color: var(--testimonials-ink);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.7),
    0 1rem 2.8rem rgb(23 40 29 / 0.12);
  cursor: pointer;
  text-align: left;
  transform: rotate(var(--testimonial-rotation));
  transform-origin: 50% 52%;
  transition:
    transform 520ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 320ms ease,
    box-shadow 420ms ease;
}

.floating-testimonial--active .floating-testimonial__card {
  border-color: color-mix(in srgb, var(--testimonials-accent), var(--testimonials-ink) 22%);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.78),
    0 1.6rem 4.2rem rgb(23 40 29 / 0.22);
  transform: rotate(0deg) translate3d(0, -0.45rem, 0) scale(1.035);
}

.floating-testimonials--has-active .floating-testimonial:not(.floating-testimonial--active) {
  opacity: 0.28;
  filter: blur(0.7px) saturate(0.7);
  transform: scale(0.96);
}

.floating-testimonials--has-active .floating-testimonials__center {
  opacity: 0.62;
  transform: translate3d(-50%, -50%, 0) scale(0.985);
}

.floating-testimonial__quote {
  display: -webkit-box;
  overflow: hidden;
  color: var(--testimonials-ink);
  font-size: 0.96rem;
  font-weight: 560;
  line-height: 1.42;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.floating-testimonial__person {
  display: flex;
  align-items: center;
  gap: 0.72rem;
}

.floating-testimonial__person img {
  display: block;
  width: 2.45rem;
  height: 2.45rem;
  flex: 0 0 auto;
  border: 2px solid color-mix(in srgb, var(--testimonials-accent), var(--testimonials-card) 28%);
  border-radius: 50%;
  object-fit: cover;
}

.floating-testimonial__person > span {
  display: grid;
  min-width: 0;
  gap: 0.1rem;
}

.floating-testimonial__person strong,
.floating-testimonial__person small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.floating-testimonial__person strong {
  font-size: 0.83rem;
  font-weight: 760;
}

.floating-testimonial__person small {
  color: var(--testimonials-muted);
  font-size: 0.72rem;
  font-weight: 540;
}

@media (prefers-reduced-motion: no-preference) {
  .floating-testimonial__arrival {
    opacity: 0;
    transform: translate3d(0, 1.4rem, 0) scale(0.94);
    animation: floating-testimonial-enter 720ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: calc(var(--testimonial-index) * 85ms + 120ms);
  }
}

@media (min-width: 68.0625rem) {
  .floating-testimonial--active .floating-testimonial__drift {
    animation-play-state: paused;
  }
}

@media (max-width: 68rem) {
  .floating-testimonials__stage {
    min-height: auto;
    padding: clamp(3.5rem, 8vw, 5rem) clamp(1rem, 4vw, 2rem);
  }

  .floating-testimonials__center {
    position: relative;
    top: auto;
    left: auto;
    width: min(100%, 40rem);
    margin-inline: auto;
    transform: none;
  }

  .floating-testimonials--has-active .floating-testimonials__center {
    opacity: 1;
    transform: none;
  }

  .floating-testimonials__reviews {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
    width: min(100%, 43rem);
    margin: 4rem auto 0;
    pointer-events: auto;
  }

  .floating-testimonial {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    transform: none;
  }

  .floating-testimonial--active {
    transform: translate3d(0, -0.25rem, 0) scale(1.015);
  }

  .floating-testimonial__card {
    height: 100%;
  }

  .floating-testimonials--has-active .floating-testimonial:not(.floating-testimonial--active) {
    transform: scale(0.98);
  }
}

@media (max-width: 47.9375rem) {
  .floating-testimonials {
    width: min(100% - 1rem, 42rem);
  }

  .floating-testimonials__stage {
    padding: 3.5rem 0.75rem 1rem;
  }

  .floating-testimonials__center h2 {
    max-width: 10ch;
    font-size: clamp(2.7rem, 13vw, 4.5rem);
  }

  .floating-testimonials__center > p {
    max-width: 21rem;
  }

  .floating-testimonials__reviews {
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-top: 3rem;
  }

  .floating-testimonial__drift {
    animation-duration: calc(var(--testimonial-duration) * 1.25);
  }

  .floating-testimonial__card {
    min-height: 8.5rem;
    transform: rotate(calc(var(--testimonial-rotation) * 0.42));
  }

  .floating-testimonial--active .floating-testimonial__card {
    transform: rotate(0deg) translate3d(0, -0.25rem, 0) scale(1.01);
  }

  .floating-testimonials--has-active .floating-testimonial:not(.floating-testimonial--active) {
    opacity: 0.58;
    filter: none;
  }
}

@media (prefers-color-scheme: dark) {
  .floating-testimonials {
    --testimonials-bg: #101411;
    --testimonials-card: rgb(27 34 29 / 0.92);
    --testimonials-card-edge: rgb(226 237 229 / 0.12);
    --testimonials-ink: #eef3ef;
    --testimonials-muted: #a9b4ac;
  }

  .floating-testimonials__stage {
    background:
      radial-gradient(circle at 50% 49%, rgb(168 205 66 / 0.11), transparent 20rem),
      linear-gradient(145deg, #121713, var(--testimonials-bg));
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.045),
      0 1.5rem 5rem rgb(2 8 4 / 0.22);
  }

  .floating-testimonials__stage::before {
    background-image: radial-gradient(circle, rgb(203 221 208 / 0.16) 0.75px, transparent 0.9px);
  }

  .floating-testimonials__action {
    border-color: color-mix(in srgb, var(--testimonials-accent), transparent 44%);
    background: var(--testimonials-accent);
    color: #15200f;
    box-shadow: 0 0.7rem 1.5rem rgb(4 9 5 / 0.3);
  }

  .floating-testimonials__action:hover {
    background: color-mix(in srgb, var(--testimonials-accent), white 9%);
  }

  .floating-testimonial__card {
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.075),
      0 1rem 3.2rem rgb(2 8 4 / 0.25);
  }

  .floating-testimonial--active .floating-testimonial__card {
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.1),
      0 1.6rem 4.2rem rgb(2 8 4 / 0.44);
  }
}

@media (prefers-reduced-motion: reduce) {
  .floating-testimonial {
    opacity: 1;
    transform: none;
    transition-duration: 0.01ms;
  }

  .floating-testimonial__drift {
    animation: none;
  }

  .floating-testimonial__card,
  .floating-testimonials__center,
  .floating-testimonials__action {
    transition-duration: 0.01ms;
  }

  .floating-testimonial--active .floating-testimonial__card {
    transform: rotate(0deg);
  }

  .floating-testimonials--has-active .floating-testimonial:not(.floating-testimonial--active) {
    filter: none;
  }
}

@keyframes floating-testimonial-enter {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes floating-testimonial-drift {
  from {
    transform: translate3d(calc(var(--testimonial-float-x) * -0.55), calc(var(--testimonial-float-y) * -0.55), 0);
  }

  to {
    transform: translate3d(var(--testimonial-float-x), var(--testimonial-float-y), 0);
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.google-marquee3d {
  --google-marquee-bg: #101411;
  --google-marquee-surface: rgb(28 34 30 / 0.92);
  --google-marquee-edge: rgb(230 239 232 / 0.12);
  --google-marquee-ink: #f2f5f2;
  --google-marquee-muted: #a8b1aa;
  --google-marquee-accent: #b8dc4b;
  width: min(100% - 2rem, 86rem);
  margin-inline: auto;
  color: var(--google-marquee-ink);
}

.google-marquee3d__intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.5rem;
}

.google-marquee3d__eyebrow {
  margin: 0 0 0.65rem;
  color: var(--google-marquee-accent);
  font-size: 0.74rem;
  font-weight: 760;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.google-marquee3d__intro h2 {
  max-width: 16ch;
  margin: 0;
  font-size: clamp(2.3rem, 5vw, 5rem);
  font-weight: 680;
  letter-spacing: -0.057em;
  line-height: 0.97;
  text-wrap: balance;
}

.google-marquee3d__summary {
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  column-gap: 0.65rem;
  flex: 0 0 auto;
  padding-bottom: 0.35rem;
}

.google-marquee3d__summary strong {
  font-size: 2.35rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.05em;
}

.google-marquee3d__summary > span {
  color: #fbbc04;
  font-size: 0.87rem;
  letter-spacing: 0.08em;
}

.google-marquee3d__summary small {
  grid-column: 1 / -1;
  color: var(--google-marquee-muted);
  font-size: 0.76rem;
}

.google-marquee3d__viewport,
.google-marquee3d__message {
  position: relative;
  min-height: 39rem;
  overflow: hidden;
  border: 1px solid var(--google-marquee-edge);
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 75% 42%, rgb(184 220 75 / 0.11), transparent 24rem),
    linear-gradient(145deg, #111713, var(--google-marquee-bg));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.045),
    0 2rem 5rem rgb(8 14 10 / 0.22);
  perspective: 780px;
  isolation: isolate;
}

.google-marquee3d__message {
  display: grid;
  min-height: 18rem;
  place-items: center;
  color: var(--google-marquee-muted);
}

.google-marquee3d__message--error {
  color: #f4b3ad;
}

.google-marquee3d__plane {
  position: absolute;
  inset: -9rem -4rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(13rem, 1fr));
  gap: 1rem;
  transform: translate3d(-2rem, -1.5rem, -7rem) rotateX(17deg) rotateY(-10deg) rotateZ(14deg);
  transform-style: preserve-3d;
}

.google-review-column {
  overflow: hidden;
}

.google-review-column__track {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  animation: google-review-marquee-forward 24s linear infinite;
  will-change: transform;
}

.google-review-column--reverse .google-review-column__track {
  animation-name: google-review-marquee-reverse;
}

.google-review-column:hover .google-review-column__track,
.google-review-column:focus-within .google-review-column__track {
  animation-play-state: paused;
}

.google-review-column__group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.google-review-card {
  position: relative;
  display: flex;
  min-height: 13.25rem;
  flex-direction: column;
  padding: 1.1rem;
  border: 1px solid var(--google-marquee-edge);
  border-radius: 0.9rem;
  background: var(--google-marquee-surface);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.05),
    0 1.1rem 2.4rem rgb(2 7 4 / 0.22);
  backdrop-filter: blur(14px);
  transition:
    border-color 300ms ease,
    background-color 300ms ease,
    box-shadow 350ms ease,
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}

.google-review-card:hover,
.google-review-card:focus-within {
  z-index: 4;
  border-color: color-mix(in srgb, var(--google-marquee-accent), transparent 45%);
  background: rgb(36 44 37 / 0.98);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.08),
    0 1.8rem 3.8rem rgb(0 5 2 / 0.42);
  transform: translateZ(1.5rem) scale(1.025);
}

.google-review-card__header,
.google-review-card__author,
.google-review-card__footer {
  display: flex;
  align-items: center;
}

.google-review-card__header {
  justify-content: space-between;
  gap: 0.75rem;
}

.google-review-card__author {
  min-width: 0;
  gap: 0.65rem;
  color: inherit;
  text-decoration: none;
}

.google-review-card__author img,
.google-review-card__initials {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 0.16);
  border-radius: 50%;
  background: color-mix(in srgb, var(--google-marquee-accent), #253026 76%);
  color: #f7faef;
  font-size: 0.72rem;
  font-weight: 780;
  object-fit: cover;
}

.google-review-card__identity {
  display: grid;
  min-width: 0;
  gap: 0.1rem;
}

.google-review-card__identity strong,
.google-review-card__identity small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.google-review-card__identity strong {
  font-size: 0.82rem;
}

.google-review-card__identity small,
.google-review-card__footer {
  color: var(--google-marquee-muted);
  font-size: 0.68rem;
}

.google-review-card__google {
  display: grid;
  width: 1.75rem;
  height: 1.75rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: #f5f7f5;
}

.google-review-card__google i {
  color: #4285f4;
  font-size: 0.92rem;
  font-style: normal;
  font-weight: 800;
}

.google-review-card__stars {
  display: inline-flex;
  gap: 0.08rem;
  margin-top: 0.8rem;
  color: #556057;
  font-size: 0.82rem;
}

.google-review-card__stars .is-filled {
  color: #fbbc04;
}

.google-review-card > p {
  display: -webkit-box;
  overflow: hidden;
  margin: 0.75rem 0 1rem;
  color: var(--google-marquee-ink);
  font-size: 0.88rem;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.google-review-card__footer {
  justify-content: space-between;
  gap: 0.65rem;
  margin-top: auto;
}

.google-review-card__footer a {
  color: color-mix(in srgb, var(--google-marquee-accent), white 18%);
  font-weight: 680;
  text-decoration: none;
  white-space: nowrap;
}

.google-review-card__footer a:hover {
  text-decoration: underline;
  text-underline-offset: 0.22em;
}

.google-review-card a:focus-visible {
  border-radius: 0.25rem;
  outline: 2px solid var(--google-marquee-accent);
  outline-offset: 3px;
}

.google-marquee3d__fade {
  position: absolute;
  z-index: 8;
  pointer-events: none;
}

.google-marquee3d__fade--top,
.google-marquee3d__fade--bottom {
  inset-inline: 0;
  height: 23%;
}

.google-marquee3d__fade--top {
  top: 0;
  background: linear-gradient(to bottom, var(--google-marquee-bg), transparent);
}

.google-marquee3d__fade--bottom {
  bottom: 0;
  background: linear-gradient(to top, var(--google-marquee-bg), transparent);
}

.google-marquee3d__fade--left,
.google-marquee3d__fade--right {
  inset-block: 0;
  width: 15%;
}

.google-marquee3d__fade--left {
  left: 0;
  background: linear-gradient(to right, var(--google-marquee-bg), transparent);
}

.google-marquee3d__fade--right {
  right: 0;
  background: linear-gradient(to left, var(--google-marquee-bg), transparent);
}

.google-marquee3d__source {
  margin: 0.85rem 0 0;
  color: var(--google-marquee-muted);
  font-size: 0.72rem;
  text-align: right;
}

@keyframes google-review-marquee-forward {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, calc(-50% - 0.5rem), 0); }
}

@keyframes google-review-marquee-reverse {
  from { transform: translate3d(0, calc(-50% - 0.5rem), 0); }
  to { transform: translate3d(0, 0, 0); }
}

@media (max-width: 60rem) {
  .google-marquee3d__plane {
    inset-inline: -7rem;
    grid-template-columns: repeat(4, minmax(12rem, 1fr));
    transform: translate3d(-1rem, -1rem, -6rem) rotateX(14deg) rotateY(-7deg) rotateZ(10deg);
  }
}

@media (max-width: 42rem) {
  .google-marquee3d {
    width: min(100% - 1rem, 40rem);
  }

  .google-marquee3d__intro {
    align-items: start;
    flex-direction: column;
    gap: 1rem;
  }

  .google-marquee3d__summary {
    padding: 0;
  }

  .google-marquee3d__viewport {
    min-height: 34rem;
  }

  .google-marquee3d__plane {
    inset: -7rem -9rem;
    grid-template-columns: repeat(4, 11rem);
    gap: 0.75rem;
    transform: translate3d(-3.5rem, -1rem, -5rem) rotateX(12deg) rotateY(-6deg) rotateZ(8deg);
  }

  .google-review-column__track,
  .google-review-column__group {
    gap: 0.75rem;
  }

  .google-review-card {
    min-height: 12rem;
    padding: 0.9rem;
  }

  .google-review-card__footer {
    align-items: start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .google-review-column__track {
    animation-play-state: paused;
  }

  .google-review-card {
    transition-duration: 0.01ms;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.icon-feature-card {
  width: min(100%, 22rem);
  min-height: 19rem;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  color: var(--page-text);
  background: color-mix(in srgb, var(--page-surface), white 64%);
  border: 1px solid color-mix(in srgb, var(--page-text), transparent 88%);
  border-radius: var(--radius);
  box-shadow:
    0 0.2rem 0.4rem rgb(25 39 30 / 0.04),
    0 1.2rem 2.8rem rgb(25 39 30 / 0.08);
  text-decoration: none;
  transform: translateY(0);
  transition:
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 220ms ease,
    box-shadow 420ms cubic-bezier(0.16, 1, 0.3, 1);
}

.icon-feature-card:hover,
.icon-feature-card:focus-visible {
  border-color: color-mix(in srgb, var(--focus), transparent 54%);
  box-shadow:
    0 0.35rem 0.7rem rgb(25 39 30 / 0.05),
    0 1.7rem 3.8rem rgb(25 39 30 / 0.13);
  transform: translateY(-0.45rem);
}

.icon-feature-card:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 4px;
}

.icon-feature-card:active {
  transform: translateY(-0.1rem) scale(0.985);
}

.icon-feature-card__mark {
  width: 3.15rem;
  height: 3.15rem;
  display: grid;
  grid-template-columns: repeat(2, 0.62rem);
  grid-template-rows: repeat(2, 0.62rem);
  place-content: center;
  gap: 0.18rem;
  margin-bottom: 1.5rem;
  background: color-mix(in srgb, var(--focus), transparent 80%);
  border-radius: 50%;
}

.icon-feature-card__mark i {
  display: block;
  border-radius: 0.12rem;
  background: var(--focus);
  transform: rotate(0deg);
  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}

.icon-feature-card:hover .icon-feature-card__mark i:nth-child(1),
.icon-feature-card:focus-visible .icon-feature-card__mark i:nth-child(1) {
  transform: translate(-0.08rem, -0.08rem) rotate(-8deg);
}

.icon-feature-card:hover .icon-feature-card__mark i:nth-child(4),
.icon-feature-card:focus-visible .icon-feature-card__mark i:nth-child(4) {
  transform: translate(0.08rem, 0.08rem) rotate(8deg);
}

.icon-feature-card__copy {
  display: grid;
  gap: 0.8rem;
}

.icon-feature-card__copy strong {
  font-size: 1.45rem;
  font-weight: 690;
  letter-spacing: -0.035em;
}

.icon-feature-card__copy > span {
  color: var(--page-muted);
  font-size: 0.98rem;
  line-height: 1.55;
}

.icon-feature-card__action {
  display: inline-flex;
  align-items: center;
  align-self: flex-end;
  gap: 0.45rem;
  margin-top: auto;
  padding-top: 1.75rem;
  color: var(--focus);
  font-size: 0.92rem;
  font-weight: 700;
}

.icon-feature-card__action > span {
  transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
}

.icon-feature-card:hover .icon-feature-card__action > span,
.icon-feature-card:focus-visible .icon-feature-card__action > span {
  transform: translateX(0.28rem);
}

@media (prefers-color-scheme: dark) {
  .icon-feature-card {
    background: color-mix(in srgb, var(--page-surface), white 5%);
    box-shadow:
      0 0.2rem 0.4rem rgb(0 0 0 / 0.12),
      0 1.2rem 2.8rem rgb(0 0 0 / 0.2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .icon-feature-card,
  .icon-feature-card__mark i,
  .icon-feature-card__action > span {
    transition-duration: 0.01ms;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.lottie-hover-card {
  position: relative;
  isolation: isolate;
  width: min(100%, 44rem, calc((100dvh - 6rem) * 0.8));
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--card-edge), transparent 38%);
  border-radius: var(--radius);
  background: #111413;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.08),
    0 1.5rem 4rem rgb(9 24 18 / 0.18);
  color: #f4f6f4;
  cursor: default;
  outline: none;
  transform: translateY(0) scale(1);
  transition:
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 420ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 420ms cubic-bezier(0.16, 1, 0.3, 1);
}

.lottie-hover-card:is(:hover, :focus-visible) {
  border-color: color-mix(in srgb, var(--card-edge), #d3dfd6 24%);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.13),
    0 2.25rem 6rem rgb(9 24 18 / 0.27);
  transform: translateY(-0.35rem) scale(1.006);
}

.lottie-hover-card:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 5px;
}

.lottie-hover-card:active {
  transform: translateY(-0.2rem) scale(0.995);
}

.lottie-hover-card__animation,
.lottie-hover-card__scrim {
  position: absolute;
  inset: 0;
}

.lottie-hover-card__animation {
  z-index: -2;
  transform: scale(1.025);
  transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
}

.lottie-hover-card__animation svg {
  width: 100% !important;
  height: 100% !important;
}

.lottie-hover-card:is(:hover, :focus-visible) .lottie-hover-card__animation {
  transform: scale(1.07);
}

.lottie-hover-card__scrim {
  z-index: -1;
  background:
    linear-gradient(180deg, rgb(4 8 6 / 0.08) 20%, rgb(4 8 6 / 0.44) 60%, rgb(4 8 6 / 0.92) 100%),
    linear-gradient(90deg, rgb(4 8 6 / 0.26), transparent 70%);
  transition: opacity 420ms cubic-bezier(0.16, 1, 0.3, 1);
}

.lottie-hover-card:is(:hover, :focus-visible) .lottie-hover-card__scrim {
  opacity: 0.88;
}

.lottie-hover-card__content {
  position: absolute;
  inset: auto clamp(1.5rem, 5vw, 3.25rem) clamp(1.6rem, 5vw, 3.2rem);
  max-width: 34rem;
}

.lottie-hover-card__content h2 {
  max-width: 9ch;
  margin: 0;
  font-size: clamp(2.7rem, 7.4vw, 5.25rem);
  font-weight: 680;
  letter-spacing: -0.065em;
  line-height: 0.93;
  text-wrap: balance;
}

.lottie-hover-card__content p {
  max-width: 31rem;
  margin: clamp(1.25rem, 3vw, 2.1rem) 0 0;
  color: rgb(244 246 244 / 0.84);
  font-size: clamp(1rem, 2.15vw, 1.35rem);
  line-height: 1.52;
  text-wrap: pretty;
}

@media (max-width: 47.99rem) {
  .lottie-hover-card {
    width: 100%;
    min-height: 33rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lottie-hover-card,
  .lottie-hover-card__animation,
  .lottie-hover-card__scrim {
    transition-duration: 0.01ms;
  }

  .lottie-hover-card:is(:hover, :focus-visible),
  .lottie-hover-card:is(:hover, :focus-visible) .lottie-hover-card__animation {
    transform: none;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.media-intro {
  width: min(100% - 2rem, 82rem);
  min-height: min(52rem, calc(100dvh - 2rem));
  margin-inline: auto;
  color: var(--page-text);
}

.media-intro__nav {
  min-height: 4.5rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 2rem;
}

.media-intro__brand {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: inherit;
  font-size: 1.22rem;
  font-weight: 760;
  letter-spacing: -0.04em;
  text-decoration: none;
}

.media-intro__brand > span {
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  color: var(--page-surface);
  background: var(--focus);
  border-radius: 50%;
  font-size: 0.72rem;
  letter-spacing: 0;
}

.media-intro__nav nav {
  display: flex;
  justify-content: center;
  gap: clamp(1rem, 2.7vw, 2.4rem);
}

.media-intro__nav nav a,
.media-intro__nav-action {
  color: var(--page-muted);
  font-size: 0.9rem;
  font-weight: 640;
  text-decoration: none;
  transition: color 180ms ease;
  white-space: nowrap;
}

.media-intro__nav nav a:hover,
.media-intro__nav nav a:focus-visible,
.media-intro__nav-action:hover,
.media-intro__nav-action:focus-visible {
  color: var(--page-text);
}

.media-intro__nav-action {
  min-height: 2.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1rem;
  color: var(--page-surface);
  background: var(--page-text);
  border-radius: calc(var(--radius) * 0.72);
}

.media-intro__nav-action:hover,
.media-intro__nav-action:focus-visible {
  color: var(--page-surface);
  background: var(--focus);
}

.media-intro__hero {
  position: relative;
  min-height: 42rem;
}

.media-intro__media {
  position: absolute;
  inset: 2rem 0 0 10%;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--page-text), transparent 94%);
}

.media-intro__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(241 244 242 / 0.72), transparent 48%);
  pointer-events: none;
}

.media-intro__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.media-intro__content {
  position: relative;
  z-index: 1;
  width: min(52rem, 66%);
  padding-top: clamp(8rem, 15vw, 12rem);
}

.media-intro__label {
  margin: 0 0 1.2rem;
  color: var(--focus);
  font-size: 0.84rem;
  font-weight: 720;
}

.media-intro h1,
.media-intro h2 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(3.4rem, 7vw, 6.8rem);
  font-weight: 700;
  letter-spacing: -0.07em;
  line-height: 0.92;
  text-wrap: balance;
}

.media-intro__description {
  max-width: 32rem;
  margin: 1.7rem 0 0;
  color: color-mix(in srgb, var(--page-text), transparent 22%);
  font-size: 1.06rem;
  line-height: 1.6;
  text-wrap: pretty;
}

.media-intro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 1.65rem;
}

.media-intro__actions a {
  min-height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1.2rem;
  border-radius: calc(var(--radius) * 0.72);
  font-weight: 720;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
  white-space: nowrap;
}

.media-intro__actions a:active {
  transform: scale(0.98);
}

.media-intro__primary {
  color: var(--page-surface);
  background: var(--focus);
}

.media-intro__primary:hover,
.media-intro__primary:focus-visible {
  background: var(--page-text);
}

.media-intro__secondary {
  color: var(--page-text);
  background: color-mix(in srgb, var(--page-surface), transparent 20%);
  border: 1px solid color-mix(in srgb, var(--page-text), transparent 74%);
}

.media-intro__secondary:hover,
.media-intro__secondary:focus-visible {
  background: var(--page-surface);
}

.media-intro a:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 4px;
}

@media (prefers-color-scheme: dark) {
  .media-intro__media::after {
    background: linear-gradient(90deg, rgb(12 14 13 / 0.78), transparent 48%);
  }
}

@media (max-width: 52rem) {
  .media-intro {
    min-height: auto;
  }

  .media-intro__nav {
    grid-template-columns: 1fr auto;
    gap: 1rem;
  }

  .media-intro__nav nav {
    display: none;
  }

  .media-intro__hero {
    min-height: auto;
    display: grid;
    gap: 1.5rem;
  }

  .media-intro__media {
    position: relative;
    inset: auto;
    grid-row: 2;
    height: min(30rem, 115vw);
  }

  .media-intro__media::after {
    background: linear-gradient(0deg, rgb(241 244 242 / 0.16), transparent 48%);
  }

  .media-intro__content {
    width: 100%;
    padding-top: 4rem;
  }

  .media-intro h1,
  .media-intro h2 {
    font-size: clamp(3rem, 14vw, 5.1rem);
  }
}

@media (prefers-color-scheme: dark) and (max-width: 52rem) {
  .media-intro__media::after {
    background: linear-gradient(0deg, rgb(12 14 13 / 0.18), transparent 48%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .media-intro__nav a,
  .media-intro__actions a {
    transition-duration: 0.01ms;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.morph-nav {
  --morph-ink: #303330;
  --morph-muted: #777d78;
  --morph-surface: rgb(250 251 250 / 0.96);
  --morph-hover: #ecefec;
  --morph-edge: rgb(35 43 38 / 0.1);
  --morph-shadow: rgb(37 49 41 / 0.12);
  display: grid;
  width: 100%;
  place-items: center;
  color: var(--morph-ink);
}

.morph-nav__root {
  position: relative;
  display: grid;
  max-width: 100%;
  justify-items: center;
}

.morph-nav__list {
  --morph-pill-x: 0px;
  --morph-pill-width: 0px;
  position: relative;
  display: flex;
  max-width: calc(100vw - 2rem);
  align-items: center;
  gap: 0.16rem;
  overflow-x: auto;
  padding: 0.28rem;
  scrollbar-width: none;
}

.morph-nav__list::-webkit-scrollbar {
  display: none;
}

.morph-nav__pill {
  position: absolute;
  top: 0.28rem;
  bottom: 0.28rem;
  left: 0;
  width: var(--morph-pill-width);
  border-radius: 0.55rem;
  background: var(--morph-hover);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(var(--morph-pill-x), 0, 0);
  transition:
    width 360ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 160ms ease;
}

.morph-nav.is-open .morph-nav__pill {
  opacity: 1;
}

.morph-nav__trigger {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-height: 2.4rem;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.42rem;
  padding: 0.58rem 0.82rem;
  border: 0;
  border-radius: 0.55rem;
  background: transparent;
  color: var(--morph-muted);
  font-size: 0.82rem;
  font-weight: 610;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color 180ms ease;
}

.morph-nav__trigger:hover,
.morph-nav__trigger.is-active,
.morph-nav__trigger:focus-visible {
  color: var(--morph-ink);
}

.morph-nav__trigger:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--focus), transparent 22%);
  outline-offset: 1px;
}

.morph-nav__chevron {
  width: 0.36rem;
  height: 0.36rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  opacity: 0.58;
  transform: translateY(-0.11rem) rotate(45deg);
  transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

.morph-nav__trigger.is-active .morph-nav__chevron {
  transform: translateY(0.08rem) rotate(225deg);
}

.morph-nav__viewport {
  position: absolute;
  top: calc(100% + 0.65rem);
  left: 50%;
  z-index: 3;
  width: min(var(--morph-viewport-width), calc(100vw - 2rem));
  height: var(--morph-viewport-height);
  overflow: hidden;
  border: 1px solid var(--morph-edge);
  border-radius: 0.95rem;
  background: var(--morph-surface);
  box-shadow:
    0 24px 70px -22px var(--morph-shadow),
    0 3px 10px rgb(37 49 41 / 0.06),
    inset 0 1px 0 rgb(255 255 255 / 0.82);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, -0.55rem, 0) scale(0.97);
  transform-origin: 50% 0;
  transition:
    width 430ms cubic-bezier(0.22, 1, 0.36, 1),
    height 430ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 150ms ease,
    transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
}

.morph-nav.is-open .morph-nav__viewport {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(-50%, 0, 0) scale(1);
}

.morph-nav__viewport-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.morph-nav__panel {
  position: absolute;
  inset: 0 auto auto 0;
  width: min(var(--morph-panel-width), calc(100vw - 2rem));
  padding: 0.7rem;
}

.morph-nav__panel--active.is-forward {
  animation: morph-panel-enter-forward 360ms cubic-bezier(0.22, 1, 0.36, 1)
    both;
}

.morph-nav__panel--active.is-backward {
  animation: morph-panel-enter-backward 360ms cubic-bezier(0.22, 1, 0.36, 1)
    both;
}

.morph-nav__panel--previous.is-forward {
  animation: morph-panel-leave-forward 260ms ease both;
}

.morph-nav__panel--previous.is-backward {
  animation: morph-panel-leave-backward 260ms ease both;
}

.morph-nav__panel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.28rem;
}

.morph-nav__panel-link {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.28rem;
  padding: 0.82rem 0.9rem;
  border-radius: 0.7rem;
  color: var(--morph-ink);
  text-align: left;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.morph-nav__panel-link:hover,
.morph-nav__panel-link:focus-visible {
  background: var(--morph-hover);
  transform: translate3d(0.18rem, 0, 0);
}

.morph-nav__panel-link:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--focus), transparent 24%);
  outline-offset: -2px;
}

.morph-nav__panel-link > span {
  overflow: hidden;
  font-size: 0.86rem;
  font-weight: 680;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.morph-nav__panel-link > small {
  overflow: hidden;
  color: var(--morph-muted);
  font-size: 0.72rem;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes morph-panel-enter-forward {
  from {
    opacity: 0;
    transform: translate3d(1.2rem, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes morph-panel-enter-backward {
  from {
    opacity: 0;
    transform: translate3d(-1.2rem, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes morph-panel-leave-forward {
  to {
    opacity: 0;
    transform: translate3d(-0.8rem, 0, 0);
  }
}

@keyframes morph-panel-leave-backward {
  to {
    opacity: 0;
    transform: translate3d(0.8rem, 0, 0);
  }
}

@media (prefers-color-scheme: dark) {
  .morph-nav {
    --morph-ink: #eff2ef;
    --morph-muted: #a3aaa5;
    --morph-surface: rgb(24 27 25 / 0.97);
    --morph-hover: #292e2b;
    --morph-edge: rgb(238 244 240 / 0.1);
    --morph-shadow: rgb(0 0 0 / 0.42);
  }

  .morph-nav__viewport {
    box-shadow:
      0 26px 72px -24px var(--morph-shadow),
      0 3px 12px rgb(0 0 0 / 0.24),
      inset 0 1px 0 rgb(255 255 255 / 0.055);
  }
}

@media (max-width: 34rem) {
  .morph-nav__trigger {
    padding-inline: 0.66rem;
    font-size: 0.76rem;
  }

  .morph-nav__panel-grid {
    grid-template-columns: 1fr;
  }

  .morph-nav__panel-link {
    padding-block: 0.68rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .morph-nav__pill,
  .morph-nav__viewport,
  .morph-nav__chevron,
  .morph-nav__panel-link {
    transition-duration: 0.01ms;
  }

  .morph-nav__panel {
    animation: none;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.munich-branch-map {
  --map-accent: #acd234;
  --map-blue: #73b7ff;
  --map-ink: #f4f7f3;
  --map-muted: #b2bcb5;
  --map-panel: rgb(20 26 22 / 0.96);
  --map-ease: cubic-bezier(0.16, 1, 0.3, 1);
  width: min(100%, 78rem);
  color: var(--map-ink);
}

.munich-branch-map__viewport {
  position: relative;
  padding-top: clamp(8rem, 16vw, 12rem);
  border: 1px solid rgb(226 242 208 / 0.1);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 50% 72%, rgb(128 161 58 / 0.13), transparent 42%),
    #080b09;
  box-shadow:
    0 2rem 5rem rgb(31 48 25 / 0.22),
    inset 0 1px 0 rgb(255 255 255 / 0.055);
}

.munich-branch-map__canvas {
  position: relative;
  aspect-ratio: 3 / 2;
  width: 100%;
}

.munich-branch-map__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

.munich-branch-map__markers {
  position: absolute;
  inset: 0;
}

.munich-branch-map__marker {
  position: absolute;
  z-index: 2;
  top: var(--branch-y);
  left: var(--branch-x);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  isolation: isolate;
}

.munich-branch-map__marker::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 5.5rem;
  height: 1.8rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(96 174 255 / 0.38), transparent 68%);
  opacity: 0.72;
  transform: translate(-50%, -50%) scale(0.78);
  transition:
    opacity 220ms ease,
    transform 420ms var(--map-ease);
}

.munich-branch-map__marker::after {
  content: "";
  position: absolute;
  z-index: 6;
  bottom: -0.9rem;
  left: -0.85rem;
  width: 1.7rem;
  height: calc(var(--beam-height) + 1.8rem);
}

.munich-branch-map__marker:hover,
.munich-branch-map__marker:focus-visible,
.munich-branch-map__marker.is-active {
  z-index: 7;
}

.munich-branch-map__marker:focus-visible {
  outline: none;
}

.munich-branch-map__marker:focus-visible .munich-branch-map__point {
  outline: 2px solid var(--map-ink);
  outline-offset: 5px;
}

.munich-branch-map__marker.is-active::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.16);
}

.munich-branch-map__point {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 0.68rem;
  height: 0.68rem;
  border: 2px solid rgb(238 255 210 / 0.94);
  border-radius: 50%;
  background: var(--map-accent);
  box-shadow:
    0 0 0 0.32rem rgb(172 210 52 / 0.18),
    0 0 1.15rem rgb(172 210 52 / 0.92),
    0 0 2.8rem rgb(104 178 255 / 0.55);
  transform: translate(-50%, -50%);
  transition:
    background-color 180ms ease,
    box-shadow 240ms ease,
    transform 360ms var(--map-ease);
}

.munich-branch-map__marker.is-active .munich-branch-map__point {
  background: #d6f76d;
  box-shadow:
    0 0 0 0.45rem rgb(172 210 52 / 0.2),
    0 0 1.5rem rgb(199 238 81 / 0.98),
    0 0 4rem rgb(104 178 255 / 0.72);
  transform: translate(-50%, -50%) scale(1.18);
}

.munich-branch-map__pulse,
.munich-branch-map__pulse > span {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  pointer-events: none;
}

.munich-branch-map__pulse {
  z-index: 1;
  width: 1px;
  height: 1px;
}

.munich-branch-map__pulse > span {
  width: 3.8rem;
  height: 1.2rem;
  border: 1px solid rgb(120 190 255 / 0.66);
  opacity: 0.62;
  transform: translate(-50%, -50%) rotate(-2deg);
  animation: branch-map-pulse 3.2s var(--map-ease) infinite;
}

.munich-branch-map__pulse > span:last-child {
  animation-delay: 1.6s;
}

.munich-branch-map__beam {
  position: absolute;
  z-index: 3;
  bottom: 0.1rem;
  left: 0;
  width: 3px;
  height: var(--beam-height);
  background: linear-gradient(
    to top,
    #e4f2ff,
    #9dcfff 16%,
    var(--map-blue) 48%,
    rgb(76 160 255 / 0.68) 76%,
    transparent
  );
  box-shadow:
    0 0 0.24rem rgb(201 230 255 / 0.96),
    0 0 0.85rem rgb(77 159 255 / 0.98),
    0 0 2.25rem rgb(65 143 255 / 0.68);
  opacity: 0.98;
  transform: translateX(-50%) scaleY(0.96);
  transform-origin: 50% 100%;
  transition:
    opacity 180ms ease,
    transform 420ms var(--map-ease);
}

.munich-branch-map__beam::before {
  content: "";
  position: absolute;
  inset: 0 -0.42rem;
  background: linear-gradient(to top, rgb(96 174 255 / 0.45), transparent 88%);
  filter: blur(0.28rem);
}

.munich-branch-map__beam::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0.42rem;
  height: 34%;
  border-radius: 999px;
  background: linear-gradient(to bottom, transparent, #e8f5ff, transparent);
  opacity: 0;
  transform: translate(-50%, -100%);
}

.munich-branch-map__marker.is-active .munich-branch-map__beam {
  transform: translateX(-50%) scaleY(1.04);
}

.munich-branch-map__marker.is-active .munich-branch-map__beam::after {
  opacity: 1;
  animation: branch-map-beam-travel 1.9s ease-in-out infinite;
}

.munich-branch-map__marker-label,
.munich-branch-map__panel {
  position: absolute;
  z-index: 5;
  bottom: calc(var(--beam-height) + 0.92rem);
  left: 0;
  border: 1px solid rgb(235 245 235 / 0.14);
  background:
    linear-gradient(145deg, rgb(255 255 255 / 0.075), transparent 55%),
    var(--map-panel);
  box-shadow:
    0 1.35rem 3.4rem rgb(4 9 6 / 0.38),
    inset 0 1px 0 rgb(255 255 255 / 0.09);
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}

.munich-branch-map__marker-label {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  width: 13.25rem;
  min-height: 3.7rem;
  padding: 0.66rem 0.78rem;
  border-radius: 0.78rem;
  opacity: 1;
  transform: translateX(-50%) scale(1);
  transform-origin: 50% 100%;
  transition:
    opacity 180ms ease 90ms,
    transform 420ms var(--map-ease);
}

.munich-branch-map__panel {
  display: grid;
  width: 19.5rem;
  min-height: 11.75rem;
  padding: 0.82rem;
  border-color: rgb(199 228 102 / 0.32);
  border-radius: 1rem;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(0.8rem) scale(0.88);
  transform-origin: 50% 100%;
  transition:
    opacity 150ms ease,
    transform 480ms var(--map-ease),
    box-shadow 260ms ease;
}

.munich-branch-map__marker.is-left .munich-branch-map__marker-label,
.munich-branch-map__marker.is-left .munich-branch-map__panel {
  transform-origin: 12% 100%;
}

.munich-branch-map__marker.is-left .munich-branch-map__marker-label {
  transform: translateX(-12%) scale(1);
}

.munich-branch-map__marker.is-left .munich-branch-map__panel {
  transform: translateX(-12%) translateY(0.8rem) scale(0.88);
}

.munich-branch-map__marker.is-right .munich-branch-map__marker-label,
.munich-branch-map__marker.is-right .munich-branch-map__panel {
  transform-origin: 88% 100%;
}

.munich-branch-map__marker.is-right .munich-branch-map__marker-label {
  transform: translateX(-88%) scale(1);
}

.munich-branch-map__marker.is-right .munich-branch-map__panel {
  transform: translateX(-88%) translateY(0.8rem) scale(0.88);
}

.munich-branch-map__marker.is-active .munich-branch-map__marker-label {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-0.3rem) scale(0.94);
  transition-delay: 0ms;
}

.munich-branch-map__marker.is-active.is-left .munich-branch-map__marker-label {
  transform: translateX(-12%) translateY(-0.3rem) scale(0.94);
}

.munich-branch-map__marker.is-active.is-right .munich-branch-map__marker-label {
  transform: translateX(-88%) translateY(-0.3rem) scale(0.94);
}

.munich-branch-map__marker.is-active .munich-branch-map__panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) scale(1);
  transition-delay: 60ms, 0ms, 0ms;
  box-shadow:
    0 1.8rem 4.8rem rgb(4 9 6 / 0.5),
    0 0 3.5rem rgb(139 183 77 / 0.16),
    inset 0 1px 0 rgb(255 255 255 / 0.11);
}

.munich-branch-map__marker.is-active.is-left .munich-branch-map__panel {
  transform: translateX(-12%) scale(1);
}

.munich-branch-map__marker.is-active.is-right .munich-branch-map__panel {
  transform: translateX(-88%) scale(1);
}

.munich-branch-map.has-active-branch
  .munich-branch-map__marker:not(.is-active)
  .munich-branch-map__marker-label {
  opacity: 0.06;
  pointer-events: none;
  transition-delay: 0ms;
}

.munich-branch-map__location-copy {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
  text-align: left;
}

.munich-branch-map__location-prefix {
  color: var(--map-muted);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.1;
  text-transform: uppercase;
}

.munich-branch-map__location-name {
  overflow: hidden;
  color: var(--map-ink);
  font-size: 0.86rem;
  font-weight: 730;
  letter-spacing: -0.018em;
  line-height: 1.14;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.munich-branch-map__panel-head,
.munich-branch-map__mobile-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
}

.munich-branch-map__panel-head {
  padding-bottom: 0.72rem;
  border-bottom: 1px solid rgb(231 242 232 / 0.1);
}

.munich-branch-map__panel-head .munich-branch-map__location-name {
  font-size: 1rem;
}

.munich-branch-map__toggle {
  width: 0.42rem;
  height: 0.42rem;
  border-right: 1px solid var(--map-muted);
  border-bottom: 1px solid var(--map-muted);
  opacity: 0.76;
  transform: translateY(-0.12rem) rotate(45deg);
  transition: transform 340ms var(--map-ease);
}

.munich-branch-map__marker.is-active .munich-branch-map__toggle,
.munich-branch-map__mobile-card.is-active .munich-branch-map__toggle {
  transform: translateY(0.1rem) rotate(225deg);
}

.munich-branch-map__details-inner {
  display: grid;
  min-height: 0;
  gap: 0.74rem;
  padding-top: 0.72rem;
  text-align: left;
}

.munich-branch-map__address {
  color: var(--map-ink);
  font-size: 0.82rem;
  font-weight: 640;
  line-height: 1.35;
}

.munich-branch-map__transit {
  display: grid;
  gap: 0.46rem;
}

.munich-branch-map__route {
  display: grid;
  grid-template-columns: 3.45rem minmax(0, 1fr);
  align-items: start;
  gap: 0.62rem;
  color: var(--map-muted);
  font-size: 0.69rem;
  line-height: 1.38;
}

.munich-branch-map__mode {
  display: inline-flex;
  min-height: 1.35rem;
  align-items: center;
  justify-content: center;
  padding-inline: 0.34rem;
  border: 1px solid rgb(172 210 52 / 0.26);
  border-radius: 0.35rem;
  background: rgb(172 210 52 / 0.09);
  color: #d9ef95;
  font-size: 0.6rem;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
}

.munich-branch-map__phone {
  color: #d2dad4;
  font-size: 0.68rem;
  letter-spacing: 0.03em;
}

.munich-branch-map__mobile-list {
  display: none;
}

.munich-branch-map__hint {
  margin: 0.8rem 0 0;
  color: color-mix(in srgb, var(--map-muted), transparent 12%);
  font-size: 0.7rem;
  text-align: right;
}

@keyframes branch-map-pulse {
  0% {
    opacity: 0.62;
    transform: translate(-50%, -50%) rotate(-2deg) scale(0.38);
  }
  70%,
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-2deg) scale(1.35);
  }
}

@keyframes branch-map-beam-travel {
  0% {
    transform: translate(-50%, -105%);
  }
  55%,
  100% {
    transform: translate(-50%, 310%);
  }
}

@media (max-width: 62rem) {
  .munich-branch-map__viewport {
    padding-top: 1rem;
  }

  .munich-branch-map__beam {
    height: var(--mobile-beam-height);
  }

  .munich-branch-map__marker::after {
    height: calc(var(--mobile-beam-height) + 1.8rem);
  }

  .munich-branch-map__marker-label,
  .munich-branch-map__panel {
    display: none;
  }

  .munich-branch-map__mobile-list {
    display: grid;
    gap: 0.6rem;
    margin-top: 0.75rem;
  }

  .munich-branch-map__mobile-card {
    display: grid;
    width: 100%;
    grid-template-rows: auto 0fr;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgb(235 245 235 / 0.12);
    border-radius: 0.82rem;
    background: var(--map-panel);
    color: var(--map-ink);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.06);
    cursor: pointer;
    font: inherit;
    transition:
      grid-template-rows 460ms var(--map-ease),
      border-color 200ms ease,
      background-color 200ms ease,
      transform 180ms ease;
  }

  .munich-branch-map__mobile-card:hover,
  .munich-branch-map__mobile-card:focus-visible,
  .munich-branch-map__mobile-card.is-active {
    border-color: rgb(199 228 102 / 0.36);
    background: #182019;
  }

  .munich-branch-map__mobile-card:focus-visible {
    outline: 2px solid #d9ef95;
    outline-offset: 2px;
  }

  .munich-branch-map__mobile-card:active {
    transform: scale(0.992);
  }

  .munich-branch-map__mobile-card.is-active {
    grid-template-rows: auto 1fr;
  }

  .munich-branch-map__mobile-head {
    min-height: 3.7rem;
    padding: 0.68rem 0.8rem;
    text-align: left;
  }

  .munich-branch-map__mobile-head .munich-branch-map__location-name {
    font-size: 0.92rem;
  }

  .munich-branch-map__mobile-details {
    min-height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-0.5rem);
    transition:
      opacity 180ms ease,
      transform 360ms var(--map-ease),
      visibility 0s linear 460ms;
  }

  .munich-branch-map__mobile-card.is-active
    .munich-branch-map__mobile-details {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition:
      opacity 220ms ease 90ms,
      transform 420ms var(--map-ease) 40ms,
      visibility 0s linear;
  }

  .munich-branch-map__mobile-details .munich-branch-map__details-inner {
    gap: 0.64rem;
    padding: 0 0.8rem 0.82rem;
  }

  .munich-branch-map__hint {
    text-align: left;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .munich-branch-map__marker-label,
  .munich-branch-map__panel,
  .munich-branch-map__mobile-card {
    background: #171d19;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .munich-branch-map__pulse > span,
  .munich-branch-map__marker.is-active .munich-branch-map__beam::after {
    animation: none;
  }

  .munich-branch-map__marker::before,
  .munich-branch-map__point,
  .munich-branch-map__beam,
  .munich-branch-map__marker-label,
  .munich-branch-map__panel,
  .munich-branch-map__toggle,
  .munich-branch-map__mobile-card,
  .munich-branch-map__mobile-details {
    transition-duration: 0.01ms;
    transition-delay: 0ms;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.parallax-product-cards {
  display: grid;
  width: min(100%, 39rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 3vw, 1.5rem);
  perspective: 900px;
}

.parallax-product-card {
  --parallax-x: 0.5;
  --parallax-y: 0.5;
  --parallax-tilt-x: 0deg;
  --parallax-tilt-y: 0deg;
  --parallax-media-x: 0px;
  --parallax-media-y: 0px;
  position: relative;
  isolation: isolate;
  min-height: 24rem;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 0.14);
  border-radius: 1rem;
  background: #111512;
  box-shadow: 0 1.7rem 3rem rgb(17 31 22 / 0.14);
  color: #fff;
  text-decoration: none;
  transform: rotateX(var(--parallax-tilt-x)) rotateY(var(--parallax-tilt-y));
  transform-style: preserve-3d;
  transition:
    transform 180ms ease-out,
    box-shadow 260ms ease-out;
}

.parallax-product-card:hover,
.parallax-product-card:focus-visible {
  box-shadow: 0 2.2rem 4rem rgb(17 31 22 / 0.25);
}

.parallax-product-card:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--parallax-accent), white 16%);
  outline-offset: 4px;
}

.parallax-product-card__media,
.parallax-product-card__media img,
.parallax-product-card__shade {
  position: absolute;
  inset: 0;
}

.parallax-product-card__media {
  z-index: -3;
  transform: translate3d(var(--parallax-media-x), var(--parallax-media-y), -14px) scale(1.12);
  transition: transform 180ms ease-out;
}

.parallax-product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--parallax-image-position);
  filter: saturate(0.72) contrast(1.08);
  transition: filter 360ms ease;
}

.parallax-product-card:hover .parallax-product-card__media img,
.parallax-product-card:focus-visible .parallax-product-card__media img {
  filter: saturate(1) contrast(1.05);
}

.parallax-product-card__shade {
  z-index: -2;
  background:
    linear-gradient(180deg, rgb(6 12 8 / 0.16), rgb(6 12 8 / 0.86)),
    radial-gradient(circle at calc(var(--parallax-x) * 100%) calc(var(--parallax-y) * 100%), color-mix(in srgb, var(--parallax-accent), transparent 58%), transparent 42%);
}

.parallax-product-card__copy {
  position: absolute;
  inset: auto 1.4rem 1.35rem;
  display: grid;
  gap: 0.45rem;
  transform: translate3d(0, 2.55rem, 44px);
  transition: transform 360ms cubic-bezier(0.16, 1, 0.3, 1);
}

.parallax-product-card:hover .parallax-product-card__copy,
.parallax-product-card:focus-visible .parallax-product-card__copy {
  transform: translate3d(0, 0, 44px);
}

.parallax-product-card__copy small {
  color: var(--parallax-accent);
  font-size: 0.72rem;
  font-weight: 760;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.parallax-product-card__copy strong {
  max-width: 9ch;
  font-size: clamp(1.6rem, 4vw, 2.45rem);
  letter-spacing: -0.055em;
  line-height: 0.98;
}

.parallax-product-card__copy > span {
  width: max-content;
  margin-top: 0.65rem;
  padding: 0.58rem 0.78rem;
  border-radius: 0.58rem;
  background: var(--parallax-accent);
  color: #142008;
  font-size: 0.78rem;
  font-weight: 760;
  opacity: 0;
  transform: translateY(0.7rem);
  transition:
    opacity 220ms ease 80ms,
    transform 280ms cubic-bezier(0.16, 1, 0.3, 1) 80ms;
}

.parallax-product-card:hover .parallax-product-card__copy > span,
.parallax-product-card:focus-visible .parallax-product-card__copy > span {
  opacity: 1;
  transform: translateY(0);
}

.parallax-product-card__orb {
  position: absolute;
  top: 28%;
  right: -2.1rem;
  z-index: -1;
  width: 8.5rem;
  aspect-ratio: 1;
  border: 1px solid color-mix(in srgb, var(--parallax-accent), white 24%);
  border-radius: 50%;
  background: color-mix(in srgb, var(--parallax-accent), transparent 42%);
  box-shadow: 0 0 3rem color-mix(in srgb, var(--parallax-accent), transparent 54%);
  transform: translate3d(calc((var(--parallax-x) - 0.5) * 34px), calc((var(--parallax-y) - 0.5) * 26px), 62px) scale(0.72);
  opacity: 0;
  transition:
    opacity 260ms ease,
    transform 180ms ease-out;
}

.parallax-product-card:hover .parallax-product-card__orb,
.parallax-product-card:focus-visible .parallax-product-card__orb {
  opacity: 0.8;
  transform: translate3d(calc((var(--parallax-x) - 0.5) * 34px), calc((var(--parallax-y) - 0.5) * 26px), 62px) scale(1);
}

@media (max-width: 39rem) {
  .parallax-product-cards {
    width: min(100%, 21rem);
    grid-template-columns: 1fr;
  }

  .parallax-product-card {
    min-height: 21rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .parallax-product-card,
  .parallax-product-card__media,
  .parallax-product-card__copy,
  .parallax-product-card__copy > span,
  .parallax-product-card__orb {
    transition-duration: 0.01ms;
  }

  .parallax-product-card {
    transform: none;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.plasticity-button {
  --plasticity-label-x: 0px;
  --plasticity-label-y: 0px;
  --plasticity-label-scale: 1;
  --plasticity-surface-x: 0px;
  --plasticity-surface-y: 0px;
  --plasticity-surface-scale: 1;
  --plasticity-tilt-x: 0deg;
  --plasticity-tilt-y: 0deg;
  position: relative;
  display: inline-grid;
  width: min(100%, 22rem);
  min-height: 7.25rem;
  place-items: center;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 2rem;
  background: transparent;
  color: #dfe3e0;
  cursor: pointer;
  touch-action: manipulation;
  perspective: 700px;
  -webkit-tap-highlight-color: transparent;
}

.plasticity-button canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform: translate3d(
      var(--plasticity-surface-x),
      var(--plasticity-surface-y),
      0
    )
    rotateX(var(--plasticity-tilt-x)) rotateY(var(--plasticity-tilt-y))
    scale(var(--plasticity-surface-scale));
  transform-origin: center;
  will-change: transform;
}

.plasticity-button > span {
  position: relative;
  z-index: 1;
  font-size: 1rem;
  font-weight: 680;
  letter-spacing: -0.025em;
  transform: translate3d(var(--plasticity-label-x), var(--plasticity-label-y), 0)
    scale(var(--plasticity-label-scale));
  transition: color 220ms ease;
  will-change: transform;
}

.plasticity-button:hover > span {
  color: #f1f4f2;
}

.plasticity-button:focus-visible {
  outline: 3px solid rgb(149 191 48 / 0.72);
  outline-offset: 4px;
}

.plasticity-button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

@media (max-width: 35rem) {
  .plasticity-button {
    width: min(100%, 19rem);
    min-height: 6.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .plasticity-button > span {
    transition: none;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.popout-reward-card {
  width: min(100%, 18rem);
  overflow: visible;
  border: 1px solid rgb(22 31 26 / 0.1);
  border-radius: var(--radius);
  background: #f8faf8;
  color: #17201b;
  box-shadow: 0 1.4rem 3.5rem rgb(22 45 31 / 0.12);
  transform: translateY(0);
  transition:
    transform 520ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

.popout-reward-card:hover,
.popout-reward-card:focus-within {
  box-shadow: 0 2.2rem 4.8rem rgb(22 45 31 / 0.2);
  transform: translateY(-0.35rem);
}

.popout-reward-card__header {
  position: relative;
  min-height: 8rem;
  overflow: visible;
  border-radius: var(--radius) var(--radius) 0 0;
  background:
    radial-gradient(circle at 82% 22%, rgb(149 191 48 / 0), transparent 42%),
    #f1f4f1;
  transition: background-color 420ms ease;
}

.popout-reward-card:hover .popout-reward-card__header,
.popout-reward-card:focus-within .popout-reward-card__header {
  background:
    radial-gradient(circle at 82% 22%, rgb(149 191 48 / 0.5), transparent 46%),
    #edf4ef;
}

.popout-reward-card__eyebrow {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: inline-flex;
  padding: 0.24rem 0.45rem;
  border-radius: 0.35rem;
  background: rgb(149 191 48 / 0.16);
  color: #476510;
  font-size: 0.61rem;
  font-weight: 700;
  line-height: 1;
}

.popout-reward-card__title {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}

.popout-reward-card__title h3 {
  max-width: 12rem;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 720;
  letter-spacing: -0.045em;
  line-height: 1.05;
}

.popout-reward-card__title p {
  margin: 0.32rem 0 0;
  color: #69726c;
  font-size: 0.72rem;
  line-height: 1.35;
}

.popout-reward-card__sticker {
  position: absolute;
  top: -1.65rem;
  right: -1.35rem;
  z-index: 2;
  display: grid;
  width: 5.5rem;
  height: 5.5rem;
  place-items: center;
  border: 0.34rem solid #f8faf8;
  border-radius: 1.35rem;
  background: #95bf30;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.38),
    0 1.15rem 2.3rem rgb(47 75 19 / 0.2);
  opacity: 0;
  transform: translate3d(-1.7rem, 3.1rem, 0) rotate(-17deg) scale(0.45);
  transform-origin: 35% 80%;
  transition:
    opacity 160ms ease,
    transform 620ms cubic-bezier(0.2, 1.36, 0.36, 1),
    box-shadow 420ms ease;
}

.popout-reward-card__sticker img {
  display: block;
  width: 3.9rem;
  height: 3.9rem;
  border: 2px solid rgb(255 255 255 / 0.9);
  border-radius: 50%;
  object-fit: cover;
}

.popout-reward-card:hover .popout-reward-card__sticker,
.popout-reward-card:focus-within .popout-reward-card__sticker {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(8deg) scale(1);
}

.popout-reward-card__spark {
  position: absolute;
  z-index: 3;
  width: 0.68rem;
  height: 0.68rem;
  background: #f1c45b;
  opacity: 0;
  rotate: 45deg;
  scale: 0;
}

.popout-reward-card__spark--one {
  top: -1.8rem;
  right: 4.7rem;
}

.popout-reward-card__spark--two {
  top: 0.1rem;
  right: 6.25rem;
  width: 0.45rem;
  height: 0.45rem;
}

.popout-reward-card:hover .popout-reward-card__spark,
.popout-reward-card:focus-within .popout-reward-card__spark {
  animation: popout-reward-spark 720ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.popout-reward-card:hover .popout-reward-card__spark--two,
.popout-reward-card:focus-within .popout-reward-card__spark--two {
  animation-delay: 90ms;
}

.popout-reward-card__body {
  padding: 1rem;
}

.popout-reward-card__steps-label {
  margin: 0 0 0.75rem;
  color: #7b847e;
  font-size: 0.72rem;
  line-height: 1.3;
}

.popout-reward-card__body ol {
  display: grid;
  gap: 0.62rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.popout-reward-card__body li {
  display: grid;
  grid-template-columns: 1.8rem 1fr;
  align-items: center;
  color: #303a34;
  font-size: 0.72rem;
  line-height: 1.35;
}

.popout-reward-card__body li span {
  color: #859089;
  font-size: 0.58rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.popout-reward-card__body button {
  width: 100%;
  min-height: 2.35rem;
  margin-top: 1.15rem;
  border: 0;
  border-radius: 0.65rem;
  background: #17201b;
  color: #f8faf8;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 700;
  transition:
    background-color 360ms ease,
    color 360ms ease,
    transform 160ms ease;
}

.popout-reward-card:hover .popout-reward-card__body button,
.popout-reward-card:focus-within .popout-reward-card__body button {
  background: #95bf30;
  color: #17201b;
}

.popout-reward-card__body button:hover {
  background: #a7d43d;
}

.popout-reward-card__body button:focus-visible {
  outline: 3px solid rgb(75 105 34 / 0.42);
  outline-offset: 3px;
}

.popout-reward-card__body button:active {
  transform: translateY(1px) scale(0.985);
}

@keyframes popout-reward-spark {
  0% {
    opacity: 0;
    scale: 0;
    translate: 0 0.55rem;
  }

  38% {
    opacity: 1;
    scale: 1;
  }

  100% {
    opacity: 0;
    scale: 0.7;
    translate: 0 -0.45rem;
  }
}

@media (max-width: 35rem) {
  .popout-reward-card {
    width: min(calc(100% - 2rem), 18rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .popout-reward-card,
  .popout-reward-card__sticker,
  .popout-reward-card__body button {
    transition: none;
  }

  .popout-reward-card:hover,
  .popout-reward-card:focus-within {
    transform: none;
  }

  .popout-reward-card:hover .popout-reward-card__spark,
  .popout-reward-card:focus-within .popout-reward-card__spark {
    animation: none;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.premium-dropdown-nav {
  display: grid;
  width: 100%;
  place-items: center;
  color: #373b38;
}

.premium-dropdown-nav__root {
  --premium-pill-x: 0px;
  --premium-pill-width: 0px;
  --premium-panel-x: 50%;
  position: relative;
  display: flex;
  max-width: calc(100vw - 2rem);
  align-items: center;
  gap: 0.18rem;
  padding: 0.32rem;
  border: 1px solid rgb(54 67 59 / 0.08);
  border-radius: 1rem;
  background: rgb(255 255 255 / 0.88);
  box-shadow: 0 1rem 3rem rgb(56 67 60 / 0.12);
}

.premium-dropdown-nav__pill {
  position: absolute;
  top: 0.32rem;
  bottom: 0.32rem;
  left: 0;
  width: var(--premium-pill-width);
  border-radius: 0.7rem;
  background: #356d50;
  opacity: 0;
  transform: translateX(var(--premium-pill-x));
  transition:
    transform 420ms cubic-bezier(0.16, 1, 0.3, 1),
    width 360ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 180ms ease;
}

.premium-dropdown-nav__root.is-open .premium-dropdown-nav__pill {
  opacity: 1;
}

.premium-dropdown-nav__root > a,
.premium-dropdown-nav__root > button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-height: 2.55rem;
  align-items: center;
  gap: 0.38rem;
  padding: 0.68rem 1rem;
  border: 0;
  border-radius: 0.7rem;
  background: transparent;
  color: #69706b;
  font-size: 0.78rem;
  font-weight: 680;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color 180ms ease;
}

.premium-dropdown-nav__root.is-open > a:hover,
.premium-dropdown-nav__root.is-open > a:focus-visible,
.premium-dropdown-nav__root.is-open > button:hover,
.premium-dropdown-nav__root.is-open > button:focus-visible,
.premium-dropdown-nav__root > button[aria-expanded="true"] {
  color: #fff;
}

.premium-dropdown-nav__root > a:focus-visible,
.premium-dropdown-nav__root > button:focus-visible {
  outline: 2px solid #95bf30;
  outline-offset: -2px;
}

.premium-dropdown-nav__root > button i {
  width: 0.34rem;
  height: 0.34rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-0.12rem) rotate(45deg);
  transition: transform 220ms ease;
}

.premium-dropdown-nav__root > button[aria-expanded="true"] i {
  transform: translateY(0.08rem) rotate(225deg);
}

.premium-dropdown-nav__panel {
  position: absolute;
  top: calc(100% + 0.72rem);
  left: var(--premium-panel-x);
  z-index: 4;
  display: grid;
  width: 18rem;
  gap: 0.24rem;
  padding: 0.55rem;
  border: 1px solid rgb(54 67 59 / 0.09);
  border-radius: 1rem;
  background: rgb(255 255 255 / 0.97);
  box-shadow: 0 1.4rem 3.4rem rgb(42 55 47 / 0.18);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-0.65rem) scale(0.96);
  transform-origin: top center;
  transition:
    opacity 180ms ease,
    transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

.premium-dropdown-nav__root.is-open .premium-dropdown-nav__panel:not(:empty) {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0) scale(1);
}

.premium-dropdown-nav__panel > a {
  display: grid;
  grid-template-columns: 2.2rem 1fr;
  align-items: center;
  gap: 0.7rem;
  padding: 0.65rem;
  border-radius: 0.7rem;
  color: #303632;
  text-align: left;
  text-decoration: none;
  opacity: 0;
  transform: translateY(-0.4rem);
  transition:
    background-color 160ms ease,
    opacity 220ms ease,
    transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
}

.premium-dropdown-nav__root.is-open .premium-dropdown-nav__panel > a {
  opacity: 1;
  transform: translateY(0);
}

.premium-dropdown-nav__panel > a:nth-child(2) { transition-delay: 45ms; }
.premium-dropdown-nav__panel > a:nth-child(3) { transition-delay: 90ms; }
.premium-dropdown-nav__panel > a:nth-child(4) { transition-delay: 135ms; }

.premium-dropdown-nav__panel > a:hover,
.premium-dropdown-nav__panel > a:focus-visible {
  background: #eef2ef;
  outline: none;
}

.premium-dropdown-nav__panel > a > span:first-child {
  display: grid;
  width: 2.2rem;
  height: 2.2rem;
  place-items: center;
  border-radius: 0.62rem;
  background: #e4ece7;
  color: #356d50;
  font-size: 0.78rem;
  font-weight: 800;
}

.premium-dropdown-nav__panel strong,
.premium-dropdown-nav__panel small {
  display: block;
}

.premium-dropdown-nav__panel strong {
  font-size: 0.78rem;
}

.premium-dropdown-nav__panel small {
  margin-top: 0.15rem;
  color: #858c87;
  font-size: 0.68rem;
}

@media (max-width: 38rem) {
  .premium-dropdown-nav {
    place-items: center;
    overflow: visible;
  }

  .premium-dropdown-nav__root > a,
  .premium-dropdown-nav__root > button {
    padding-inline: 0.78rem;
  }

  .premium-dropdown-nav__panel {
    left: 50%;
    width: min(18rem, calc(100vw - 2rem));
    transform: translateX(-50%) translateY(-0.65rem) scale(0.96);
  }

  .premium-dropdown-nav__root.is-open .premium-dropdown-nav__panel:not(:empty) {
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-dropdown-nav__pill,
  .premium-dropdown-nav__panel,
  .premium-dropdown-nav__panel > a,
  .premium-dropdown-nav__root > button i {
    transition-duration: 0.01ms;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.premium-upgrades {
  --premium-accent: #acd234;
  --premium-accent-soft: rgb(172 210 52 / 0.12);
  --premium-surface: #121613;
  --premium-surface-raised: #181d19;
  --premium-text: #eff4ef;
  --premium-muted: #9ca69f;
  --premium-line: rgb(233 245 235 / 0.1);
  --premium-ease: cubic-bezier(0.16, 1, 0.3, 1);
  display: grid;
  width: min(100%, 68rem);
  grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.92fr);
  align-items: start;
  gap: 1rem;
  color: var(--premium-text);
}

.premium-upgrades__side {
  display: grid;
  gap: 1rem;
}

.premium-upgrade {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--premium-line);
  border-radius: 1rem;
  background:
    linear-gradient(145deg, rgb(255 255 255 / 0.035), transparent 42%),
    var(--premium-surface);
  box-shadow:
    0 1.8rem 5rem rgb(13 24 16 / 0.18),
    inset 0 1px 0 rgb(255 255 255 / 0.045);
}

.premium-upgrade--accordion {
  padding: clamp(1.15rem, 2.5vw, 2rem);
}

.premium-upgrade--skeleton,
.premium-upgrade--cart {
  padding: 1.15rem;
}

.premium-upgrade__header {
  display: grid;
  gap: 0.45rem;
  padding: 0.2rem 0.25rem 1.2rem;
}

.premium-upgrade__header h3,
.premium-upgrade__header p {
  margin: 0;
}

.premium-upgrade__header h3 {
  color: var(--premium-text);
  font-size: clamp(1.15rem, 2vw, 1.48rem);
  font-weight: 720;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.premium-upgrade__header p {
  max-width: 34rem;
  color: var(--premium-muted);
  font-size: 0.76rem;
  line-height: 1.48;
}

.premium-accordion {
  display: grid;
  gap: 0.7rem;
}

.premium-accordion__item {
  display: grid;
  grid-template-rows: auto 0fr;
  overflow: hidden;
  border: 1px solid var(--premium-line);
  border-radius: 0.9rem;
  background: var(--premium-surface-raised);
  box-shadow:
    0 0.7rem 1.5rem rgb(4 9 5 / 0.16),
    inset 0 1px 0 rgb(255 255 255 / 0.04);
  transition:
    grid-template-rows 480ms var(--premium-ease),
    border-color 220ms ease,
    background-color 220ms ease,
    transform 180ms ease;
}

.premium-accordion__item:hover {
  border-color: rgb(172 210 52 / 0.24);
  transform: translateY(-2px);
}

.premium-accordion__item.is-open {
  grid-template-rows: auto 1fr;
  border-color: rgb(172 210 52 / 0.32);
  background: #1a211a;
}

.premium-accordion__trigger {
  display: grid;
  width: 100%;
  grid-template-columns: 2.65rem minmax(0, 1fr) 2rem;
  align-items: center;
  gap: 0.72rem;
  padding: 0.68rem;
  border: 0;
  background: transparent;
  color: var(--premium-text);
  cursor: pointer;
  text-align: left;
}

.premium-accordion__trigger:focus-visible {
  outline: 2px solid #d7eb91;
  outline-offset: -3px;
}

.premium-accordion__marker,
.premium-cart__brandmark {
  display: grid;
  flex: none;
  place-items: center;
  border: 1px solid rgb(216 237 148 / 0.18);
  border-radius: 0.7rem;
  background:
    radial-gradient(circle at 30% 20%, rgb(240 255 196 / 0.22), transparent 42%),
    var(--premium-accent-soft);
  color: #dcef9d;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.08),
    0 0.55rem 1.1rem rgb(81 105 42 / 0.12);
  font-size: 0.58rem;
  font-weight: 780;
  letter-spacing: 0.03em;
}

.premium-accordion__marker {
  width: 2.65rem;
  height: 2.65rem;
  transition:
    color 220ms ease,
    background-color 220ms ease,
    transform 420ms var(--premium-ease);
}

.premium-accordion__item.is-open .premium-accordion__marker {
  background-color: var(--premium-accent);
  color: #182008;
  transform: scale(1.04);
}

.premium-accordion__title {
  font-size: 0.86rem;
  font-weight: 680;
  line-height: 1.25;
  transition: color 180ms ease;
}

.premium-accordion__item.is-open .premium-accordion__title {
  color: #dcef9d;
}

.premium-accordion__toggle {
  position: relative;
  width: 1.85rem;
  height: 1.85rem;
  border: 1px solid rgb(231 244 232 / 0.11);
  border-radius: 50%;
  background: rgb(255 255 255 / 0.035);
  transition:
    background-color 220ms ease,
    border-color 220ms ease,
    transform 420ms var(--premium-ease);
}

.premium-accordion__toggle::before,
.premium-accordion__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.62rem;
  height: 1px;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 380ms var(--premium-ease);
}

.premium-accordion__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.premium-accordion__item.is-open .premium-accordion__toggle {
  border-color: var(--premium-accent);
  background: var(--premium-accent);
  color: #182008;
  transform: rotate(180deg);
}

.premium-accordion__item.is-open .premium-accordion__toggle::after {
  transform: translate(-50%, -50%) rotate(180deg) scaleX(0);
}

.premium-accordion__answer {
  min-height: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-0.45rem);
  transition:
    opacity 150ms ease,
    transform 360ms var(--premium-ease),
    visibility 0s linear 480ms;
}

.premium-accordion__item.is-open .premium-accordion__answer {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 220ms ease 90ms,
    transform 420ms var(--premium-ease) 40ms,
    visibility 0s linear;
}

.premium-accordion__answer > div {
  padding: 0 0.68rem 0.68rem;
}

.premium-accordion__answer p {
  margin: 0;
  padding: 0.82rem 0.9rem;
  border: 1px solid rgb(231 244 232 / 0.08);
  border-radius: 0.72rem;
  background: rgb(6 10 7 / 0.38);
  color: #bdc7bf;
  font-size: 0.74rem;
  line-height: 1.52;
}

.premium-skeleton {
  position: relative;
  display: grid;
  gap: 0.82rem;
  overflow: hidden;
  padding: 1rem;
  border: 1px solid rgb(172 210 52 / 0.14);
  border-radius: 0.85rem;
  background:
    radial-gradient(circle at 16% 10%, rgb(172 210 52 / 0.08), transparent 48%),
    #171c18;
}

.premium-skeleton::after {
  content: "";
  position: absolute;
  inset: -45% auto -45% -42%;
  width: 34%;
  background: linear-gradient(90deg, transparent, rgb(221 241 164 / 0.11), transparent);
  filter: blur(0.18rem);
  pointer-events: none;
  transform: skewX(-12deg) translateX(-160%);
  animation: premium-skeleton-sweep 2.8s var(--premium-ease) infinite;
}

.premium-skeleton__profile {
  display: grid;
  grid-template-columns: 2.8rem minmax(0, 1fr);
  align-items: center;
  gap: 0.78rem;
}

.premium-skeleton__lines {
  display: grid;
  gap: 0.36rem;
}

.premium-skeleton__shape {
  position: relative;
  display: block;
  overflow: hidden;
  background:
    linear-gradient(110deg, rgb(172 210 52 / 0.08), rgb(215 235 151 / 0.17), rgb(172 210 52 / 0.07));
}

.premium-skeleton__shape::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 18%, rgb(240 250 216 / 0.18) 48%, transparent 78%);
  transform: translateX(-120%);
  animation: premium-skeleton-detail 2.4s var(--premium-ease) infinite;
}

.premium-skeleton__avatar {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
}

.premium-skeleton__line {
  height: 0.42rem;
  border-radius: 999px;
}

.premium-skeleton__line--wide {
  width: 84%;
}

.premium-skeleton__line--medium {
  width: 66%;
}

.premium-skeleton__line--short {
  width: 38%;
}

.premium-skeleton__media {
  height: 4rem;
  border-radius: 0.62rem;
}

.premium-cart {
  display: grid;
  gap: 0.72rem;
  padding: 0.82rem;
  border: 1px solid rgb(172 210 52 / 0.15);
  border-radius: 0.9rem;
  background:
    radial-gradient(circle at 12% 0%, rgb(172 210 52 / 0.1), transparent 38%),
    #171c18;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.045);
}

.premium-cart__topline {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) 1.9rem;
  align-items: center;
  gap: 0.68rem;
}

.premium-cart__brandmark {
  width: 2.5rem;
  height: 2.5rem;
}

.premium-cart__topline > span:nth-child(2),
.premium-cart__product-copy {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.premium-cart strong {
  font-size: 0.75rem;
  line-height: 1.25;
}

.premium-cart small {
  color: var(--premium-muted);
  font-size: 0.59rem;
  line-height: 1.35;
}

.premium-cart__remove {
  width: 1.9rem;
  height: 1.9rem;
  padding: 0;
  border: 1px solid var(--premium-line);
  border-radius: 0.56rem;
  background: rgb(255 255 255 / 0.035);
  color: var(--premium-muted);
  cursor: pointer;
  transition:
    color 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease,
    transform 160ms ease;
}

.premium-cart__remove:hover {
  border-color: rgb(172 210 52 / 0.28);
  background: var(--premium-accent-soft);
  color: #dcef9d;
}

.premium-cart__remove:active {
  transform: scale(0.94);
}

.premium-cart__product {
  display: grid;
  grid-template-columns: 3.35rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.68rem;
  padding: 0.58rem;
  border: 1px solid var(--premium-line);
  border-radius: 0.72rem;
  background: rgb(255 255 255 / 0.035);
}

.premium-cart__product img {
  width: 3.35rem;
  height: 3.35rem;
  border-radius: 0.58rem;
  object-fit: cover;
  object-position: 42% 50%;
  filter: saturate(0.82) contrast(1.04);
}

.premium-cart__stepper {
  display: grid;
  grid-template-columns: 1.6rem 1.35rem 1.6rem;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--premium-line);
  border-radius: 0.58rem;
  background: rgb(3 7 4 / 0.24);
}

.premium-cart__stepper button,
.premium-cart__stepper output {
  display: grid;
  height: 1.75rem;
  place-items: center;
  border: 0;
  background: transparent;
  color: var(--premium-text);
  font-size: 0.7rem;
}

.premium-cart__stepper button {
  cursor: pointer;
  transition:
    color 160ms ease,
    background-color 160ms ease;
}

.premium-cart__stepper button:hover:not(:disabled) {
  background: var(--premium-accent);
  color: #182008;
}

.premium-cart__stepper button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.premium-cart__notice {
  position: relative;
  display: grid;
  gap: 0.22rem;
  overflow: hidden;
  padding: 0.66rem 0.72rem 0.72rem;
  border-radius: 0.66rem;
  background: var(--premium-accent-soft);
}

.premium-cart__notice::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--premium-accent), #dcef9d, transparent 88%);
  transform-origin: 0 50%;
  transition: transform 520ms var(--premium-ease);
}

.premium-cart:hover .premium-cart__notice::after {
  transform: scaleX(0.72);
}

.premium-cart__notice strong {
  color: #dcef9d;
  font-size: 0.66rem;
}

.premium-cart__notice span {
  color: #aeb9b0;
  font-size: 0.57rem;
  line-height: 1.35;
}

.premium-cart__summary {
  display: grid;
  gap: 0.4rem;
  margin: 0;
  padding: 0.12rem 0.1rem;
}

.premium-cart__summary div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.premium-cart__summary dt,
.premium-cart__summary dd {
  margin: 0;
  color: var(--premium-muted);
  font-size: 0.61rem;
}

.premium-cart__summary div:last-child dt,
.premium-cart__summary div:last-child dd {
  color: var(--premium-text);
  font-size: 0.7rem;
  font-weight: 720;
}

.premium-cart__summary div:last-child dd {
  color: #dcef9d;
}

.premium-cart__action {
  position: relative;
  display: grid;
  min-height: 2.75rem;
  grid-template-columns: minmax(0, 1fr) 1.4rem;
  align-items: center;
  gap: 0.6rem;
  overflow: hidden;
  padding: 0.68rem 0.72rem 0.68rem 1rem;
  border: 1px solid rgb(224 242 166 / 0.2);
  border-radius: 0.7rem;
  background: var(--premium-accent);
  color: #182008;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 760;
  text-align: left;
  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms ease,
    box-shadow 220ms ease;
}

.premium-cart__action::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 20%, rgb(255 255 255 / 0.24), transparent 68%);
  transform: translateX(-115%);
  transition: transform 620ms var(--premium-ease);
}

.premium-cart__action:hover::before {
  transform: translateX(115%);
}

.premium-cart__action:hover {
  box-shadow: 0 0.7rem 1.5rem rgb(102 133 43 / 0.22);
  transform: translateY(-2px);
}

.premium-cart__action:active {
  transform: scale(0.985);
}

.premium-cart__action:focus-visible,
.premium-cart__remove:focus-visible,
.premium-cart__stepper button:focus-visible {
  outline: 2px solid #eff8d2;
  outline-offset: 2px;
}

.premium-cart__action > span {
  position: relative;
  z-index: 1;
}

.premium-cart__action-mark {
  justify-self: end;
  width: 0.54rem;
  height: 0.54rem;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 420ms var(--premium-ease);
}

.premium-cart__action.is-prepared {
  background: #dcef9d;
}

.premium-cart__action.is-prepared .premium-cart__action-mark {
  transform: rotate(135deg) scaleX(-1);
}

.premium-cart__empty {
  display: grid;
  min-height: 18.3rem;
  place-items: center;
  align-content: center;
  gap: 0.72rem;
  padding: 1.5rem;
  text-align: center;
}

.premium-cart__empty strong,
.premium-cart__empty p {
  margin: 0;
}

.premium-cart__empty strong {
  font-size: 0.86rem;
}

.premium-cart__empty p {
  max-width: 17rem;
  color: var(--premium-muted);
  font-size: 0.66rem;
  line-height: 1.5;
}

.premium-cart__empty button {
  min-height: 2.5rem;
  padding: 0.62rem 0.9rem;
  border: 1px solid rgb(172 210 52 / 0.28);
  border-radius: 0.66rem;
  background: var(--premium-accent-soft);
  color: #dcef9d;
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 720;
  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.premium-cart__empty button:hover {
  background: var(--premium-accent);
  color: #182008;
  transform: translateY(-2px);
}

.premium-cart__empty button:focus-visible {
  outline: 2px solid #eff8d2;
  outline-offset: 2px;
}

@keyframes premium-skeleton-sweep {
  0% {
    opacity: 0;
    transform: skewX(-12deg) translateX(-160%);
  }
  24% {
    opacity: 1;
  }
  72%,
  100% {
    opacity: 0;
    transform: skewX(-12deg) translateX(520%);
  }
}

@keyframes premium-skeleton-detail {
  0%,
  18% {
    transform: translateX(-120%);
  }
  68%,
  100% {
    transform: translateX(120%);
  }
}

@media (max-width: 56rem) {
  .premium-upgrades {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 32rem) {
  .premium-upgrade--accordion,
  .premium-upgrade--skeleton,
  .premium-upgrade--cart {
    padding: 0.82rem;
  }

  .premium-accordion__trigger {
    grid-template-columns: 2.35rem minmax(0, 1fr) 1.8rem;
    gap: 0.58rem;
    padding: 0.58rem;
  }

  .premium-accordion__marker {
    width: 2.35rem;
    height: 2.35rem;
  }

  .premium-accordion__title {
    font-size: 0.78rem;
  }

  .premium-cart__product {
    grid-template-columns: 3rem minmax(0, 1fr);
  }

  .premium-cart__product img {
    width: 3rem;
    height: 3rem;
  }

  .premium-cart__stepper {
    grid-column: 1 / -1;
    justify-self: end;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .premium-upgrade,
  .premium-skeleton,
  .premium-cart {
    background-image: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-skeleton::after,
  .premium-skeleton__shape::after {
    animation: none;
  }

  .premium-accordion__item,
  .premium-accordion__marker,
  .premium-accordion__toggle,
  .premium-accordion__toggle::after,
  .premium-accordion__answer,
  .premium-cart__remove,
  .premium-cart__stepper button,
  .premium-cart__notice::after,
  .premium-cart__action,
  .premium-cart__action::before,
  .premium-cart__action-mark,
  .premium-cart__empty button {
    transition-duration: 0.01ms;
    transition-delay: 0ms;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.sibling-focus-rail {
  display: grid;
  width: min(100%, 52rem);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.72rem;
}

.sibling-focus-rail button {
  display: flex;
  aspect-ratio: 1;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  border: 1px solid rgb(255 255 255 / 0.13);
  border-radius: 1rem;
  background: #356d50;
  box-shadow: 0 1rem 2rem rgb(19 57 38 / 0.16);
  color: #fff;
  text-align: left;
  cursor: pointer;
  transform: translateZ(0);
  transition:
    opacity 320ms ease,
    filter 320ms ease,
    transform 320ms cubic-bezier(0.16, 1, 0.3, 1),
    background-color 240ms ease;
}

.sibling-focus-rail button span {
  font-size: 0.7rem;
  font-weight: 720;
  opacity: 0.58;
}

.sibling-focus-rail button strong {
  max-width: 8ch;
  font-size: clamp(0.78rem, 1.3vw, 1rem);
  letter-spacing: -0.025em;
  line-height: 1.1;
}

.sibling-focus-rail:has(button:hover, button:focus-visible) button {
  filter: blur(3px);
  opacity: 0.2;
  transform: scale(0.92);
}

.sibling-focus-rail:has(button:hover, button:focus-visible) button:hover,
.sibling-focus-rail:has(button:hover, button:focus-visible) button:focus-visible {
  z-index: 1;
  background: #2f7d55;
  filter: none;
  opacity: 1;
  outline: 3px solid #95bf30;
  outline-offset: 4px;
  transform: scale(1.11) rotate(-1.5deg);
}

.sibling-focus-rail button:active {
  transform: scale(1.04);
}

@media (max-width: 45rem) {
  .sibling-focus-rail {
    grid-template-columns: repeat(5, minmax(7rem, 1fr));
    overflow-x: auto;
    padding: 1rem;
    scroll-snap-type: x proximity;
  }

  .sibling-focus-rail button {
    scroll-snap-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sibling-focus-rail button {
    transition-duration: 0.01ms;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.email-tabs {
  --email-bg: #f5f7f5;
  --email-panel: #fbfcfb;
  --email-ink: #242925;
  --email-muted: #7a837c;
  --email-edge: rgb(42 57 47 / 0.1);
  --email-active: #e4eae5;
  display: grid;
  width: min(100%, 31rem);
  overflow: hidden;
  border: 1px solid var(--email-edge);
  border-radius: 1rem;
  background: var(--email-bg);
  color: var(--email-ink);
  box-shadow:
    0 24px 65px -32px rgb(48 70 55 / 0.34),
    inset 0 1px 0 rgb(255 255 255 / 0.8);
  text-align: left;
}

.email-tabs--empty {
  min-height: 11rem;
  place-items: center;
  color: var(--email-muted);
}

.email-tabs__chrome {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.65rem;
  padding: 0.75rem;
  border-bottom: 1px solid var(--email-edge);
}

.email-tabs__search {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.65rem;
  min-height: 2.5rem;
  padding-inline: 0.82rem;
  border-radius: 0.7rem;
  background: color-mix(in srgb, var(--email-ink), transparent 95%);
  color: var(--email-muted);
  font-size: 0.78rem;
}

.email-tabs__search > span:first-child {
  width: 0.62rem;
  height: 0.62rem;
  flex: 0 0 auto;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  opacity: 0.7;
}

.email-tabs__search > span:first-child::after {
  content: "";
  display: block;
  width: 0.32rem;
  height: 1px;
  background: currentColor;
  transform: translate3d(0.42rem, 0.48rem, 0) rotate(45deg);
  transform-origin: left center;
}

.email-tabs__compose {
  min-height: 2.5rem;
  padding-inline: 0.88rem;
  border: 1px solid color-mix(in srgb, var(--email-ink), transparent 87%);
  border-radius: 0.7rem;
  background: var(--email-ink);
  color: var(--email-panel);
  font-size: 0.75rem;
  font-weight: 680;
  cursor: pointer;
  transition:
    transform 160ms ease,
    opacity 160ms ease;
}

.email-tabs__compose:hover {
  opacity: 0.88;
}

.email-tabs__compose:active {
  transform: translateY(1px) scale(0.98);
}

.email-tabs__compose:focus-visible,
.email-tabs__tab:focus-visible,
.email-tabs__mail:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--focus), transparent 20%);
  outline-offset: -2px;
}

.email-tabs__tablist {
  --email-tab-count: 3;
  --email-active-index: 0;
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--email-tab-count), minmax(5.3rem, 1fr));
  overflow-x: auto;
  padding: 0.34rem;
  border-bottom: 1px solid var(--email-edge);
  scrollbar-width: none;
}

.email-tabs__tablist::-webkit-scrollbar {
  display: none;
}

.email-tabs__indicator {
  position: absolute;
  top: 0.34rem;
  bottom: 0.34rem;
  left: 0.34rem;
  width: calc((100% - 0.68rem) / var(--email-tab-count));
  border-radius: 0.62rem;
  background: var(--email-active);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.5);
  transform: translate3d(calc(var(--email-active-index) * 100%), 0, 0);
  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}

.email-tabs__tab {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-width: 5.3rem;
  min-height: 2.55rem;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  padding: 0.56rem 0.65rem;
  border: 0;
  border-radius: 0.62rem;
  background: transparent;
  color: var(--email-muted);
  font-size: 0.75rem;
  font-weight: 650;
  white-space: nowrap;
  cursor: pointer;
  transition: color 180ms ease;
}

.email-tabs__tab.is-active {
  color: var(--email-ink);
}

.email-tabs__tab small {
  min-width: 1.28rem;
  padding: 0.13rem 0.3rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--email-ink), transparent 91%);
  color: inherit;
  font-size: 0.62rem;
  line-height: 1.25;
  text-align: center;
}

.email-tabs__viewport {
  position: relative;
  min-height: 23.8rem;
  overflow: hidden;
  background: var(--email-panel);
}

.email-tabs__viewport::before,
.email-tabs__viewport::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  z-index: 3;
  height: 1.4rem;
  pointer-events: none;
}

.email-tabs__viewport::before {
  top: 0;
  background: linear-gradient(var(--email-panel), transparent);
}

.email-tabs__viewport::after {
  bottom: 0;
  background: linear-gradient(transparent, var(--email-panel));
}

.email-tabs__panel {
  position: absolute;
  inset: 0;
  overflow-y: auto;
  padding: 0.55rem;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--email-muted), transparent 58%) transparent;
  will-change: transform, opacity;
}

.email-tabs__panel--active.is-forward {
  animation: email-panel-enter-forward 470ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.email-tabs__panel--active.is-backward {
  animation: email-panel-enter-backward 470ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.email-tabs__panel--previous.is-forward {
  animation: email-panel-leave-forward 360ms cubic-bezier(0.4, 0, 1, 1) both;
}

.email-tabs__panel--previous.is-backward {
  animation: email-panel-leave-backward 360ms cubic-bezier(0.4, 0, 1, 1) both;
}

.email-tabs__list {
  display: grid;
  gap: 0.18rem;
}

.email-tabs__mail {
  position: relative;
  display: grid;
  min-width: 0;
  gap: 0.18rem;
  padding: 0.78rem 0.82rem 0.82rem 0.98rem;
  border-radius: 0.72rem;
  color: var(--email-ink);
  text-decoration: none;
  transition:
    background-color 160ms ease,
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}

.email-tabs__panel--active .email-tabs__mail {
  animation: email-row-catch-up 430ms cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: calc(90ms + var(--email-row) * 36ms);
}

.email-tabs__mail:hover {
  background: var(--email-active);
  transform: translate3d(0.2rem, 0, 0);
}

.email-tabs__mail.is-unread::before {
  content: "";
  position: absolute;
  top: 1.08rem;
  left: 0.42rem;
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  background: var(--focus);
}

.email-tabs__mail-topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: baseline;
}

.email-tabs__mail-topline strong,
.email-tabs__subject,
.email-tabs__preview {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.email-tabs__mail-topline strong {
  font-size: 0.78rem;
  font-weight: 650;
}

.email-tabs__mail.is-unread .email-tabs__mail-topline strong,
.email-tabs__mail.is-unread .email-tabs__subject {
  font-weight: 760;
}

.email-tabs__mail-topline time {
  color: var(--email-muted);
  font-size: 0.65rem;
}

.email-tabs__subject {
  font-size: 0.75rem;
  line-height: 1.35;
}

.email-tabs__preview {
  color: var(--email-muted);
  font-size: 0.69rem;
  line-height: 1.35;
}

.email-tabs__empty-state {
  display: grid;
  min-height: 21rem;
  place-items: center;
  margin: 0;
  color: var(--email-muted);
  font-size: 0.78rem;
}

@keyframes email-panel-enter-forward {
  from {
    opacity: 0;
    transform: translate3d(42%, 0, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes email-panel-leave-forward {
  to {
    opacity: 0;
    transform: translate3d(-38%, 0, 0) scale(0.985);
  }
}

@keyframes email-panel-enter-backward {
  from {
    opacity: 0;
    transform: translate3d(-42%, 0, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes email-panel-leave-backward {
  to {
    opacity: 0;
    transform: translate3d(38%, 0, 0) scale(0.985);
  }
}

@keyframes email-row-catch-up {
  from {
    opacity: 0;
    transform: translate3d(1rem, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-color-scheme: dark) {
  .email-tabs {
    --email-bg: #151816;
    --email-panel: #191c1a;
    --email-ink: #edf1ee;
    --email-muted: #919a93;
    --email-edge: rgb(238 246 240 / 0.09);
    --email-active: #252a27;
    box-shadow:
      0 24px 65px -32px rgb(0 0 0 / 0.8),
      inset 0 1px 0 rgb(255 255 255 / 0.045);
  }

  .email-tabs__indicator {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.04);
  }
}

@media (max-width: 34rem) {
  .email-tabs {
    border-radius: 0.9rem;
  }

  .email-tabs__chrome {
    grid-template-columns: 1fr;
  }

  .email-tabs__compose {
    display: none;
  }

  .email-tabs__tablist {
    grid-template-columns: repeat(var(--email-tab-count), minmax(5.6rem, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .email-tabs__indicator,
  .email-tabs__compose,
  .email-tabs__mail {
    transition-duration: 0.01ms;
  }

  .email-tabs__panel,
  .email-tabs__panel--active .email-tabs__mail {
    animation: none;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.email-notification-demo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 6rem);
  width: min(100% - 2rem, 70rem);
  margin: auto;
  padding-block: 6rem;
  color: var(--page-text);
}
.email-notification-demo header > p { max-width: 36ch; color: var(--page-muted); line-height: 1.6; }
.email-notification-demo h2 { margin: 1rem 0; font-size: clamp(2.3rem, 4.5vw, 4rem); line-height: 1.04; letter-spacing: -.045em; }
.email-notification-demo__controls { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.8rem; }
.email-notification-demo__controls button { padding: .7rem 1rem; border: 1px solid #85968b66; border-radius: .65rem; background: transparent; color: inherit; cursor: pointer; }
.email-notification-demo__controls button:first-child { background: #216b50; color: white; border-color: transparent; }
.email-notices { --notice-surface: #fff; position: relative; width: 100%; max-width: 440px; height: 500px; margin-inline: auto; overflow: hidden; padding: 12px; }
.email-notices__list { position: relative; margin: 0; padding: 0; list-style: none; }
.email-notices__position { position: absolute; inset: 0 0 auto; transform: translateY(calc(var(--notice-index) * 112px)); transition: transform 650ms cubic-bezier(.22, 1, .36, 1); }
.email-notices__card { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; height: 100px; padding: 16px; border: 1px solid #18261c0c; border-radius: 16px; color: var(--page-text); background: var(--notice-surface); text-align: left; cursor: pointer; box-shadow: 0 2px 4px #0000000d, 0 12px 24px #0000000d; animation: email-notice-arrive 650ms cubic-bezier(.22, 1, .36, 1) both; transition: scale 200ms ease, box-shadow 200ms ease; }
.email-notices__card:hover { scale: 1.025; box-shadow: 0 4px 8px #00000012, 0 15px 28px #00000012; }
.email-notices__icon { display: grid; place-items: center; flex: 0 0 40px; height: 40px; border-radius: 13px; color: white; }
.email-notices__icon svg { width: 23px; height: 23px; }
.email-notices__content { display: grid; gap: 5px; flex: 1; min-width: 0; }
.email-notices__headline { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.email-notices__headline strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.email-notices__headline > span { flex-shrink: 0; margin-left: auto; font-size: 10px; color: var(--page-muted); }
.email-notices__subject { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.email-notices__mailbox { font-size: 11px; color: var(--page-muted); }
.email-notices__dot { position: absolute; right: 12px; bottom: 14px; width: 5px; height: 5px; border-radius: 50%; background: #3aa375; }
.email-notices__fade { position: absolute; z-index: 2; inset: auto 0 0; height: 120px; pointer-events: none; background: linear-gradient(transparent, var(--page-surface)); }
.email-notices__card:focus-visible, .email-notification-demo__controls button:focus-visible { outline: 2px solid #43a879; outline-offset: 3px; }
@keyframes email-notice-arrive { from { opacity: 0; transform: translateY(-25px) scale(.94); filter: blur(3px); } to { opacity: 1; transform: none; filter: none; } }
@media (prefers-color-scheme: dark) {
  .email-notices { --notice-surface: #19211ddd; }
  .email-notices__card { border-color: #ffffff1a; box-shadow: inset 0 -20px 80px -20px #ffffff1f; backdrop-filter: blur(12px); }
}
@media (max-width: 650px) { .email-notification-demo { grid-template-columns: 1fr; gap: 2rem; padding-block: 4rem; } .email-notices__card { padding: 12px; gap: 9px; } }
@media (prefers-reduced-motion: reduce) { .email-notices__position, .email-notices__card { animation: none; transition: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.s21{--ink:#151918;--acid:#dfff45;background:#e8ece8;color:var(--ink);padding:clamp(5rem,9vw,9rem) max(1.25rem,calc((100vw - 1440px)/2));overflow:hidden}.s21 *{box-sizing:border-box}.s21 button,.s21 input,.s21 select{font:inherit}.s21__intro{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:end;margin-bottom:4rem}.s21__intro>div>p{margin:0 0 1rem;font:700 .72rem ui-monospace;letter-spacing:.16em;text-transform:uppercase}.s21__intro h1{margin:0;font:600 clamp(3rem,6.6vw,7.4rem)/.88 system-ui;letter-spacing:-.075em}.s21__intro>p{max-width:34rem;margin:0;color:#59615e;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.55}.s21__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#bec5c0;border:1px solid #bec5c0}.s21-demo{min-width:0;background:#f4f6f3;padding:clamp(1rem,2.2vw,2rem);display:flex;flex-direction:column;gap:1.5rem}.s21-demo--wide{grid-column:1/-1}.s21-demo>header{display:flex;gap:1rem;align-items:flex-start}.s21-demo>header>span{flex:none;display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid #aeb6b0;border-radius:50%;font:700 .72rem ui-monospace}.s21-demo h2{font-size:clamp(1.3rem,2vw,2rem);letter-spacing:-.04em;margin:0 0 .4rem}.s21-demo header p{color:#69716d;margin:0;line-height:1.45;max-width:38rem}.s21-demo__stage{flex:1;min-height:27rem;border:1px solid #d9ded9;border-radius:1.35rem;background:#fff;display:grid;place-items:center;padding:clamp(1rem,2.4vw,2rem);overflow:hidden;isolation:isolate}.s21-demo--wide .s21-demo__stage{min-height:33rem}

/* 01 — pricing flip */
.s21-pricing{width:min(100%,64rem);display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center;padding:2rem;perspective:1400px}.s21-pricing__heading small{font:700 .68rem ui-monospace;letter-spacing:.15em;text-transform:uppercase;color:#7b827e}.s21-pricing__heading h3{font-size:clamp(2.7rem,5vw,5.4rem);line-height:.9;letter-spacing:-.075em;margin:.8rem 0 1.8rem}.s21-pricing__toggle{display:inline-grid;grid-template-columns:1fr 1fr;padding:.3rem;border:1px solid #d3d8d3;border-radius:999px;background:#f0f2ef}.s21-pricing__toggle button{border:0;border-radius:999px;padding:.72rem 1rem;background:transparent;color:#727974;cursor:pointer}.s21-pricing__toggle button.is-active{background:#141817;color:#fff;box-shadow:0 7px 18px #16201b29}.s21-flip{position:relative;height:25rem;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.78,.22,1)}.s21-flip.is-flipped{transform:rotateY(180deg)}.s21-plan{position:absolute;inset:0;padding:2rem;border-radius:1.4rem;backface-visibility:hidden;background:#171a18;color:#f5f7f4;box-shadow:0 30px 55px #18221e33}.s21-plan--back{transform:rotateY(180deg);background:#e7ff63;color:#151817}.s21-plan small{font:700 .68rem ui-monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.65}.s21-plan strong{display:block;font-size:3rem;letter-spacing:-.06em;margin:1.2rem 0 .6rem}.s21-plan strong i{font-size:.9rem;font-style:normal;letter-spacing:0;opacity:.55}.s21-plan p{opacity:.7;line-height:1.5}.s21-plan ul{display:grid;gap:.65rem;padding:0;list-style:none;margin:1.5rem 0}.s21-plan li:before{content:"✓";margin-right:.65rem}.s21-plan button{position:absolute;left:2rem;right:2rem;bottom:1.7rem;border:0;border-radius:.7rem;padding:.85rem;background:#f6f7f4;color:#171a18;font-weight:700}.s21-plan--back button{background:#171a18;color:#fff}

/* 02 — publish */
.s21-publish-demo{display:grid;grid-template-columns:1fr 1fr;width:min(100%,36rem);height:15rem;border:9px solid #eef1f3;border-radius:.8rem;overflow:hidden}.s21-publish-demo>div{display:grid;place-items:center;background:#f7fafc}.s21-publish-demo>div+div{background:#11151b}.s21-publish{width:9.25rem;height:3.15rem;border:0;border-radius:.62rem;background:#11151b;color:#fff;display:flex;align-items:center;justify-content:center;gap:.65rem;box-shadow:0 9px 20px #1114;cursor:pointer;overflow:hidden}.s21-publish.is-inverse{background:#fff;color:#171b20}.s21-publish__viewport{position:relative;width:1.45rem;height:1.45rem;border-radius:50%;background:#343a42;overflow:hidden;flex:none}.s21-publish.is-inverse .s21-publish__viewport{background:#e8ebee}.s21-publish__viewport i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:.65rem;transition:transform .4s,opacity .3s}.s21-publish__dot{margin:auto;width:.35rem!important;height:.35rem!important;inset:0!important;border-radius:50%;background:currentColor}.s21-publish__loader,.s21-publish__check{transform:translateY(115%);opacity:0}.s21-publish.is-loading .s21-publish__dot,.s21-publish.is-done .s21-publish__dot{transform:translateY(-115%);opacity:0}.s21-publish.is-loading .s21-publish__loader{transform:none;opacity:1;animation:s21-upload .7s ease-in-out infinite}.s21-publish.is-done .s21-publish__check{transform:none;opacity:1}.s21-publish__labels{position:relative;width:4.2rem;height:1rem;overflow:hidden}.s21-publish__labels i{position:absolute;inset:0;font-style:normal;font-size:.82rem;transition:transform .42s,opacity .3s}.s21-publish__labels i:nth-child(2),.s21-publish__labels i:nth-child(3){transform:translateY(130%);opacity:0}.s21-publish.is-loading .s21-publish__labels i:first-child,.s21-publish.is-done .s21-publish__labels i:first-child{transform:translateY(-130%);opacity:0}.s21-publish.is-loading .s21-publish__labels i:nth-child(2),.s21-publish.is-done .s21-publish__labels i:nth-child(3){transform:none;opacity:1}@keyframes s21-upload{50%{transform:translateY(-3px)}}

/* 03 — account */
.s21-demo:nth-child(3) .s21-demo__stage{background:linear-gradient(135deg,#7135d2,#b85ae0)}.s21-account-card{width:min(100%,42rem);min-height:28rem;padding:2rem;border:1px solid #ffffff20;border-radius:1.2rem;background:#1b1127ee;color:#fff;box-shadow:0 30px 65px #38104c66}.s21-account-progress{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:2.2rem}.s21-account-progress>div{position:relative;display:flex;align-items:center;gap:.55rem;color:#7e708d}.s21-account-progress>div:not(:last-child):after{content:"";position:absolute;left:2rem;right:0;top:.9rem;height:1px;background:#453253}.s21-account-progress>div.is-active:not(:last-child):after{background:#9a58ef}.s21-account-progress i{position:relative;z-index:1;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#30223d;font-style:normal;font-size:.72rem}.s21-account-progress .is-active i{background:#a25cff;color:#fff;box-shadow:0 0 0 .25rem #a25cff20}.s21-account-progress span{font-size:.72rem}.s21-account-kicker{color:#a98abd;font:700 .62rem ui-monospace;letter-spacing:.13em}.s21-account-card h3{font-size:1.8rem;margin:.35rem 0 1.25rem}.s21-fields{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.s21-fields label{color:#b8adbf;font-size:.72rem}.s21-fields label:first-child,.s21-fields .s21-check{grid-column:1/-1}.s21-fields input,.s21-fields select{display:block;width:100%;height:3rem;margin-top:.35rem;border:1px solid #ffffff17;border-radius:.7rem;background:#ffffff09;color:#fff;padding:.7rem}.s21-fields option{background:#24152f}.s21-check{display:flex!important;align-items:center;gap:.55rem;color:#b9aec1;font-size:.78rem}.s21-check input{width:auto;height:auto;margin:0;accent-color:#9d57ee}.s21-review{display:grid;margin-bottom:1rem}.s21-review span{display:flex;justify-content:space-between;padding:.78rem 0;border-bottom:1px solid #ffffff10;color:#91859a;font-size:.8rem}.s21-review b{color:#fff}.s21-account-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.3rem}.s21-account-actions button,.s21-account-success button{border:0;border-radius:.65rem;padding:.75rem 1rem;background:#30233c;color:#a99caf;cursor:pointer}.s21-account-actions .is-primary{background:#9b55ef;color:#fff}.s21-account-actions button:disabled{opacity:.32}.s21-account-success{text-align:center;display:grid;place-items:center;align-content:center}.s21-account-success>i{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;background:#9c59ee;font-style:normal;font-size:2rem;box-shadow:0 0 0 .5rem #9c59ee25}.s21-account-success h3{margin:.45rem}.s21-account-success p{color:#a99db1}.s21-account-success button{margin-top:1rem;color:#fff}

/* 04 — delete */
.s21-delete-demo{display:grid;place-items:center;align-content:center;gap:1rem;width:100%;height:100%;background:radial-gradient(circle,#2a0d42,#100519 72%);border-radius:1rem}.s21-delete-demo>small{color:#a18aa9;font:700 .58rem ui-monospace;letter-spacing:.16em}.s21-delete{position:relative;width:13rem;height:4rem;border:0;border-radius:999px;background:linear-gradient(100deg,#6d27ff,#c731ef);color:#fff;display:flex;align-items:center;justify-content:center;gap:.7rem;box-shadow:0 0 2rem #a834ff7a;cursor:pointer;transition:width .55s cubic-bezier(.5,-.05,.2,1.2)}.s21-delete>svg{width:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:.45s}.s21-delete__letters{display:flex}.s21-delete__letters i{font-style:normal;transition:.45s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--n)*35ms)}.s21-delete__rings{position:absolute;inset:0;pointer-events:none}.s21-delete__rings i{position:absolute;inset:50%;border:1px solid #b85cff;border-radius:50%;opacity:0}.s21-delete.is-deleting{width:4rem}.s21-delete.is-deleting>svg{transform:rotate(-18deg)}.s21-delete.is-deleting .s21-delete__letters i{opacity:0;transform:translate(calc((var(--n) - 2)*.45rem),calc((var(--n) - 2)*-.35rem)) rotate(calc((var(--n) - 2)*14deg))}.s21-delete.is-deleting .s21-delete__rings i{animation:s21-ring-out 1.2s .45s ease-out}.s21-delete.is-deleting .s21-delete__rings i+ i{animation-delay:.7s}@keyframes s21-ring-out{0%{width:3.6rem;height:3.6rem;margin:-1.8rem;opacity:.8}100%{width:7rem;height:7rem;margin:-3.5rem;opacity:0}}

/* 05 — controls */
.s21-controls{width:min(100%,20rem);padding:1.25rem;border-radius:.8rem;background:#f0f2f7;color:#232832;box-shadow:14px 14px 30px #bbc0ca,-14px -14px 30px #fff;transition:.4s}.s21-controls.is-dark{background:#30303d;color:#f4f1ff;box-shadow:14px 14px 30px #15151d,-8px -8px 22px #5a5768}.s21-controls>header{display:flex;justify-content:space-between;align-items:start;padding-bottom:.75rem}.s21-controls header small,.s21-control-row small{display:block;color:#959ba6;font-size:.6rem}.s21-controls header>button{border:0;background:transparent;color:#8068eb;font-size:.7rem}.s21-control-row{display:flex;align-items:center;gap:.7rem;padding:.7rem;border-radius:.55rem;margin:.5rem 0;box-shadow:4px 4px 10px #c7cbd4,-4px -4px 10px #fff}.s21-controls.is-dark .s21-control-row{box-shadow:inset 0 0 0 1px #ffffff0d,4px 4px 10px #20202b,-3px -3px 8px #464553}.s21-control-row>i{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:.45rem;background:#e3e6ed;font-style:normal}.s21-control-row span{flex:1}.s21-control-row b{display:block;font-size:.72rem}.s21-switch{width:2.4rem;height:1.35rem;padding:.14rem;border:0;border-radius:999px;background:#ced2db;cursor:pointer}.s21-switch i{display:block;width:1.07rem;height:1.07rem;border-radius:50%;background:#fff;transition:transform .3s}.s21-switch.is-on{background:#7d66f4}.s21-switch.is-on i{transform:translateX(1rem)}.s21-volume{display:flex;align-items:center;gap:1rem;padding:.75rem .3rem}.s21-dial{--p:180deg;width:3.8rem;height:3.8rem;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#8068f5 var(--p),#d9dce4 0)}.s21-dial:before{content:"";grid-area:1/1;width:2.9rem;height:2.9rem;border-radius:50%;background:#f0f2f7}.s21-controls.is-dark .s21-dial:before{background:#30303d}.s21-dial b{grid-area:1/1;z-index:1;font-size:.75rem}.s21-volume label{flex:1;color:#878e98;font-size:.65rem}.s21-volume input{display:block;width:100%;accent-color:#7d66f4}.s21-controls footer{display:flex;align-items:center;justify-content:space-between;padding:.7rem;font-size:.72rem}

/* 06 — products */
.s21-products{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:min(100%,44rem);height:24rem;align-items:center}.s21-product{position:relative;height:17rem;border-radius:.35rem;display:flex;align-items:end;overflow:visible;transition:transform .5s}.s21-product.is-orange{background:#f47c0c}.s21-product.is-blue{background:#2877dc}.s21-product__image{position:absolute;inset:-1rem .5rem 4.6rem;display:grid;place-items:center;transition:.55s cubic-bezier(.2,.8,.2,1)}.s21-product__image img{width:95%;height:100%;object-fit:contain;transform:rotate(-7deg);filter:drop-shadow(0 16px 12px #17231f50);transition:.55s cubic-bezier(.2,.8,.2,1)}.s21-product__body{position:relative;width:100%;min-height:4.7rem;padding:1rem;background:#fff;text-align:center}.s21-product h3{font-size:1rem;margin:.15rem}.s21-product__details{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;max-height:0;opacity:0;overflow:hidden;transform:translateY(.7rem);transition:.45s}.s21-product__details span{display:flex;justify-content:center;gap:.2rem}.s21-product__details i{width:.48rem;height:.48rem;border-radius:50%;background:#202733}.s21-product__details i:nth-child(2){background:#e36754}.s21-product__details i:nth-child(3){background:#e4ca45}.s21-product__details i:nth-child(4){background:#2877dc}.s21-product__details button{border:0;border-radius:.2rem;padding:.4rem .55rem;background:#111;color:#fff;font-size:.65rem}.s21-product:hover,.s21-product:focus{transform:translateY(-.35rem)}.s21-product:hover .s21-product__image,.s21-product:focus .s21-product__image{inset:-3.2rem -.4rem 4.6rem}.s21-product:hover .s21-product__image img,.s21-product:focus .s21-product__image img{transform:rotate(-2deg) scale(1.07)}.s21-product:hover .s21-product__details,.s21-product:focus .s21-product__details{max-height:2rem;opacity:1;transform:none;margin-top:.45rem}

/* 07–08 — pop-outs */
.s21-single-pop{width:100%;height:100%;display:grid;place-items:center;background:#fff}.s21-single-pop article{position:relative;width:12rem;height:17rem;outline:0;transition:.5s}.s21-single-pop__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:.45rem;filter:saturate(.55) brightness(.75);box-shadow:0 15px 20px #1115}.s21-single-pop__hero{position:absolute;z-index:2;left:-2rem;bottom:0;width:16rem;height:20rem;object-fit:contain;opacity:0;transform:translateY(2.6rem) scale(.72);filter:hue-rotate(85deg) drop-shadow(0 18px 12px #0008);transition:.55s cubic-bezier(.2,.8,.2,1)}.s21-single-pop b{position:absolute;z-index:3;left:0;right:0;bottom:.7rem;color:#f5f330;text-align:center;font-size:.8rem}.s21-single-pop article:hover,.s21-single-pop article:focus{transform:translateY(-.6rem)}.s21-single-pop article:hover .s21-single-pop__hero,.s21-single-pop article:focus .s21-single-pop__hero{opacity:1;transform:translateY(-2.5rem) scale(.98)}

/* 09 — sticky header upgrade reconstructed from 17.47.54 (8). */
.s21-sticky-comparison {
  display: grid;
  gap: 2rem;
  width: min(100%, 48rem);
  padding: 1rem 0;
}

.s21-sticky-example {
  min-width: 0;
}

.s21-sticky-example > h3 {
  margin: 0 0 0.72rem;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-align: center;
}

.s21-sticky-preview {
  position: relative;
  height: 15.75rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid #ececf1;
  border-radius: 0.75rem;
  outline: none;
  background:
    radial-gradient(circle at 72% 15%, rgb(93 155 255 / 7%), transparent 28%),
    #fff;
  scrollbar-color: #9aa1aa transparent;
  scrollbar-width: thin;
}

.s21-sticky-preview--premium {
  background:
    radial-gradient(circle at 66% 14%, rgb(122 65 232 / 8%), transparent 32%),
    #fff;
  scrollbar-color: #7c42e6 transparent;
}

.s21-sticky-preview:focus-visible {
  box-shadow: 0 0 0 2px #7741e633;
}

.s21-sticky-bar {
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #17181b;
}

.s21-sticky-bar--premium {
  position: sticky;
  top: 20px;
  width: calc(100% - 50px);
  height: 76px;
  margin: 0 auto;
  padding: 0 25px;
  border: 1px solid #e8ddff;
  border-radius: 18px;
  background: rgb(255 255 255 / 92%);
  box-shadow: 0 12px 30px rgb(90 60 150 / 8%);
  backdrop-filter: blur(16px);
  transition: all 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.s21-sticky-bar--premium.is-scrolled {
  top: 12px;
  width: calc(100% - 120px);
  height: 62px;
  padding: 0 18px;
  border-radius: 48px;
  box-shadow:
    0 15px 35px rgb(90 60 150 / 18%),
    0 3px 8px rgb(0 0 0 / 8%);
}

.s21-sticky-brand {
  display: flex;
  align-items: center;
  gap: 0.42rem;
  flex: none;
  white-space: nowrap;
}

.s21-sticky-brand > i {
  display: grid;
  place-items: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 0.48rem;
  background: linear-gradient(145deg, #a85cff, #6734df);
  color: #fff;
  font-style: normal;
  box-shadow: 0 0.38rem 0.8rem rgb(107 55 220 / 26%);
}

.s21-sticky-brand > i svg {
  width: 0.92rem;
  height: 0.92rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.s21-sticky-brand > i .s21-sticky-brand__dot {
  fill: currentColor;
  stroke: none;
}

.s21-sticky-brand > b {
  font-size: 0.82rem;
  letter-spacing: -0.025em;
}

.s21-sticky-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.55rem, 1.6vw, 1.35rem);
  min-width: 0;
  padding-inline: 0.8rem;
}

.s21-sticky-nav a {
  position: relative;
  padding: 0.45rem 0.12rem;
  color: #36383c;
  font-size: 0.64rem;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.s21-sticky-bar--premium nav a.is-active {
  padding: 0.58rem 0.82rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #9e54f3, #713be4);
  color: #fff;
  box-shadow: 0 0.42rem 0.85rem rgb(105 55 218 / 22%);
}

.s21-sticky-actions {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.42rem;
  flex: none;
}

.s21-sticky-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.52rem;
  min-width: 7.3rem;
  height: 2.55rem;
  flex: none;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #9b53f2, #7139e3);
  color: #fff;
  font-size: 0.63rem;
  font-weight: 700;
  white-space: nowrap;
  transition:
    width 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    min-width 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    border-radius 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 0 0.55rem 1rem rgb(100 51 215 / 22%);
}

.s21-sticky-cta > i {
  font-size: 0.9rem;
  font-style: normal;
  line-height: 1;
}

.s21-sticky-bar--premium .s21-sticky-cta > span {
  overflow: hidden;
  max-width: 5rem;
  opacity: 1;
  transition:
    max-width 0.18s ease,
    opacity 0.08s linear;
}

.s21-sticky-bar--premium.is-scrolled .s21-sticky-cta {
  width: 2.25rem;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}

.s21-sticky-bar--premium.is-scrolled .s21-sticky-cta > span {
  max-width: 0;
  opacity: 0;
}

.s21-sticky-menu {
  display: none;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.64rem 0.58rem;
  border: 1px solid #e8ddff;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0.35rem 0.8rem rgb(90 60 150 / 10%);
}

.s21-sticky-menu > i {
  display: block;
  width: 100%;
  height: 1px;
  margin: 0.14rem 0;
  background: #7440df;
}

.s21-sticky-menu-panel {
  position: absolute;
  z-index: 7;
  top: calc(100% + 0.55rem);
  right: 0;
  display: grid;
  min-width: 8.5rem;
  padding: 0.42rem;
  border: 1px solid #e8ddff;
  border-radius: 0.85rem;
  background: rgb(255 255 255 / 97%);
  box-shadow: 0 0.9rem 2rem rgb(90 60 150 / 18%);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.35rem) scale(0.96);
  transform-origin: 100% 0;
  transition: 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.s21-sticky-menu-panel.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.s21-sticky-menu-panel a {
  padding: 0.55rem 0.65rem;
  border-radius: 0.55rem;
  color: #36383c;
  font-size: 0.65rem;
  text-decoration: none;
}

.s21-sticky-menu-panel a:hover,
.s21-sticky-menu-panel a:focus-visible {
  background: #f1eaff;
  color: #713be4;
}

.s21-sticky-content {
  min-height: 30rem;
  padding: 2.15rem 1.75rem;
}

.s21-sticky-preview--premium .s21-sticky-content {
  margin-top: -2.75rem;
  padding-top: 6rem;
}

.s21-sticky-content h4 {
  margin: 0 0 0.65rem;
  font-size: 1.55rem;
  line-height: 1;
  letter-spacing: -0.045em;
}

.s21-sticky-content p {
  max-width: 28rem;
  margin: 0;
  color: #6f737b;
  font-size: 0.72rem;
  line-height: 1.55;
}

.s21-sticky-content p:last-child {
  margin-top: 18rem;
}

@media (max-width: 900px) {
  .s21-sticky-bar--premium {
    padding-inline: 12px;
  }

  .s21-sticky-bar--premium.is-scrolled {
    padding-inline: 12px;
  }

  .s21-sticky-brand {
    gap: 0.3rem;
  }

  .s21-sticky-brand > b {
    font-size: 0.66rem;
  }

  .s21-sticky-nav {
    gap: 0.22rem;
    padding-inline: 0.18rem;
  }

  .s21-sticky-nav a {
    font-size: 0.52rem;
  }

  .s21-sticky-bar--premium nav a.is-active {
    padding-inline: 0.52rem;
  }

  .s21-sticky-cta {
    min-width: 6.05rem;
  }
}

@media (max-width: 700px) {
  .s21-sticky-comparison {
    gap: 1.5rem;
  }

  .s21-sticky-preview {
    height: 14rem;
  }

  .s21-sticky-bar--premium {
    width: calc(100% - 24px);
    height: 64px;
    padding: 0 12px;
  }

  .s21-sticky-bar--premium.is-scrolled {
    width: calc(100% - 44px);
    height: 56px;
    padding: 0 12px;
  }

  .s21-sticky-brand > b {
    font-size: 0.7rem;
  }

  .s21-sticky-nav {
    gap: 0.65rem;
    padding-inline: 0.45rem;
  }

  .s21-sticky-nav a {
    font-size: 0.58rem;
  }

  .s21-sticky-nav a:nth-child(n + 3) {
    display: none;
  }

  .s21-sticky-menu {
    display: block;
  }

  .s21-sticky-cta {
    width: 2.25rem;
    min-width: 2.25rem;
    padding: 0;
  }

  .s21-sticky-cta > span {
    display: none;
  }

  .s21-sticky-content {
    padding-inline: 1.15rem;
  }

  .s21-sticky-content h4 {
    font-size: 1.25rem;
  }
}

@media (max-width: 430px) {
  .s21-sticky-brand > b {
    display: none;
  }

}

/* 10 — dashboard */
.s21-glass-shell{display:flex;width:min(100%,62rem);height:31rem;overflow:hidden;border-radius:.7rem;color:#eef0f7;background:radial-gradient(circle at 12% 14%,#6d31ff45,transparent 30%),linear-gradient(135deg,#0a0b13ee,#19131fee);box-shadow:0 30px 70px #26113d40}.s21-glass-sidebar{width:4.3rem;padding:.8rem .5rem;background:linear-gradient(180deg,#6931f0cc,#25113dcc);display:flex;flex-direction:column;align-items:center;gap:.7rem}.s21-glass-sidebar>b{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.7rem;background:#fff;color:#17141e;margin-bottom:1rem}.s21-glass-sidebar button{border:0;width:2.5rem;height:2.5rem;border-radius:.6rem;background:transparent;color:#b3a7ca}.s21-glass-sidebar button.is-active{background:#ffffff1d;color:#fff}.s21-glass-main{flex:1;padding:1.3rem;min-width:0}.s21-glass-main>header{display:flex;justify-content:space-between;align-items:center}.s21-glass-main>header i{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#6f41dc;font-style:normal}.s21-glass-main>nav{display:flex;gap:.35rem;margin:1rem 0;padding-bottom:.8rem;border-bottom:1px solid #ffffff10}.s21-glass-main>nav button{border:0;border-radius:.5rem;padding:.5rem .7rem;background:transparent;color:#858a9d}.s21-glass-main>nav button.is-active{background:#7040dc;color:#fff}.s21-board{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.s21-board section{padding:.7rem;border:1px solid #ffffff0d;border-radius:.7rem;background:#ffffff05}.s21-board section>small{font-size:.55rem;color:#777f94}.s21-board article{margin-top:.65rem;padding:.8rem;border:1px solid #ffffff0d;border-radius:.6rem;background:#ffffff08}.s21-board article b{display:block;font-size:.72rem}.s21-board article span{color:#8e92a2;font-size:.6rem}.s21-analytics{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem}.s21-analytics section{min-height:15rem;padding:1rem;border:1px solid #ffffff0d;border-radius:.8rem;background:#ffffff06}.s21-analytics small{color:#898da0}.s21-analytics strong{display:block;font-size:3rem;margin:1rem 0}.s21-chart{height:6rem;display:flex;gap:.4rem;align-items:end}.s21-chart i{flex:1;background:#744be2;border-radius:.25rem .25rem 0 0}.s21-chart i:nth-child(1){height:30%}.s21-chart i:nth-child(2){height:55%}.s21-chart i:nth-child(3){height:42%}.s21-chart i:nth-child(4){height:75%}.s21-chart i:nth-child(5){height:61%}.s21-chart i:nth-child(6){height:92%}.s21-analytics section>span{display:grid;grid-template-columns:5rem 1fr;gap:.5rem;align-items:center;margin-top:1.5rem;font-size:.65rem}.s21-analytics section>span i{position:relative;height:.3rem;background:#ffffff12;border-radius:99px}.s21-analytics section>span i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#744be2,#31caa0);border-radius:inherit}.s21-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.s21-calendar i{display:grid;place-items:center;min-height:3rem;border:1px solid #ffffff09;border-radius:.35rem;color:#777d8e;font-style:normal;font-size:.68rem}.s21-calendar i.is-event{background:#7344d8;color:#fff;box-shadow:0 0 20px #7344d866}

/* 11 — selector */
.s21-selector{width:min(100%,47rem)}.s21-selector__scene{position:relative;height:28rem;overflow:hidden;background:#0b0e13}.s21-selector__backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.s21-selector__guardian{position:absolute;z-index:2;left:50%;bottom:-4rem;width:44%;height:112%;object-fit:contain;transform:translateX(-50%) scale(.9);filter:drop-shadow(0 22px 18px #000c);transition:.6s cubic-bezier(.2,.8,.2,1)}.s21-selector__guardian.is-1{filter:hue-rotate(105deg) drop-shadow(0 22px 18px #000c);transform:translateX(-50%) translateY(-1.2rem) scale(1.02)}.s21-selector__thumbs{position:relative;z-index:3;display:flex;justify-content:center;gap:.7rem;margin-top:-3rem}.s21-selector__thumbs button{width:5rem;height:5.7rem;padding:.2rem;border:1px solid transparent;background:#11151b;box-shadow:0 9px 20px #1117;transition:.25s}.s21-selector__thumbs button.is-active{border-color:#fff;transform:translateY(-.35rem)}.s21-selector__thumbs img{width:100%;height:100%;object-fit:contain}

/* 12 — premium feature card reconstructed from 17.47.55 (1). */
.s21-feature-pair {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1.4rem;
  width: min(100%, 40rem);
  padding: 2.25rem 1rem;
}

.s21-feature-card {
  position: relative;
  isolation: isolate;
  width: min(47%, 18.4rem);
  aspect-ratio: 0.78;
  flex: none;
  overflow: hidden;
  border-radius: 1.35rem;
  background: #fff;
  color: #090a0c;
  box-shadow: 0 1.2rem 2.25rem -0.7rem rgb(102 50 220 / 18%);
}

.s21-feature-card__number,
.s21-feature-card__icon,
.s21-feature-card__content,
.s21-feature-card__orbit {
  position: absolute;
  z-index: 2;
}

.s21-feature-card__number {
  top: 1.25rem;
  right: 1.35rem;
  display: grid;
  place-items: center;
  width: 3.15rem;
  height: 2.8rem;
  border: 1px solid rgb(255 255 255 / 28%);
  border-radius: 1.45rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
}

.s21-feature-card__icon {
  top: 1.55rem;
  left: 1.7rem;
  display: grid;
  place-items: center;
  width: 4.05rem;
  height: 4.05rem;
  border-radius: 0.82rem;
  color: #fff;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.5s ease;
  will-change: transform;
}

.s21-feature-card__icon svg {
  width: 2.6rem;
  height: 2.6rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.s21-feature-card__content {
  left: 1.7rem;
  right: 1.55rem;
  top: 7.35rem;
}

.s21-feature-card__label {
  display: block;
  color: #6832c8;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.s21-feature-card h3 {
  margin: 0.5rem 0 0;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.s21-feature-card__line {
  display: block;
  width: 3.75rem;
  height: 0.16rem;
  margin: 1.2rem 0 1.45rem;
  border-radius: 999px;
  background: #723bd9;
}

.s21-feature-card p {
  margin: 0;
  color: #656269;
  font-size: 0.88rem;
  line-height: 1.55;
}

.s21-feature-card__orbit {
  right: 1.55rem;
  bottom: 1.65rem;
  display: flex;
  gap: 0.38rem;
}

.s21-feature-card__orbit i {
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 50%;
  background: #713bd8;
}

.s21-feature-card--basic {
  aspect-ratio: 0.9;
  border-radius: 0.15rem;
}

.s21-feature-card--basic .s21-feature-card__basic-corner {
  position: absolute;
  right: 0;
  top: 0;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 0 0 0 100%;
  background: #7540d9;
}

.s21-feature-card--basic .s21-feature-card__number {
  top: 1.15rem;
  right: 0.75rem;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  font-size: 1.45rem;
  font-weight: 500;
}

.s21-feature-card--basic .s21-feature-card__icon {
  border-radius: 0;
  background: transparent;
  color: #7440d4;
}

.s21-feature-card--basic .s21-feature-card__content {
  top: 7.05rem;
}

.s21-feature-card--basic h3 {
  margin-top: 0.3rem;
  font-size: 1.25rem;
  line-height: 1.05;
}

.s21-feature-card--basic p {
  margin-top: 1.45rem;
}

.s21-feature-card__liquid {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 50%;
  overflow: visible;
  transform: scale(1);
  transform-origin: 100% 0;
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.s21-feature-card__liquid-rim {
  fill: #a56eff;
}

.s21-feature-card__liquid-core {
  fill: url(#s21-feature-liquid);
}

.s21-feature-card--premium {
  transition:
    color 0.35s ease,
    transform 0.5s ease,
    box-shadow 0.5s ease;
}

.s21-feature-card--premium .s21-feature-card__icon {
  background: linear-gradient(145deg, #a45dff, #6a30db);
  box-shadow: 0 0.72rem 1.35rem rgb(98 43 201 / 34%);
}

.s21-feature-card--premium .s21-feature-card__label,
.s21-feature-card--premium .s21-feature-card__line,
.s21-feature-card--premium p,
.s21-feature-card--premium .s21-feature-card__orbit i {
  transition:
    color 0.28s ease,
    background-color 0.28s ease;
}

.s21-feature-card--premium:hover,
.s21-feature-card--premium:focus {
  color: #f7f2ff;
  outline: none;
  box-shadow: 0 1.55rem 2.7rem -0.6rem rgb(102 50 220 / 26%);
}

.s21-feature-card--premium:hover .s21-feature-card__liquid,
.s21-feature-card--premium:focus .s21-feature-card__liquid {
  transform: scale(5.2);
}

.s21-feature-card--premium:hover .s21-feature-card__icon,
.s21-feature-card--premium:focus .s21-feature-card__icon {
  transform: rotate(-8deg);
}

.s21-feature-card--premium:hover .s21-feature-card__label,
.s21-feature-card--premium:focus .s21-feature-card__label,
.s21-feature-card--premium:hover p,
.s21-feature-card--premium:focus p {
  color: #f7f2ff;
}

.s21-feature-card--premium:hover .s21-feature-card__line,
.s21-feature-card--premium:focus .s21-feature-card__line,
.s21-feature-card--premium:hover .s21-feature-card__orbit i,
.s21-feature-card--premium:focus .s21-feature-card__orbit i {
  background: #fff;
}

.s21-feature-card--premium:focus-visible {
  outline: 2px solid #7b42e5;
  outline-offset: 0.3rem;
}

/* 13 — image shadow */
.s21-image-shadow{position:relative;width:min(100%,30rem);margin:0;isolation:isolate}.s21-image-shadow:before{content:"";position:absolute;z-index:-1;left:1.1rem;right:-1.15rem;top:1.2rem;bottom:-1.35rem;border-radius:.35rem;background:linear-gradient(135deg,#1187ff 0%,#0dc4ce 38%,#ff7a2f 72%,#ff3f67 100%);filter:blur(1px);opacity:.9}.s21-image-shadow:after{content:"";position:absolute;z-index:-2;left:8%;right:-7%;bottom:-2rem;height:3rem;background:linear-gradient(90deg,#168eff,#24d7c4,#ff6a36);filter:blur(22px);opacity:.65}.s21-image-shadow img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.3rem;box-shadow:0 22px 35px #0a142836}

@media(max-width:900px){.s21__intro{grid-template-columns:1fr;gap:1.5rem}.s21__grid{grid-template-columns:1fr}.s21-demo--wide{grid-column:auto}.s21-pricing{grid-template-columns:1fr;max-width:34rem}.s21-pricing__heading h3{font-size:3.5rem}.s21-flip{height:24rem}.s21-glass-shell{height:28rem}.s21-selector__scene{height:24rem}}
@media(max-width:560px){.s21{padding-inline:.7rem}.s21__intro h1{font-size:2.6rem}.s21-demo{padding:.75rem}.s21-demo__stage{min-height:24rem;padding:.65rem;border-radius:1rem}.s21-demo--wide .s21-demo__stage{min-height:28rem}.s21-pricing{padding:.6rem;gap:1.5rem}.s21-pricing__heading h3{font-size:2.6rem}.s21-pricing__toggle{width:100%}.s21-flip{height:25rem}.s21-plan{padding:1.3rem}.s21-plan button{left:1.3rem;right:1.3rem}.s21-publish-demo{height:11rem;border-width:6px}.s21-publish{width:7.5rem;height:2.7rem;gap:.4rem}.s21-publish__labels{width:3.8rem}.s21-account-card{padding:1rem}.s21-account-progress span{display:none}.s21-fields{grid-template-columns:1fr}.s21-fields label:first-child,.s21-fields .s21-check{grid-column:auto}.s21-products{gap:.7rem;height:20rem}.s21-product{height:14rem}.s21-product__image img{width:115%}.s21-product__details{grid-template-columns:1fr}.s21-product__details span,.s21-product__details>b{display:none}.s21-glass-sidebar{width:3.2rem}.s21-glass-main{padding:.75rem .5rem}.s21-board{grid-template-columns:1fr 1fr}.s21-board section:last-child{display:none}.s21-analytics{grid-template-columns:1fr}.s21-analytics section:last-child{display:none}.s21-calendar i{min-height:2.2rem}.s21-selector__scene{height:19rem}.s21-selector__thumbs button{width:4rem;height:4.5rem}.s21-feature-pair{gap:.45rem}.s21-feature-card{width:50%;min-height:18rem;padding:.7rem}.s21-feature-card h3{font-size:1.1rem}.s21-feature-card p{font-size:.65rem}.s21-image-shadow{width:90%}}
@media(prefers-reduced-motion:reduce){.s21 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Corrections from the full reference audit. */
.s21-plan{background:#f0f1ed;color:#151817}.s21-plan--back{background:#171a18;color:#f5f7f4}.s21-plan button{background:#171a18;color:#fff}.s21-plan--back button{background:#e4ff55;color:#171a18}
.s21-delete.is-deleting .s21-delete__rings i{border-width:2px;box-shadow:0 0 1rem #b85cff;animation-name:s21-ring-out-audit}@keyframes s21-ring-out-audit{0%{width:3.6rem;height:3.6rem;margin:-1.8rem;opacity:.95}100%{width:9rem;height:9rem;margin:-4.5rem;opacity:0}}
.s21-controls.is-dark{box-shadow:8px 10px 18px #15151d,-5px -5px 14px #5a5768}
.s21-products{gap:1rem;width:min(100%,31rem)}
.s21-glass-shell{position:relative;border:1px solid #ffffff24;background:radial-gradient(circle at 12% 14%,#6d31ff55,transparent 30%),radial-gradient(circle at 88% 0,#f59f4a18,transparent 34%),linear-gradient(135deg,#0a0b13e8,#19131eea);box-shadow:inset 0 1px #ffffff24,0 30px 70px #26113d40}
@media(max-width:560px){.s21-product__body{min-height:5.9rem;padding:.7rem}.s21-product__details{grid-template-columns:1fr auto;gap:.25rem}.s21-product__details span{display:flex;justify-content:end}.s21-product__details>b{display:block}.s21-product__details button{grid-column:1/-1}.s21-product:hover .s21-product__details,.s21-product:focus .s21-product__details{max-height:4.2rem}}

/* Literal reconstruction pass for the September 21 references. */
.s21-pricing{width:min(100%,46rem);display:flex;flex-direction:column;gap:1.05rem;align-items:center;padding:1.25rem 1rem 2rem;text-align:center;perspective:1400px}.s21-pricing__heading small{display:inline-flex;padding:.28rem .55rem;border:1px solid #d8dbd7;border-radius:999px;color:#5d6460;font:600 .58rem system-ui;letter-spacing:0;text-transform:none}.s21-pricing__heading h3{margin:.7rem 0 .35rem;font-size:clamp(2rem,4vw,3.15rem);line-height:1;letter-spacing:-.055em}.s21-pricing__heading p{margin:0;color:#8a8f8c;font-size:.72rem}.s21-pricing__toggle{display:grid;width:min(100%,22rem);grid-template-columns:1fr 1fr;padding:.18rem;border:1px solid #e2e3df;border-radius:.35rem;background:#f1f1ef}.s21-pricing__toggle button{display:flex;justify-content:center;gap:.3rem;border:0;border-radius:.25rem;padding:.52rem .7rem;background:transparent;color:#7a7e7b;font-size:.63rem;cursor:pointer}.s21-pricing__toggle button span{opacity:.65}.s21-pricing__toggle button.is-active{background:#fff;color:#171918;box-shadow:0 1px 4px #15181513}.s21-flip{position:relative;width:min(100%,31rem);height:16rem;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.78,.22,1)}.s21-flip.is-flipped{transform:rotateY(180deg)}.s21-plan{position:absolute;inset:0;display:grid;grid-template-columns:.9fr 1.3fr;padding:0;overflow:hidden;border:1px solid #dadbd7;border-radius:.45rem;backface-visibility:hidden;background:#f7f7f5;color:#171918;text-align:left;box-shadow:0 18px 38px #1d231f1c}.s21-plan--back{transform:rotateY(180deg);border-color:#292c2b;background:#171a18;color:#f5f6f3}.s21-plan__price{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:1.15rem;overflow:hidden;background:#ececea}.s21-plan--back .s21-plan__price{background:#202322}.s21-plan__price>b{position:absolute;z-index:2;left:1.15rem;top:1.1rem;font-size:1.05rem;line-height:1;letter-spacing:-.04em}.s21-plan__price>i{position:absolute;left:20%;top:8%;font:900 10rem/.8 system-ui;font-style:italic;color:#d9d9d5;transform:skewX(-9deg)}.s21-plan--back .s21-plan__price>i{color:#2b2e2d}.s21-plan__price>strong{position:relative;z-index:2;margin:0;font-size:2.05rem;line-height:1;letter-spacing:-.055em}.s21-plan__price>strong em{font-size:.85rem}.s21-plan__price>small{position:relative;z-index:2;margin:.25rem 0 0;font:500 .52rem/1.35 system-ui;letter-spacing:0;text-transform:none;opacity:.55}.s21-plan__features{position:relative;padding:1rem 1.05rem 3.65rem}.s21-plan__features>small{display:inline-flex;padding:.22rem .45rem;border:1px solid currentColor;border-radius:999px;font:600 .48rem system-ui;letter-spacing:0;text-transform:none;opacity:.75}.s21-plan ul{display:grid;gap:.52rem;padding:0;list-style:none;margin:.8rem 0}.s21-plan li{font-size:.58rem;line-height:1.25}.s21-plan li:before{content:"";display:inline-block;width:.38rem;height:.38rem;margin-right:.5rem;border-radius:50%;background:#ec3434;box-shadow:inset 0 0 0 1px #fff6}.s21-plan button{position:absolute;left:1.05rem;right:1.05rem;bottom:1rem;display:flex;justify-content:space-between;border:0;border-radius:.25rem;padding:.65rem .75rem;background:#171918;color:#fff;font-size:.57rem;font-weight:600}.s21-plan--back button{background:#f2f3ef;color:#171918}

.s21-publish-demo{width:min(100%,40rem);height:18rem;border:12px solid #e9eef4;border-radius:1.15rem;box-shadow:0 18px 35px #16202b2a}.s21-publish-demo>div{background:#f7f9fc}.s21-publish-demo>div+div{background:#0d1118}.s21-publish{width:9.25rem;height:3.15rem;gap:.65rem;border-radius:.65rem;transition:none}.s21-publish__viewport{width:1.55rem;height:1.5rem;border-radius:0;background:transparent!important;overflow:hidden}.s21-publish__cloud{position:absolute!important;inset:auto!important;left:.22rem!important;bottom:.15rem!important;width:1.08rem!important;height:.63rem!important;border-radius:.32rem!important;background:#747980!important;color:inherit}.s21-publish__cloud:before,.s21-publish__cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.s21-publish__cloud:before{width:.58rem;height:.58rem;left:.12rem;top:-.27rem}.s21-publish__cloud:after{width:.46rem;height:.46rem;right:.08rem;top:-.18rem}.s21-publish__cloud b{position:absolute;z-index:2;left:50%;top:-.34rem;transform:translateX(-50%);font-size:.82rem;font-weight:500;color:#fff}.s21-publish.is-inverse .s21-publish__cloud{background:#a8a9ad!important}.s21-publish__loader{font-size:1.05rem!important}.s21-publish__check{margin:.08rem;border-radius:50%;background:#a8a9ad;color:#fff;font-size:.65rem!important}.s21-publish.is-loading .s21-publish__cloud,.s21-publish.is-done .s21-publish__cloud{transform:translateY(-150%);opacity:0}.s21-publish.is-loading .s21-publish__loader{animation:s21-upload .64s ease-in-out infinite}.s21-publish__labels{height:1.35rem}.s21-publish__labels i{font-size:.94rem;line-height:1.35rem}

.s21-demo:nth-child(3) .s21-demo__stage{padding:0;background:#11091f}.s21-account-scene{width:100%;min-height:48rem;padding:3.8rem 1.5rem;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 0,#6425da 0,#351280 26%,#180a35 58%,#0c0718 100%);color:#fff}.s21-account-scene>header{text-align:center;margin-bottom:2.5rem}.s21-account-scene>header h3{margin:0 0 .75rem;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em}.s21-account-scene>header p{margin:0;color:#b6a9c8;font-size:.82rem}.s21-account-card{position:relative;width:min(100%,42rem);min-height:34rem;padding:2rem 2.25rem 4rem;border:1px solid #ffffff1f;border-radius:1.35rem;background:linear-gradient(150deg,#ffffff0e,#ffffff04 44%),#150f22d9;color:#fff;box-shadow:0 30px 65px #08031080,inset 0 1px #ffffff12}.s21-account-progress{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0}.s21-account-progress>div{display:flex;align-items:center;gap:.7rem;color:#7e708d}.s21-account-progress>div:after{content:none!important}.s21-account-progress i{width:2.8rem;height:2.8rem;flex:none;background:#ffffff0b;border:1px solid #ffffff15;font-size:.75rem}.s21-account-progress .is-active i{background:linear-gradient(135deg,#d42fff,#674cff);box-shadow:0 0 1.4rem #a139ff59}.s21-account-progress span{display:block;color:#fff;font-size:.74rem;line-height:1.2}.s21-account-progress small{display:block;margin-top:.2rem;color:#a99db6;font-size:.58rem}.s21-account-line{height:.24rem;margin:2rem 1.55rem 1.75rem;border-radius:999px;background:#ffffff0a;overflow:hidden}.s21-account-line i{display:block;height:100%;background:linear-gradient(90deg,#db35df,#6256ff);transition:width .45s ease}.s21-fields{display:grid;grid-template-columns:1fr;gap:1rem}.s21-fields label{grid-column:auto!important;color:#fff;font-size:.7rem;font-weight:600}.s21-fields input,.s21-fields select{height:3.55rem;margin-top:.5rem;border:1px solid #ffffff13;border-radius:.72rem;background:#ffffff08;color:#fff;padding:.8rem 1rem;box-shadow:inset 0 1px #ffffff05}.s21-fields input:focus,.s21-fields select:focus{outline:1px solid #8459ff;box-shadow:0 0 0 .22rem #7c45ff1b}.s21-check{margin-top:.25rem;color:#b9aec1!important;font-weight:400!important}.s21-review{padding:1rem 1.1rem;border:1px solid #ffffff10;border-radius:.75rem;background:#ffffff05}.s21-review h4{margin:0 0 .5rem;font-size:.9rem}.s21-review span{padding:.55rem 0}.s21-account-actions{justify-content:space-between;margin-top:1.25rem}.s21-account-actions button,.s21-account-success button{min-width:6rem;border-radius:.65rem;padding:.72rem 1.1rem}.s21-account-actions .is-primary{background:linear-gradient(135deg,#d22fff,#5c55ff);box-shadow:0 10px 22px #813dff3d;color:#fff}.s21-account-card>footer{position:absolute;left:0;right:0;bottom:1.45rem;text-align:center;color:#877d91;font-size:.62rem}.s21-account-success{display:block;text-align:center}.s21-account-success .s21-account-progress{text-align:left}.s21-account-success>.s21-success-check{display:grid;margin:3.3rem auto 1.8rem;width:4.5rem;height:4.5rem;border-radius:50%;background:#153337;color:#20c49d;box-shadow:0 0 2.2rem #20c49d22}.s21-account-success h3{margin:0;font-size:2.1rem}.s21-account-success p{margin:.9rem 0;color:#a99db1}.s21-account-success>button{display:none}

.s21-controls{position:relative;width:min(100%,17.8rem);padding:1.55rem 1.3rem 1.2rem;border-radius:1rem;background:#eef0f8;color:#202333;box-shadow:13px 18px 28px #9da3b747,-10px -10px 22px #fff;transition:background .4s,color .4s}.s21-controls:before{content:"";position:absolute;left:1.75rem;right:1.75rem;top:0;height:2px;background:#8b61f2}.s21-controls.is-dark{background:#2d2f3b;color:#f4f1ff;box-shadow:13px 18px 28px #15151d55,-5px -5px 14px #5a576844}.s21-controls>header{padding:0 0 .65rem;border-bottom:1px solid #dfe2eb}.s21-controls header b{display:block;font-size:.92rem}.s21-controls header small,.s21-control-row small{font-size:.52rem}.s21-controls header>em{padding:.22rem .52rem;border-radius:999px;background:#ddd9ff;color:#6c58dc;font-size:.5rem;font-style:normal}.s21-control-row{position:relative;min-height:3.42rem;gap:.62rem;padding:.58rem .75rem;margin:.7rem 0;border:1px solid #ffffff78;border-radius:.72rem;background:#edf0f7;box-shadow:4px 6px 11px #c5c9d5,-4px -4px 9px #fff}.s21-controls.is-dark .s21-control-row{background:#333541;box-shadow:4px 6px 11px #1e2028,-3px -3px 8px #484a57}.s21-control-row>i{width:1.55rem;height:1.55rem;background:transparent;font-size:.72rem}.s21-control-row span{min-width:0}.s21-control-row b{font-size:.62rem}.s21-control-row>em{position:absolute;right:.35rem;width:.3rem;height:.3rem;border-radius:50%;background:#8d93a2}.s21-control-row>em.is-on{background:#39d471;box-shadow:0 0 .5rem #39d471}.s21-switch{width:2.25rem;height:1.22rem;padding:.12rem}.s21-switch i{width:.98rem;height:.98rem;box-shadow:0 2px 5px #5f647b4d}.s21-switch.is-on{background:linear-gradient(90deg,#7462ef,#8b5cf4)}.s21-switch.is-on i{transform:translateX(1.02rem)}.s21-range-row>span{display:grid;gap:.25rem}.s21-range-row input{width:100%;height:.22rem;margin:0;accent-color:#7d5df0}.s21-range-row>strong{width:2rem;color:#6553d8;font-size:.56rem;text-align:right}.s21-control-dial{position:relative;background:conic-gradient(#805cf3 var(--p),#d5d9e5 0)!important;border-radius:50%!important}.s21-control-dial:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#eef0f8}.s21-control-dial::after{content:"";position:relative;width:.25rem;height:.25rem;border-radius:50%;background:#ffcf20}.s21-controls.is-dark .s21-control-dial:before{background:#333541}

.s21-image-shadow{position:relative;width:min(100%,37.5rem);margin:0;overflow:hidden;border-radius:.55rem;isolation:auto;background:#101525}.s21-image-shadow:before,.s21-image-shadow:after{content:none!important}.s21-image-shadow img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:inherit;box-shadow:none}.s21-image-shadow>span{position:absolute;inset:0;background:linear-gradient(180deg,#0000 24%,#0003 55%,#000 135%);pointer-events:none}

@media(max-width:700px){.s21-pricing{padding:.5rem}.s21-pricing__heading h3{font-size:2rem}.s21-flip{height:18.5rem}.s21-plan{grid-template-columns:.85fr 1.4fr}.s21-plan__price{padding:.85rem}.s21-plan__price>b{left:.85rem;top:.85rem}.s21-plan__features{padding:.8rem .8rem 3.4rem}.s21-plan li{font-size:.5rem}.s21-plan button{left:.8rem;right:.8rem}.s21-publish-demo{height:12.5rem;border-width:7px}.s21-publish{width:7.9rem;height:2.8rem}.s21-account-scene{min-height:42rem;padding:2.5rem .7rem}.s21-account-scene>header{margin-bottom:1.5rem}.s21-account-scene>header h3{font-size:2rem}.s21-account-card{min-height:32rem;padding:1.25rem 1rem 3.5rem}.s21-account-progress{gap:.25rem}.s21-account-progress i{width:2.1rem;height:2.1rem}.s21-account-progress span{display:block}.s21-account-progress b{font-size:.61rem}.s21-account-progress small{font-size:.47rem}.s21-account-line{margin:1.4rem 1rem}.s21-controls{width:min(100%,17rem)}.s21-image-shadow{width:100%}}

.s21-products{width:min(100%,27rem);height:22rem;gap:1.15rem}.s21-product{height:14.5rem}.s21-product__image{inset:-.75rem .35rem 4.2rem}.s21-product__body{min-height:4.2rem;padding:.8rem}.s21-product:hover .s21-product__image,.s21-product:focus .s21-product__image{inset:-2.45rem -.2rem 4.2rem}
.s21-single-pop article{width:9.5rem;height:13.8rem}.s21-single-pop__hero{left:-1.5rem;width:12.5rem;height:17rem}.s21-single-pop article:hover .s21-single-pop__hero,.s21-single-pop article:focus .s21-single-pop__hero{transform:translateY(-2.15rem) scale(.98)}
.s21-glass-shell{height:27rem;border-color:#ffffff1c;border-radius:.5rem;background:radial-gradient(circle at 50% 120%,#ff7a1518,transparent 45%),linear-gradient(135deg,#17161be8,#0b0c10f2);box-shadow:inset 0 1px #ffffff1d,0 30px 70px #130b0b40}.s21-glass-sidebar{width:3.5rem;background:linear-gradient(180deg,#6630ff,#30167a 62%,#21174d);gap:.45rem}.s21-glass-sidebar>b{width:2.15rem;height:2.15rem;border-radius:.45rem;margin-bottom:.5rem}.s21-glass-sidebar button{width:2.15rem;height:2.15rem}.s21-glass-main{padding:1rem}.s21-glass-main>header{padding-bottom:.65rem;border-bottom:1px solid #ffffff0b;color:#d9d6de;font-size:.76rem}.s21-glass-main>header i{width:1.7rem;height:1.7rem;background:#f39c29;color:#171717;font-size:.66rem}.s21-glass-main>nav{margin:.65rem 0}.s21-glass-main>nav button{padding:.38rem .6rem;font-size:.65rem}.s21-glass-main>nav button.is-active{background:#f0a124;color:#17120b}.s21-board{gap:.55rem}.s21-board section{min-height:15rem;padding:.55rem;border-color:#ffffff10;background:linear-gradient(160deg,#ffffff09,#ffffff03)}.s21-board section>small{color:#d99638}.s21-board article{margin-top:.5rem;padding:.65rem;background:#ffffff08}.s21-board article span{color:#a99c89}.s21-chart i{background:#f0a124}.s21-analytics section>span i:after{background:linear-gradient(90deg,#f0a124,#6fcac0)}.s21-calendar i.is-event{background:#f0a124;color:#17120b;box-shadow:0 0 20px #f0a12455}
@media(max-width:560px){.s21-products{width:min(100%,23rem);height:19rem}.s21-product{height:12rem}.s21-product__image{inset:-.5rem .15rem 4.4rem}.s21-product:hover .s21-product__image,.s21-product:focus .s21-product__image{inset:-1.8rem -.15rem 4.4rem}.s21-glass-shell{height:26rem}}

/* Final literal corrections from direct frame comparison. */
.s21-account-card .s21-check input[type="checkbox"]{width:1rem;height:1rem;min-width:1rem;margin:0;padding:0;flex:none;border-radius:.2rem}

.s21-product:hover .s21-product__image,.s21-product:focus .s21-product__image{inset:-4rem -.7rem 4.2rem;transform:translateY(-.25rem) scale(1.08)}

/* 06 — moving colour field reconstructed from 17.47.54 (5). */
.s21-product {
  --s21-product-tone: #f47c0c;
  isolation: isolate;
  background: #f0eff2;
}

.s21-product.is-orange,
.s21-product.is-blue {
  background: #f0eff2;
}

.s21-product.is-blue {
  --s21-product-tone: #2877dc;
}

.s21-product__backdrop {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  background: #f0eff2;
  pointer-events: none;
}

.s21-product__backdrop::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--s21-product-tone);
  clip-path: ellipse(43% 43% at 100% 8%);
  transition: clip-path 0.62s cubic-bezier(0.22, 0.78, 0.22, 1);
  will-change: clip-path;
}

.s21-product__backdrop::after {
  content: "";
  position: absolute;
  right: -48%;
  top: 39%;
  width: 45%;
  height: 12%;
  opacity: 0;
  background: repeating-linear-gradient(115deg, transparent 0 0.62rem, rgb(255 255 255 / 52%) 0.62rem 1.22rem);
  clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
  transform: translate3d(30%, 0, 0);
  transition:
    right 0.62s cubic-bezier(0.22, 0.78, 0.22, 1),
    opacity 0.24s ease 0.16s,
    transform 0.62s cubic-bezier(0.22, 0.78, 0.22, 1);
  will-change: right, transform, opacity;
}

.s21-product__image {
  z-index: 2;
}

.s21-product__body {
  z-index: 3;
  background: transparent;
}

.s21-product:hover .s21-product__backdrop::before,
.s21-product:focus .s21-product__backdrop::before {
  clip-path: ellipse(110% 70% at 82% -18%);
}

.s21-product:hover .s21-product__backdrop::after,
.s21-product:focus .s21-product__backdrop::after {
  right: -3%;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* 05 — control scene theme transition from 17.47.54 (4). */
.s21-demo--controls .s21-demo__stage {
  padding: 0;
}

.s21-controls-scene {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 27rem;
  padding: clamp(1rem, 2.4vw, 2rem);
  background: #e8ebf7;
  transition: background-color 0.32s ease;
}

.s21-controls-scene.is-dark {
  background: #252538;
}

.s21-controls,
.s21-controls > header,
.s21-control-row,
.s21-control-row small,
.s21-control-dial::before,
.s21-switch,
.s21-control-row > em {
  transition:
    background-color 0.32s ease,
    border-color 0.32s ease,
    box-shadow 0.32s ease,
    color 0.32s ease;
}

.s21-switch i {
  transition: transform 0.3s ease;
}

.s21-controls.is-dark > header {
  border-color: #55576a;
}

.s21-controls.is-dark .s21-control-row:last-child .s21-switch.is-on {
  background: #20212d;
  box-shadow: inset 2px 2px 5px #151620, inset -1px -1px 3px #454858;
}

@media (max-width: 560px) {
  .s21-controls-scene {
    min-height: 24rem;
    padding: 0.65rem;
  }
}

/* 04 — sequential letter-to-trash delete reconstructed from 17.47.54 (3). */
.s21-delete-demo {
  min-height: 28rem;
  gap: 2.35rem;
  background:
    radial-gradient(circle at 50% 48%, rgb(126 44 255 / 18%), transparent 34%),
    radial-gradient(circle at 50% 50%, #24103d, #100719 70%);
}

.s21-delete-demo > small {
  color: #a9a2b7;
  font-family: "Avenir Next", Avenir, "Segoe UI Variable", "Segoe UI", sans-serif;
  font-size: 0.62rem;
  font-weight: 500;
  letter-spacing: 0.16em;
}

.s21-delete {
  position: relative;
  display: block;
  width: 16rem;
  height: 4.8rem;
  padding: 0;
  overflow: visible;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 999px;
  background: linear-gradient(100deg, #864dff, #7622df);
  color: #fff;
  box-shadow:
    0 0 2rem rgb(135 55 255 / 54%),
    inset 0 1px rgb(255 255 255 / 26%);
  cursor: pointer;
  transition:
    width 0.58s cubic-bezier(0.22, 0.75, 0.2, 1),
    box-shadow 0.35s ease,
    transform 0.2s ease;
}

.s21-delete:not(:disabled):active {
  transform: scale(0.98);
}

.s21-delete:disabled {
  cursor: default;
}

.s21-delete__trash {
  position: absolute;
  z-index: 3;
  left: calc(50% - 3.55rem);
  top: 50%;
  display: block;
  width: 2.3rem;
  height: 2.72rem;
  color: #fff;
  transform: translate(-50%, -50%);
  transform-origin: 50% 70%;
  transition:
    left 0.56s cubic-bezier(0.22, 0.75, 0.2, 1),
    transform 0.28s ease;
  will-change: left, transform;
}

.s21-delete__trash svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.s21-delete__lid {
  transform-origin: 12px 13px;
  transition: transform 0.28s ease;
}

.s21-delete__bin {
  transform-origin: 50% 75%;
}

.s21-delete__liquid {
  fill: currentColor;
  stroke: none;
  transition: clip-path 0.22s cubic-bezier(0.2, 0.78, 0.2, 1);
}

.s21-delete__letters {
  position: absolute;
  z-index: 2;
  left: calc(50% - 1.6rem);
  top: 50%;
  display: flex;
  transform: translateY(-50%);
  font: 700 1.2rem/1 "Avenir Next", Avenir, "Segoe UI Variable", "Segoe UI", sans-serif;
  letter-spacing: 0.025em;
  pointer-events: none;
}

.s21-delete__letters i {
  position: relative;
  display: inline-block;
  font-style: normal;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}

.s21-delete.is-consuming .s21-delete__trash {
  transform: translate(-50%, -50%) rotate(13deg);
}

.s21-delete.is-consuming .s21-delete__lid {
  transform: translate3d(0.06rem, -0.18rem, 0) rotate(-24deg);
}

.s21-delete.is-consuming .s21-delete__letters i.is-flying {
  animation: s21-letter-consume 0.72s cubic-bezier(0.25, 0.7, 0.2, 1) forwards;
}

.s21-delete.is-settled .s21-delete__trash,
.s21-delete.is-compact .s21-delete__trash {
  left: 50%;
}

.s21-delete.is-settled .s21-delete__letters i,
.s21-delete.is-compact .s21-delete__letters i {
  opacity: 0;
}

.s21-delete.is-compact {
  width: 4.8rem;
  box-shadow:
    0 0 2.1rem rgb(135 55 255 / 64%),
    inset 0 1px rgb(255 255 255 / 30%);
}

.s21-delete.is-restoring .s21-delete__letters i {
  animation: s21-letter-return 0.42s cubic-bezier(0.2, 0.82, 0.2, 1) both;
  animation-delay: var(--return-delay);
}

.s21-delete.is-restoring .s21-delete__letters i.is-leading {
  animation-name: s21-letter-return-leading;
}

.s21-delete__rings {
  position: absolute;
  z-index: 1;
  inset: 50%;
  pointer-events: none;
}

.s21-delete__rings > span {
  position: absolute;
  left: 0;
  top: 0;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background: conic-gradient(from 24deg, transparent 0 8%, #fff 9% 22%, rgb(255 255 255 / 16%) 23% 48%, #45dfff 49% 65%, rgb(151 84 255 / 34%) 66% 100%);
  filter: drop-shadow(0 0 0.42rem rgb(149 79 255 / 82%));
  mask: radial-gradient(farthest-side, transparent calc(100% - 0.34rem), #000 calc(100% - 0.31rem));
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.82) rotate(0deg);
}

.s21-delete.is-compact .s21-delete__rings > span {
  animation: s21-delete-orbit 1.18s 0.3s cubic-bezier(0.2, 0.72, 0.2, 1) both;
}

@keyframes s21-letter-consume {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
  }
  46% {
    opacity: 1;
    transform: translate3d(var(--fly-mid), -2rem, 0) rotate(var(--fly-spin)) scale(0.9);
  }
  78% {
    opacity: 0.9;
    transform: translate3d(var(--fly-dist), -0.25rem, 0) rotate(var(--fly-return-spin)) scale(0.48);
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--fly-dist), 0.55rem, 0) rotate(var(--fly-end-spin)) scale(0.18);
  }
}

@keyframes s21-letter-return {
  0% {
    opacity: 0;
    transform: translate3d(var(--fly-dist), 0.55rem, 0) scale(0.18);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes s21-letter-return-leading {
  0% {
    opacity: 0;
    transform: translate3d(-0.12rem, -0.18rem, 0) scale(1);
  }
  75% {
    opacity: 0.32;
    transform: translate3d(-0.03rem, -0.05rem, 0) scale(1);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes s21-delete-orbit {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.82) rotate(0deg);
  }
  16% {
    opacity: 0.95;
  }
  68% {
    opacity: 0.95;
    transform: translate(-50%, -50%) scale(1.62) rotate(230deg);
  }
  84% {
    opacity: 0.82;
    transform: translate(-50%, -50%) scale(1.62) rotate(305deg);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.05) rotate(360deg);
  }
}

@media (max-width: 560px) {
  .s21-delete-demo {
    min-height: 24rem;
  }

  .s21-delete {
    width: min(16rem, 78vw);
  }
}

.s21-single-pop article{width:10.4rem;height:15rem;background:#fff;box-shadow:none;transform-origin:50% 100%}.s21-single-pop__cover,.s21-single-pop__hero{inset:0;width:100%;height:100%;border-radius:.15rem;object-fit:contain;filter:none;transition:opacity .38s ease,transform .58s cubic-bezier(.2,.82,.2,1)}.s21-single-pop__cover{opacity:1}.s21-single-pop__hero{z-index:2;opacity:0;transform:translateY(1.8rem) scale(.86)}.s21-single-pop article:hover,.s21-single-pop article:focus{transform:translateY(-.3rem)}.s21-single-pop article:hover .s21-single-pop__cover,.s21-single-pop article:focus .s21-single-pop__cover{opacity:0;transform:scale(.94)}.s21-single-pop article:hover .s21-single-pop__hero,.s21-single-pop article:focus .s21-single-pop__hero{opacity:1;transform:translateY(-1.65rem) scale(1.18)}

.s21-selector{width:min(100%,34.25rem)}.s21-selector__scene{position:relative;width:100%;height:auto;aspect-ratio:548/342;overflow:visible;background:#0b0e13}.s21-selector__reference{display:block;width:100%;height:100%;object-fit:cover;border:1px solid #b7b4c3;border-radius:.15rem;transition:opacity .22s ease}.s21-selector__hotspots{position:absolute;inset:0;pointer-events:none}.s21-selector__hotspots button{position:absolute;bottom:6.5%;width:18.5%;height:31%;border:0;background:transparent;cursor:pointer;pointer-events:auto}.s21-selector__hotspots button:first-child{left:30.2%}.s21-selector__hotspots button:last-child{left:67.4%}.s21-selector__hotspots button:focus-visible{outline:2px solid #fff;outline-offset:2px}

.s21-glass-shell{position:relative;height:29rem;overflow:hidden;border:1px solid #ffffff20;background:radial-gradient(circle at 8% 45%,#6429ff45,transparent 25%),radial-gradient(circle at 82% 70%,#f0862320,transparent 33%),linear-gradient(118deg,#13111adf,#08090eea);box-shadow:inset 0 1px #ffffff29,inset -40px -40px 80px #0b071166,0 32px 70px #100b194d;backdrop-filter:blur(24px)}.s21-glass-shell:before{content:"";position:absolute;z-index:4;pointer-events:none;inset:0;background:linear-gradient(115deg,#ffffff12 0,#ffffff02 32%,transparent 50%,#ffffff09 100%);mix-blend-mode:screen}.s21-glass-shell:after{content:"";position:absolute;z-index:0;pointer-events:none;left:22%;right:8%;bottom:-35%;height:60%;border-radius:50%;background:#7a31ff28;filter:blur(42px)}.s21-glass-sidebar,.s21-glass-main{position:relative;z-index:2}.s21-glass-sidebar{width:3.6rem;background:linear-gradient(180deg,#7139ff,#4821c8 45%,#25115f 100%);box-shadow:inset -1px 0 #ffffff24,8px 0 26px #5220c855}.s21-glass-sidebar button{color:#d9d0ff}.s21-glass-sidebar button.is-active{background:#ffffff2b;box-shadow:inset 0 1px #ffffff32,0 7px 14px #210e6870}.s21-glass-main{padding:.85rem 1rem 1rem}.s21-glass-main>header{min-height:2.3rem;padding:0 0 .55rem;border-bottom:1px solid #ffffff10}.s21-glass-main>header>div{display:flex;align-items:center;gap:.35rem}.s21-glass-main>header button{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:1px solid #ffffff0d;border-radius:.35rem;background:#ffffff08;color:#b7b2c0}.s21-glass-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin:.65rem 0}.s21-glass-metrics>span{position:relative;min-width:0;padding:.52rem .55rem;border:1px solid #ffffff0e;border-radius:.35rem;background:linear-gradient(145deg,#ffffff0c,#ffffff04);box-shadow:inset 0 1px #ffffff0a}.s21-glass-metrics small,.s21-glass-metrics b,.s21-glass-metrics em{display:block}.s21-glass-metrics small{overflow:hidden;color:#797583;font-size:.46rem;white-space:nowrap;text-overflow:ellipsis}.s21-glass-metrics b{margin:.18rem 0;color:#eceaf0;font-size:1.02rem}.s21-glass-metrics em{color:#d78a34;font-size:.43rem;font-style:normal}.s21-glass-main>nav{margin:.45rem 0;padding-bottom:.45rem}.s21-board{gap:.45rem}.s21-board section{min-height:14.35rem;padding:.48rem;border-radius:.38rem;background:linear-gradient(150deg,#ffffff0b,#ffffff03);box-shadow:inset 0 1px #ffffff0c}.s21-board section>small{display:flex;justify-content:space-between;color:#a096a5}.s21-board section>small b{display:grid;place-items:center;width:1rem;height:1rem;border-radius:.2rem;background:#ffffff0b;color:#db8d30;font-size:.48rem}.s21-board article{position:relative;margin-top:.42rem;padding:.58rem .52rem .58rem .65rem;border-radius:.35rem;background:linear-gradient(145deg,#ffffff0d,#ffffff05);box-shadow:0 7px 16px #05050840,inset 0 1px #ffffff0a}.s21-board article>i{position:absolute;left:.25rem;top:.6rem;width:.16rem;height:1.35rem;border-radius:1rem;background:#ef9a2d;box-shadow:0 0 8px #ef9a2d88}.s21-board article b{font-size:.62rem}.s21-board article span{font-size:.49rem}.s21-board article>div{display:flex;justify-content:flex-end;margin-top:.45rem}.s21-board article>div em{width:.9rem;height:.9rem;margin-left:-.18rem;border:1px solid #25212c;border-radius:50%;background:linear-gradient(135deg,#ef9a2d,#7848de)}

@media(max-width:560px){.s21-product:hover .s21-product__image,.s21-product:focus .s21-product__image{inset:-3rem -.45rem 4.4rem}.s21-single-pop article{width:8rem;height:11.6rem}.s21-selector{width:100%}.s21-glass-shell{height:27rem}.s21-glass-metrics{grid-template-columns:repeat(2,1fr)}.s21-glass-metrics>span:nth-child(n+3){display:none}.s21-board section{min-height:13rem}}

/* 02 — publish, rebuilt from 17.47.50 (1). */
.s21-demo:nth-child(2) .s21-demo__stage {
  min-height: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}

.s21-publish-demo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: min(100%, 41rem);
  aspect-ratio: 654 / 405;
  height: auto;
  padding: clamp(1.55rem, 7.65cqw, 3.125rem) clamp(0.45rem, 3cqw, 1.25rem);
  border: 0;
  border-radius: clamp(0.85rem, 3cqw, 1.25rem);
  overflow: hidden;
  background: #e7edf5;
  box-shadow:
    0 1.15rem 1.45rem -0.8rem rgb(17 27 37 / 20%),
    inset 0 1px rgb(255 255 255 / 78%);
  container-type: inline-size;
}

.s21-publish-demo__pane {
  display: grid;
  place-items: center;
  min-width: 0;
  background: #f7f8fc !important;
  border-radius: clamp(0.75rem, 4.4cqw, 1.8rem) 0 0 clamp(0.75rem, 4.4cqw, 1.8rem);
}

.s21-publish-demo__pane--dark {
  background: #0a0f17 !important;
  border-radius: 0 clamp(0.75rem, 4.4cqw, 1.8rem) clamp(0.75rem, 4.4cqw, 1.8rem) 0;
}

.s21-publish {
  --face: #12161c;
  --on: #fff;
  --cloud: #747a82;
  --label-line: clamp(1.25rem, 5.2cqw, 2.1rem);
  --label-width: clamp(3.45rem, 14cqw, 5.75rem);
  --done-label-width: clamp(2.8rem, 9.8cqw, 4rem);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.34rem, 2.1cqw, 0.86rem);
  width: 70%;
  height: clamp(2.4rem, 12.66cqw, 4.875rem);
  padding: 0 clamp(0.45rem, 2.5cqw, 1rem);
  overflow: hidden;
  border: 0;
  border-radius: clamp(0.55rem, 2.15cqw, 0.88rem);
  background: var(--face);
  color: var(--on);
  box-shadow:
    0 0.62rem 0.72rem -0.38rem rgb(9 15 24 / 36%),
    inset 0 1px rgb(255 255 255 / 7%);
  cursor: pointer;
  transform: translateZ(0);
  transition:
    width 420ms cubic-bezier(0.22, 0.78, 0.22, 1),
    box-shadow 180ms ease,
    filter 180ms ease;
}

.s21-publish[data-state="done"] {
  width: 61.5%;
}

.s21-publish.is-inverse {
  --face: #f3f5f9;
  --on: #12161c;
  --cloud: #a9adb2;
  background: var(--face);
  color: var(--on);
  box-shadow:
    0 0.56rem 0.78rem -0.38rem rgb(0 0 0 / 36%),
    inset 0 1px rgb(255 255 255 / 92%);
}

.s21-publish:hover {
  filter: brightness(1.045);
}

.s21-publish:focus-visible {
  outline: 2px solid #7d8b9c;
  outline-offset: 3px;
}

.s21-publish__icon-window,
.s21-publish__label-window {
  position: relative;
  display: block;
  overflow: hidden;
}

.s21-publish__icon-window {
  width: clamp(1.2rem, 5.8cqw, 2.35rem);
  height: clamp(1.2rem, 5.8cqw, 2.35rem);
  flex: none;
  border-radius: 50%;
}

.s21-publish__icon-window::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: 50%;
  background: var(--cloud);
  opacity: 0;
  transform: scale(0.72);
  transition:
    opacity 220ms ease,
    transform 380ms cubic-bezier(0.22, 0.78, 0.22, 1);
}

.s21-publish__label-window {
  width: var(--label-width);
  height: calc(var(--label-line) * 2.1);
  flex: none;
  transition: width 420ms cubic-bezier(0.22, 0.78, 0.22, 1);
}

.s21-publish[data-state="done"] .s21-publish__label-window {
  width: var(--done-label-width);
}

.s21-nimbus {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.s21-nimbus__roll {
  fill: var(--cloud);
  transform: translateY(-14px);
  transform-box: view-box;
  transform-origin: 0 0;
  transition: opacity 180ms ease;
  will-change: transform;
}

.s21-nimbus__stem,
.s21-nimbus__head {
  fill: none;
  stroke: var(--on);
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.s21-nimbus__stem {
  transition: opacity 150ms ease;
}

.s21-nimbus__head {
  d: path("M8 14.8 12 11 16 14.8");
  transition: d 380ms cubic-bezier(0.22, 0.78, 0.22, 1) 60ms;
}

.s21-publish[data-state="done"] .s21-nimbus__stem {
  opacity: 0;
}

.s21-publish[data-state="done"] .s21-publish__icon-window::before {
  opacity: 1;
  transform: scale(1);
}

.s21-publish[data-state="done"] .s21-nimbus__roll {
  opacity: 0;
}

.s21-publish[data-state="done"] .s21-nimbus__head {
  d: path("M7 12.6 10.4 16.6 17 8");
}

.s21-publish__label-reel {
  position: absolute;
  top: calc(var(--label-line) * 0.55);
  right: 0;
  left: 0;
  display: grid;
  grid-auto-rows: var(--label-line);
  transform: translate3d(0, var(--label-offset), 0);
  transition: transform 380ms cubic-bezier(0.22, 0.78, 0.22, 1);
  will-change: transform;
}

.s21-publish.is-label-resetting .s21-publish__label-reel {
  transition: none;
}

.s21-publish__label-reel > span {
  display: flex;
  align-items: center;
  font-size: clamp(0.8rem, 4.1cqw, 1.68rem);
  font-weight: 480;
  line-height: var(--label-line);
  white-space: nowrap;
  opacity: 0;
  transition: opacity 220ms ease;
}

.s21-publish[data-label-step="0"] .s21-publish__label-reel > span:nth-child(4),
.s21-publish[data-label-step="1"] .s21-publish__label-reel > span:nth-child(3),
.s21-publish[data-label-step="2"] .s21-publish__label-reel > span:nth-child(2),
.s21-publish[data-label-step="3"] .s21-publish__label-reel > span:nth-child(1) {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .s21-publish__label-reel,
  .s21-publish__label-reel > span,
  .s21-nimbus__head,
  .s21-publish,
  .s21-publish__label-window,
  .s21-publish__icon-window::before {
    transition-duration: 1ms;
  }
}

@media (max-width: 700px) {
  .s21-demo:nth-child(2) .s21-demo__stage {
    min-height: 0;
    padding: 0;
  }

  .s21-publish-demo {
    height: auto;
  }
}

/* 07 — source-faithful wrapper/title/character mechanism from the reference code. */
.s21-demo--dual-popout .s21-demo__stage {
  min-height: 31rem;
  overflow: visible;
}

.s21-cover-pair {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(3rem, 10vw, 5.5rem);
  width: min(100%, 42rem);
  min-height: 26rem;
  padding: 5rem 1.5rem 2.5rem;
  overflow: visible;
  background: #fff;
}

.s21-cover-card {
  --s21-card-width: 12rem;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: var(--s21-card-width);
  height: calc(var(--s21-card-width) * 1.5);
  flex: none;
  margin: 0;
  padding: 0 2.16rem;
  border: 0;
  border-radius: 0.3rem;
  outline: none;
  background: transparent;
  cursor: pointer;
  perspective: 2500px;
  transform-style: preserve-3d;
  -webkit-tap-highlight-color: transparent;
}

.s21-cover-card__wrapper {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  border-radius: inherit;
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  transition: all 0.5s;
}

.s21-cover-card__cover {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.s21-cover-card__wrapper::before,
.s21-cover-card__wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 5rem;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}

.s21-cover-card__wrapper::before {
  top: 0;
  height: 100%;
  background-image: linear-gradient(
    to top,
    transparent 46%,
    rgb(12 13 19 / 50%) 68%,
    rgb(12 13 19) 97%
  );
}

.s21-cover-card__wrapper::after {
  bottom: 0;
  opacity: 1;
  background-image: linear-gradient(
    to bottom,
    transparent 46%,
    rgb(12 13 19 / 50%) 68%,
    rgb(12 13 19) 97%
  );
}

.s21-cover-card__title,
.s21-cover-card__character {
  display: block;
  pointer-events: none;
  transform-style: preserve-3d;
  will-change: transform, opacity;
}

.s21-cover-card__title {
  position: relative;
  z-index: 3;
  width: 100%;
  height: auto;
  margin-bottom: 0.35rem;
  transition: transform 0.5s;
}

.s21-cover-card__character {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: none;
  height: auto;
  opacity: 0;
  transform: translate3d(0, 0, 0);
  transition: all 0.5s;
}

.s21-cover-card.is-active {
  z-index: 4;
}

.s21-cover-card.is-active::before {
  content: "";
  position: absolute;
  z-index: 5;
  inset: -6rem -1rem 0;
}

.s21-cover-card.is-active .s21-cover-card__wrapper {
  transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
  box-shadow: 2px 35px 32px -8px rgb(0 0 0 / 75%);
}

.s21-cover-card.is-active .s21-cover-card__wrapper::before,
.s21-cover-card__wrapper::after {
  opacity: 1;
}

.s21-cover-card.is-active .s21-cover-card__wrapper::after {
  height: 7.5rem;
}

.s21-cover-card.is-active .s21-cover-card__title {
  transform: translate3d(0, -3.125rem, 100px);
}

.s21-cover-card.is-active .s21-cover-card__character {
  opacity: 1;
  transform: translate3d(0, -30%, 100px);
}

.s21-cover-card:focus-visible {
  outline: 2px solid #171a20;
  outline-offset: 0.35rem;
}

@media (max-width: 700px) {
  .s21-demo--dual-popout .s21-demo__stage {
    min-height: 23rem;
    overflow: visible;
  }

  .s21-cover-pair {
    gap: clamp(0.7rem, 3vw, 1.15rem);
    min-height: 20rem;
    padding: 4rem 0.65rem 2rem;
  }

  .s21-cover-card {
    --s21-card-width: clamp(6.5rem, 30vw, 8rem);
    padding-inline: calc(var(--s21-card-width) * 0.18);
  }

  .s21-cover-card.is-active .s21-cover-card__title {
    transform: translate3d(0, -2rem, 100px);
  }

  .s21-cover-card.is-active::before {
    inset: -4rem 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .s21-cover-card__wrapper,
  .s21-cover-card__wrapper::before,
  .s21-cover-card__wrapper::after,
  .s21-cover-card__title,
  .s21-cover-card__character {
    transition-duration: 1ms;
  }
}

/* 11 — true layered character pop-out from 17.47.55. */
.s21-demo:nth-child(11) .s21-demo__stage {
  min-height: 31rem;
  overflow: visible;
}

.s21-selector {
  width: min(100%, 42rem);
  padding: 1rem;
}

.s21-selector__scene {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1.6;
  overflow: clip;
  isolation: isolate;
  border: 1px solid #8d8a98;
  border-radius: 0.15rem;
  background: #090c12;
  box-shadow:
    0 1.35rem 2.7rem rgb(9 12 20 / 32%),
    inset 0 0 0 1px rgb(255 255 255 / 5%);
}

.s21-selector__backdrop,
.s21-selector__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.s21-selector__backdrop {
  z-index: -2;
  object-fit: cover;
  object-position: 50% 25%;
  filter: brightness(0.58) saturate(0.72) contrast(1.08);
  transform: scale(1.04);
}

.s21-selector__shade {
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgb(3 7 13 / 7%) 0%, rgb(4 7 12 / 26%) 48%, rgb(5 7 10 / 88%) 100%),
    radial-gradient(circle at 50% 25%, transparent 0%, rgb(2 4 8 / 42%) 88%);
}

.s21-selector__cards {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 5.7%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1rem;
  width: 42%;
  transform: translateX(-50%);
}

.s21-selector__figure-card {
  position: relative;
  width: 5.65rem;
  aspect-ratio: 0.82;
  flex: none;
  margin: 0;
  isolation: isolate;
  cursor: pointer;
  outline: none;
  transform-style: preserve-3d;
}

.s21-selector__figure-card::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border: 1px solid rgb(255 255 255 / 20%);
  border-radius: 0.12rem;
  background:
    radial-gradient(circle at 50% 12%, rgb(164 183 213 / 30%), transparent 54%),
    linear-gradient(155deg, #303b4a, #11151c 78%);
  box-shadow:
    0 0.7rem 1.15rem rgb(0 0 0 / 48%),
    inset 0 1px rgb(255 255 255 / 10%);
  transform: perspective(22rem) rotateX(0deg);
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  transition:
    border-color 220ms ease,
    filter 220ms ease,
    transform 680ms cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}

.s21-selector__figure-card:nth-child(2)::before {
  background:
    radial-gradient(circle at 50% 12%, rgb(188 153 92 / 30%), transparent 54%),
    linear-gradient(155deg, #4a3c2c, #17130f 78%);
}

.s21-selector__figure-card::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 10%;
  right: 10%;
  bottom: 20.3%;
  height: 0.4rem;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgb(0 0 0 / 76%) 0 34%, rgb(0 0 0 / 28%) 58%, transparent 78%);
  transform: translateY(50%) scaleX(0.72);
  transition:
    opacity 260ms ease 250ms,
    transform 560ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.s21-selector__character {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 20.3%;
  display: block;
  width: 165%;
  max-width: none;
  height: auto;
  pointer-events: none;
  clip-path: inset(0 0 45% 0);
  transform: translate3d(-50%, 44%, 0) scale(0.75);
  transform-origin: 50% 100%;
  transition:
    clip-path 420ms cubic-bezier(0.22, 0.61, 0.36, 1),
    filter 420ms ease,
    transform 680ms cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform, clip-path, filter;
}

.s21-selector__figure-card:first-child .s21-selector__character {
  filter: grayscale(0.58) sepia(0.5) saturate(1.4) hue-rotate(158deg) brightness(0.72) drop-shadow(0 0.45rem 0.4rem rgb(0 0 0 / 42%));
}

.s21-selector__figure-card:nth-child(2) .s21-selector__character {
  filter: sepia(0.68) saturate(0.92) hue-rotate(346deg) brightness(0.74) drop-shadow(0 0.45rem 0.4rem rgb(0 0 0 / 42%));
}

.s21-selector__figure-card figcaption {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 0.12rem;
  min-width: 5.25rem;
  padding: 0.24rem 0.45rem;
  border: 1px solid rgb(255 255 255 / 16%);
  background: rgb(4 6 10 / 94%);
  color: #fff;
  font: 700 0.48rem/1 ui-monospace, monospace;
  letter-spacing: 0.16em;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  transform: translate3d(-50%, 0.5rem, 0);
  box-shadow: 0 0.45rem 0.8rem rgb(0 0 0 / 45%);
  transition:
    opacity 180ms ease 300ms,
    transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.s21-selector__figure-card:focus-visible::before {
  outline: 2px solid #fff;
  outline-offset: 0.25rem;
}

.s21-selector__figure-card.is-active,
.s21-selector__figure-card:focus-visible {
  z-index: 3;
}

.s21-selector__figure-card.is-active::before,
.s21-selector__figure-card:focus-visible::before {
  border-color: rgb(255 255 255 / 42%);
  filter: brightness(0.86) saturate(0.9);
  transform: perspective(22rem) rotateX(76deg);
}

.s21-selector__figure-card.is-active::after,
.s21-selector__figure-card:focus-visible::after {
  opacity: 1;
  transform: translateY(50%) scaleX(1);
}

.s21-selector__figure-card.is-active .s21-selector__character,
.s21-selector__figure-card:focus-visible .s21-selector__character {
  clip-path: inset(0);
  transform: translate3d(-50%, 0, 0) scale(1);
  filter: drop-shadow(0 1.2rem 0.85rem rgb(0 0 0 / 72%));
}

.s21-selector__figure-card.is-active figcaption,
.s21-selector__figure-card:focus-visible figcaption {
  opacity: 1;
  transform: translate3d(-50%, 0, 0);
}

@media (max-width: 700px) {
  .s21-demo:nth-child(11) .s21-demo__stage {
    min-height: 22rem;
    overflow: hidden;
  }

  .s21-selector {
    padding: 0;
  }

  .s21-selector__scene {
    aspect-ratio: 1.05;
  }

  .s21-selector__cards {
    gap: 0.55rem;
    width: 52%;
  }

  .s21-selector__figure-card {
    width: clamp(3.5rem, 18vw, 4.35rem);
  }

  .s21-selector__figure-card figcaption {
    min-width: 4.2rem;
    font-size: 0.4rem;
  }
}

@media (max-width: 560px) {
  .s21-feature-pair {
    flex-direction: column;
    align-items: center;
    gap: 1.4rem;
    width: 100%;
    padding: 1.4rem 0;
  }

  .s21-feature-card {
    width: min(100%, 18.4rem);
    min-height: 0;
    padding: 0;
    aspect-ratio: 0.78;
  }

  .s21-feature-card h3 {
    font-size: 1.75rem;
  }

  .s21-feature-card p {
    font-size: 0.88rem;
    line-height: 1.55;
  }

  .s21-feature-card--basic {
    aspect-ratio: 0.9;
  }

  .s21-feature-card--basic h3 {
    font-size: 1.25rem;
  }
}

/* 01 — a single book leaf, reconstructed frame-by-frame from 17.47.50. */
.s21-flip {
  position: relative;
  width: min(100%, 31rem);
  height: 16rem;
  perspective: 76rem;
  perspective-origin: 50% 0;
  transform: none;
  transform-style: preserve-3d;
  transition: none;
  border-radius: 0.45rem;
  box-shadow: 0 1.15rem 2.35rem rgb(29 35 31 / 15%);
  isolation: isolate;
}

.s21-flip::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 1px solid #dadbd7;
  border-radius: 0.45rem;
}

.s21-flip.is-flipped,
.s21-flip.is-custom,
.s21-flip.is-monthly {
  transform: none;
}

.s21-flip .s21-plan {
  position: absolute;
  inset-block: 0;
  width: 50%;
  display: block;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  backface-visibility: visible;
  box-shadow: none;
  text-align: left;
}

.s21-plan--monthly-base {
  left: 0;
  right: auto;
  z-index: 0;
  border-radius: 0.45rem 0 0 0.45rem !important;
  background: #ececea !important;
  color: #171918 !important;
}

.s21-plan--custom-base {
  left: auto;
  right: 0;
  z-index: 0;
  border-radius: 0 0.45rem 0.45rem 0 !important;
  background: #171a18 !important;
  color: #f5f6f3 !important;
}

.s21-flip .s21-plan__price,
.s21-flip .s21-plan__features {
  width: 100%;
  height: 100%;
}

.s21-plan--monthly-base .s21-plan__price {
  background: #ececea;
}

.s21-plan--custom-base .s21-plan__features {
  background: #171a18;
}

.s21-plan--custom-base .s21-plan__features > small,
.s21-plan__leaf-face--back .s21-plan__price {
  color: #f5f6f3;
}

.s21-plan--custom-base .s21-plan__features button {
  background: #f2f3ef;
  color: #171918;
}

.s21-plan--custom-base li::before {
  background: #ec3434;
}

.s21-plan__leaf {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 0;
  width: 50%;
  height: 100%;
  transform: rotateY(0deg);
  transform-origin: left center;
  transform-style: preserve-3d;
  will-change: transform, filter;
}

.s21-flip.is-custom .s21-plan__leaf {
  transform: rotateY(-180deg);
}

.s21-plan__leaf-face {
  position: absolute;
  inset: 0;
  overflow: hidden;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
}

.s21-plan__leaf-face small {
  font: 700 0.68rem ui-monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.65;
}

.s21-plan__leaf-face .s21-plan__features > small {
  display: inline-flex;
  padding: 0.22rem 0.45rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  font: 600 0.48rem system-ui;
  letter-spacing: 0;
  text-transform: none;
  opacity: 0.75;
}

.s21-plan__leaf-face ul {
  display: grid;
  gap: 0.52rem;
  padding: 0;
  margin: 0.8rem 0;
  list-style: none;
}

.s21-plan__leaf-face li {
  font-size: 0.58rem;
  line-height: 1.25;
}

.s21-plan__leaf-face li::before {
  content: "";
  display: inline-block;
  width: 0.38rem;
  height: 0.38rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #fff6;
}

.s21-plan__leaf-face button {
  position: absolute;
  right: 1.05rem;
  bottom: 1rem;
  left: 1.05rem;
  display: flex;
  justify-content: space-between;
  border: 0;
  border-radius: 0.25rem;
  padding: 0.65rem 0.75rem;
  font-size: 0.57rem;
  font-weight: 600;
}

.s21-plan__leaf-face--front {
  z-index: 2;
  visibility: visible;
  border-radius: 0 0.45rem 0.45rem 0;
  background: #f7f7f5;
  color: #171918;
  box-shadow: inset 1px 0 rgb(30 34 31 / 9%);
}

.s21-plan__leaf-face--front li::before {
  background: #b8bcb8;
}

.s21-plan__leaf-face--front .s21-plan__features button {
  background: #171918;
  color: #fff;
}

.s21-plan__leaf-face--back {
  visibility: hidden;
  border-radius: 0.45rem 0 0 0.45rem;
  background: #202322;
  color: #f5f6f3;
  transform: rotateY(180deg);
  box-shadow: inset -1px 0 rgb(255 255 255 / 7%);
}

.s21-plan__leaf-face--back .s21-plan__price {
  background: #202322;
}

.s21-plan__leaf-face--back .s21-plan__price > i {
  color: #2b2e2d;
}

.s21-flip.is-to-custom .s21-plan__leaf {
  animation: s21-leaf-to-custom 0.58s linear both;
}

.s21-flip.is-to-monthly .s21-plan__leaf {
  animation: s21-leaf-to-monthly 0.58s linear both;
}

.s21-flip.is-custom:not(.is-to-custom) .s21-plan__leaf-face--front {
  visibility: hidden;
}

.s21-flip.is-custom:not(.is-to-custom) .s21-plan__leaf-face--back {
  visibility: visible;
}

.s21-flip.is-to-custom .s21-plan__leaf-face--front {
  animation: s21-front-face-out 0.58s step-end both;
}

.s21-flip.is-to-custom .s21-plan__leaf-face--back {
  animation: s21-back-face-in 0.58s step-end both;
}

.s21-flip.is-to-monthly .s21-plan__leaf-face--front {
  animation: s21-front-face-in 0.58s step-end both;
}

.s21-flip.is-to-monthly .s21-plan__leaf-face--back {
  animation: s21-back-face-out 0.58s step-end both;
}

@keyframes s21-front-face-out {
  0%, 36.9% { visibility: visible; }
  37%, 100% { visibility: hidden; }
}

@keyframes s21-back-face-in {
  0%, 36.9% { visibility: hidden; }
  37%, 100% { visibility: visible; }
}

@keyframes s21-front-face-in {
  0%, 36.9% { visibility: hidden; }
  37%, 100% { visibility: visible; }
}

@keyframes s21-back-face-out {
  0%, 36.9% { visibility: visible; }
  37%, 100% { visibility: hidden; }
}

@keyframes s21-leaf-to-custom {
  0% {
    transform: rotateY(0deg);
  }
  18% {
    transform: rotateY(-25deg);
  }
  42% {
    transform: rotateY(-112deg);
  }
  68% {
    transform: rotateY(-180deg);
  }
  78% {
    transform: rotateY(-185deg);
  }
  90% {
    transform: rotateY(-178.5deg);
  }
  100% {
    transform: rotateY(-180deg);
  }
}

@keyframes s21-leaf-to-monthly {
  0% {
    transform: rotateY(-180deg);
  }
  18% {
    transform: rotateY(-155deg);
  }
  42% {
    transform: rotateY(-68deg);
  }
  68% {
    transform: rotateY(0deg);
  }
  78% {
    transform: rotateY(5deg);
  }
  90% {
    transform: rotateY(-1.5deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}

.s21-flip.is-to-custom .s21-plan__leaf-face--front,
.s21-flip.is-to-monthly .s21-plan__leaf-face--back {
  box-shadow: inset 1px 0 rgb(30 34 31 / 9%), 0.8rem 0.7rem 0.7rem rgb(20 23 21 / 24%);
}

.s21-flip.is-to-custom .s21-plan__leaf-face--back,
.s21-flip.is-to-monthly .s21-plan__leaf-face--front {
  box-shadow: inset -1px 0 rgb(255 255 255 / 7%), -0.24rem 0.35rem 0.45rem rgb(20 23 21 / 18%);
}

.s21-pricing__toggle button:disabled {
  cursor: default;
}

@media (max-width: 700px) {
  .s21-pricing {
    padding-bottom: 2.25rem;
  }

  .s21-flip {
    height: 18.5rem;
  }

  .s21-flip .s21-plan {
    width: 50%;
  }

  .s21-plan__leaf {
    width: 50%;
  }
}

@media (max-width: 560px) {
  .s21-flip {
    height: 21rem;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.s23 { --s23-ink: #111820; order: 52; padding: clamp(5rem, 9vw, 9rem) max(1.25rem, calc((100vw - 1440px) / 2)); background: #f3f4f1; color: var(--s23-ink); scroll-margin-top: 4rem; }
.s23 * { box-sizing: border-box; }
.s23__intro { display: grid; grid-template-columns: auto 1fr auto; align-items: end; gap: 1.5rem; margin-bottom: 3rem; }
.s23__intro p, .s23__intro h2, .s23__intro span { margin: 0; }
.s23__intro p { font: 700 .72rem ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; }
.s23__intro h2 { font-size: clamp(2.4rem, 5vw, 5.4rem); line-height: .9; letter-spacing: -.065em; }
.s23__intro span { max-width: 28rem; color: #69706c; line-height: 1.5; }
.s23__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 360px)); justify-content: center; align-items: stretch; gap: 32px; }
/* Gradient, padding, radius and shadow match the premium CSS visible in the video. */
.s23-order-status { --status-start: #0ea5e9; --status-end: #22c55e; --status-mark: #17b4a0; --status-mark-length: 60; position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 30px 20px; border-radius: 14px; overflow: clip; background: #fff; box-shadow: 0 14px 30px rgba(0, 0, 0, .18); color: #fff; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.s23-order-status.is-failure { --status-start: #f43f5e; --status-end: #ef4444; --status-mark: #ef4444; --status-mark-length: 92; }
.s23-order-status__blob-outer { position: absolute; z-index: -3; top: 50%; left: 50%; width: 8rem; height: 8rem; border-radius: 50%; background: var(--status-end); opacity: 0; transform: translate(-50%, -50%) scale(.2); pointer-events: none; }
/* Reveal the new gradient without scaling its texture; keep the original circle choreography. */
.s23-order-status__blob { position: absolute; z-index: -2; inset: 0; background: linear-gradient(135deg, var(--status-start), var(--status-end)); opacity: 0; clip-path: circle(2.56px at 50% 50%); pointer-events: none; }
.s23-order-status::before { content: ""; position: absolute; z-index: -1; top: -60px; right: -60px; width: 180px; height: 180px; border-radius: 50%; background: rgb(255 255 255 / 15%); pointer-events: none; }
.s23-order-status__motion { width: 70px; height: 70px; flex-shrink: 0; margin-bottom: 16px; }
.s23-order-status__symbol { display: block; width: 100%; height: 100%; opacity: 0; transform: translateY(var(--s23-center-offset)) scale(.06); }
.s23-order-status__seal { fill: var(--status-end); }
.s23-order-status__mark { fill: none; stroke: #fff; stroke-width: 1.1; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: var(--status-mark-length); stroke-dashoffset: var(--status-mark-length); }
.s23-order-status__copy { margin-bottom: 22px; opacity: 0; transform: translateY(8px); transition: opacity .42s cubic-bezier(.16, 1, .3, 1) 1.55s, transform .58s cubic-bezier(.16, 1, .3, 1) 1.55s; }
.s23-order-status__copy h3 { margin: 0 0 10px; color: #fff; font-size: 22px; font-weight: 700; line-height: 1.2; letter-spacing: -.025em; }
.s23-order-status__copy p { margin: 0; color: #ffffffe0; font-size: 14px; line-height: 1.5; }
.s23-order-status__continue { margin-top: auto; padding: 12px 22px; border: 1px solid #ffffff40; border-radius: 12px; background: #fff; color: var(--status-start); font: 700 14px Arial, Helvetica, sans-serif; box-shadow: 0 8px 20px #00000012; cursor: pointer; opacity: 0; -webkit-tap-highlight-color: transparent; transition: opacity .42s cubic-bezier(.16, 1, .3, 1) 1.55s, background-color 300ms ease, color 300ms ease, transform 150ms ease, box-shadow 300ms ease; }
/* Button transparency and border on hover are reconstructed from the finished preview. */
.s23-order-status__continue:is(:hover, :focus-visible) { background: #ffffff0d; color: #fff; box-shadow: none; }
.s23-order-status__continue:active { transform: translateY(2px) scale(.97); box-shadow: inset 0 2px 5px #0002; }
.s23-order-status__continue:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.s23-order-status.is-animated .s23-order-status__blob-outer { animation: s23-blob-outer 1.5s ease-in both; }
.s23-order-status.is-animated .s23-order-status__blob { animation: s23-blob-grow 1.6s ease-out .7s both; }
.s23-order-status.is-animated .s23-order-status__symbol { animation: s23-symbol-grow-move 1.1s cubic-bezier(.16, 1, .3, 1) .4s both; }
.s23-order-status.is-animated .s23-order-status__seal { animation: s23-seal-color 1.1s ease .4s both; }
.s23-order-status.is-animated .s23-order-status__mark { animation: s23-mark-draw 1.1s ease .4s both; }
.s23-order-status.is-animated .s23-order-status__copy { opacity: 1; transform: translateY(0); }
.s23-order-status.is-animated .s23-order-status__continue { opacity: 1; }
@keyframes s23-blob-outer { from { opacity: .1; transform: translate(-50%, -50%) scale(.2); } to { opacity: .35; transform: translate(-50%, -50%) scale(7); } }
@keyframes s23-blob-grow { 0% { opacity: 0; clip-path: circle(2.56px at 50% 50%); } 8% { opacity: 1; } 100% { opacity: 1; clip-path: circle(448px at 50% 50%); } }
@keyframes s23-symbol-grow-move { 0% { opacity: 0; transform: translateY(var(--s23-center-offset)) scale(.06); } 10% { opacity: 1; } 45%, 68% { opacity: 1; transform: translateY(var(--s23-center-offset)) scale(2); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes s23-seal-color { 0%, 45% { fill: var(--status-end); } 85%, 100% { fill: #fff; } }
@keyframes s23-mark-draw { 0%, 45% { stroke: #fff; stroke-dashoffset: var(--status-mark-length); } 85%, 100% { stroke: var(--status-mark); stroke-dashoffset: 0; } }
@media (max-width: 760px) { .s23__intro { grid-template-columns: 1fr; gap: .75rem; }.s23__grid { grid-template-columns: minmax(0, 360px); gap: 28px; } }
@media (prefers-reduced-motion: reduce) { .s23-order-status.is-animated .s23-order-status__blob-outer { animation: none; opacity: .35; transform: translate(-50%, -50%) scale(7); }.s23-order-status.is-animated .s23-order-status__blob { animation: none; opacity: 1; clip-path: none; }.s23-order-status.is-animated .s23-order-status__symbol { animation: none; opacity: 1; transform: none; }.s23-order-status.is-animated .s23-order-status__seal { animation: none; fill: #fff; }.s23-order-status.is-animated .s23-order-status__mark { animation: none; stroke: var(--status-mark); stroke-dashoffset: 0; }.s23-order-status__copy, .s23-order-status__continue { transition: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.s27 {
  --s27-neon: #91ff29;
  order: 53;
  padding: clamp(5rem, 9vw, 9rem) max(1.25rem, calc((100vw - 1440px) / 2));
  overflow: hidden;
  background: #050706;
  color: #f7f9f5;
  scroll-margin-top: 4rem;
}

.s27 * {
  box-sizing: border-box;
}

.s27__intro {
  display: grid;
  grid-template-columns: auto 1fr minmax(16rem, 25rem);
  align-items: end;
  gap: 1.5rem;
  margin-bottom: clamp(3rem, 6vw, 6rem);
}

.s27__intro p,
.s27__intro h2,
.s27__intro span {
  margin: 0;
}

.s27__intro p {
  color: var(--s27-neon);
  font: 700 0.72rem ui-monospace, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.s27__intro h2 {
  font-size: clamp(2.4rem, 5vw, 5.4rem);
  line-height: 0.9;
  letter-spacing: -0.065em;
}

.s27__intro span {
  color: #9ca69d;
  line-height: 1.5;
}

.s27__stage {
  position: relative;
  display: grid;
  min-height: clamp(32rem, 68vw, 52rem);
  place-items: center;
  isolation: isolate;
}

.s27__stage::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(80vw, 62rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(109 255 34 / 11%), transparent 64%);
  filter: blur(20px);
}

.s27-float {
  position: relative;
  width: min(62vw, 39rem);
  aspect-ratio: 1;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

.s27__stage.is-active .s27-float {
  animation: s27-hover 8s ease-in-out infinite;
}

.s27-float__ring,
.s27-float__photo {
  position: absolute;
  inset: 7.5%;
  border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
  transform: translateZ(0);
  will-change: border-radius, transform;
}

.s27-float__ring {
  pointer-events: none;
  border: 1.5px solid var(--s27-neon);
  box-shadow:
    0 0 0.7rem rgb(145 255 41 / 72%),
    inset 0 0 0.65rem rgb(145 255 41 / 28%);
}

.s27-float__ring--outer {
  inset: 4.2%;
  opacity: 0.82;
}

.s27-float__ring--inner {
  inset: 6%;
  opacity: 0.55;
}

.s27__stage.is-active .s27-float__ring--outer {
  animation:
    s27-morph-a 8.6s ease-in-out infinite,
    s27-turn-clockwise 13s linear infinite;
}

.s27__stage.is-active .s27-float__ring--inner {
  animation:
    s27-morph-b 7.4s ease-in-out -1.8s infinite,
    s27-turn-counter 10s linear infinite;
}

.s27-float__photo {
  margin: 0;
  overflow: hidden;
  isolation: isolate;
  background: #dce3e1;
  box-shadow:
    0 0 0 1px rgb(145 255 41 / 52%),
    0 0 2.8rem rgb(116 255 34 / 19%),
    0 2.5rem 7rem rgb(0 0 0 / 72%);
}

.s27__stage.is-active .s27-float__photo {
  animation: s27-morph-photo 9.2s ease-in-out infinite;
}

.s27-float__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgb(2 13 22 / 5%) 38%, rgb(2 13 22 / 28%) 100%),
    radial-gradient(circle at 50% 42%, transparent 34%, rgb(2 10 20 / 20%) 100%);
}

.s27-photo-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
  transform: scale(1.14);
  transform-origin: 50% 50%;
  will-change: clip-path, filter;
}

.s27-photo-layer.is-raw {
  filter: brightness(0.91) contrast(0.94) saturate(0.82) blur(0.35px);
}

.s27-photo-layer.is-enhanced-a {
  filter: brightness(1.02) contrast(1.07) saturate(1.02);
}

.s27-photo-layer.is-enhanced-b {
  filter: brightness(1.045) contrast(1.1) saturate(0.96);
}

.s27-photo-layer.is-mono {
  filter: grayscale(1) brightness(1.03) contrast(1.09);
}

.s27-photo-layer--reveal {
  z-index: 1;
  clip-path: inset(0 0 100% 0);
}

.s27-analysis {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
}

.s27-analysis__probe {
  position: absolute;
  opacity: 0;
  background: var(--scan-color);
  box-shadow:
    0 0 0.25rem var(--scan-color),
    0 0 0.85rem var(--scan-color),
    0 0 1.8rem color-mix(in srgb, var(--scan-color) 74%, transparent);
  will-change: transform;
}

.s27-analysis__probe::before,
.s27-analysis__probe::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.s27-analysis__probe[data-axis="y"] {
  left: 0;
  right: 0;
  top: 0;
  height: 1.5px;
}

.s27-analysis__probe[data-axis="y"]::before {
  left: 0;
  right: 0;
  top: -12px;
  height: 25px;
  background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--scan-color) 18%, transparent), transparent);
}

.s27-analysis__probe[data-axis="y"]::after {
  left: 14%;
  right: 14%;
  top: -1px;
  height: 3px;
  background: #fff;
  opacity: 0.72;
  filter: blur(1px);
}

.s27-analysis__probe[data-axis="x"] {
  top: 0;
  bottom: 0;
  left: 0;
  width: 1.5px;
}

.s27-analysis__probe[data-axis="x"]::before {
  top: 0;
  bottom: 0;
  left: -12px;
  width: 25px;
  background: linear-gradient(to right, transparent, color-mix(in srgb, var(--scan-color) 18%, transparent), transparent);
}

.s27-analysis__probe[data-axis="x"]::after {
  top: 14%;
  bottom: 14%;
  left: -1px;
  width: 3px;
  background: #fff;
  opacity: 0.72;
  filter: blur(1px);
}

.s27-analysis.is-scanning .s27-analysis__probe {
  opacity: 1;
}

.s27-analysis__regions {
  position: absolute;
  inset: 9%;
  width: 82%;
  height: 82%;
  overflow: visible;
  color: var(--scan-color);
  fill: none;
  filter: drop-shadow(0 0 0.22rem currentColor);
}

.s27-analysis__face-path,
.s27-analysis__feature-path {
  stroke: currentColor;
  stroke-width: 0.45;
  stroke-linecap: round;
  stroke-dasharray: 2.2 2.8;
  opacity: 0;
  animation: s27-region-trace 1.25s cubic-bezier(0.16, 1, 0.3, 1) 0.46s forwards;
}

.s27-analysis__feature-path {
  animation-delay: 0.72s;
}

.s27-analysis__landmark {
  opacity: 0;
  animation: s27-region-point 0.78s ease-out calc(0.38s + var(--region-index) * 0.085s) forwards;
}

.s27-analysis__landmark circle:first-child {
  fill: #fff;
  stroke: currentColor;
  stroke-width: 0.42;
}

.s27-analysis__landmark circle:last-child {
  stroke: currentColor;
  stroke-width: 0.36;
}

.s27-analysis__status {
  position: absolute;
  z-index: 6;
  left: 50%;
  bottom: 7.5%;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 10.4rem;
  justify-content: center;
  padding: 0.58rem 0.82rem;
  border: 1px solid rgb(255 255 255 / 12%);
  border-radius: 999px;
  background: rgb(7 13 12 / 62%);
  color: rgb(255 255 255 / 72%);
  box-shadow: 0 0.7rem 2rem rgb(0 0 0 / 22%);
  backdrop-filter: blur(14px);
  font: 620 clamp(0.62rem, 1vw, 0.76rem)/1 ui-monospace, monospace;
  letter-spacing: 0.015em;
  opacity: 0.72;
  transform: translate(-50%, 0);
}

.s27-analysis__status > span:first-child {
  width: 0.38rem;
  height: 0.38rem;
  flex: none;
  border-radius: 50%;
  background: var(--scan-color);
  box-shadow: 0 0 0.6rem var(--scan-color);
}

.s27-analysis__status.is-active {
  opacity: 1;
}

.s27-analysis__status.is-active > span:first-child {
  animation: s27-status-pulse 1.3s ease-in-out infinite;
}

@keyframes s27-hover {
  0%,
  100% { transform: translate3d(0, -1%, 0) rotate(-0.45deg); }
  50% { transform: translate3d(0, 1.7%, 0) rotate(0.45deg); }
}

@keyframes s27-turn-clockwise {
  to { transform: rotate(360deg); }
}

@keyframes s27-turn-counter {
  to { transform: rotate(-360deg); }
}

@keyframes s27-morph-a {
  0%,
  100% { border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%; }
  33% { border-radius: 56% 44% 36% 64% / 48% 57% 43% 52%; }
  66% { border-radius: 43% 57% 64% 36% / 61% 37% 63% 39%; }
}

@keyframes s27-morph-b {
  0%,
  100% { border-radius: 53% 47% 40% 60% / 37% 57% 43% 63%; }
  40% { border-radius: 36% 64% 58% 42% / 55% 39% 61% 45%; }
  72% { border-radius: 63% 37% 47% 53% / 44% 64% 36% 56%; }
}

@keyframes s27-morph-photo {
  0%,
  100% { border-radius: 42% 58% 60% 40% / 44% 39% 61% 56%; }
  30% { border-radius: 58% 42% 37% 63% / 52% 62% 38% 48%; }
  66% { border-radius: 38% 62% 55% 45% / 62% 43% 57% 38%; }
}

@keyframes s27-region-trace {
  0% { opacity: 0; stroke-dashoffset: 16; }
  35% { opacity: 0.72; }
  100% { opacity: 0.32; stroke-dashoffset: 0; }
}

@keyframes s27-region-point {
  0% { opacity: 0; transform: scale(0.45); transform-origin: center; }
  55% { opacity: 0.9; }
  100% { opacity: 0.48; transform: scale(1); transform-origin: center; }
}

@keyframes s27-status-pulse {
  50% { opacity: 0.42; transform: scale(0.72); }
}

@media (max-width: 760px) {
  .s27__intro {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .s27__stage {
    min-height: 32rem;
  }

  .s27-float {
    width: min(92vw, 34rem);
  }

  .s27-analysis__status {
    bottom: 6%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .s27-float,
  .s27-float__ring,
  .s27-float__photo,
  .s27-analysis__probe,
  .s27-analysis__regions,
  .s27-analysis__status > span {
    animation: none !important;
  }

  .s27-photo-layer.is-raw {
    filter: brightness(1.02) contrast(1.07) saturate(1.02);
  }

  .s27-analysis__probe,
  .s27-analysis__regions {
    display: none;
  }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.oct3 {
  --oct3-red: #ff5b3e;
  --oct3-orange: #ff7a43;
  order: 54;
  padding: clamp(5rem, 9vw, 9rem) max(1.25rem, calc((100vw - 1440px) / 2));
  overflow: hidden;
  background: #020204;
  color: #f7f4f3;
  scroll-margin-top: 4rem;
}

.oct3 * { box-sizing: border-box; }

.oct3__intro {
  display: grid;
  grid-template-columns: auto 1fr minmax(16rem, 27rem);
  align-items: end;
  gap: 1.5rem;
  margin-bottom: clamp(3rem, 6vw, 5.5rem);
}

.oct3__intro p,
.oct3__intro h2,
.oct3__intro span { margin: 0; }

.oct3__intro p {
  color: var(--oct3-orange);
  font: 760 0.72rem/1 ui-monospace, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.oct3__intro h2 {
  font-size: clamp(2.5rem, 5vw, 5.6rem);
  line-height: 0.9;
  letter-spacing: -0.065em;
}

.oct3__intro span {
  color: #8d8b93;
  line-height: 1.55;
}

.oct3__stage {
  position: relative;
  display: grid;
  min-height: clamp(25rem, 48vw, 39rem);
  place-items: center;
  isolation: isolate;
  border: 1px solid #131218;
  border-radius: clamp(1.25rem, 3vw, 2.4rem);
  overflow: hidden;
  background:
    radial-gradient(ellipse 64% 70% at 16% 8%, rgb(72 17 25 / 19%), transparent 65%),
    radial-gradient(ellipse 52% 60% at 78% 96%, rgb(53 18 42 / 16%), transparent 68%),
    #08080c;
  box-shadow: inset 0 1px rgb(255 255 255 / 2%);
  transition: background 420ms ease;
}

.oct3__stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.4;
  background:
    linear-gradient(115deg, transparent 20%, rgb(255 255 255 / 1.4%) 49%, transparent 68%),
    radial-gradient(circle at 50% 42%, rgb(255 88 57 / 4%), transparent 30%);
}

.oct3__stage.is-light {
  background:
    radial-gradient(ellipse 65% 70% at 12% 8%, rgb(255 118 83 / 14%), transparent 64%),
    #e8e7e4;
}

.oct3-navbar {
  --nav-text: #787780;
  --nav-strong: #f5f3f2;
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  width: min(92%, 69rem);
  min-height: 4.1rem;
  padding: 0.48rem 0.62rem 0.48rem 1.12rem;
  border: 1px solid #292930;
  border-radius: 1.18rem;
  background: rgb(21 21 26 / 92%);
  box-shadow:
    inset 0 1px rgb(255 255 255 / 7%),
    inset 0 -1px rgb(0 0 0 / 62%),
    0 1.3rem 4rem rgb(0 0 0 / 43%);
  color: var(--nav-text);
  transition:
    width 520ms cubic-bezier(0.2, 0.86, 0.22, 1),
    border-color 300ms ease,
    background 380ms ease,
    box-shadow 380ms ease;
}

.oct3-navbar::after {
  content: "";
  position: absolute;
  inset: 0.28rem;
  pointer-events: none;
  border: 1px solid rgb(255 255 255 / 2.5%);
  border-radius: 0.88rem;
}

.oct3-navbar.is-search-open { width: min(98%, 78rem); }

.is-light .oct3-navbar {
  --nav-text: #6e6b6b;
  --nav-strong: #181616;
  border-color: #c9c6c3;
  background: rgb(248 247 244 / 93%);
  box-shadow:
    inset 0 1px #fff,
    0 1.2rem 3.4rem rgb(61 48 43 / 15%);
}

.oct3-brand {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.62rem;
  color: var(--nav-strong);
  text-decoration: none;
  white-space: nowrap;
}

.oct3-brand strong {
  font-size: 1.05rem;
  font-weight: 720;
  letter-spacing: -0.025em;
}

.oct3-brand__mark {
  display: flex;
  align-items: end;
  gap: 0.18rem;
  height: 1.45rem;
}

.oct3-brand__mark i {
  display: block;
  width: 0.28rem;
  border-radius: 99px;
  background: linear-gradient(#ff7e58, #f23d2d);
  box-shadow: 0 0 0.55rem rgb(255 72 44 / 28%);
}

.oct3-brand__mark i:nth-child(1) { height: 0.85rem; }
.oct3-brand__mark i:nth-child(2) { height: 1.42rem; }
.oct3-brand__mark i:nth-child(3) {
  height: 1.12rem;
  background: linear-gradient(#fff3e9, #ff8b69);
}

.oct3-links {
  --indicator-x: 0px;
  --indicator-width: 0px;
  position: relative;
  display: flex;
  min-width: 0;
  justify-content: center;
  gap: clamp(0.5rem, 2.2vw, 2rem);
  overflow: hidden;
  padding: 0 0.35rem;
  transition: transform 520ms cubic-bezier(0.2, 0.86, 0.22, 1), opacity 240ms ease;
}

.oct3-links a {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-height: 2.55rem;
  flex: none;
  align-items: center;
  gap: 0.28rem;
  padding: 0 0.28rem;
  color: inherit;
  font-size: 0.83rem;
  font-weight: 610;
  text-decoration: none;
  transition: color 170ms ease, transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.oct3-links a:hover,
.oct3-links a:focus-visible {
  color: var(--nav-strong);
  outline: none;
  transform: translateY(-0.04rem);
}

.oct3-links a svg {
  width: 0.7rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
  opacity: 0.56;
  transition: color 180ms ease, transform 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.oct3-links a:hover svg,
.oct3-links a:focus-visible svg {
  color: var(--oct3-orange);
  transform: translateY(1px) rotate(6deg);
}

.oct3-links__indicator {
  position: absolute;
  z-index: 0;
  left: var(--indicator-x);
  bottom: 0.28rem;
  width: var(--indicator-width);
  height: 2px;
  opacity: 0;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent 4%, #ff5134 30%, #ff9d75 72%, transparent 96%);
  box-shadow:
    0 0 0.2rem rgb(255 92 58 / 68%),
    0 0.22rem 0.48rem rgb(255 74 45 / 24%);
  transform: scaleX(0.34);
  transform-origin: center;
  transition:
    left 330ms cubic-bezier(0.22, 1.08, 0.33, 1),
    width 330ms cubic-bezier(0.22, 1.08, 0.33, 1),
    opacity 130ms ease,
    transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

.oct3-links.has-indicator .oct3-links__indicator {
  opacity: 1;
  transform: scaleX(0.64);
}

.oct3-actions {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.34rem;
}

.oct3-icon,
.oct3-login,
.oct3-search__close {
  border: 0;
  color: var(--nav-text);
  cursor: pointer;
}

.oct3-icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  place-items: center;
  border-radius: 0.78rem;
  background: transparent;
  transition: color 180ms ease, background 220ms ease, transform 280ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 220ms ease;
}

.oct3-icon svg {
  width: 1.18rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.75;
}

.oct3-icon:hover,
.oct3-icon:focus-visible {
  color: var(--nav-strong);
  outline: none;
  background: rgb(255 255 255 / 5%);
  box-shadow: inset 0 1px rgb(255 255 255 / 5%);
  transform: translateY(-1px);
}

.oct3-icon:active { transform: translateY(0) scale(0.92); }

.oct3-theme svg { transition: transform 440ms cubic-bezier(0.22, 1.2, 0.36, 1); }
.oct3-theme:hover svg,
.oct3-theme:focus-visible svg { transform: rotate(34deg) scale(1.06); }

.oct3-search {
  position: relative;
  display: flex;
  width: 2.5rem;
  height: 2.65rem;
  align-items: center;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 0.82rem;
  background: transparent;
  transition:
    width 520ms cubic-bezier(0.2, 0.86, 0.22, 1),
    border-color 260ms ease,
    background 260ms ease,
    box-shadow 260ms ease;
}

.is-search-open .oct3-search {
  width: clamp(15rem, 25vw, 20.5rem);
  border-color: rgb(255 94 58 / 78%);
  background: rgb(10 10 13 / 93%);
  box-shadow:
    inset 0 1px rgb(255 255 255 / 5%),
    0 0 0 1px rgb(255 66 36 / 10%),
    0 0 1.25rem rgb(255 62 31 / 13%);
}

.is-light .is-search-open .oct3-search { background: #fff; }

.oct3-search__trigger { color: var(--nav-text); }
.is-search-open .oct3-search__trigger { color: var(--oct3-red); }

.oct3-search input {
  min-width: 0;
  width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  opacity: 0;
  background: transparent;
  color: var(--nav-strong);
  font-size: 0.78rem;
  transition: width 420ms ease, opacity 180ms ease 40ms;
}

.oct3-search input::-webkit-search-cancel-button { display: none; }
.oct3-search input::placeholder { color: #62616a; }

.is-search-open .oct3-search input {
  width: 100%;
  opacity: 1;
}

.oct3-search kbd {
  flex: none;
  opacity: 0;
  color: #66646c;
  font: 700 0.55rem/1 ui-monospace, monospace;
  letter-spacing: 0.05em;
  transform: translateX(0.4rem);
  transition: opacity 160ms ease 160ms, transform 300ms ease 130ms;
}

.oct3-search__close {
  display: grid;
  width: 2rem;
  height: 2rem;
  flex: 0 0 0;
  place-items: center;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  border-radius: 0.58rem;
  background: transparent;
  font-size: 1.18rem;
  line-height: 1;
  transform: rotate(-32deg) scale(0.6);
  transition: color 160ms ease, background 160ms ease, opacity 160ms ease 150ms, transform 360ms cubic-bezier(0.16, 1, 0.3, 1) 100ms, flex-basis 350ms ease;
}

.is-search-open .oct3-search kbd {
  opacity: 1;
  transform: translateX(0);
}

.is-search-open .oct3-search__close {
  flex-basis: 2rem;
  opacity: 1;
  transform: rotate(0) scale(1);
}

.oct3-search__close:hover,
.oct3-search__close:focus-visible {
  outline: none;
  background: rgb(255 255 255 / 6%);
  color: var(--nav-strong);
}

.oct3-login {
  position: relative;
  min-width: 5.7rem;
  height: 2.65rem;
  overflow: hidden;
  border: 1px solid #34343a;
  border-radius: 0.78rem;
  background: linear-gradient(180deg, #29292e, #222227);
  box-shadow: inset 0 1px rgb(255 255 255 / 7%), 0 0.35rem 0.8rem rgb(0 0 0 / 18%);
  color: var(--nav-strong);
  font-size: 0.82rem;
  font-weight: 700;
  transition: color 180ms ease, border-color 220ms ease, transform 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 220ms ease;
}

.oct3-login::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: -1px;
  height: 2px;
  border-radius: 50%;
  background: var(--oct3-red);
  box-shadow: 0 -0.15rem 0.75rem var(--oct3-red);
  opacity: 0;
  transform: scaleX(0.25);
  transition: opacity 170ms ease, transform 330ms cubic-bezier(0.16, 1, 0.3, 1);
}

.oct3-login:hover,
.oct3-login:focus-visible {
  border-color: #4a3938;
  outline: none;
  color: #ff876c;
  transform: translateY(-1px);
  box-shadow: inset 0 1px rgb(255 255 255 / 9%), 0 0.7rem 1.6rem rgb(255 68 38 / 9%);
}

.oct3-login:hover::after,
.oct3-login:focus-visible::after {
  opacity: 0.2;
  transform: scaleX(1);
}

.oct3-login:active { transform: translateY(1px) scale(0.96); }

.is-light .oct3-icon:hover,
.is-light .oct3-icon:focus-visible,
.is-light .oct3-search__close:hover,
.is-light .oct3-search__close:focus-visible { background: rgb(20 15 12 / 6%); }

.is-light .oct3-login {
  border-color: #d2cfcb;
  background: linear-gradient(#fff, #efeeeb);
  box-shadow: inset 0 1px #fff, 0 0.35rem 0.8rem rgb(42 31 25 / 8%);
}

@media (max-width: 900px) {
  .oct3__intro { grid-template-columns: 1fr; }
  .oct3-navbar {
    width: calc(100% - 2rem);
    min-height: 2.45rem;
    padding: 0.22rem 0.34rem 0.22rem 0.68rem;
    border-radius: 0.82rem;
  }
  .oct3-navbar::after { inset: 0.16rem; border-radius: 0.64rem; }
  .oct3-navbar.is-search-open { width: calc(100% - 0.25rem); }
  .oct3-brand { gap: 0.42rem; }
  .oct3-brand strong { font-size: 0.78rem; }
  .oct3-brand__mark { gap: 0.13rem; height: 1.12rem; }
  .oct3-brand__mark i { width: 0.21rem; }
  .oct3-brand__mark i:nth-child(1) { height: 0.65rem; }
  .oct3-brand__mark i:nth-child(2) { height: 1.08rem; }
  .oct3-brand__mark i:nth-child(3) { height: 0.84rem; }
  .oct3-links { gap: 0.35rem; }
  .oct3-links a { min-height: 1.9rem; font-size: 0.64rem; }
  .oct3-links__indicator { bottom: 0.08rem; }
  .oct3-icon { width: 1.8rem; height: 1.8rem; flex-basis: 1.8rem; border-radius: 0.58rem; }
  .oct3-icon svg { width: 0.92rem; }
  .oct3-search { width: 1.8rem; height: 1.8rem; border-radius: 0.62rem; }
  .is-search-open .oct3-search { width: clamp(9.5rem, 24vw, 13rem); }
  .oct3-search input { font-size: 0.65rem; }
  .oct3-search__close { font-size: 0.92rem; }
  .oct3-login { min-width: 4rem; height: 1.8rem; border-radius: 0.58rem; font-size: 0.64rem; }
}

@media (max-width: 660px) {
  .oct3 { padding-inline: 0.75rem; }
  .oct3__stage { min-height: 26rem; border-radius: 1.25rem; }
  .oct3-navbar,
  .oct3-navbar.is-search-open { width: calc(100% - 1rem); }
  .oct3-navbar {
    grid-template-columns: auto 1fr;
    gap: 0.45rem;
    padding: 0.52rem;
  }
  .oct3-links {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start;
    overflow-x: auto;
    padding: 0 0.2rem;
    scrollbar-width: none;
  }
  .oct3-links::-webkit-scrollbar { display: none; }
  .oct3-actions { justify-self: end; }
  .oct3-navbar.is-search-open .oct3-brand,
  .oct3-navbar.is-search-open .oct3-links { opacity: 0; pointer-events: none; }
  .oct3-navbar.is-search-open .oct3-actions {
    position: absolute;
    inset: 0.48rem;
    justify-self: stretch;
  }
  .oct3-navbar.is-search-open .oct3-search { width: 100%; }
  .oct3-navbar.is-search-open .oct3-theme,
  .oct3-navbar.is-search-open .oct3-login { display: none; }
}

@media (max-width: 420px) {
  .oct3-brand strong { display: none; }
  .oct3-login { min-width: 4.1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .oct3-navbar,
  .oct3-links,
  .oct3-links a,
  .oct3-links a svg,
  .oct3-links__indicator,
  .oct3-search,
  .oct3-search input,
  .oct3-search kbd,
  .oct3-search__close,
  .oct3-icon,
  .oct3-theme svg,
  .oct3-login,
  .oct3-login::after { transition-duration: 1ms !important; }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.glass-dashboard-demo{order:55;padding:clamp(3rem,6vw,6rem) max(1.25rem,calc((100vw - 1440px)/2));background:#060706;color:#f4f4f2;scroll-margin-top:4rem}
.glass-dashboard-demo__intro{display:grid;grid-template-columns:auto 1fr minmax(16rem,26rem);gap:1.5rem;align-items:end;margin-bottom:3rem}
.glass-dashboard-demo__intro p,.glass-dashboard-demo__intro h2,.glass-dashboard-demo__intro span{margin:0}
.glass-dashboard-demo__intro p{color:#c39977;font:750 .72rem ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
.glass-dashboard-demo__intro h2{font-size:clamp(2.2rem,4.5vw,4.6rem);letter-spacing:-.06em;line-height:.95}
.glass-dashboard-demo__intro span{color:#a5aaa1;line-height:1.5}
.gd-scene{padding:clamp(1rem,4vw,4rem);background:linear-gradient(#19171145,#21170c55),url("../../original-block-pages-20261030/assets/9082efe124b9802f6503.jpg") center/cover;isolation:isolate;overflow:hidden;display:grid;align-items:center;border-radius:1rem}
.gd-shell{--gd-glass:linear-gradient(135deg,rgb(61 62 68 / .64),rgb(20 20 26 / .64));--gd-border:rgb(255 255 255 / .22);--gd-accent:#e60019;container-type:inline-size;position:relative;display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:1rem;width:100%;max-width:80rem;margin:auto;font-family:Arial,Helvetica,sans-serif;color:#f7f5f4;transition:grid-template-columns 360ms cubic-bezier(.22,.75,.25,1)}
.gd-shell--expanded{grid-template-columns:clamp(12rem,20%,15rem) minmax(0,1fr)}
.gd-sidebar,.gd-main{border:1px solid var(--gd-border);border-radius:1.5rem;background:var(--gd-glass);backdrop-filter:blur(18px) saturate(.6);box-shadow:inset 0 1px #ffffff40,inset 1px 0 #ffffff12,0 16px 45px #08060c40}
.gd-main{min-width:0;padding:1.4%}
.gd-shell *{box-sizing:border-box}
.gd-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.15cqw}
.gd-top h3{margin:0;font-size:1.8cqw;font-weight:500;letter-spacing:-.04em}
.gd-top>div{display:flex;align-items:center;gap:.65cqw}
.gd-top time{font-size:1cqw;color:#e0e0dc9c}
.gd-top-icon,.gd-top img{display:grid;place-items:center;width:2.5cqw;height:2.5cqw;border-radius:50%;background:#ffffff16}
.gd-top img{object-fit:cover}
.gd-top-icon svg{width:1.4cqw;fill:none;stroke:currentColor;stroke-width:1.5;opacity:.65}
.gd-body{min-height:51cqw;transition:min-height 360ms cubic-bezier(.22,.75,.25,1),height 360ms cubic-bezier(.22,.75,.25,1)}
.gd-sidebar{position:relative;min-width:0;padding:1rem 0;align-self:stretch}
.gd-sidebar svg{flex:none;width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gd-sidebar__dots{display:flex;gap:4px;height:10px;margin:0 1rem .9rem}.gd-sidebar__dots i{width:5px;height:5px;flex:none;border-radius:50%;background:#ff635c;box-shadow:0 0 6px #ff635c70}.gd-sidebar__dots i:nth-child(2){background:#ffc347;box-shadow:0 0 6px #ffc34770}.gd-sidebar__dots i:nth-child(3){background:#4fd06a;box-shadow:0 0 6px #4fd06a70}
.gd-sidebar__header{position:relative;display:flex;align-items:center;gap:.75rem;padding:0 1rem 1rem;border-bottom:1px solid #ffffff16}
.gd-sidebar__header strong{min-width:0;white-space:nowrap;font-size:.88rem}.gd-sidebar__initial{display:none}.gd-sidebar__bell{margin-left:auto;color:#eeecf2;display:flex}
.gd-sidebar__collapse{position:absolute;z-index:5;right:-.6rem;top:.1rem;width:1.25rem;height:1.25rem;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#45414a;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0003}.gd-sidebar__collapse svg{width:.8rem;height:.8rem;transition:transform 360ms}.gd-sidebar__collapse>span{position:absolute;left:calc(100% + .35rem);padding:.2rem .45rem;border-radius:99px;background:#fff;color:#a52f43;font-size:.62rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 160ms}.gd-sidebar__collapse:hover>span,.gd-sidebar__collapse:focus-visible>span{opacity:1}
.gd-sidebar__profile{display:flex;align-items:center;gap:.65rem;margin:.75rem 1rem;padding-bottom:.75rem;border-bottom:1px solid #ffffff16;overflow:hidden;white-space:nowrap}.gd-sidebar__profile img{width:1.65rem;height:1.65rem;flex:none;object-fit:cover;border:1px solid #ffffff60;border-radius:50%}.gd-sidebar__profile b{display:block;font-size:.8rem;font-weight:500}.gd-sidebar__profile small{display:block;margin-top:.15rem;font-size:.57rem;color:#b6b4bf}.gd-sidebar__profile>span{margin-left:auto;color:#c2bfcb}
.gd-sidebar__search{display:flex;align-items:center;gap:.6rem;margin:0 1rem .7rem;color:#cac7d1;overflow:hidden}.gd-sidebar__search input{min-width:0;width:100%;height:1.55rem;padding:.3rem .65rem;border:1px solid #ffffff24;border-radius:99px;background:#ffffff0b;color:#eeecf2;font:500 .59rem Arial,Helvetica,sans-serif;letter-spacing:.1em;box-shadow:inset 0 1px 3px #0002}.gd-sidebar__search input::placeholder{color:#a7a4ae}.gd-sidebar__search input:focus-visible{outline:1px solid #ffffffa0;outline-offset:2px}
.gd-sidebar__nav>small{display:block;margin:.6rem 1rem .4rem;font-size:.52rem;font-weight:600;letter-spacing:.15em;color:#bab7c2}.gd-sidebar__nav button{display:flex;align-items:center;gap:.85rem;width:100%;min-height:2.55rem;padding:.7rem 1rem;border:0;background:transparent;color:#e1dfe6;font-size:.76rem;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;transition:background 180ms,color 180ms}.gd-sidebar__nav button:hover,.gd-sidebar__nav button[aria-pressed=true]{background:var(--gd-accent);color:#fff}.gd-sidebar__nav button:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.gd-sidebar__label{opacity:1;transition:opacity 180ms}.gd-shell:not(.gd-shell--expanded) .gd-sidebar__label{position:absolute;width:0;opacity:0;overflow:hidden;pointer-events:none}.gd-shell:not(.gd-shell--expanded) .gd-sidebar__initial{display:inline}.gd-shell:not(.gd-shell--expanded) .gd-sidebar__bell{display:none}.gd-shell:not(.gd-shell--expanded) .gd-sidebar__profile{margin-inline:.85rem}.gd-shell:not(.gd-shell--expanded) .gd-sidebar__search input{display:none}.gd-shell:not(.gd-shell--expanded) .gd-sidebar__collapse svg{transform:rotate(180deg)}.gd-shell:not(.gd-shell--expanded) .gd-sidebar__nav>small{font-size:.4rem;margin-inline:.55rem}.gd-shell:not(.gd-shell--expanded) .gd-sidebar__nav button{padding-inline:1.15rem}
@media(hover:hover){.gd-sidebar__nav:has(button:hover) button[aria-pressed=true]:not(:hover){background:transparent;color:#e1dfe6}}
.gd-sidebar__header,.gd-sidebar__profile{border-bottom-color:#ffffff28}
.gd-sidebar__nav button[aria-label=Home] svg>path:first-child{fill:currentColor}.gd-sidebar__nav button[aria-label=Home] svg>path:last-child{stroke:#34333b;stroke-width:2.5}.gd-sidebar__nav button[aria-label=Home][aria-pressed=true] svg>path:last-child,.gd-sidebar__nav button[aria-label=Home]:hover svg>path:last-child{stroke:var(--gd-accent)}
@media(hover:hover){.gd-sidebar__nav:has(button:hover) button[aria-label=Home][aria-pressed=true]:not(:hover) svg>path:last-child{stroke:#34333b}}
.gd-content{min-width:0;animation:gd-enter 220ms ease both}
.gd-body:has(.gd-home-grid){min-height:0;height:54cqw}
.gd-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:8.5cqw 13.5cqw 14.5cqw 15.25cqw;gap:.75cqw;transition:grid-template-rows 360ms cubic-bezier(.22,.75,.25,1),gap 360ms cubic-bezier(.22,.75,.25,1)}
@media(min-width:601px){.gd-shell--expanded .gd-body:has(.gd-home-grid){height:43.2cqw}.gd-shell--expanded .gd-home-grid{grid-template-rows:6.8cqw 10.8cqw 11.6cqw 12.2cqw;gap:.6cqw}}
.gd-panel{display:flex;flex-direction:column;min-width:0;padding:1.05cqw;border:1px solid #ffffff24;border-radius:1.3cqw;background:#ffffff06;box-shadow:inset 0 1px #ffffff0d}
.gd-panel>header{display:flex;align-items:center;justify-content:space-between;gap:.4cqw;margin-bottom:.8cqw}
.gd-panel h4{margin:0;font-size:1.05cqw;line-height:1.3;font-weight:500;color:#fafbf8db}
.gd-more{display:grid;place-items:center;width:1.45cqw;height:1.45cqw;border-radius:50%;background:#ffffff1c;color:#f3edf5;font-size:1.2cqw;line-height:1}
.gd-camera{grid-column:1/3;grid-row:1/3;padding:.8cqw}
.gd-camera>header{margin-bottom:.55cqw;padding-inline:.25cqw}
.gd-camera>img{display:block;width:100%;min-height:0;aspect-ratio:276/114;object-fit:cover;border-radius:.75cqw}
.gd-weather{grid-column:3;grid-row:1}.gd-air{grid-column:4;grid-row:1}
.gd-weather>header,.gd-air>header{margin-bottom:.25cqw}
.gd-weather strong{font-size:1.85cqw;line-height:1.2;font-weight:500}.gd-weather small,.gd-air small{font-size:.8cqw;color:#d6d9d08c;margin-top:.3cqw}
.gd-air>span{align-self:flex-start;margin-top:.6cqw;padding:.5cqw .65cqw;border-radius:.65cqw;background:#ffffff19;color:#eee7f1;font-size:.76cqw}
.gd-lights{grid-column:1;grid-row:3}.gd-climate{grid-column:2;grid-row:3}.gd-vacuum{grid-column:3;grid-row:2/4}.gd-player{grid-column:4;grid-row:2/4}.gd-summary{grid-column:1;grid-row:4}.gd-power{grid-column:2;grid-row:4}.gd-notifications{grid-column:3/5;grid-row:4}
.gd-lights>div{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;margin-bottom:.5cqw;font-size:.88cqw;color:#d8dcd1b0}
.gd-toggle{flex:none;width:2.5cqw;height:1.35cqw;position:relative;border:0;border-radius:99px;background:#ffffff22;cursor:pointer;transition:background 180ms}
.gd-toggle>span{position:absolute;width:1.05cqw;height:1.05cqw;left:.16cqw;top:.15cqw;border-radius:50%;background:#fdfcfb;box-shadow:0 1px 3px #0002;transition:transform 180ms}
.gd-toggle.is-on{background:var(--gd-accent)}.gd-toggle.is-on>span{transform:translateX(1.13cqw)}
.gd-climate>div{display:flex;align-items:center;justify-content:space-between}.gd-climate strong{font-size:2cqw;font-weight:500}.gd-climate>div>span{font-size:1.25cqw;color:#f5f6eee6;text-align:right}
.gd-climate small{display:block;font-size:.75cqw;color:#dce0d28c;margin-top:.4cqw;font-weight:400}
.gd-climate>svg{width:100%;min-height:0;flex:1}.gd-climate footer{display:flex;justify-content:space-between;font-size:.62cqw;color:#dce0d26e}
.gd-climate>svg stop{stop-color:var(--gd-accent)}.gd-climate>svg path[stroke]{stroke:var(--gd-accent)}
.gd-vacuum dl{margin:auto 0;display:grid;gap:.65cqw;font-size:.8cqw;color:#e6e8dfad}.gd-vacuum dl div{display:flex;justify-content:space-between}.gd-vacuum dd{margin:0}
.gd-white-note{padding:.65cqw .75cqw;border-radius:.55cqw;background:#f8f5f9;color:#4e4e4f;font-size:.76cqw;line-height:1.3}
.gd-vacuum .gd-white-note b{font-weight:600;font-size:.82cqw}.gd-vacuum .gd-white-note small{font-size:.7cqw;color:#737076}
.gd-white-note progress{display:block;width:100%;height:.3cqw;margin:.55cqw 0;border:0;border-radius:99px;overflow:hidden}
.gd-shell progress::-webkit-progress-bar{background:#dedade;border-radius:99px}.gd-shell progress::-webkit-progress-value{background:var(--gd-accent);border-radius:99px}.gd-shell progress::-moz-progress-bar{background:var(--gd-accent)}
.gd-player>img{display:block;width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:.5cqw;margin:2cqw 0}.gd-player>b{font-size:.85cqw;font-weight:400;color:#e4e7dfc4}
.gd-timeline{display:flex;align-items:center;gap:.45cqw;margin-top:auto;font-size:.62cqw;color:#d9dcd283}.gd-timeline progress{width:100%;height:2px;border:0}.gd-timeline progress::-webkit-progress-value{background:#e1e6db}
.gd-play-controls{display:flex;align-items:center;justify-content:center;gap:1.2cqw;margin-top:1.1cqw;color:#dee2d6;font-size:.65cqw}.gd-play-controls button{display:grid;place-items:center;width:2cqw;height:2cqw;padding:.48cqw;border:0;border-radius:50%;background:#f8f8f4;color:#666c60;cursor:pointer}.gd-play-controls svg{width:100%;fill:none;stroke:currentColor;stroke-width:2}
.gd-summary .gd-white-note+.gd-white-note{margin-top:.5cqw}.gd-power>strong{margin:auto 0;font-weight:400;font-size:2cqw}
.gd-notifications>div{display:flex;align-items:center;gap:.6cqw}.gd-notifications>div:first-of-type{margin:auto 0}.gd-notifications>div>span{display:grid;place-items:center;width:1.55cqw;height:1.55cqw;border-radius:50%;background:var(--gd-accent);color:#fff;flex:none}.gd-notifications svg{width:1.1cqw;fill:none;stroke:currentColor;stroke-width:1.5}
.gd-view-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1cqw;min-height:2.3cqw}.gd-view-title h4{font-size:1.2cqw;font-weight:500;margin:0}.gd-view-title>span{padding:.55cqw .8cqw;border-radius:99px;background:#ffffff19;font-size:.8cqw;color:#dddcd8}
.gd-rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,22.8cqw);gap:.75cqw}
.gd-room__stats{display:flex;gap:.5cqw;margin:auto 0;font-size:.9cqw;color:#e0e2d6b0}.gd-room__stats span{padding:.55cqw;background:#ffffff0e;border-radius:.5cqw}
.gd-room__mode{align-self:flex-start;border:0;border-radius:99px;padding:.3cqw 1cqw;font-size:.82cqw;font-weight:600;color:#62635e;background:#faf8fa;cursor:pointer;transition:background 180ms,color 180ms}.gd-room__mode.is-active{background:var(--gd-accent);color:#fff}
.gd-automations-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:.75cqw;min-height:46.4cqw}
.gd-routine{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:.9cqw;margin-bottom:.5cqw;border-radius:.75cqw;background:#f8f5f9;color:#535354}
.gd-routine b{font-size:1cqw;font-weight:600}.gd-routine small{display:block;margin-top:.65cqw;font-size:.78cqw;color:#929095}
.gd-network__row{display:flex;justify-content:space-between;align-items:center;gap:1cqw;padding:1cqw;margin-bottom:.5cqw;border:1px solid #ffffff18;border-radius:.75cqw;background:#ffffff12}.gd-network__row b{font-size:1cqw;font-weight:500}.gd-network__row small{display:block;margin-top:.6cqw;color:#cfd2c488;font-size:.78cqw}.gd-network__row>span{color:#67ce99;font-size:.85cqw;white-space:nowrap}.gd-network>.gd-white-note{margin-top:auto}
.gd-shell button:focus-visible{outline:2px solid #f3e7f8;outline-offset:3px}
@keyframes gd-enter{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.glass-dashboard-demo__intro{grid-template-columns:1fr}.gd-scene{padding:2%;border-radius:.8rem}.gd-top h3{font-size:2cqw}}
@media(max-width:600px){.glass-dashboard-demo{padding-inline:.75rem}.gd-scene{aspect-ratio:auto;padding:.65rem}.gd-shell{padding:.7rem;border-radius:1rem}.gd-top{align-items:flex-start;padding-bottom:.8rem}.gd-top h3{font-size:.9rem}.gd-top time{display:none}.gd-top-icon,.gd-top img{width:1.7rem;height:1.7rem}.gd-top-icon svg{width:1rem}.gd-content{min-height:0}.gd-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:.5rem}.gd-panel{padding:.65rem;border-radius:.75rem;min-height:7rem}.gd-panel h4{font-size:.64rem}.gd-panel>header{margin-bottom:.6rem}.gd-more{width:1rem;height:1rem;font-size:.85rem}.gd-camera{grid-column:1/-1;grid-row:auto;min-height:0}.gd-camera>img{aspect-ratio:2.4}.gd-weather,.gd-air,.gd-lights,.gd-climate,.gd-vacuum,.gd-player,.gd-summary,.gd-power{grid-column:auto;grid-row:auto}.gd-weather strong{font-size:1.2rem}.gd-weather small,.gd-air small{font-size:.6rem}.gd-air>span{font-size:.55rem;padding:.35rem;margin-top:.5rem}.gd-lights>div{font-size:.6rem;margin:.5rem 0}.gd-toggle{width:1.75rem;height:1rem}.gd-toggle>span{width:.8rem;height:.8rem;left:.1rem;top:.1rem}.gd-toggle.is-on>span{transform:translateX(.75rem)}.gd-climate strong{font-size:1.2rem}.gd-climate small{font-size:.5rem}.gd-climate>div>span{font-size:.75rem}.gd-climate footer{font-size:.45rem}.gd-climate>svg{min-height:1.5rem}.gd-vacuum,.gd-player{min-height:12rem}.gd-vacuum dl{font-size:.57rem;gap:.6rem}.gd-white-note{font-size:.5rem;padding:.45rem;border-radius:.35rem}.gd-vacuum .gd-white-note b{font-size:.6rem}.gd-vacuum .gd-white-note small{font-size:.5rem}.gd-white-note progress{height:.2rem;margin:.4rem 0}.gd-player>img{margin:1.4rem 0}.gd-player>b{font-size:.6rem}.gd-timeline{font-size:.42rem;gap:.3rem}.gd-play-controls{gap:1rem;margin-top:1rem;font-size:.5rem}.gd-play-controls button{width:1.5rem;height:1.5rem;padding:.4rem}.gd-summary .gd-white-note+.gd-white-note{margin-top:.35rem}.gd-power>strong{font-size:1.2rem}.gd-notifications{grid-column:1/-1;grid-row:auto;min-height:8rem}.gd-notifications>div{gap:.5rem}.gd-notifications>div>span{width:1rem;height:1rem}.gd-notifications svg{width:.65rem}.gd-view-title{margin-bottom:.6rem;gap:.5rem}.gd-view-title h4{font-size:.7rem}.gd-view-title>span{font-size:.45rem;padding:.3rem}.gd-rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:.5rem}.gd-room{min-height:12rem}.gd-room__stats{gap:.25rem;font-size:.52rem}.gd-room__stats span{padding:.3rem}.gd-room__mode{font-size:.5rem;padding:.3rem .5rem}.gd-automations-grid{grid-template-columns:1fr;gap:.5rem}.gd-automations-grid>.gd-panel{min-height:20rem}.gd-routine{gap:.5rem;padding:.6rem;margin-bottom:.35rem;border-radius:.5rem}.gd-routine b,.gd-network__row b{font-size:.65rem}.gd-routine small,.gd-network__row small{font-size:.5rem;margin-top:.4rem}.gd-network__row{padding:.65rem;margin-bottom:.4rem;border-radius:.5rem}.gd-network__row>span{font-size:.5rem}.gd-network>.gd-white-note{font-size:.5rem}}
@media(max-width:600px){.gd-shell,.gd-shell--expanded{display:block;padding:0}.gd-main{padding:.7rem;border-radius:1rem}.gd-sidebar{width:100%;padding:.65rem 0;margin-bottom:.6rem;border-radius:1rem}.gd-sidebar__dots{display:none}.gd-sidebar__header{height:1.4rem;padding:0 1rem;border-bottom:0}.gd-sidebar__collapse{right:1rem;top:.05rem}.gd-sidebar__collapse>span{display:none}.gd-sidebar__bell{margin-right:2rem}.gd-shell:not(.gd-shell--expanded) .gd-sidebar__profile,.gd-shell:not(.gd-shell--expanded) .gd-sidebar__search,.gd-shell:not(.gd-shell--expanded) .gd-sidebar__nav{display:none}.gd-sidebar__nav button{font-size:.8rem}.gd-sidebar__profile{max-width:100%}.gd-sidebar__search input{font-size:.65rem}.gd-body,.gd-body:has(.gd-home-grid){min-height:0}}
@media(max-width:600px){.gd-body,.gd-body:has(.gd-home-grid){height:auto}}
@media(max-width:600px){.gd-scene{padding:.8rem}.gd-sidebar__collapse{right:-.6rem}.gd-sidebar__bell{margin-right:.6rem}}
@media(prefers-reduced-motion:reduce){.gd-content{animation:none}.gd-shell,.gd-body,.gd-home-grid,.gd-sidebar__label,.gd-sidebar__collapse svg,.gd-shell button,.gd-toggle>span{transition:none}}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.profile-tile-demo{order:56;padding:clamp(3rem,6vw,6rem) max(1.25rem,calc((100vw - 1200px)/2));background:#fff;color:#151b1e;scroll-margin-top:4rem}
.profile-tile-demo>header{margin-bottom:2rem}
.profile-tile-demo>header p{margin:0 0 .8rem;color:#657177;font-size:.85rem}
.profile-tile-demo h2{margin:0;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.05}
.profile-tile-demo__stage{display:grid;place-items:center;min-height:clamp(26rem,45vw,36rem);padding:3rem 1rem;background:#eaeff3;border-radius:2.5rem}
.profile-tile{--profile-blue:#6dbbd5;--profile-ease:cubic-bezier(.23,1,.32,1);position:relative;isolation:isolate;width:min(18.75rem,100%);aspect-ratio:1;font-family:Arial,Helvetica,sans-serif;background:#fff;border:2px solid #fff;border-radius:2rem;box-shadow:0 22px 17px -15px #353d4b38}
.profile-tile *{box-sizing:border-box}
.profile-tile__mail{position:absolute;top:7%;right:10%;width:8%;color:var(--profile-blue);z-index:2}
.profile-tile__mail svg{display:block;width:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linejoin:round}
.profile-tile__picture{position:absolute;inset:0 auto auto 0;z-index:4;width:100%;height:100%;padding:0;overflow:hidden;border:0 solid var(--profile-blue);border-radius:1.9rem;background:linear-gradient(125deg,#83bbd8 0 14%,#a2d5e9 14% 35%,#cdf2fb 35% 66%,#a5d6e7 66% 80%,#87c5dc 80%);cursor:pointer;transition:width 600ms var(--profile-ease),height 600ms var(--profile-ease),border-radius 650ms var(--profile-ease),border-width 600ms var(--profile-ease),box-shadow 600ms var(--profile-ease),left 600ms var(--profile-ease),top 600ms var(--profile-ease)}
.profile-tile__picture img{display:block;position:absolute;top:0;left:0;width:100%;height:80%;object-fit:cover;transition:height 600ms var(--profile-ease)}
.profile-tile__bottom{position:absolute;z-index:5;bottom:0;left:0;right:0;height:20%;overflow:hidden;border-radius:2rem;background:var(--profile-blue);box-shadow:inset 0 2px 3px #285a7328;transition:height 600ms var(--profile-ease),border-radius 600ms var(--profile-ease)}
.profile-tile__copy{position:absolute;top:27%;left:8%;right:8%;opacity:0;transform:translateY(16px);transition:opacity 180ms ease,transform 400ms var(--profile-ease);color:#fff}
.profile-tile__copy h3{margin:0 0 1rem;font-size:1.3rem;line-height:1.2;font-weight:700;letter-spacing:-.03em}
.profile-tile__copy p{margin:0;font-size:1rem;line-height:1.25}
.profile-tile__footer{position:absolute;bottom:.4rem;left:8%;right:8%;height:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.profile-tile__socials{display:flex;gap:.6rem;align-items:center;color:#fff}
.profile-tile__socials>span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;transition:background 250ms ease,color 250ms ease,transform 250ms var(--profile-ease)}
.profile-tile__socials>span:hover{background:#fff;color:var(--profile-blue);transform:scale(1.18)}
.profile-tile__socials svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:2}
.profile-tile__dot,.profile-tile__github{fill:currentColor;stroke:none}
.profile-tile__contact{border:0;border-radius:99px;padding:.55rem .8rem;background:#fff;color:#38788f;font:500 .7rem Arial,Helvetica,sans-serif;white-space:nowrap;box-shadow:0 4px 7px #345a7133;cursor:pointer;transition:transform 250ms var(--profile-ease),box-shadow 250ms ease}
.profile-tile__contact:hover{transform:scale(1.08);box-shadow:0 6px 12px #345a7145}
.profile-tile__picture:focus-visible,.profile-tile__contact:focus-visible{outline:3px solid #18546b;outline-offset:4px}
.profile-tile.is-expanded .profile-tile__picture{left:2%;top:2%;width:36%;height:36%;border-width:5px;border-radius:50%;box-shadow:0 7px 14px #285a7338;z-index:6}
.profile-tile.is-expanded .profile-tile__picture img{height:100%}
.profile-tile.is-expanded .profile-tile__bottom{height:80%;border-radius:5rem 2rem 1.9rem 1.9rem}
.profile-tile.is-expanded .profile-tile__copy{opacity:1;transform:translateY(0);transition-delay:150ms}
@media(max-width:400px){.profile-tile-demo__stage{padding:3rem 1rem;border-radius:1.5rem}.profile-tile__copy h3{font-size:1.1rem}.profile-tile__copy p{font-size:.9rem}.profile-tile__footer{left:7%;right:7%}.profile-tile__socials{gap:.4rem}}
@media(prefers-reduced-motion:reduce){.profile-tile__picture,.profile-tile__picture img,.profile-tile__bottom,.profile-tile__copy,.profile-tile__socials>span,.profile-tile__contact{transition-duration:1ms!important;transition-delay:0ms!important}}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.shine-sweep-demo{order:57;padding:clamp(3rem,6vw,6rem) max(1.25rem,calc((100vw - 1200px)/2));background:#080c12;color:#f4f7fa;scroll-margin-top:4rem}
.shine-sweep-demo>header{margin-bottom:2rem}
.shine-sweep-demo>header p{margin:0 0 .8rem;color:#9ba4b1;font-size:.85rem}
.shine-sweep-demo h2{margin:0;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.05}
.shine-sweep-demo__stage{display:grid;place-items:center;min-height:20rem;padding:2rem;border:1px solid #276640;border-radius:1rem;background:radial-gradient(ellipse at center,#101726,#080d13 70%)}
.shine-sweep-button{position:relative;isolation:isolate;overflow:hidden;display:inline-grid;place-items:center;min-width:10rem;min-height:3.125rem;padding:.875rem 1.75rem;border:0;border-radius:.5rem;background:#13953d;color:#fff;font:500 .875rem Arial,Helvetica,sans-serif;cursor:pointer;user-select:none;transform:rotate(0deg);transition:transform 200ms ease-out;-webkit-tap-highlight-color:transparent}
/* The video uses .btn5:hover::after { left: 130%; }.
   Keep its single, solid translucent rotated strip, including the return pass. */
.shine-sweep-button::after{content:"";position:absolute;z-index:1;pointer-events:none;top:0;left:-100%;width:50%;height:100%;background:rgb(255 255 255 / .4);transform:rotate(25deg);transition:left 500ms ease}
.shine-sweep-button:enabled:is(:hover,:focus-visible){transform:rotate(-2deg)}
.shine-sweep-button:enabled:is(:hover,:focus-visible)::after{left:130%}
.shine-sweep-button:focus-visible{outline:2px solid #c4eeda;outline-offset:5px}
.shine-sweep-button:disabled{opacity:.5;cursor:not-allowed}
@media(hover:none){.shine-sweep-button:enabled:active{transform:rotate(-2deg)}.shine-sweep-button:enabled:active::after{left:130%}}
@media(prefers-reduced-motion:reduce){.shine-sweep-button{transition:none}.shine-sweep-button:enabled:is(:hover,:focus-visible,:active){transform:none}.shine-sweep-button::after{display:none}}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.send-animation-demo{order:58;padding:clamp(3rem,6vw,6rem) max(1.25rem,calc((100vw - 1200px)/2));background:#201778;color:#fff;scroll-margin-top:4rem}
.send-animation-demo>header{margin-bottom:2rem}
.send-animation-demo>header p{margin:0 0 .8rem;color:#beb9ea;font-size:.85rem}
.send-animation-demo h2{margin:0;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.05}
.send-animation-demo__stage{display:grid;place-items:center;min-height:28rem;padding:2rem 0}
.send-control{--send-pill:linear-gradient(110deg,#176cff,#6754ff,#80c9ff,#176cff);--send-ink:#fff;position:relative;width:min(320px,100%);height:220px;font-family:Arial,Helvetica,sans-serif}
.send-animation{position:relative;display:block;width:calc(100% - 44px);height:220px;padding:0;border:0;background:transparent;color:inherit;font-family:inherit;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.send-animation__scene{position:absolute;inset:0;display:block;perspective:500px;pointer-events:none}
.send-animation__position{position:absolute;z-index:2;top:50%;left:50%;width:0;height:0}
/* Same pill throughout: the reference starts at 200×58, not a crossfade to a second button. */
.send-animation__pill{position:absolute;display:block;overflow:hidden;width:200px;height:58px;left:0;top:0;translate:-50% -50%;border-radius:12px 0 0 12px;background:var(--send-pill);background-size:300% 100%;box-shadow:inset 0 1px 2px #ffffff66,0 6px 0 #3d35a9,0 16px 28px #3155e64d;transition:transform 300ms ease,box-shadow 300ms ease}
.send-animation__label{position:absolute;top:50%;left:88px;translate:0 -50%;color:var(--send-ink);font-size:24px;font-weight:750;line-height:1;transform-origin:center}
.send-animation__plane{position:absolute;z-index:3;left:calc(50% - 68px);top:calc(50% - 14px);width:28px;height:28px;fill:none;stroke:var(--send-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.send-animation__ripple{position:absolute;left:calc(50% + 6px);top:calc(50% - 2px);width:34px;height:34px;border-radius:50%;background:rgba(39,28,135,.35);opacity:0;transform:scale(0)}
.send-animation__check{position:absolute;left:50%;top:50%;width:34px;height:34px;fill:none;stroke:var(--send-ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translate(-50%,-50%) translateY(38px)}
.send-animation__check path{stroke-dasharray:34;stroke-dashoffset:34}
.send-animation__orbit{position:absolute;left:50%;top:50%;z-index:0;width:0;height:0;opacity:0}
.send-animation__arc{position:absolute;left:-66px;top:-66px;width:132px;height:132px;transform:rotate(-80deg);overflow:visible;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:90 312}
.send-animation__plane-back{position:absolute;z-index:3;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;color:#777;fill:currentColor;opacity:0}
.send-animation__fold{fill:#201778;opacity:.65}
.send-animation__sent{position:absolute;z-index:1;left:calc(50% - 66px);top:calc(50% - 26px);display:grid;place-items:center;width:170px;height:52px;padding-left:40px;border-radius:10px;background:var(--send-pill);background-size:300% 100%;box-shadow:inset 0 1px 2px #ffffff66,0 6px 0 #3d35a9,0 12px 24px #3155e633;transform-origin:left center;transform:rotateY(-90deg);opacity:0}
.send-animation__sent>span{color:var(--send-ink);font-size:24px;line-height:1;font-weight:750;opacity:0}
.send-animation__hint{position:absolute;bottom:0;left:22px;right:-22px;font-size:14px;font-weight:700;line-height:1.4;transition:opacity 150ms ease;pointer-events:none}
.send-control__arrow{position:absolute;z-index:4;left:calc(50% + 78px);top:calc(50% - 29px);display:grid;place-items:center;width:44px;height:58px;padding:0;border:0;border-left:1px solid #ffffff55;border-radius:0 12px 12px 0;background:var(--send-pill);background-size:300% 100%;color:#fff;box-shadow:inset 0 1px 2px #ffffff66,0 6px 0 #3d35a9,0 16px 28px #3155e64d;cursor:pointer;transition:transform 300ms ease,box-shadow 300ms ease,opacity 200ms ease}
.send-control__arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform 250ms ease}
.send-control.is-menu-open .send-control__arrow svg{transform:rotate(180deg)}
.send-animation:not(.is-running):active .send-animation__pill,.send-control__arrow:active{transform:translateY(3px);box-shadow:inset 0 1px 2px #ffffff40,0 2px 0 #3d35a9,0 5px 12px #3155e633}
.send-animation:not(.is-running):active .send-animation__plane{translate:0 3px}
.send-control.is-running .send-control__arrow{opacity:0;transform:translateY(3px);pointer-events:none}
.send-control__arrow:focus-visible{outline:2px solid #c8c3ff;outline-offset:4px}
.send-control__menu{position:absolute;z-index:5;top:calc(50% + 45px);right:calc(50% - 122px);width:244px;padding:8px;border:1px solid #eeeeff;border-radius:14px;background:#fff;color:#2f3447;box-shadow:0 16px 32px #17115c40,0 4px 12px #3155e626;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transform-origin:calc(100% - 22px) top;transition:opacity 200ms ease,transform 250ms cubic-bezier(.22,.75,.25,1),visibility 200ms;pointer-events:none}
.send-control__menu:before{content:"";position:absolute;top:-6px;right:15px;width:12px;height:12px;border-radius:2px;background:#fff;transform:rotate(45deg)}
.send-control.is-menu-open .send-control__menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.send-control__menu button{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:inherit;font-family:inherit;font-size:14px;font-weight:400;line-height:1.2;text-align:left;cursor:pointer;transition:background 150ms ease,color 150ms ease}
.send-control__menu button svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.send-control__menu button:hover,.send-control__menu button:focus-visible{outline:none;background:linear-gradient(110deg,#edf5ff,#f1ecff);color:#463c8f}
.send-control.is-menu-open .send-animation__hint{opacity:0}
.send-control .s21-delete-demo{position:absolute;inset:0;min-height:0;gap:0;border-radius:0;background:none}
.send-control .s21-delete-demo>small{display:none}
.send-control .s21-delete{width:244px;height:58px;border:0;border-radius:12px;background:var(--send-pill);background-size:300% 100%;box-shadow:inset 0 1px 2px #ffffff66,0 6px 0 #3d35a9,0 16px 28px #3155e64d;transition:width .58s cubic-bezier(.22,.75,.2,1),border-radius .58s cubic-bezier(.22,.75,.2,1)}
.send-control .s21-delete.is-compact{width:58px;border-radius:50%}
.send-control .s21-delete__rings>span{width:58px;height:58px}
@media(prefers-reduced-motion:reduce){.send-control .s21-delete,.send-control .s21-delete *{animation:none!important;transition:none!important}}
.send-animation:focus-visible{outline:none}
.send-animation:focus-visible .send-animation__pill{outline:2px solid #c8c3ff;outline-offset:5px}
.send-animation.is-running .send-animation__plane{animation:send-plane-flight 550ms ease-in forwards}
.send-animation.is-running .send-animation__label{animation:send-label-out 260ms ease-out forwards}
.send-animation.is-running .send-animation__ripple{animation:send-click-ripple 450ms ease-out forwards}
.send-animation.is-running .send-animation__pill{animation:send-pill-morph 850ms 100ms cubic-bezier(.22,.75,.25,1) both,send-pill-tilt 850ms 100ms ease-in-out forwards,send-pill-recoil 450ms 1600ms ease-out forwards}
.send-animation.is-running .send-animation__orbit{animation:send-plane-orbit 1000ms 750ms linear both}
.send-animation.is-running .send-animation__plane-back{animation:send-plane-return 1150ms 650ms linear both}
.send-animation.is-running .send-animation__check{animation:send-check-in 450ms 1600ms cubic-bezier(.22,.75,.25,1) forwards}
.send-animation.is-running .send-animation__check path{animation:send-check-draw 350ms 1650ms ease-out forwards}
.send-animation.is-running .send-animation__position{animation:send-disc-left 650ms 2300ms cubic-bezier(.22,.75,.25,1) forwards}
.send-animation.is-running .send-animation__sent{animation:send-panel-open 650ms 2300ms cubic-bezier(.22,.75,.25,1) forwards}
.send-animation.is-running .send-animation__sent>span{animation:send-confirm-label 250ms 2900ms ease-out forwards}
.send-animation.is-running:not(.is-sent) .send-animation__hint{opacity:0}
.send-animation.is-sent .send-animation__hint{opacity:.6}
@keyframes send-plane-flight{from{transform:translate(0,0);opacity:1}to{transform:translate(95px,-155px) rotate(8deg);opacity:0}}
@keyframes send-label-out{to{transform:scale(.35);opacity:0}}
@keyframes send-click-ripple{15%{opacity:.4}100%{transform:scale(3.6);opacity:0}}
@keyframes send-pill-morph{from{width:200px;height:58px;border-radius:12px}to{width:80px;height:80px;border-radius:40px}}
@keyframes send-pill-tilt{0%,100%{transform:rotate(0)}40%{transform:rotate(-2deg)}}
@keyframes send-plane-orbit{0%{transform:rotate(-45deg);opacity:0}12%{opacity:1}80%{opacity:.8}100%{transform:rotate(275deg);opacity:0}}
@keyframes send-plane-return{0%{transform:translate(60px,-70px) rotate(155deg);opacity:0}10%{transform:translate(76px,-48px) rotate(165deg);opacity:.8}20%{transform:translate(86px,-18px) rotate(180deg);opacity:1}30%{transform:translate(82px,13px) rotate(210deg)}40%{transform:translate(66px,40px) rotate(240deg)}50%{transform:translate(40px,58px) rotate(270deg)}60%{transform:translate(12px,65px) rotate(300deg) scale(1,.7);opacity:.85}70%{transform:translate(-5px,54px) rotate(335deg) scale(.8,.55);opacity:.65}80%{transform:translate(0,37px) rotate(360deg) scale(.65,.45);opacity:.4}100%{transform:translate(0,16px) rotate(360deg) scale(.35);opacity:0}}
@keyframes send-check-in{from{opacity:0;transform:translate(-50%,-50%) translateY(24px)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes send-check-draw{to{stroke-dashoffset:0}}
@keyframes send-pill-recoil{0%,100%{transform:rotate(0) scale(1)}40%{transform:rotate(-3deg) scale(1.04,.96)}}
@keyframes send-disc-left{to{transform:translateX(-66px)}}
@keyframes send-panel-open{0%{opacity:0;transform:rotateY(-90deg)}15%{opacity:1}100%{opacity:1;transform:rotateY(0)}}
@keyframes send-confirm-label{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.send-control__arrow,.send-control__arrow svg,.send-control__menu,.send-control__menu button,.send-animation__pill{transition:none!important}}
@media(prefers-reduced-motion:reduce){.send-animation__hint{transition:none}.send-animation.is-running .send-animation__scene *{animation:none!important}.send-animation.is-running .send-animation__plane,.send-animation.is-running .send-animation__plane-back,.send-animation.is-running .send-animation__label,.send-animation.is-running .send-animation__orbit{display:none}.send-animation.is-running .send-animation__pill{width:80px;height:80px;border-radius:50%}.send-animation.is-running .send-animation__position{transform:translateX(-66px)}.send-animation.is-running .send-animation__check{opacity:1;transform:translate(-50%,-50%)}.send-animation.is-running .send-animation__check path{stroke-dashoffset:0}.send-animation.is-running .send-animation__sent{opacity:1;transform:none}.send-animation.is-running .send-animation__sent>span{opacity:1}}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.hex-login-demo{order:59;padding:clamp(3rem,6vw,6rem) max(1.25rem,calc((100vw - 1200px)/2));background:#f5f5f4;color:#242424;scroll-margin-top:4rem}
.hex-login-demo>header{margin-bottom:2rem}
.hex-login-demo>header>p{margin:0 0 .8rem;color:#666;font-size:.85rem}
.hex-login-demo>header>h2{margin:0 0 1rem;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.05}
.hex-login-demo>header>span{font-size:.85rem;color:#686868}
.hex-login{--login-morph:0;position:relative;isolation:isolate;display:grid;place-items:center;min-height:680px;overflow:hidden;border-radius:20px;background:#08080a;color:#f7f4f0;font-family:Arial,Helvetica,sans-serif}
.hex-login__backdrop{position:absolute;inset:0;width:100%;height:100%;transition:opacity 1.1s ease,transform 1.25s cubic-bezier(.4,0,.2,1);opacity:.94}
.hex-login.is-processing .hex-login__backdrop{opacity:0;transform:scale(.5);transition-delay:.15s}
.hex-login__rig{--login-morph:0;position:relative;width:min(560px,calc(100% - 32px));height:560px;isolation:isolate}
.hex-login__frost{position:absolute;inset:0;backdrop-filter:blur(8px) saturate(.75);-webkit-backdrop-filter:blur(8px) saturate(.75);pointer-events:none;clip-path:polygon(17% 5%,95% 5%,95% 83%,83% 95%,5% 95%,5% 17%)}
.hex-login__geometry,.hex-login__honeycomb{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hex-login__geometry{overflow:visible;filter:drop-shadow(0 22px 28px #0005)}
.hex-login__honeycomb{z-index:2}
.hex-login__form{position:absolute;z-index:3;top:78px;left:12.5%;right:12.5%;opacity:calc(1 - var(--login-morph)*4);transform:translateY(calc(var(--login-morph)*20px)) scale(calc(1 - var(--login-morph)*.13));transform-origin:center;will-change:transform,opacity}
.hex-login__form>header{margin-bottom:24px;padding-left:24px}
.hex-login__form h3{margin:0 0 7px;font-size:28px;font-weight:700;letter-spacing:-.9px;line-height:1.2;white-space:nowrap}
.hex-login__form h3>span{color:#ffe635}
.hex-login__form header p{margin:0;font-size:12px;color:#c3bcc2}
.hex-login__form>label:not(.hex-login__remember){display:block;margin:16px 0 8px;font-size:12px;font-weight:600;color:#dfd9df}
.hex-login__input{display:flex;align-items:center;gap:11px;min-width:0;height:48px;padding:0 13px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff05;box-shadow:inset 0 1px 0 #ffffff04;transition:border-color 180ms ease,background 180ms ease}
.hex-login__input:focus-within{border-color:#e5cf66a6;background:#ffffff08}
.hex-login__input>svg,.hex-login__input button>svg{flex:none;width:18px;height:18px;fill:none;stroke:#b9b1bb;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hex-login__input>input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:none;background:none;color:#fff;font-size:14px}
.hex-login__input>input::placeholder{color:#9b949e}
.hex-login__input>button{display:grid;flex:none;place-items:center;width:30px;height:36px;margin-right:-6px;padding:0;border:0;background:none;cursor:pointer}
.hex-login__remember{display:flex;align-items:center;gap:7px;margin:16px 0;font-size:12px;color:#d1cad2;cursor:pointer;width:fit-content}
.hex-login__remember>input{width:14px;height:14px;margin:0;accent-color:#ffe435}
.hex-login__submit{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;height:48px;border:1px solid #fff17d;border-radius:11px;background:linear-gradient(#ffed4e,#ffdb16);box-shadow:0 4px 0 #927511,0 8px 25px #ffe12917;color:#2c2500;font-size:14px;font-weight:700;cursor:pointer;transition:filter 160ms ease,translate 160ms ease}
.hex-login__submit:hover{filter:brightness(1.08);translate:0 -1px}
.hex-login__submit:active{translate:0 2px}
.hex-login__submit>span{font-size:21px;line-height:1}
.hex-login__divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:#bfb7c1;font-size:11px;white-space:nowrap}
.hex-login__divider:before,.hex-login__divider:after{content:"";height:1px;background:#ffffff12;flex:1}
.hex-login__social{display:flex;gap:12px}
.hex-login__social>button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;height:43px;padding:0;border:1px solid #ffffff0b;border-radius:11px;background:#ffffff05;color:#e9e3e9;font-size:12px;font-weight:600;cursor:pointer;transition:background 180ms ease}
.hex-login__social>button:hover{background:#ffffff12}
.hex-login__social svg{width:19px;height:19px;fill:currentColor}
.hex-login__google{font-size:20px;font-weight:800;background:conic-gradient(#4285f4 0deg 100deg,#34a853 100deg 185deg,#fbbc05 185deg 245deg,#ea4335 245deg 300deg,#4285f4 300deg);background-clip:text;-webkit-background-clip:text;color:transparent}
.hex-login button:focus-visible{outline:2px solid #ffec74;outline-offset:4px}
.hex-login__status{position:absolute;z-index:3;top:calc(50% + 165px);left:10px;right:10px;text-align:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 250ms ease,transform 350ms ease,visibility 0s 250ms}
.hex-login.is-processing .hex-login__status{opacity:1;visibility:visible;transform:none;transition-delay:1.1s,1.1s,0s}
.hex-login__status>p{margin:0 0 9px;font-size:14px;font-weight:500;letter-spacing:.1px;color:#eadab4}
.hex-login__status>span{font-size:11px;color:#93877b}
.hex-login__status>button{display:block;margin:22px auto 0;padding:8px 12px;border:0;border-radius:8px;background:#ffffff06;color:#c7b89d;font-size:11px;cursor:pointer}
.hex-login__status>button:hover{background:#ffffff0e}
@media(max-width:600px){.hex-login-demo{padding-right:16px;padding-left:16px}.hex-login{min-height:600px;border-radius:14px}.hex-login__rig{width:calc(100% - 16px);height:540px}.hex-login__form{left:12%;right:12%;top:84px}.hex-login__form>header{padding-left:0;margin-bottom:24px}.hex-login__form h3{font-size:clamp(20px,5.7vw,27px)}.hex-login__input{height:44px}.hex-login__form header p{font-size:11px}.hex-login__social{gap:8px}.hex-login__status{top:calc(50% + 145px)}}
@media(prefers-reduced-motion:reduce){.hex-login__backdrop,.hex-login__status,.hex-login button,.hex-login__input{transition:none!important}.hex-login.is-processing .hex-login__status{transition-delay:0s}.hex-login__form{will-change:auto}}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.hanging-card-demo{order:60;padding:clamp(3rem,6vw,6rem) max(1.25rem,calc((100vw - 1200px)/2));background:#f5f5f4;color:#222;scroll-margin-top:4rem}
.hanging-card-demo>header{margin-bottom:2rem}
.hanging-card-demo>header>p{margin:0 0 .8rem;font-size:.85rem;color:#686868}
.hanging-card-demo>header>h2{margin:0;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.05}
.hanging-card{--wall:#eeeef0;--toolbar:#f9f9fa;--control:#4e4e56;position:relative;overflow:hidden;border:1px solid #c9c9ce;border-radius:16px;background:var(--wall);font-family:Arial,Helvetica,sans-serif;isolation:isolate}
.hanging-card__stage{--badge-scale:1;position:relative;height:610px;background:radial-gradient(ellipse at 48% 26%,#ffffffb8 0%,#fff3 40%,#c7c9cf66 100%);perspective:1200px;overflow:hidden}
.hanging-card__rail{position:absolute;z-index:3;top:0;left:0;right:0;height:10px;background:linear-gradient(#8f909b 0%,#d4d6dc 22%,#8d8f99 38%,#eff0f3 50%,#b9bbc4 68%,#92949f 100%);box-shadow:0 2px 4px #0003}
.hanging-card__anchor{position:absolute;z-index:4;top:0;left:calc(50% - 11px);width:22px;height:16px;border:1px solid #666975;border-radius:0 0 8px 8px;background:linear-gradient(#c5c8d1,#555963);box-shadow:0 2px 3px #0004}
.hanging-card__scene-label{position:absolute;top:38px;left:22px;color:#74747c;font-size:9px;font-weight:700;letter-spacing:.6px}
.hanging-card__instruction{position:absolute;top:32px;right:20px;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #ffffff9c;border-radius:20px;background:#ffffff55;box-shadow:0 2px 12px #11111105;color:#53535a;font-size:10px}
.hanging-card__instruction svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}
.hanging-card__pendulum{position:absolute;top:8px;left:50%;width:0;height:0;scale:var(--badge-scale);transform-origin:0 0}
.hanging-card__strap-swing{position:absolute;width:0;height:0;transform-origin:0 0;will-change:transform}
.hanging-card__ribbon{position:absolute;left:-13px;top:5px;width:26px;height:137px;border:1px solid #5a5a60;border-bottom:2px solid #a0a0a8;background:linear-gradient(90deg,#75757c66,#050507 12%,#232326 49%,#0d0d0f 83%,#95959c8c),repeating-linear-gradient(15deg,#ffffff1a 0 1px,#0002 1px 3px);box-shadow:2px 2px 3px #0004,inset 2px 0 0 #ffffff14}
.hanging-card__ribbon>span{position:absolute;left:8px;top:3px;height:129px;writing-mode:vertical-rl;color:#c6c6cc;font-size:6px;font-weight:600;letter-spacing:.7px;line-height:1}
.hanging-card__clasp{position:absolute;z-index:3;left:-14px;top:139px;width:28px;height:44px;fill:none;stroke:url(#credential-metal);stroke-width:1.8;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #0004)}
.hanging-card__hinge{position:absolute;z-index:2;left:0;top:180px;width:0;height:0;transform-origin:0 0;will-change:transform}
.hanging-card__badge{position:absolute;left:-115px;top:-24px;width:230px;height:360px;padding:0;border:0;outline:none;background:transparent;color:#f6f6f7;text-align:left;cursor:grab;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;perspective:900px}
.is-dragging .hanging-card__badge{cursor:grabbing}
.hanging-card__turn{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform 850ms cubic-bezier(.4,0,.18,1)}
.hanging-card__badge.is-back .hanging-card__turn{transform:rotateY(180deg)}
.hanging-card__face{position:absolute;inset:0;display:block;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #ffffff26;border-radius:16px;background:radial-gradient(ellipse at 53% 62%,#29292d 0%,#111114 49%,#18181b 100%);box-shadow:0 25px 25px #0006,0 9px 14px #0004,inset 0 1px 0 #ffffff0e;transform:translateZ(.5px)}
.hanging-card__face--back{transform:rotateY(180deg) translateZ(.5px)}
.hanging-card__face:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(115deg,#fff0 10%,#ffffff02 45%,#ffffff05 50%,#fff0 63%);opacity:.8}
.hanging-card__eyelet{position:absolute;z-index:2;left:calc(50% - 8px);top:16px;width:16px;height:16px;border:1.5px solid #d5d7de;border-radius:50%;background:radial-gradient(circle at 40% 20%,#6e6e74,#151518 50%);box-shadow:0 1px 2px #000c,inset 0 0 0 2px #070709}
.hanging-card__brand-row{position:absolute;top:43px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.hanging-card__brand{font-size:25px;font-weight:800;letter-spacing:-1px;line-height:1}
.hanging-card__id{color:#a1a1a980;font:8px "Courier New",monospace;letter-spacing:1px}
.hanging-card__event{position:absolute;top:85px;left:20px;right:20px;color:#e5e5e8;font-size:11px;line-height:1.3;letter-spacing:-.15px}
.hanging-card__rule{position:absolute;top:143px;left:20px;right:20px;height:1px;background:#ffffff16}
.hanging-card__person{position:absolute;top:225px;left:20px;right:20px;font-size:12px;font-weight:600;letter-spacing:.1px}
.hanging-card__person>span{display:block;margin-top:4px;color:#96969d;font-size:9px;font-weight:400}
.hanging-card__role{position:absolute;top:265px;left:20px;right:20px;font-size:29px;font-weight:750;letter-spacing:-1px;line-height:1.1}
.hanging-card__role>span{display:block;margin-top:4px;color:#b8b8bf;font-size:9px;font-weight:500;letter-spacing:1.65px}
.hanging-card__foot{position:absolute;left:20px;right:20px;bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;color:#9c9ca5;font-size:10px}
.hanging-card__foot>b{color:#f0f0f4;font-size:18px;line-height:1;font-weight:750}
.hanging-card__access{padding:3px 4px;background:#ffffff12;color:#d6d6db;font-size:6px;font-weight:700;letter-spacing:.8px;white-space:nowrap}
.hanging-card__face--back .hanging-card__rule{top:78px}
.hanging-card__code{position:absolute;top:96px;left:40px;right:40px;display:flex;align-items:center;flex-direction:column;padding:10px 0;border:1px solid #ffffff06;border-radius:10px;background:#ffffff04}
.hanging-card__code>svg{width:98px;height:98px}
.hanging-card__code>span{margin-top:10px;font-size:6.5px;font-weight:600;letter-spacing:1px;color:#a9a9b0}
.hanging-card__details{position:absolute;top:251px;left:20px;right:20px;display:block;font-family:"Courier New",monospace;font-size:8px;color:#a1a1a9}
.hanging-card__details>span{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #ffffff0b}
.hanging-card__details b{color:#dedee3;font-weight:400;white-space:nowrap}
.hanging-card__barcode{position:absolute;left:58px;right:58px;bottom:15px;height:20px;background:repeating-linear-gradient(90deg,#e0e0e2 0 1px,#111 1px 3px,#e0e0e2 3px 6px,#111 6px 8px,#e0e0e2 8px 9px,#111 9px 11px,#e0e0e2 11px 13px,#111 13px 16px);opacity:.85}
.hanging-card__serial{position:absolute;left:0;right:0;bottom:2px;text-align:center;font:6.5px "Courier New",monospace;letter-spacing:1.2px;color:#94949e}
.hanging-card__badge:focus-visible .hanging-card__face{outline:2px solid #e38d24;outline-offset:5px}
.hanging-card__toolbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:8px 14px;border-top:1px solid #fff;background:var(--toolbar);color:var(--control)}
.hanging-card__material{padding:10px 17px;border-radius:22px;background:#12141f;color:#f7f7f8;font-size:11px;font-weight:600}
.hanging-card__toolbar-divider{width:1px;height:22px;margin:0 4px;background:#8f8f9a2b}
.hanging-card__toolbar>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border:0;border-radius:22px;background:transparent;color:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background 160ms ease,color 160ms ease}
.hanging-card__toolbar>button:hover{background:#88888814}
.hanging-card__toolbar>button.is-active{background:#ef910d;color:#fff}
.hanging-card__toolbar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hanging-card__toolbar>button:focus-visible{outline:2px solid #ed990f;outline-offset:3px}
.hanging-card.is-dark{--wall:#0c0c11;--toolbar:#121217;--control:#b9b9c3;border-color:#292931}
.hanging-card.is-dark .hanging-card__stage{background:radial-gradient(ellipse at 52% 35%,#22222e70,#0c0c1199 74%)}
.hanging-card.is-dark .hanging-card__rail{filter:brightness(.5)}
.hanging-card.is-dark .hanging-card__anchor{filter:brightness(.7)}
.hanging-card.is-dark .hanging-card__scene-label{color:#8a8a95}
.hanging-card.is-dark .hanging-card__instruction{background:#ffffff02;border-color:#ffffff0a;color:#b4b4be}
.hanging-card.is-dark .hanging-card__toolbar{border-top-color:#ffffff08}
.hanging-card.is-dark .hanging-card__material{background:#f3f3f7;color:#17171e}
.hanging-card.is-dark .hanging-card__face{box-shadow:0 25px 28px #0008,0 8px 16px #0006;border-color:#ffffff1c}
@media(max-width:600px){.hanging-card-demo{padding-left:16px;padding-right:16px}.hanging-card{border-radius:12px}.hanging-card__stage{--badge-scale:.83;height:490px}.hanging-card__scene-label{top:30px;left:14px;font-size:7px;max-width:80px;line-height:1.5}.hanging-card__instruction{top:26px;right:11px;padding:7px 9px;gap:4px;font-size:8px}.hanging-card__instruction svg{width:10px;height:10px}.hanging-card__toolbar{gap:5px;padding:8px;min-height:58px}.hanging-card__toolbar-divider{margin:0 1px}.hanging-card__toolbar>button{padding:8px 9px;font-size:10px;gap:5px}.hanging-card__material{padding:10px 12px;font-size:10px}.hanging-card__toolbar .hanging-card__theme{padding:8px}}
@media(prefers-reduced-motion:reduce){.hanging-card__turn,.hanging-card__toolbar>button{transition:none}.hanging-card__strap-swing,.hanging-card__hinge{will-change:auto}.hanging-card__badge{cursor:pointer}}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.glassy-apple-demo{order:61;padding:clamp(3rem,6vw,6rem) max(1.25rem,calc((100vw - 1400px)/2));background:#09090b;color:#f3f3f6;scroll-margin-top:4rem}
.glassy-apple-demo>header{margin-bottom:2rem;scroll-margin-top:4rem}
.glassy-apple-demo>header p{margin:0 0 .8rem;color:#a7a7ad;font-size:.85rem}
.glassy-apple-demo>header h2{margin:0;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.05}
.glassy-apple-demo__stage{display:grid;place-items:center;position:relative;isolation:isolate;width:100%;aspect-ratio:2.88;min-height:360px;border:1px solid #ffffff12;border-radius:20px;background:#313134 url("../../original-block-pages-20261030/assets/9df0a3d91b53fa0c5d30.webp") center/cover no-repeat;overflow:hidden}
.glassy-apple-nav{--glass-text:#c4c4cb;--glass-strong:#f9f9fb;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:78%;max-width:1120px;min-height:64px;padding:8px 12px 8px 18px;border:1px solid #ffffff0a;border-radius:15px;background:linear-gradient(115deg,#24272dbb,#15181de0 56%,#292c32c9);box-shadow:inset 0 1px 0 #ffffff07,0 8px 22px #00000019;backdrop-filter:blur(20px) saturate(.75);-webkit-backdrop-filter:blur(20px) saturate(.75);color:var(--glass-text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:width 520ms cubic-bezier(.22,.86,.22,1)}
.glassy-apple-nav:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(125deg,#ffffff35,#ffffff0a 32%,#ffffff0c 58%,#ffffff25);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.glassy-apple-nav.is-search-open{width:88%;max-width:1250px}
.glassy-apple-nav__brand{display:flex;align-items:center;gap:10px;min-width:75px;color:#fafafa;text-decoration:none}
.glassy-apple-nav__brand strong{font-size:clamp(16px,1.8vw,23px);font-weight:650;letter-spacing:-.5px;line-height:1}
.glassy-apple-nav__mark{display:flex;align-items:center;gap:3px;height:23px}
.glassy-apple-nav__mark i{display:block;width:4px;border-radius:2px;background:linear-gradient(#ffffffd9,#c1c3ccd9);box-shadow:0 0 2px #fff2}
.glassy-apple-nav__mark i:nth-child(1){height:15px}
.glassy-apple-nav__mark i:nth-child(2){height:23px}
.glassy-apple-nav__mark i:nth-child(3){height:18px}
.glassy-apple-nav__links{--glass-line-x:0px;--glass-line-width:0px;position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,27px);min-width:0;padding:0 4px;transition:gap 520ms cubic-bezier(.22,.86,.22,1)}
.is-search-open .glassy-apple-nav__links{gap:clamp(10px,1.3vw,20px)}
.glassy-apple-nav__links>a{position:relative;display:inline-flex;align-items:center;flex:none;gap:6px;min-height:40px;padding:0 2px;color:inherit;text-decoration:none;font-size:clamp(11px,1.35vw,17px);font-weight:520;white-space:nowrap;transition:color 180ms ease}
.glassy-apple-nav__links>a>span{display:inline-block;transform-origin:center;transition:transform 350ms cubic-bezier(.22,1.15,.36,1)}
.glassy-apple-nav__links>a:hover,.glassy-apple-nav__links>a:focus-visible{color:var(--glass-strong);outline:none}
.glassy-apple-nav__links>a:hover>span,.glassy-apple-nav__links>a:focus-visible>span{transform:translateY(-1px) scale(1.08)}
.glassy-apple-nav__links>a>svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:transform 380ms cubic-bezier(.22,1.12,.36,1),opacity 180ms ease}
.glassy-apple-nav__links>a:hover>svg,.glassy-apple-nav__links>a:focus-visible>svg{transform:rotate(180deg);opacity:1}
.glassy-apple-nav__underline{position:absolute;left:0;bottom:8px;width:var(--glass-line-width);height:1.5px;background:#f6f6fa;box-shadow:0 0 5px #ffffff9c;opacity:0;transform:translateX(var(--glass-line-x)) scaleX(.6);transform-origin:center;pointer-events:none;transition:transform 370ms cubic-bezier(.22,1.05,.36,1),width 370ms cubic-bezier(.22,1.05,.36,1),opacity 150ms ease}
.glassy-apple-nav__links.has-highlight .glassy-apple-nav__underline{opacity:1;transform:translateX(var(--glass-line-x)) scaleX(1)}
.glassy-apple-nav__actions{display:flex;align-items:center;gap:8px;min-width:0}
.glassy-apple-nav__search{position:relative;display:flex;align-items:center;flex:none;width:36px;height:36px;border:1px solid #ffffff15;border-radius:20px;background:#ffffff05;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff03;transition:width 520ms cubic-bezier(.22,.86,.22,1),border-radius 400ms ease,background 240ms ease,border-color 240ms ease,box-shadow 240ms ease}
.glassy-apple-nav__search:has(.glassy-apple-nav__search-trigger:hover){border-color:#ffffff30;background:#ffffff0b}
.is-search-open .glassy-apple-nav__search{width:clamp(200px,20vw,260px);height:40px;border-radius:11px;border-color:#d9dbe44a;background:#0c0f15a8;box-shadow:inset 0 1px 0 #ffffff06,0 0 0 1px #ffffff14,0 0 8px #ffffff10}
.glassy-apple-nav__search-trigger{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:none;color:#a3a5b2;cursor:pointer;transition:color 180ms ease,transform 200ms ease}
.glassy-apple-nav__search-trigger>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.glassy-apple-nav__search-trigger:hover,.is-search-open .glassy-apple-nav__search-trigger{color:#e9eaf0}
.glassy-apple-nav__search-trigger:active{transform:scale(.91)}
.glassy-apple-nav__search input{width:0;min-width:0;flex:1;height:100%;padding:0;border:0;outline:none;background:none;color:#f5f5fa;font-size:13px;opacity:0;transition:opacity 180ms ease}
.is-search-open .glassy-apple-nav__search input{opacity:1;transition-delay:100ms}
.glassy-apple-nav__search input::placeholder{color:#828492}
.glassy-apple-nav__search input::-webkit-search-cancel-button{display:none}
.glassy-apple-nav__search kbd{flex:none;width:0;padding:0;overflow:hidden;opacity:0;border-radius:3px;background:#ffffff08;color:#878996;font:650 9px/16px ui-monospace,monospace;letter-spacing:1px;transition:opacity 160ms ease}
.is-search-open .glassy-apple-nav__search kbd{width:28px;padding-left:3px;opacity:1;transition-delay:180ms}
.glassy-apple-nav__search-close{display:grid;place-items:center;flex:0 0 0;width:30px;height:30px;padding:0;border:0;background:none;color:#aaaab7;opacity:0;transform:rotate(-35deg) scale(.7);cursor:pointer;transition:opacity 180ms ease,transform 340ms cubic-bezier(.22,1,.36,1),flex-basis 400ms ease}
.glassy-apple-nav__search-close>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.is-search-open .glassy-apple-nav__search-close{flex-basis:30px;opacity:1;transform:none;transition-delay:0s,100ms,0s}
.glassy-apple-nav__search-close:hover{color:#fff}
.glassy-apple-nav__login{display:grid;place-items:center;min-width:82px;height:38px;padding:0 14px;border:1px solid #ffffff21;border-radius:9px;background:#ffffff05;color:#e8e8ee;box-shadow:inset 0 1px 0 #ffffff05;font-family:inherit;font-size:clamp(11px,1.25vw,16px);font-weight:560;cursor:pointer;transition:background 220ms ease,border-color 220ms ease,box-shadow 220ms ease}
.glassy-apple-nav__login:hover,.glassy-apple-nav__login:focus-visible{background:#ffffff12;border-color:#ffffff50;box-shadow:inset 0 1px 0 #ffffff12,0 0 5px #ffffff08}
.glassy-apple-nav__login-text{display:inline-flex;user-select:none}
.glassy-apple-nav__login-text>span{display:inline-block}
.glassy-apple-nav__login:hover .glassy-apple-nav__login-text>span,.glassy-apple-nav__login:focus-visible .glassy-apple-nav__login-text>span{animation-name:glassy-login-letter-wave;animation-duration:600ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes glassy-login-letter-wave{0%,50%,100%{transform:translateY(0)}25%{transform:translateY(-.2em)}75%{transform:translateY(.2em)}}
.glassy-apple-nav__brand:focus-visible,.glassy-apple-nav__login:focus-visible,.glassy-apple-nav button:focus-visible{outline:1.5px solid #e5e5ee;outline-offset:3px}
@media(max-width:1000px){.glassy-apple-nav{min-height:54px;padding:7px 9px 7px 13px;gap:9px;border-radius:12px}.glassy-apple-nav__brand{min-width:60px;gap:7px}.glassy-apple-nav__brand strong{font-size:16px}.glassy-apple-nav__mark{gap:2px;height:20px}.glassy-apple-nav__mark i{width:3px}.glassy-apple-nav__mark i:nth-child(1){height:12px}.glassy-apple-nav__mark i:nth-child(2){height:20px}.glassy-apple-nav__mark i:nth-child(3){height:16px}.glassy-apple-nav__links{gap:12px}.glassy-apple-nav__links>a{font-size:11px;gap:4px;min-height:34px}.is-search-open .glassy-apple-nav__links{gap:8px}.glassy-apple-nav__underline{bottom:6px}.glassy-apple-nav__login{min-width:65px;height:32px;padding:0 10px;font-size:11px}.glassy-apple-nav__search{width:32px;height:32px}.glassy-apple-nav__search-trigger{flex-basis:30px;width:30px;height:30px}.glassy-apple-nav__search-trigger>svg{width:15px;height:15px}.is-search-open .glassy-apple-nav__search{width:200px;height:34px;border-radius:9px}.glassy-apple-nav__search input{font-size:11px}.glassy-apple-nav__search kbd{font-size:8px}.is-search-open .glassy-apple-nav__search kbd{width:25px}}
@media(min-width:701px) and (max-width:800px){.glassy-apple-nav{width:88%}.glassy-apple-nav.is-search-open{width:98%}.is-search-open .glassy-apple-nav__search{width:165px}}
@media(max-width:700px){.glassy-apple-demo{padding-left:16px;padding-right:16px}.glassy-apple-demo__stage{aspect-ratio:auto;min-height:360px;border-radius:14px}.glassy-apple-nav,.glassy-apple-nav.is-search-open{width:calc(100% - 24px);max-width:none}.glassy-apple-nav{grid-template-columns:auto 1fr;row-gap:5px;padding:9px 8px;min-height:96px}.glassy-apple-nav__actions{justify-self:end;gap:7px}.glassy-apple-nav__links{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:3px;padding:0 3px}.glassy-apple-nav__links>a{padding:0;font-size:11px;gap:3px;min-height:32px}.glassy-apple-nav__links>a>svg{width:8px;height:8px}.glassy-apple-nav__underline{bottom:4px}.is-search-open .glassy-apple-nav__links{gap:3px}.is-search-open .glassy-apple-nav__brand{opacity:0;visibility:hidden}.is-search-open .glassy-apple-nav__actions{position:absolute;top:9px;left:8px;right:8px;display:block;justify-self:stretch}.is-search-open .glassy-apple-nav__search{width:100%;height:34px}.is-search-open .glassy-apple-nav__login{display:none}}
@media(prefers-reduced-motion:reduce){.glassy-apple-nav,.glassy-apple-nav *{transition:none!important;animation:none!important}}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.plasma-glass-demo{order:62;container-type:inline-size;padding:clamp(3rem,6vw,6rem) max(1.25rem,calc((100vw - 1400px)/2));background:#09090b;color:#f3f3f6;scroll-margin-top:4rem}
.plasma-glass-demo>header{margin-bottom:2rem}
.plasma-glass-demo>header p{margin:0 0 .8rem;color:#a7a7ad;font-size:.85rem;line-height:1.6}
.plasma-glass-demo>header h2{margin:0 0 1rem;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.05}
.plasma-glass-demo__frame{display:block;width:100%;height:850px;border:1px solid #ffffff15;border-radius:20px;background:#071c29}
@container(max-width:782px){.plasma-glass-demo__frame{height:1280px}}
@media(max-width:820px){.plasma-glass-demo{padding-left:12px;padding-right:12px}.plasma-glass-demo__frame{border-radius:16px}}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.premium-list-demo {
  order: 63;
  padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2));
  background: #f6f7fc;
  color: #24262c;
  scroll-margin-top: 4rem;
}
.premium-list-demo > header { margin-bottom: 2rem; }
.premium-list-demo > header p { margin: 0 0 .8rem; color: #757a88; font-size: .85rem; line-height: 1.6; }
.premium-list-demo h2 { margin: 0 0 1rem; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.premium-list-demo__stage { display: grid; place-items: center; min-height: 28rem; padding: 2rem 0; }
.premium-list {
  position: relative;
  width: min(100%, 840px);
  min-width: 0;
  padding: 16px;
  border: 1px solid #f0f2f7;
  border-radius: 22px;
  background: linear-gradient(180deg, #fff, #fdfdff);
  box-shadow: 0 16px 40px #343d6410, 0 3px 10px #343d6405;
  font-family: "Segoe UI", Arial, sans-serif;
}
.premium-list::before { content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: 3px; border-radius: 22px; background: linear-gradient(90deg, #2f80ed, #79ddf8); }
.premium-list__toolbar { display: flex; padding: 0 0 20px; }
.premium-list__search { display: flex; align-items: center; gap: 10px; width: min(100%, 320px); padding: 0 14px; border: 1px solid #edf0f5; border-radius: 12px; background: #fff; transition: border-color 180ms ease, box-shadow 180ms ease; }
.premium-list__search:focus-within { border-color: #2f80ed66; box-shadow: 0 0 0 3px #2f80ed0c; }
.premium-list__search svg { width: 18px; height: 18px; flex: none; fill: none; stroke: #479ce1; stroke-width: 1.8; stroke-linecap: round; }
.premium-list__search input { width: 100%; min-width: 0; height: 44px; padding: 0; border: 0; outline: 0; background: transparent; color: #444; font: inherit; font-size: 14px; }
.premium-list__search input::placeholder { color: #8c9099; }
.premium-list__scroll { overflow-x: auto; padding-top: 3px; border-radius: 12px 12px 0 0; }
.premium-list__scroll:focus-visible { outline: 2px solid #2f80ed; outline-offset: 3px; }
.premium-list table { width: 100%; min-width: 570px; border-collapse: separate; border-spacing: 0; table-layout: auto; }
.premium-list thead th { padding: 16px 20px; border-bottom: 1px solid #e5e7eb; background: #2f80ed; color: #fff; font-size: 15px; font-weight: 600; text-align: left; }
.premium-list thead th:first-child { border-radius: 12px 0 0 0; }
.premium-list thead th:last-child { border-radius: 0 12px 0 0; }
.premium-list tbody tr { position: relative; transition: transform 200ms ease-out, background-color 200ms ease-out; }
/* Values transcribed from the premium table CSS shown in the reference video. */
.premium-list tbody tr:hover, .premium-list tbody tr:focus-within { background: rgba(29, 148, 255, .05); transform: translateY(-3px); }
.premium-list tbody td { padding: 16px 20px; border-bottom: 1px solid #edf2f8; color: #444; font-size: 15px; }
.premium-list .premium-list__select { width: 50px; padding-right: 8px; padding-left: 16px; }
.premium-list input[type="checkbox"] { appearance: none; position: relative; display: block; width: 18px; height: 18px; margin: 0; border: 1px solid #e2e8f0; border-radius: 5px; background: #fff; cursor: pointer; }
.premium-list input[type="checkbox"]:checked, .premium-list input[type="checkbox"]:indeterminate { border-color: #35a9ed; background: linear-gradient(135deg, #238bf3, #48c8ef); box-shadow: 0 2px 5px #289feb25; }
.premium-list input[type="checkbox"]:checked::after { content: ""; position: absolute; top: 3px; left: 5px; width: 4px; height: 7px; border: solid #fff; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
.premium-list input[type="checkbox"]:indeterminate::after { content: ""; position: absolute; top: 7px; left: 4px; width: 8px; height: 2px; border-radius: 1px; background: #fff; }
.premium-list input[type="checkbox"]:disabled { opacity: .5; cursor: default; }
.premium-list input[type="checkbox"]:focus-visible { outline: 2px solid #55bcff; outline-offset: 3px; }
.premium-list__user { display: flex; align-items: center; gap: 14px; white-space: nowrap; }
.premium-list__avatar { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #218bf3, #44c8ef); color: #fff; font-size: 14px; font-weight: 600; box-shadow: 0 6px 14px #2a9fea30; }
.premium-list__user strong { display: block; margin-bottom: 3px; color: #24262c; font-size: 15px; font-weight: 600; }
.premium-list__user small { display: block; color: #9297a4; font-size: 12px; }
.premium-list__status { display: inline-block; min-width: 80px; padding: 6px 14px; border-radius: 999px; font-size: 12px; font-weight: 600; text-align: center; }
.premium-list__status.is-active { background: #e7f8ed; color: #38a566; }
.premium-list__status.is-pending { background: #fff7e4; color: #d9a33e; }
.premium-list__status.is-offline { background: #f0f2f5; color: #797e8b; }
.premium-list__footer { display: flex; justify-content: space-between; gap: 12px; padding: 24px 0 8px; color: #8b8e98; font-size: 12px; }
.premium-list__footer strong { color: #41434b; font-weight: 600; }
.premium-list__empty { margin: 0; padding: 32px 16px; color: #757a88; text-align: center; font-size: 14px; }
@media (max-width: 600px) {
  .premium-list { padding: 12px; border-radius: 18px; }
  .premium-list__search { width: 100%; }
  .premium-list__footer { flex-wrap: wrap; padding-top: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .premium-list tbody tr, .premium-list__search { transition: none; }
  .premium-list tbody tr:hover, .premium-list tbody tr:focus-within { transform: none; }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.premium-file-drop-demo { order: 64; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #fafafa; color: #282834; scroll-margin-top: 4rem; }
.premium-file-drop-demo > header { margin-bottom: 2rem; }
.premium-file-drop-demo > header p { margin: 0 0 .8rem; color: #85818f; font-size: .85rem; line-height: 1.6; }
.premium-file-drop-demo h2 { margin: 0 0 1rem; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.premium-file-drop-demo__stage { display: grid; place-items: start center; min-height: 32rem; padding: 2rem 0; }
.premium-file-drop { width: min(100%, 480px); min-width: 0; padding: 18px; border: 2px solid transparent; border-radius: 28px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #7c3aed, #4f46e5, #06b6d4) border-box; box-shadow: 0 18px 45px rgba(124, 58, 237, .18); font-family: "Segoe UI", Arial, sans-serif; }
.premium-file-drop__zone { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 308px; padding: 18px 12px 24px; overflow: hidden; border: 2px dashed #c4b5fd; border-radius: 22px; background: linear-gradient(180deg, #fff, #faf7ff); text-align: center; transition: border-color 220ms ease, background-color 220ms ease; }
.premium-file-drop__zone::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 92% 4%, #eaddf8, transparent 35%), radial-gradient(ellipse at 0% 100%, #dcf2f7, transparent 36%); pointer-events: none; }
.premium-file-drop__zone:hover, .premium-file-drop__zone:focus-within, .is-dragging .premium-file-drop__zone { border-color: #8561b4; }
.premium-file-drop.is-dragging .premium-file-drop__zone { background: #f2eaff; }
.premium-file-drop__art { position: relative; width: 190px; height: 134px; flex: none; margin: 0 0 14px; }
.premium-file-drop__folder { position: absolute; bottom: 0; left: 58px; width: 76px; height: 80px; filter: drop-shadow(0 5px 10px #7c3aed14); transition: transform 250ms ease; }
.is-dragging .premium-file-drop__folder { transform: translateY(-4px); }
.premium-file-drop__document { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: #f3e9ff; }
.premium-file-drop__document svg { width: 21px; height: 26px; }
.premium-file-drop__document.is-pdf { left: 2px; bottom: 13px; transform: rotate(-23deg); color: #ef666f; box-shadow: 0 8px 15px #ef666f10; }
.premium-file-drop__document.is-word { left: 73px; top: 0; color: #416dd8; }
.premium-file-drop__document.is-doc { right: 0; bottom: 14px; transform: rotate(24deg); color: #884ee2; }
.premium-file-drop__zone h3 { margin: 0 0 14px; font-size: 28px; font-weight: 700; letter-spacing: -.65px; line-height: 1.2; }
.premium-file-drop__zone > p { margin: 0 0 14px; color: #79737f; font-size: 18px; line-height: 1.4; }
.premium-file-drop__zone button { padding: 0; border: 0; background: none; color: #7b3ec4; font: inherit; font-weight: 650; cursor: pointer; }
.premium-file-drop__zone button:hover { color: #6026a4; }
.premium-file-drop button:focus-visible { outline: 2px solid #8b5cf6; outline-offset: 4px; border-radius: 3px; }
.premium-file-drop__limits { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.premium-file-drop__limits > span { padding: 9px 14px; border-radius: 999px; background: #ffffffdb; box-shadow: 0 5px 14px #42345308; color: #62616a; font-size: 12px; font-weight: 550; line-height: 1.3; }
.premium-file-drop__result { position: relative; display: flex; align-items: center; gap: 14px; min-height: 82px; margin-top: 18px; padding: 12px 14px; overflow: hidden; border: 1px solid rgba(124, 58, 237, .15); border-radius: 22px; background: rgba(255, 255, 255, .9); box-shadow: 0 15px 35px rgba(0, 0, 0, .12); backdrop-filter: blur(18px); animation: premium-drop-result-in 220ms ease-out both; }
.premium-file-drop__file-icon { display: grid; place-items: center; flex: none; width: 52px; height: 52px; border-radius: 17px; background: #f3e8ff; color: #8a44d5; }
.premium-file-drop__file-icon svg { width: 26px; height: 30px; }
.premium-file-drop__info { flex: 1; min-width: 0; }
.premium-file-drop__info strong { display: block; overflow-wrap: anywhere; color: #2d2934; font-size: 16px; font-weight: 700; line-height: 1.3; }
.premium-file-drop__info p { margin: 5px 0 0; color: #85818a; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.premium-file-drop__remove { display: grid; place-items: center; flex: none; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #8d8b92; box-shadow: 0 4px 12px #0000000c; cursor: pointer; }
.premium-file-drop__remove svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.premium-file-drop__progress { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #ede8f6; }
.premium-file-drop__progress > span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, #9b45ea, #3b82f6); transform: scaleX(0); transform-origin: left; animation: premium-drop-progress 1.4s ease-out forwards; }
.premium-file-drop__progress.is-complete > span { transform: scaleX(1); }
.premium-file-drop__result.is-error { border-color: #f5d4d8; background: #fff5f5; box-shadow: 0 8px 24px #da575b0a; }
.premium-file-drop__result.is-error .premium-file-drop__file-icon { background: #ffdee1; color: #ef5058; }
.premium-file-drop__result.is-error .premium-file-drop__info p { color: #cc4955; font-weight: 550; }
@keyframes premium-drop-result-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes premium-drop-progress { to { transform: scaleX(1); } }
@media (max-width: 480px) {
  .premium-file-drop { padding: 12px; border-radius: 23px; }
  .premium-file-drop__zone { padding: 20px 8px; }
  .premium-file-drop__zone h3 { font-size: 24px; }
  .premium-file-drop__limits { gap: 7px; }
  .premium-file-drop__limits > span { padding: 8px 10px; font-size: 11px; }
  .premium-file-drop__result { gap: 10px; padding: 12px 10px; }
  .premium-file-drop__file-icon { width: 42px; height: 46px; border-radius: 13px; }
  .premium-file-drop__info strong { font-size: 14px; }
  .premium-file-drop__info p { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .premium-file-drop__zone, .premium-file-drop__folder { transition: none; }
  .is-dragging .premium-file-drop__folder { transform: none; }
  .premium-file-drop__result, .premium-file-drop__progress > span { animation: none; }
  .premium-file-drop__progress > span { transform: scaleX(1); }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.relay-hero-demo { order: 65; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1400px) / 2)); background: #090b09; color: #f0f1eb; scroll-margin-top: 4rem; }
.relay-hero-demo > header { margin-bottom: 2rem; }
.relay-hero-demo > header p { margin: 0 0 .8rem; color: #939789; font-size: .85rem; line-height: 1.6; }
.relay-hero-demo > header h2 { margin: 0 0 1rem; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.relay-hero { --far-x: 0px; --far-y: 0px; --near-x: 0px; --near-y: 0px; --card-x: 0px; --card-y: 0px; --card-rx: 0deg; --card-ry: 0deg; position: relative; isolation: isolate; overflow: hidden; min-height: 640px; border: 1px solid #ffffff0c; background: #070907; font-family: Arial, Helvetica, sans-serif; }
.relay-hero__atmosphere { position: absolute; z-index: -5; inset: -60px; background: radial-gradient(ellipse at 73% 38%, #779a2840, transparent 48%), radial-gradient(ellipse at 39% 70%, #a5bd3c24, transparent 30%); transform: translate(var(--far-x), var(--far-y)); pointer-events: none; }
.relay-hero__field, .relay-hero__dust { position: absolute; z-index: -4; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.relay-hero__field { transform: translate(var(--far-x), var(--far-y)) scale(1.05); }
.relay-hero__dust { z-index: -2; transform: translate(var(--near-x), var(--near-y)) scale(1.08); }
.relay-hero__vignette { position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(90deg, #040604a6, transparent 39%, #04060414), linear-gradient(0deg, #04060444, transparent 20%, transparent 87%, #04060466); }
.relay-hero__nav { position: relative; z-index: 3; display: flex; align-items: center; gap: 20px; min-height: 78px; padding: 20px 5%; background: linear-gradient(#05070588, transparent); }
.relay-hero__brand { display: inline-flex; align-items: center; gap: 9px; margin-right: auto; color: #f0f2eb; text-decoration: none; font-size: 16px; font-weight: 500; }
.relay-hero__brand > span { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid #e1ff9a; border-radius: 7px; background: #c8f568; color: #1e3110; box-shadow: 0 0 14px #c1ed5630; font-size: 25px; line-height: 1; }
.relay-hero__system { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid #d6ed9c18; border-radius: 99px; background: #0b0e0aac; color: #c2c9b4; font: 10px monospace; }
.relay-hero__system > i, .relay-hero__beta > i { width: 4px; height: 4px; border-radius: 50%; background: #d5f581; box-shadow: 0 0 8px #cbef7d88; }
.relay-hero__nav > button, .relay-hero__actions > button:first-child { padding: 10px 17px; border: 1px solid #dcff96; border-radius: 999px; background: linear-gradient(135deg, #d5ff7d, #b4ef47); color: #192609; font-size: 12px; font-weight: 600; cursor: pointer; box-shadow: 0 0 20px #b4ed4220; transition: transform 180ms ease, box-shadow 180ms ease; }
.relay-hero__content { position: relative; display: grid; grid-template-columns: 1fr 1.12fr; align-items: center; gap: 3.5%; padding: 48px 5% 85px; min-height: 560px; perspective: 1100px; }
.relay-hero__copy { position: relative; z-index: 2; }
.relay-hero__beta { display: inline-flex; align-items: center; gap: 8px; padding: 8px 9px; border: 1px solid #d3da9d33; border-radius: 5px; background: #080b07a8; color: #c4c8ba; font: 10px monospace; letter-spacing: -.1px; }
.relay-hero__copy h3 { margin: 28px 0; color: #f1f2ef; font-size: clamp(34px, 4.4vw, 61px); font-weight: 560; line-height: 1.02; letter-spacing: -2.3px; }
.relay-hero__copy h3 em { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 1.12em; letter-spacing: -3.4px; }
.relay-hero__copy > p { max-width: 355px; margin: 0 0 28px; color: #949b8c; font-size: 14px; line-height: 1.7; }
.relay-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.relay-hero__actions > button:first-child { display: inline-flex; align-items: center; gap: 12px; padding: 13px 18px; }
.relay-hero__actions > button:last-child { display: inline-flex; align-items: center; gap: 9px; padding: 13px 18px; border: 1px solid #effac91c; border-radius: 999px; background: linear-gradient(180deg, #ffffff13, #ffffff06); color: #c8cebd; font-size: 12px; cursor: pointer; backdrop-filter: blur(8px); transition: transform 180ms ease, background-color 180ms ease; }
.relay-hero__actions > button:hover, .relay-hero__nav > button:hover { transform: translateY(-2px); box-shadow: 0 4px 24px #b4ed4230; }
.relay-hero button:focus-visible, .relay-hero a:focus-visible { outline: 2px solid #d5fc82; outline-offset: 5px; }
.relay-hero__copy > small { display: block; margin-top: 16px; color: #787f6d; font: 9px monospace; }
.relay-hero__workflow { position: relative; z-index: 2; min-width: 0; overflow: hidden; border: 1px solid #f5ffbc1b; border-radius: 18px; background: linear-gradient(145deg, #21271ba8, #080b0aac 60%, #111410c2); box-shadow: inset 0 1px #f0ffb516, 0 22px 55px #0008; backdrop-filter: blur(10px); transform: translate(var(--card-x), var(--card-y)) rotateX(var(--card-rx)) rotateY(var(--card-ry)); transform-origin: center; }
.relay-hero__workflow { overflow: visible; transform: translate3d(var(--card-x), var(--card-y), var(--card-z, 0px)) rotateX(var(--card-rx)) rotateY(var(--card-ry)) rotateZ(var(--card-rz, 0deg)); }
.relay-hero__workflow > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 22px; color: #909a80; font-size: 10px; }
.relay-hero__workflow > header b { margin-left: 15px; color: #c1c9b2; font: 9px monospace; }
.relay-hero__workflow > header > span:last-child { color: #b3ca89; font: 10px monospace; }
.relay-hero__graph { position: relative; height: 250px; margin: 0 16px; perspective: 900px; transform-style: preserve-3d; }
.relay-hero__wires { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.relay-hero__wires path { fill: none; stroke: #b5c8795e; stroke-width: 1; transition: stroke 400ms ease; }
.relay-hero__tools { position: absolute; left: 0; top: 7px; display: grid; gap: 6px; }
.relay-hero__tools > span { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid #ffffff08; border-radius: 5px; background: #ffffff07; color: #82906e; font-size: 13px; }
.relay-hero__node { position: absolute; display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 24%; min-height: 52px; padding: 9px 12px; border: 1px solid #f0ffd91b; border-radius: 9px; background: linear-gradient(145deg, #11140ffa, #0b0d11fa); box-shadow: inset 0 1px #ffffff04, 0 4px 10px #0002; transition: transform 250ms ease, border-color 300ms ease, box-shadow 300ms ease; }
.relay-hero__node strong { color: #bdc4b4; font-size: 10px; font-weight: 500; line-height: 1.35; }
.relay-hero__node small { color: #606956; font: 9px monospace; }
.relay-hero__node i { position: absolute; top: 50%; left: -3px; width: 3px; height: 3px; border-radius: 50%; background: #d6e4aa; }
.relay-hero__node i + i { left: auto; right: -3px; }
.relay-hero__node { height: 64px; transition: border-color 300ms ease, box-shadow 300ms ease; }
.node-trigger { left: 0; top: calc(50% - 32px); }
.node-trigger i { left: auto; right: -3px; }
.node-condition { left: 37.3%; top: calc(26.4% - 32px); }
.node-warehouse { left: 37.3%; top: calc(77.6% - 32px); }
.node-finance { left: 75.4%; top: calc(51.2% - 32px); width: 24.6%; }
.relay-hero__branch { position: absolute; left: 26%; padding: 3px 5px; border-radius: 3px; background: #0c100b; color: #818d68; font: 9px monospace; }
.branch-yes { top: 33%; }.branch-no { top: 65%; }
.relay-hero__wait { position: absolute; top: 68%; left: 76%; color: #737c67; font: 9px monospace; }
.relay-hero__graph-progress { position: absolute; top: 10px; right: 0; padding: 3px 5px; border-radius: 4px; background: #ffffff07; color: #717d61; font: 9px monospace; }
.relay-hero__node:hover { border-color: #d5ef8680; box-shadow: 0 0 20px #bbeb6b17; }
.relay-hero__workflow[data-step="0"] .node-trigger, .relay-hero__workflow[data-step="1"] .node-condition, .relay-hero__workflow[data-step="2"] .node-finance, .relay-hero__workflow[data-step="3"] .node-warehouse { border-color: #afc97965; box-shadow: 0 0 16px #b6e85f10; }
.relay-hero__workflow[data-step="1"] .wire-in, .relay-hero__workflow[data-step="2"] .wire-yes, .relay-hero__workflow[data-step="3"] .wire-no { stroke: #d6ef98; stroke-dasharray: 6 5; animation: relay-signal-flow 1.3s linear infinite; }
.relay-hero__workflow.is-paused .relay-hero__wires path { animation-play-state: paused; }
.relay-hero__runs { padding: 0 22px 22px; color: #717d61; font: 9px monospace; }
.relay-hero__runs > p { display: flex; align-items: center; gap: 7px; margin: 0 0 12px; }
.relay-hero__run-dot { width: 12px; height: 12px; border: 1px solid #b4c28c6b; border-radius: 50%; }
.relay-hero__runs > div { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.relay-hero__runs > div > i { width: 3px; height: 3px; border-radius: 50%; background: #b8d781; }
.relay-hero__runs time { color: #566249; }
.relay-hero__runs b { margin-left: auto; color: #6d795b; font-weight: 400; }
@keyframes relay-signal-flow { to { stroke-dashoffset: -22; } }
@media (max-width: 850px) { .relay-hero__content { gap: 3%; padding-left: 4%; padding-right: 4%; }.relay-hero__workflow > header { padding: 15px 12px; }.relay-hero__workflow > header b { display: block; margin: 5px 0 0; }.relay-hero__node { padding: 8px 7px; }.relay-hero__runs { padding: 0 12px 17px; }.relay-hero__runs > div { gap: 5px; font-size: 8px; } }
@media (max-width: 650px) { .relay-hero-demo { padding-left: 12px; padding-right: 12px; }.relay-hero__system { display: none; }.relay-hero__nav { min-height: 66px; padding: 16px 6%; }.relay-hero__content { grid-template-columns: minmax(0, 1fr); gap: 40px; padding: 38px 6% 48px; }.relay-hero__copy h3 { font-size: clamp(37px, 7vw, 52px); letter-spacing: -1.7px; }.relay-hero__copy h3 em { letter-spacing: -2.4px; }.relay-hero__copy > p { font-size: 13px; }.relay-hero__workflow { width: 100%; transform: translate(var(--card-x), var(--card-y)); }.relay-hero__graph { height: 235px; margin: 0 9px; }.relay-hero__node { padding: 8px 6px; min-height: 52px; }.relay-hero__node strong { font-size: 9px; }.relay-hero__node small { font-size: 8px; }.relay-hero__runs > div { font-size: 8px; }.relay-hero__tools > span { width: 20px; height: 20px; }.relay-hero__actions > button:first-child, .relay-hero__actions > button:last-child { padding: 11px 13px; font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { .relay-hero__field, .relay-hero__dust, .relay-hero__atmosphere, .relay-hero__workflow { transform: none; }.relay-hero__node, .relay-hero__wires path, .relay-hero__actions > button, .relay-hero__nav > button { transition: none; animation: none!important; }.relay-hero__node:hover, .relay-hero__actions > button:hover, .relay-hero__nav > button:hover { transform: none; } }
.relay-hero:not(.is-visible) .relay-hero__wires path { animation-play-state: paused; }
@media (min-width: 651px) {
  .node-trigger { left: -18%; width: 26%; }
  .node-condition, .node-warehouse { left: 19%; width: 26%; }
  .node-finance { left: 65%; width: 32%; }
  .relay-hero__branch { left: 9%; }
  .relay-hero__wait { left: 66%; }
}
@media (max-width: 650px) and (prefers-reduced-motion: no-preference) {
  .relay-hero__workflow { transform: translate3d(var(--card-x), var(--card-y), var(--card-z, 0px)) rotateX(var(--card-rx)) rotateY(var(--card-ry)) rotateZ(var(--card-rz, 0deg)); }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.premium-profile-demo { order: 66; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #f6f7fc; color: #1c2435; scroll-margin-top: 4rem; }
.premium-profile-demo > header { margin-bottom: 2rem; }
.premium-profile-demo > header p { margin: 0 0 .8rem; color: #757a88; font-size: .85rem; line-height: 1.6; }
.premium-profile-demo > header h2 { margin: 0 0 1rem; font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.05; letter-spacing: -.055em; }
.premium-profile-demo__stage { display: grid; place-items: center; min-height: 480px; padding: 60px 0; }
.premium-profile { position: relative; isolation: isolate; display: grid; grid-template-columns: 176px minmax(0, 1fr) 58px; align-items: center; gap: 26px; width: min(100%, 660px); min-height: 306px; padding: 24px; overflow: hidden; border-radius: 32px; background: #fff; box-shadow: 0 25px 55px rgba(68, 78, 130, .14); font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif; }
.premium-profile__visual { position: absolute; z-index: -1; inset: 0 auto 0 0; width: 260px; pointer-events: none; }
.premium-profile__visual::before { content: ""; position: absolute; left: -40px; top: 10%; width: 50%; height: 80%; background: linear-gradient(135deg, #a64cff, #6377ff 55%, #20b8ef); box-shadow: 8px 0 0 rgba(128, 93, 255, .12), 16px 0 0 rgba(41, 191, 238, .06); transform: skew(12deg, 10deg) scale(1.5); transition: transform 400ms cubic-bezier(.2, .7, .2, 1); }
.premium-profile:is(:hover, :focus-visible) .premium-profile__visual::before { transform: skew(12deg, 10deg) scale(1.5) translateX(4px); }
.premium-profile__photo { position: relative; isolation: isolate; width: 166px; height: 166px; }
.premium-profile__photo::before { content: ""; position: absolute; z-index: -1; width: 51px; height: 51px; right: -10px; bottom: 12px; border-radius: 50%; background: linear-gradient(135deg, #38b9f1, #5966ff); box-shadow: 0 9px 24px #6b68ed45; }
.premium-profile__photo img { display: block; width: 100%; height: 100%; border: 8px solid #fff; border-radius: 50%; object-fit: cover; box-shadow: 0 12px 30px rgba(84, 71, 157, .15); transition: transform 350ms cubic-bezier(.2, .7, .2, 1); }
.premium-profile:is(:hover, :focus-visible) .premium-profile__photo img { transform: scale(1.06); }
.premium-profile:focus-visible { outline: 2px solid #6377ff; outline-offset: 5px; }
.premium-profile__content { min-width: 0; }
.premium-profile__availability { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 99px; background: #ecfaf4; color: #37977c; font-size: 10px; font-weight: 600; }
.premium-profile__availability i { width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: #43bb95; }
.premium-profile__content h3 { margin: 8px 0 0; color: #1c2435; font-size: 28px; font-weight: 800; line-height: 1.15; letter-spacing: -.65px; }
.premium-profile__username { margin: 3px 0 13px; color: #7b8899; font-size: 14px; line-height: 1.3; }
.premium-profile__description { margin: 0 0 13px; color: #626a79; font-size: 14px; line-height: 1.55; }
.premium-profile__skills { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 13px; padding: 0; list-style: none; }
.premium-profile__skills li { padding: 6px 10px; border-radius: 99px; background: #f3f1fe; color: #575eaa; font-size: 10px; font-weight: 600; white-space: nowrap; }
.premium-profile__cta { display: inline-flex; align-items: center; gap: 12px; color: #6043a6; font-size: 12px; font-weight: 600; line-height: 1.4; }
.premium-profile__cta svg { width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform 250ms ease; }
.premium-profile__cta:hover svg { transform: translateX(4px); }
.premium-profile__socials { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 12px 6px; border: 1px solid #eeeaf6; border-radius: 99px; background: linear-gradient(160deg, #fcfbff, #f9f8fd); box-shadow: 0 12px 24px rgba(88, 65, 150, .09), inset 0 1px 1px #fff; }
.premium-profile__social { display: grid; place-items: center; width: 42px; height: 42px; flex-shrink: 0; border-radius: 50%; color: #fff; box-shadow: 0 5px 12px #39304a16; transition: transform 250ms ease, box-shadow 250ms ease; }
.premium-profile__social svg { width: 21px; height: 21px; }
.premium-profile__linkedin { font-family: Arial, sans-serif; font-size: 20px; font-weight: 700; line-height: 1; }
.premium-profile__social.is-linkedin { background: linear-gradient(135deg, #14b9e5, #3959ff); }
.premium-profile__social.is-github, .premium-profile__social.is-x { background: #1c2435; }
.premium-profile__social.is-instagram { background: linear-gradient(135deg, #ffc652, #f64c83 45%, #c718e1); }
.premium-profile__social:hover { transform: translateY(-3px) scale(1.08); box-shadow: 0 9px 18px #57419e30; }
@media (max-width: 700px) and (min-width: 501px) {
  .premium-profile { grid-template-columns: 140px minmax(0, 1fr) 54px; gap: 18px; padding: 20px; }
  .premium-profile__photo { width: 136px; height: 136px; }
  .premium-profile__visual { width: 220px; }
  .premium-profile__content h3 { font-size: 25px; }
  .premium-profile__description { font-size: 13px; }
  .premium-profile__skills li { padding: 5px 8px; font-size: 9px; }
  .premium-profile__cta { font-size: 11px; gap: 6px; }
}
@media (max-width: 500px) {
  .premium-profile-demo { padding-left: 16px; padding-right: 16px; }
  .premium-profile-demo__stage { min-height: 0; padding: 30px 0 45px; }
  .premium-profile { grid-template-columns: minmax(0, 1fr) 58px; gap: 25px 18px; padding: 26px 24px; border-radius: 28px; }
  .premium-profile__visual { width: 260px; height: 215px; }
  .premium-profile__photo { width: 142px; height: 142px; }
  .premium-profile__socials { grid-column: 2; grid-row: 1; gap: 9px; padding: 10px 6px; }
  .premium-profile__social { width: 38px; height: 38px; }
  .premium-profile__content { grid-column: 1 / -1; }
  .premium-profile__content h3 { font-size: 27px; }
  .premium-profile__description { font-size: 14px; }
  .premium-profile__skills { gap: 5px; }
  .premium-profile__skills li { padding: 6px 9px; }
  .premium-profile__cta { font-size: 12px; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .premium-profile__visual::before { transition: none; }
  .premium-profile:is(:hover, :focus-visible) .premium-profile__visual::before { transform: skew(12deg, 10deg) scale(1.5); }
  .premium-profile__photo img, .premium-profile__social, .premium-profile__cta svg { transition: none; }
  .premium-profile:is(:hover, :focus-visible) .premium-profile__photo img, .premium-profile__social:hover, .premium-profile__cta:hover svg { transform: none; }
}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.explore-discover-demo { order: 67; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #effafe; color: #114e6f; scroll-margin-top: 4rem; }
.explore-discover-demo > header { margin-bottom: 2rem; }
.explore-discover-demo > header p { margin: 0 0 .8rem; color: #698b9d; font-size: .85rem; }
.explore-discover-demo h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.explore-discover-demo__stage { display: grid; place-items: center; width: min(100%, 600px); min-height: 400px; margin: auto; padding: 48px 0; border: 1px solid #a9e5f5; border-radius: 16px; background: linear-gradient(125deg, #d0f5fc, #aee7f4); }
.explore-discover-button { --sky-100: #dff8ff; --sky-200: #b8eeff; --sky-300: #7ddcff; --sky-400: #38bdf8; --sky-500: #114e6f; --route-time: 950ms; --route-ease: cubic-bezier(.45, 0, .2, 1); position: relative; isolation: isolate; display: block; flex-shrink: 0; width: 280px; height: 94px; padding: 0; border: 0; border-radius: 18px; background: none; color: #fff; font-family: Arial, Helvetica, sans-serif; cursor: pointer; transform: rotate(353deg) skewX(4deg); -webkit-tap-highlight-color: transparent; }
.explore-discover-button__base { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, #287f99, var(--sky-500)); box-shadow: 0 14px 18px #19576940, inset 2px -2px 3px #256981; transform: translate(-5px, 10px); }
.explore-discover-button__face { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(to bottom, var(--sky-100), var(--sky-400)); box-shadow: inset 2px 3px 2px #fff, inset 0 0 0 2px #ffffff85, inset 0 0 0 100px #00bbdd44, inset 0 24px 24px #09b6de99, inset 0 -6px 12px #009cbf88, 0 2px 3px #b8eeff80; transition: transform 140ms cubic-bezier(.2, .7, .2, 1), box-shadow 350ms ease; }
.explore-discover-button__word { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; height: 100%; font-size: 27px; font-weight: 700; letter-spacing: .7px; text-shadow: 0 2px 2px #13617b60; }
.explore-discover-button__word.is-explore { left: 56px; }
.explore-discover-button__word.is-discover { left: 87px; }
.explore-discover-button__word > span { display: inline-block; transition: opacity 260ms ease, transform 340ms ease, filter 260ms ease; transition-delay: calc(var(--letter) * 30ms); }
.explore-discover-button__word.is-discover > span { opacity: 0; filter: blur(3px); transform: translateY(10px); }
.explore-discover-button__arrow { position: absolute; left: 0; top: 0; width: 28px; height: 28px; offset-path: path("M 213 47 H 253 Q 278 47 278 69 V 74 Q 278 92 260 92 H 20 Q 2 92 2 74 V 65 Q 2 47 20 47 H 65"); offset-distance: 0%; offset-rotate: auto; offset-anchor: center; filter: drop-shadow(0 1px 1px #13617b35); transition: offset-distance var(--route-time) var(--route-ease); }
.explore-discover-button__arrow svg { display: block; width: 100%; height: 100%; stroke: #fff; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.explore-discover-button__trail { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.explore-discover-button__trail path { stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 170 1100; stroke-dashoffset: 172; filter: drop-shadow(0 0 2px #ffffff80); transition: stroke-dashoffset var(--route-time) var(--route-ease); }
.explore-discover-button:enabled:is(:hover, :focus-visible) .explore-discover-button__face { box-shadow: inset 2px 3px 2px #fff, inset 0 0 0 2px #ffffffba, inset 0 0 0 100px #00bbdd44, inset 0 24px 24px #09b6de99, inset 0 -6px 12px #009cbf88, 0 2px 3px #b8eeff80; }
.explore-discover-button:enabled:is(:hover, :focus-visible) .is-explore > span { opacity: 0; filter: blur(3px); transform: translateY(-10px); }
.explore-discover-button:enabled:is(:hover, :focus-visible) .is-discover > span { opacity: 1; filter: blur(0); transform: translateY(0); transition-delay: calc(120ms + var(--letter) * 35ms); }
.explore-discover-button:enabled:is(:hover, :focus-visible) .explore-discover-button__arrow { offset-distance: 100%; }
.explore-discover-button:enabled:is(:hover, :focus-visible) .explore-discover-button__trail path { stroke-dashoffset: -1002; }
.explore-discover-button:enabled:active .explore-discover-button__face { transform: translate(-3px, 7px); transition-duration: 90ms, 350ms; }
.explore-discover-button:focus-visible { outline: 2px solid var(--sky-500); outline-offset: 8px; }
.explore-discover-button:disabled { opacity: .5; cursor: not-allowed; }
@media (max-width: 380px) { .explore-discover-button { transform: rotate(353deg) skewX(4deg) scale(.9); } }
@media (prefers-reduced-motion: reduce) { .explore-discover-button *, .explore-discover-button__trail path { transition: none !important; }.explore-discover-button__trail { display: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.premium-promo-demo { order: 68; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #f5f6f5; color: #202121; scroll-margin-top: 4rem; }
.premium-promo-demo > header { margin-bottom: 2rem; }
.premium-promo-demo > header p { margin: 0 0 .8rem; color: #7d807d; font-size: .85rem; line-height: 1.6; }
.premium-promo-demo h2 { margin: 0 0 1rem; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.premium-promo-demo__stage { display: grid; place-items: center; min-height: 400px; padding: 36px 0; }
.premium-promo { width: min(100%, 520px); padding: 24px; border-radius: 24px; background: #fff; box-shadow: 0 18px 35px #2525250b; font-family: "Segoe UI", Arial, sans-serif; }
.premium-promo__field { display: flex; align-items: center; gap: 12px; height: 76px; padding: 10px 12px; border: 2px solid #ff9f68; border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(255, 140, 80, .12); transition: box-shadow 220ms ease; }
.premium-promo__field:focus-within { box-shadow: 0 12px 30px rgba(255, 140, 80, .18), 0 0 0 3px #ff9f6817; }
.premium-promo__ticket { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 13px; background: #fff4eb; color: #ff8a3d; }
.premium-promo__ticket svg { width: 25px; height: 25px; }
.premium-promo__field input { width: 100%; min-width: 0; padding: 0; border: 0; outline: none; background: transparent; color: #202121; font: 600 18px "Segoe UI", Arial, sans-serif; }
.premium-promo__field input::placeholder { color: #474946; opacity: 1; }
.premium-promo__clear { display: grid; place-items: center; flex: none; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: #f4f5f3; color: #656963; opacity: 0; visibility: hidden; transform: scale(.85); cursor: pointer; transition: opacity 180ms ease, transform 180ms ease, visibility 180ms; }
.premium-promo__clear.is-visible { opacity: 1; visibility: visible; transform: scale(1); }
.premium-promo__clear:not(.is-visible) { display: none; }
.premium-promo__clear svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.premium-promo__clear:hover { background: #ebeeea; }
.premium-promo__clear:disabled { cursor: default; }
.premium-promo__apply { position: relative; display: grid; place-items: center; flex: none; width: 104px; height: 50px; padding: 0; overflow: hidden; border: 0; border-radius: 14px; background: linear-gradient(135deg, #ffb21d, #ff7b45, #ff4d8d); color: #fff; font: 700 18px "Segoe UI", Arial, sans-serif; cursor: pointer; box-shadow: 0 8px 16px #ff7b452b; transition: opacity 180ms ease, box-shadow 180ms ease; }
.premium-promo__apply:enabled:hover { box-shadow: 0 9px 20px #ff6b6a45; }
.premium-promo__apply:disabled { opacity: .55; cursor: not-allowed; }
.premium-promo__apply-label { transition: opacity 150ms ease; }
.premium-promo__apply.is-loading .premium-promo__apply-label { opacity: 0; }
.premium-promo__loader { position: absolute; display: flex; align-items: center; gap: 5px; opacity: 0; transition: opacity 150ms ease; }
.premium-promo__apply.is-loading .premium-promo__loader { opacity: 1; }
.premium-promo__loader i { width: 5px; height: 5px; border-radius: 50%; background: #fff; }
.premium-promo__apply.is-loading .premium-promo__loader i { animation: premium-promo-dot 650ms ease-in-out infinite; }
.premium-promo__loader i:nth-child(2) { animation-delay: 100ms; }
.premium-promo__loader i:nth-child(3) { animation-delay: 200ms; }
.premium-promo button:focus-visible { outline: 2px solid #cb6c37; outline-offset: 3px; }
.premium-promo__result { display: grid; grid-template-rows: 0fr; margin-top: 0; opacity: 0; visibility: hidden; transition: grid-template-rows 300ms cubic-bezier(.2, .7, .2, 1), margin-top 300ms ease, opacity 220ms ease, visibility 300ms; }
.premium-promo.is-success .premium-promo__result { grid-template-rows: 1fr; margin-top: 16px; opacity: 1; visibility: visible; }
.premium-promo__result > div { min-height: 0; overflow: hidden; }
.premium-promo__result p { display: flex; align-items: center; gap: 10px; margin: 0; padding: 12px; border: 1px solid #e1f5e4; border-radius: 10px; background: #f0fcf2; color: #343d36; font-size: 12px; line-height: 1.5; }
.premium-promo__result svg { width: 18px; height: 18px; flex: none; color: #27cc6a; }
.premium-promo__result strong { color: #2db85b; font-weight: 700; }
.premium-promo__badges { display: flex; gap: 7px; margin-top: 22px; }
.premium-promo__badges > span { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 1 0 auto; padding: 11px 8px; border: 1px solid #f9e7dc; border-radius: 14px; background: #fff4eb; color: #342e2a; font-size: 12px; font-weight: 500; white-space: nowrap; }
.premium-promo__badges svg { width: 15px; height: 15px; flex: none; color: #ff8a3d; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.premium-promo__badges > .premium-promo__discount { border-color: #d6efdc; background: #effbf2; color: #35ba63; font-weight: 700; }
@keyframes premium-promo-dot { 0%, 65%, 100% { opacity: .45; transform: translateY(0); } 32% { opacity: 1; transform: translateY(-3px); } }
@media (max-width: 540px) { .premium-promo { padding: 18px; }.premium-promo__field { gap: 8px; height: 66px; padding: 8px; }.premium-promo__ticket { width: 36px; height: 36px; border-radius: 10px; }.premium-promo__ticket svg { width: 21px; height: 21px; }.premium-promo__field input { font-size: 16px; }.premium-promo__clear { width: 28px; height: 28px; }.premium-promo__apply { width: 76px; height: 44px; font-size: 14px; border-radius: 11px; }.premium-promo__badges { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 18px; }.premium-promo__badges > span { padding: 10px 8px; }.premium-promo__result p { padding: 10px; font-size: 11px; } }
@media (max-width: 380px) { .premium-promo { padding: 14px; }.premium-promo__field { gap: 6px; }.premium-promo__ticket { width: 30px; height: 36px; }.premium-promo__clear { width: 24px; height: 28px; }.premium-promo__apply { width: 68px; font-size: 13px; } }
@media (prefers-reduced-motion: reduce) { .premium-promo *, .premium-promo__result { transition: none !important; animation: none !important; }.premium-promo__loader i { opacity: 1; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.premium-image-gallery-demo { order: 69; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #f6f5fb; color: #22212b; scroll-margin-top: 4rem; }
.premium-image-gallery-demo > header { margin-bottom: 2rem; }
.premium-image-gallery-demo > header p { margin: 0 0 .8rem; color: #7d7889; font-size: .85rem; line-height: 1.6; }
.premium-image-gallery-demo h2 { margin: 0 0 1rem; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.premium-image-gallery-demo__stage { display: grid; place-items: center; min-height: 450px; padding: 24px 0; }
.premium-image-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(3, 116px); gap: 12px; width: min(100%, 600px); }
.premium-gallery-image { position: relative; isolation: isolate; overflow: hidden; min-width: 0; border-radius: 22px; background: #17191d; color: #fff; box-shadow: 0 7px 15px #5639a614; transition: transform 350ms ease; font-family: "Segoe UI", Arial, sans-serif; }
.premium-gallery-image > img { position: absolute; inset: 0; z-index: -2; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 350ms ease; }
/* These are the exact hover transforms and overlay shown in the video's CSS. */
.premium-gallery-image::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(transparent 45%, rgba(0, 0, 0, .70)); pointer-events: none; }
.premium-gallery-image:is(:hover, :focus-visible) { transform: translateY(-8px); }
.premium-gallery-image:is(:hover, :focus-visible) > img { transform: scale(1.08) rotate(3deg); }
.premium-gallery-image:focus-visible { outline: 2px solid #7852ed; outline-offset: 4px; }
.premium-gallery-image__heart { position: absolute; top: 10px; right: 10px; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #fff; color: #977ad8; transition: background-color 220ms ease, color 220ms ease; }
.premium-gallery-image__heart svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.premium-gallery-image__heart:hover { background: #7542ed; color: #fff; }
.premium-gallery-image__info { position: absolute; right: 12px; bottom: 12px; left: 12px; }
.premium-gallery-image__info h3 { margin: 0 0 7px; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: -.15px; }
.premium-gallery-image__info > span { display: inline-block; padding: 4px 8px; border-radius: 99px; background: #7844f0; color: #fff; box-shadow: 0 2px 9px #8250fa66; font-size: 9px; line-height: 1; }
.premium-image-gallery > .is-lake { grid-column: 1; grid-row: 1 / span 2; }
.premium-image-gallery > .is-ocean { grid-column: 2; grid-row: 1; }
.premium-image-gallery > .is-forest { grid-column: 3; grid-row: 1 / span 2; }
.premium-image-gallery > .is-riverside { grid-column: 1; grid-row: 3; }
.premium-image-gallery > .is-hills { grid-column: 2; grid-row: 2 / span 2; }
.premium-image-gallery > .is-snow { grid-column: 3; grid-row: 3; }
@media (max-width: 600px) { .premium-image-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(5, 116px); gap: 12px; }.premium-image-gallery > .is-lake { grid-column: 1; grid-row: 1 / span 2; }.premium-image-gallery > .is-ocean { grid-column: 2; grid-row: 1; }.premium-image-gallery > .is-forest { grid-column: 1; grid-row: 3 / span 2; }.premium-image-gallery > .is-riverside { grid-column: 1; grid-row: 5; }.premium-image-gallery > .is-hills { grid-column: 2; grid-row: 2 / span 2; }.premium-image-gallery > .is-snow { grid-column: 2; grid-row: 4 / span 2; }.premium-gallery-image__info { left: 10px; right: 10px; }.premium-gallery-image__info h3 { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .premium-gallery-image, .premium-gallery-image > img, .premium-gallery-image__heart { transition: none; }.premium-gallery-image:is(:hover, :focus-visible), .premium-gallery-image:is(:hover, :focus-visible) > img { transform: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.shine-sweep-v2-demo { order: 70; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #080c12; color: #f4f7fa; scroll-margin-top: 4rem; }
.shine-sweep-v2-demo > header { margin-bottom: 2rem; }
.shine-sweep-v2-demo > header p { margin: 0 0 .8rem; color: #9ba4b1; font-size: .85rem; }
.shine-sweep-v2-demo h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.shine-sweep-v2-demo__stage { display: grid; place-items: center; min-height: 20rem; padding: 2rem; border: 1px solid #276640; border-radius: 1rem; background: radial-gradient(ellipse at center, #101726, #080d13 70%); }
.shine-sweep-button.shine-sweep-v2-button::after { top: -30%; width: 45%; height: 160%; background: linear-gradient(90deg, transparent, #ffffff3b 35%, #ffffff70 50%, #ffffff3b 65%, transparent); transition: left 650ms ease; }
.shine-sweep-button.shine-sweep-v2-button:enabled:active { transform: translateY(2px) rotate(-2deg) scale(.97); box-shadow: inset 0 2px 4px #00000030; transition-duration: 90ms; }
@media (prefers-reduced-motion: reduce) { .shine-sweep-button.shine-sweep-v2-button:enabled:active { transform: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.offer-button-demo { order: 71; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #ededec; color: #191927; scroll-margin-top: 4rem; }
.offer-button-demo > header { margin-bottom: 2rem; }
.offer-button-demo > header p { margin: 0 0 .8rem; color: #737380; font-size: .85rem; }
.offer-button-demo h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.offer-button-demo__stage { display: grid; place-items: center; min-height: 22rem; padding: 5rem 1.5rem; border: 1px solid #dadae0; border-radius: 1rem; }
.offer-button-wrap { position: relative; isolation: isolate; width: min(100%, 330px); aspect-ratio: 330 / 112; }
/* Dimensions, palette, hover transform and four-second gradient cycle are visible in the video code. */
.offer-button { position: relative; z-index: 2; display: grid; place-items: center; width: 100%; height: 100%; padding: 0 1rem; border: none; border-radius: 999px; background: linear-gradient(135deg, #4b35ff, #6489ff, #47dcff, #f61d2d); background-size: 300% 300%; background-position: 0% 50%; color: #fff; font: 700 clamp(2rem, 7vw, 3.5rem) Arial, Helvetica, sans-serif; letter-spacing: -.035em; line-height: 1; text-shadow: 0 2px 3px #24246325; box-shadow: 0 14px 30px #545fff24; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; transition: transform 450ms cubic-bezier(.22, 1, .36, 1), box-shadow 450ms ease; }
.offer-button:enabled:is(:hover, :focus-visible) { transform: translateY(-10px) scale(1.04); animation: offer-gradient-move 4s linear infinite; box-shadow: 0 30px 65px rgba(84, 95, 255, .34); }
.offer-button:enabled:active { transform: translateY(-6px) scale(.99); box-shadow: 0 12px 25px #545fff30, inset 0 3px 8px #22246430; transition-duration: 100ms; }
.offer-button:focus-visible { outline: 2px solid #4b35ff; outline-offset: 6px; }
.offer-button:disabled { cursor: not-allowed; opacity: .5; }
/* The remaining hover geometry and particle paths are reconstructed from the frames; their CSS is not shown. */
.offer-button-card { position: absolute; z-index: 0; display: flex; justify-content: center; width: 53%; height: 64%; border-radius: 28px; color: #fff; font: 600 .8rem Arial, Helvetica, sans-serif; letter-spacing: .12em; transition: transform 450ms cubic-bezier(.22, 1, .36, 1), background 450ms ease; pointer-events: none; }
.offer-button-card--top { top: -8%; left: 11%; align-items: flex-start; padding-top: .85rem; background: linear-gradient(135deg, #161629, #23306d); transform: translateY(2px) rotate(-2deg); }
.offer-button-card--bottom { right: 9%; bottom: -6%; width: 47%; align-items: flex-end; padding-bottom: .85rem; background: linear-gradient(135deg, #34184f, #7d35d8); transform: translateY(-2px) rotate(2deg); }
.offer-button-wrap:has(.offer-button:enabled:is(:hover, :focus-visible, :active)) .offer-button-card--top { background: linear-gradient(135deg, #3146b0, #5e7eff); transform: translateY(-42px) rotate(-2deg); }
.offer-button-wrap:has(.offer-button:enabled:is(:hover, :focus-visible, :active)) .offer-button-card--bottom { background: linear-gradient(135deg, #6925c0, #ba31f2); transform: translateY(25px) rotate(-3deg); }
.offer-button-particles { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.offer-button-particles i { position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; background: #64dcf2; opacity: 0; filter: blur(1px); }
.offer-button-particles i:nth-child(1) { --x: -155px; --y: -100px; border-radius: 50%; }
.offer-button-particles i:nth-child(2) { --x: 95px; --y: 105px; border-radius: 50%; background: #f17aad; animation-delay: -.9s; }
.offer-button-particles i:nth-child(3) { --x: 150px; --y: -70px; background: #a494f3; animation-delay: -.45s; }
.offer-button-particles i:nth-child(4) { --x: -60px; --y: 115px; background: #ef94ba; animation-delay: -1.3s; }
.offer-button-particles i:nth-child(5) { --x: -95px; --y: -135px; clip-path: polygon(50% 0, 100% 100%, 0 100%); background: #9183ed; animation-delay: -.7s; }
.offer-button-particles i:nth-child(6) { --x: 130px; --y: 55px; clip-path: polygon(50% 0, 100% 100%, 0 100%); background: #72d8e7; animation-delay: -1.6s; }
.offer-button-wrap:has(.offer-button:enabled:is(:hover, :focus-visible, :active)) .offer-button-particles i { animation-name: offer-particle; animation-duration: 1.8s; animation-timing-function: ease-out; animation-iteration-count: infinite; }
@keyframes offer-gradient-move { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes offer-particle { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.4) rotate(0deg); } 20% { opacity: .28; } 80% { opacity: .16; } 100% { opacity: 0; transform: translate(var(--x), var(--y)) scale(1.15) rotate(100deg); } }
@media (max-width: 420px) { .offer-button-card { font-size: .68rem; border-radius: 22px; }.offer-button-card--top { padding-top: .6rem; }.offer-button-card--bottom { padding-bottom: .6rem; }.offer-button-particles { transform: scale(.8); } }
@media (prefers-reduced-motion: reduce) { .offer-button, .offer-button-card { transition: none; }.offer-button:enabled:is(:hover, :focus-visible, :active) { animation: none; transform: none; background-position: 45% 50%; }.offer-button-particles { display: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.split-image-demo { order: 72; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #f7f8f7; color: #202620; scroll-margin-top: 4rem; }
.split-image-demo > header { margin-bottom: 2rem; }
.split-image-demo > header p { margin: 0 0 .8rem; color: #767d76; font-size: .85rem; }
.split-image-demo h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.split-image-demo__stage { display: grid; place-items: center; min-height: 35rem; padding: 3rem 44px; }
.split-image { position: relative; isolation: isolate; width: min(100%, 320px); aspect-ratio: 390 / 496; margin: 0; user-select: none; }
.split-image__slice { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
/* The three polygons, transforms, and timing are transcribed from the video. */
.split-image__slice:nth-child(1) { clip-path: polygon(0 0, 100% 0, 100% 50%, 0 45%); }
.split-image__slice:nth-child(2) { clip-path: polygon(0 45%, 100% 50%, 100% 75%, 0 70%); }
.split-image__slice:nth-child(3) { clip-path: polygon(0 70%, 100% 75%, 100% 100%, 0 100%); }
.split-image:is(:hover, :focus-visible) .split-image__slice:nth-child(1) { transform: translateX(-30px) rotate(-3deg); }
.split-image:is(:hover, :focus-visible) .split-image__slice:nth-child(2) { transform: translateX(30px) rotate(3deg); }
.split-image:is(:hover, :focus-visible) .split-image__slice:nth-child(3) { transform: translateX(-20px) rotate(-2deg); }
.split-image:focus-visible { outline: 2px solid #3d7887; outline-offset: 46px; }
@media (max-width: 480px) { .split-image-demo__stage { min-height: 25rem; } }
@media (prefers-reduced-motion: reduce) { .split-image__slice { transition: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.shadow-hero-demo { order: 73; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #101619; color: #e9e6df; scroll-margin-top: 4rem; }
.shadow-hero-demo > header { margin-bottom: 2rem; }
.shadow-hero-demo > header p { margin: 0 0 .8rem; color: #929b9d; font-size: .85rem; }
.shadow-hero-demo h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.shadow-hero { position: relative; isolation: isolate; container-type: inline-size; overflow: clip; width: 100%; height: clamp(480px, 54vw, 650px); border: 1px solid #ffffff10; border-radius: 4px; background: #070b0d; perspective: 1200px; }
.shadow-hero__ruins, .shadow-hero__foreground { position: absolute; inset: -5%; background: url("../../original-block-pages-20261030/assets/a53333da1b8bab5995db.png") center / cover; pointer-events: none; }
.shadow-hero__ruins { z-index: 0; opacity: .66; }
.shadow-hero__portrait { position: absolute; z-index: 1; top: 8%; left: 35%; width: 32%; height: 88%; pointer-events: none; }
.shadow-hero__portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; user-select: none; }
.shadow-hero__foreground { z-index: 2; mask-image: linear-gradient(90deg, #000 0%, #000 12%, transparent 25%, transparent 76%, #000 90%, #000 100%); opacity: .8; }
.shadow-hero__shade { position: absolute; z-index: 3; inset: 0; background: linear-gradient(90deg, #020405b3 0%, #02040542 28%, transparent 55%), linear-gradient(0deg, #030608ee, transparent 27%); pointer-events: none; }
.shadow-hero__copy { position: absolute; z-index: 5; top: 18%; left: 7%; width: 43%; transform-origin: left center; }
.shadow-hero__eyebrow { margin: 0 0 1rem; color: #b3b6b6; font-size: clamp(.55rem, 1.1cqw, .82rem); letter-spacing: .32em; text-transform: uppercase; }
.shadow-hero__copy h3 { margin: 0; color: #eceae4; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3rem, 7.2cqw, 6rem); font-weight: 700; line-height: .93; letter-spacing: -.015em; text-transform: uppercase; text-shadow: 0 3px 20px #0008; }
.shadow-hero__copy h3 span { color: #a7493c; }
.shadow-hero__description { max-width: 30rem; margin: 1.5rem 0; color: #aeb3b3; font: 400 clamp(.82rem, 1.55cqw, 1.06rem)/1.5 Arial, Helvetica, sans-serif; text-shadow: 0 1px 8px #000; }
.shadow-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; }
.shadow-hero__actions button { min-height: 2.7rem; padding: .8rem 1.25rem; border: 1px solid #a74c41; border-radius: 0; background: #a74c41; color: #f5efeb; font: 600 clamp(.62rem, 1cqw, .79rem) Arial, Helvetica, sans-serif; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; transition: transform 160ms ease-out, background-color 160ms ease, box-shadow 160ms ease; }
.shadow-hero__actions button + button { background: #0a0d1033; border-color: #a1a5a64d; }
.shadow-hero__actions button:hover { transform: translateY(-2px); background: #b85a4c; box-shadow: 0 6px 22px #ad433322; }
.shadow-hero__actions button + button:hover { background: #ffffff0b; box-shadow: none; }
.shadow-hero__actions button:active { transform: translateY(1px) scale(.98); box-shadow: inset 0 2px 5px #0005; }
.shadow-hero__actions button:focus-visible { outline: 2px solid #ddd2c3; outline-offset: 4px; }
.shadow-hero__embers { position: absolute; z-index: 4; inset: 0; pointer-events: none; }
.shadow-hero__embers i { position: absolute; top: var(--ember-y); left: var(--ember-x); width: 2px; height: 2px; border-radius: 50%; background: #f99762; box-shadow: 0 0 7px 2px #ff653955; opacity: 0; animation: shadow-ember var(--ember-duration) linear var(--ember-delay) infinite; animation-play-state: paused; }
.shadow-hero.is-animated .shadow-hero__embers i { animation-play-state: running; }
.shadow-hero__scroll { position: absolute; z-index: 6; bottom: 3%; left: 50%; display: grid; justify-items: center; gap: .55rem; transform: translateX(-50%); color: #788384; font: 400 .55rem Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; pointer-events: none; }
.shadow-hero__scroll i { width: 1px; height: 22px; background: linear-gradient(#78838466, transparent); }
@keyframes shadow-ember { 0%, 100% { opacity: 0; transform: translate3d(0, 0, 0); } 20%, 70% { opacity: .6; } 90% { opacity: 0; transform: translate3d(var(--ember-drift), -100px, 0); } }
@media (max-width: 700px) {
  .shadow-hero { height: auto; min-height: 450px; aspect-ratio: 5 / 7; }
  .shadow-hero__portrait { top: 8%; left: 10%; width: 80%; height: 86%; }
  .shadow-hero__ruins, .shadow-hero__foreground { background-position: 60% center; }
  .shadow-hero__foreground { opacity: .55; mask-image: linear-gradient(90deg, #000, transparent 20%, transparent 80%, #000); }
  .shadow-hero__shade { background: linear-gradient(90deg, #02040570, #02040520 70%), linear-gradient(0deg, #030608ee, transparent 23%); }
  .shadow-hero__copy { top: 14%; left: 9%; width: 82%; }
  .shadow-hero__eyebrow { font-size: .58rem; letter-spacing: .28em; }
  .shadow-hero__copy h3 { font-size: clamp(2.5rem, 11.5cqw, 4.8rem); }
  .shadow-hero__description { max-width: 25rem; margin: 1.4rem 0 1.6rem; font-size: clamp(.85rem, 3.5cqw, 1rem); }
  .shadow-hero__actions { flex-direction: column; align-items: flex-start; gap: .75rem; }
  .shadow-hero__actions button { min-height: 2.8rem; font-size: .68rem; }
}
@media (prefers-reduced-motion: reduce) { .shadow-hero__embers { display: none; }.shadow-hero__actions button { transition: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.premium-stepper-demo { order: 74; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #f3f5fc; color: #151719; scroll-margin-top: 4rem; }
.premium-stepper-demo > header { margin-bottom: 2rem; }
.premium-stepper-demo > header p { margin: 0 0 .8rem; color: #747985; font-size: .85rem; }
.premium-stepper-demo > header h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.premium-stepper-demo__stage { display: grid; place-items: center; padding: 3rem 1rem; min-height: 27rem; background: linear-gradient(#f6faf9, #eef1ff); border-radius: 1rem; }
.premium-stepper { width: min(100%, 520px); padding: 36px 34px 38px; border: 1px solid #e0f4e6; border-radius: 32px; background: #fff; box-shadow: 0 18px 40px #27384610; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.premium-stepper__badge { display: inline-block; padding: 12px 18px; border-radius: 999px; background: #edf8f1; color: #289448; font-size: 14px; font-weight: 600; }
.premium-stepper h3 { margin: 25px 0 15px; color: #080b08; font-size: 34px; line-height: 1.15; letter-spacing: -.02em; }
.premium-stepper__subtitle { margin: 0; color: #808080; font-size: 16px; }
.premium-stepper__steps { position: relative; display: flex; justify-content: space-between; margin-top: 42px; }
.premium-stepper__line { position: absolute; top: 28px; left: 33px; right: 33px; height: 10px; background: #e5e7eb; }
/* Palette, borders and halo are transcribed from the code shown in the video. */
.premium-stepper__progress { height: 100%; background: linear-gradient(90deg, #22c55e, #10b981); transform-origin: left center; transition: transform 400ms ease; }
.premium-stepper__step { --step-icon-paper: #fff; position: relative; display: flex; flex-direction: column; align-items: center; gap: 14px; width: 66px; padding: 0; border: 0; background: transparent; color: #9ca3af; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.premium-stepper__circle { display: grid; place-items: center; width: 58px; height: 58px; border: 2px solid #d1d5db; border-radius: 50%; background: #fff; transition: transform 300ms ease, color 300ms ease, background-color 300ms ease, border-color 300ms ease, box-shadow 300ms ease; }
.premium-stepper__circle svg { width: 24px; height: 24px; }
.premium-stepper__label { color: #53565e; font-size: 16px; font-weight: 600; transition: color 300ms ease; }
.premium-stepper__step[data-state="complete"] .premium-stepper__circle { --step-icon-paper: #22c55e; border-color: #22c55e; background: #22c55e; color: #fff; }
.premium-stepper__step[data-state="active"] .premium-stepper__circle { border: 3px solid #22c55e; color: #299f4c; box-shadow: 0 0 0 10px rgba(34, 197, 94, .1); transform: scale(1.08); }
.premium-stepper__step[data-state="active"] .premium-stepper__label { color: #289448; }
.premium-stepper__step:active .premium-stepper__circle { transform: scale(.96); transition-duration: 100ms; }
.premium-stepper__step:focus-visible { outline: none; }
.premium-stepper__step:focus-visible .premium-stepper__circle { outline: 2px solid #16733b; outline-offset: 5px; }
@media (max-width: 560px) {
  .premium-stepper-demo__stage { padding: 2.5rem .5rem; min-height: 23rem; }
  .premium-stepper { padding: 28px 14px 32px; border-radius: 24px; }
  .premium-stepper__badge { padding: 10px 14px; font-size: 12px; }
  .premium-stepper h3 { font-size: clamp(23px, 5.7vw, 30px); margin-top: 22px; }
  .premium-stepper__subtitle { font-size: 12px; }
  .premium-stepper__step { width: 60px; }
  .premium-stepper__circle { width: 46px; height: 46px; }
  .premium-stepper__circle svg { width: 20px; height: 20px; }
  .premium-stepper__label { font-size: 12px; }
  .premium-stepper__line { top: 22px; left: 30px; right: 30px; height: 7px; }
  .premium-stepper__steps { margin-top: 36px; }
}
@media (prefers-reduced-motion: reduce) { .premium-stepper__progress, .premium-stepper__circle, .premium-stepper__label { transition: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.aqua-certificate-demo { order: 75; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #eaf7f2; color: #205c53; scroll-margin-top: 4rem; }
.aqua-certificate-demo > header { margin-bottom: 2rem; }
.aqua-certificate-demo > header > p { margin: 0 0 .8rem; font-size: .85rem; color: #52766c; }
.aqua-certificate-demo h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.aqua-certificate-demo > header > .aqua-certificate-demo__note { margin-top: 1rem; }
.aqua-certificate-demo__stage { display: grid; place-items: center; min-height: 540px; padding: 60px 24px; border-radius: 1rem; background: linear-gradient(145deg, #bfffea, #9bdfca); }
.aqua-certificate-scene { width: min(100%, 360px); aspect-ratio: 2 / 3; perspective: 1000px; }
/* Base tilt, inset shadows and durations are preserved from the reference CSS. */
.aqua-certificate { position: relative; isolation: isolate; overflow: clip; width: 100%; height: 100%; margin: 0; border-radius: 40px; background: linear-gradient(145deg, #a8f3de, #6fd8be); color: #205c53; font-family: Arial, Helvetica, sans-serif; transform-style: preserve-3d; transform: rotateX(8deg) rotateY(-10deg); transition: transform .6s ease, box-shadow .6s ease; box-shadow: 0 30px 60px rgba(0, 120, 100, .35), inset 0 25px 25px rgba(255, 255, 255, .35), inset -10px -10px 25px rgba(0, 0, 0, .15); user-select: none; }
.aqua-certificate__surface { display: block; width: 100%; height: 100%; }
/* Project the photographed page's four corners onto the complete Aqua surface.
   Source corners in its 1024 × 1536 image: (151,81), (939,180), (986,1433), (58,1410). */
.aqua-certificate__image { display: block; width: 1024px; height: 1536px; max-width: none; transform-origin: 0 0; transform: matrix3d(1.2072433396, -.1695883437, 0, -.0000918543, .0844797822, 1.3498546954, 0, .0001301676, 0, 0, 1, 0, -189.1366066438, -83.73039043, 0, 1); }
/* Hover endpoint and unshown keyframe endpoints are reconstructed from the finished preview. */
.aqua-certificate-scene:hover .aqua-certificate, .aqua-certificate:focus-visible { transform: translateY(-10px) rotateX(0deg) rotateY(0deg); box-shadow: 0 38px 65px rgba(0, 120, 100, .3), inset 0 25px 25px rgba(255, 255, 255, .35), inset -10px -10px 25px rgba(0, 0, 0, .15); }
.aqua-certificate:focus-visible { outline: 2px solid #205c53; outline-offset: 7px; }
.aqua-certificate__grain { position: absolute; z-index: 0; inset: 0; background: url("../../original-block-pages-20261030/assets/1e3093286d8c95018a44.svg") repeat; mix-blend-mode: overlay; opacity: .4; pointer-events: none; }
.aqua-certificate__rim { position: absolute; z-index: 1; top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border: 1px solid #1f5c53; border-radius: 40px; mix-blend-mode: screen; box-shadow: 6px 0 2px 6px #1f5c536b; pointer-events: none; }
.aqua-certificate::before { content: ""; position: absolute; z-index: 2; top: -50%; left: -60%; width: 40%; height: 200%; background: linear-gradient(90deg, transparent, rgb(255 255 255 / 25%), #00000000); transform: translateX(0) rotate(25deg); animation: aqua-certificate-shine 4s linear infinite; pointer-events: none; }
@keyframes aqua-certificate-shine { to { transform: translateX(550%) rotate(25deg); } }
@media (prefers-reduced-motion: reduce) { .aqua-certificate, .aqua-certificate::before { animation: none; transition: none; }.aqua-certificate-scene:hover .aqua-certificate, .aqua-certificate:focus-visible { transform: rotateX(8deg) rotateY(-10deg); } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.gooey-motion-cards-demo { order: 76; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #ededeb; color: #111; scroll-margin-top: 4rem; }
.gooey-motion-cards-demo > header { margin-bottom: 2rem; }
.gooey-motion-cards-demo > header > p { margin: 0 0 .8rem; color: #727571; font-size: .85rem; }
.gooey-motion-cards-demo > header > p:last-child { margin-top: 1rem; }
.gooey-motion-cards-demo h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.gooey-motion-cards-demo__stage { display: grid; grid-template-columns: repeat(2, minmax(0, 300px)); justify-content: center; gap: 34px; padding: 3rem 0; }
.gooey-motion-card-scene { min-width: 0; perspective: 1000px; }
.gooey-motion-card { --liquid-color: #8127ec; position: relative; isolation: isolate; overflow: clip; width: 100%; height: 370px; border-radius: 28px; background: #fff; color: #111; font-family: Arial, Helvetica, sans-serif; box-shadow: 0 20px 35px #2222220c; transition: transform 600ms ease, box-shadow 600ms ease, color 450ms ease; }
.gooey-motion-card--orange { --liquid-color: #ff8000; }
.gooey-motion-card__filter { position: absolute; pointer-events: none; }
.gooey-motion-card__liquid { position: absolute; z-index: 0; inset: 0; pointer-events: none; }
.gooey-motion-card__liquid i { position: absolute; display: block; background: var(--liquid-color); border-radius: 50%; transition: transform 750ms ease, border-radius 750ms ease; }
.gooey-motion-card__liquid i:nth-child(1) { top: -115px; left: -90px; width: 170px; height: 170px; }
.gooey-motion-card__liquid i:nth-child(2) { right: -110px; bottom: -140px; width: 220px; height: 220px; }
.gooey-motion-card__liquid i:nth-child(3) { top: 50%; left: 50%; width: 220px; height: 220px; transform: translate(-50%, -50%) scale(0); }
.gooey-motion-card__content { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 26px; }
.gooey-motion-card__top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.gooey-motion-card__logo { display: grid; place-items: center; width: 50px; height: 50px; flex-shrink: 0; border-radius: 15px; background: #111; color: #fff; font-size: 20px; font-weight: 700; transition: transform 600ms ease, background-color 450ms ease, color 450ms ease; }
.gooey-motion-card__tag { padding: 9px 15px; border-radius: 99px; background: #f3f3f3; color: #555; font-size: 11px; white-space: nowrap; transition: background-color 450ms ease, color 450ms ease; }
.gooey-motion-card h3 { margin: 0 0 14px; color: inherit; font-size: 34px; line-height: 1.12; letter-spacing: -.02em; }
.gooey-motion-card__bottom > p { margin: 0 0 24px; color: #555; font-size: 14px; line-height: 1.65; transition: color 450ms ease; }
.gooey-motion-card button { padding: 13px 23px; border: 0; border-radius: 99px; background: #111; color: #fff; font: 700 12px Arial, Helvetica, sans-serif; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 150ms ease, background-color 450ms ease, color 450ms ease, box-shadow 150ms ease; }
/* Blob 1/3 transforms and all three contours are transcribed from the video's CSS.
   Blob 2's overlapping text, idle geometry, card tilt and timing are reconstructed from frames. */
.gooey-motion-card-scene:is(:hover, :focus-within) .gooey-motion-card { color: #fff; transform: translateY(-6px) rotateX(4deg) rotateY(-7deg) rotateZ(-1deg); box-shadow: 0 28px 45px color-mix(in srgb, var(--liquid-color) 22%, transparent); }
.gooey-motion-card-scene:is(:hover, :focus-within) .gooey-motion-card__liquid i:nth-child(1) { transform: translate(60px, 60px) scale(3); border-radius: 42% 58% 63% 37% / 42% 40% 60% 58%; }
.gooey-motion-card-scene:is(:hover, :focus-within) .gooey-motion-card__liquid i:nth-child(2) { transform: translate(-50px, -50px); border-radius: 61% 39% 36% 64% / 58% 61% 39% 42%; }
.gooey-motion-card-scene:is(:hover, :focus-within) .gooey-motion-card__liquid i:nth-child(3) { transform: translate(-50%, -50%) scale(2.8); border-radius: 57% 43% 38% 62% / 45% 61% 39% 55%; }
.gooey-motion-card-scene:is(:hover, :focus-within) .gooey-motion-card__logo { background: #fff; color: var(--liquid-color); transform: rotate(-8deg); }
.gooey-motion-card-scene:is(:hover, :focus-within) .gooey-motion-card__tag { background: #ffffff26; color: #fff; }
.gooey-motion-card-scene:is(:hover, :focus-within) .gooey-motion-card__bottom > p { color: #ffffffe0; }
.gooey-motion-card-scene:is(:hover, :focus-within) .gooey-motion-card button { background: #fff; color: var(--liquid-color); }
.gooey-motion-card button:active { transform: translateY(2px) scale(.96); box-shadow: inset 0 2px 4px #0002; }
.gooey-motion-card button:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 700px) { .gooey-motion-cards-demo__stage { grid-template-columns: minmax(0, 300px); gap: 40px; } }
@media (prefers-reduced-motion: reduce) { .gooey-motion-card, .gooey-motion-card__liquid i, .gooey-motion-card__logo, .gooey-motion-card__tag, .gooey-motion-card__bottom > p, .gooey-motion-card button { transition: none; }.gooey-motion-card-scene:is(:hover, :focus-within) .gooey-motion-card, .gooey-motion-card-scene:is(:hover, :focus-within) .gooey-motion-card__logo { transform: none; } }

}
@font-face { font-family: "Bubble Inter"; src: url("../../original-block-pages-20261030/assets/29160a80ff49ddcab2c9.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
@scope (.original-5173) to (.original-5198, .original-5186) {

.bubble-text-demo { order: 77; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #f7f8f7; color: #111; scroll-margin-top: 4rem; }
.bubble-text-demo > header { margin-bottom: 2rem; }
.bubble-text-demo > header > p { margin: 0 0 .8rem; color: #727571; font-size: .85rem; }
.bubble-text-demo > header > p:last-child { margin-top: 1rem; }
.bubble-text-demo h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.bubble-text-demo__stage { display: grid; place-items: center; min-height: 12rem; padding: 2rem 1rem; border-radius: 8px; background: #000; }
.bubble-text { color: hsl(0, 0%, 50%); font-family: "Bubble Inter", sans-serif; font-size: clamp(2rem, calc(2rem + 3.5vw), 8rem); line-height: 1.25; user-select: none; white-space: nowrap; }
/* Same 200 → 900 / 700 / 400 weight cascade and .5s easing as the video's CSS. */
.bubble-text__char { display: inline-block; font-weight: 200; transition: font-weight .5s ease; }
.bubble-text__char:hover { font-weight: 900; color: hsl(0, 0%, 90%); }
.bubble-text__char:has(+ .bubble-text__char:hover), .bubble-text__char:hover + .bubble-text__char { font-weight: 700; color: hsl(0, 0%, 70%); }
.bubble-text__char:has(+ .bubble-text__char + .bubble-text__char:hover), .bubble-text__char:hover + .bubble-text__char + .bubble-text__char { font-weight: 400; color: hsl(0, 0%, 40%); }
@media (max-width: 480px) { .bubble-text { font-size: clamp(1.75rem, 8.8vw, 2.625rem); }.bubble-text-demo__stage { min-height: 10rem; } }
@media (prefers-reduced-motion: reduce) { .bubble-text__char { transition: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.soft-faq-demo { order: 78; padding: clamp(2rem, 5vw, 5rem) max(1.25rem, calc((100vw - 1320px) / 2)); background: #ececec; scroll-margin-top: 4rem; }
.soft-faq { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.1fr); align-items: start; gap: clamp(2rem, 5vw, 5rem); padding: clamp(1.5rem, 4vw, 4rem); background: radial-gradient(ellipse at 53% 67%, rgb(33 107 80 / .14) 0, rgb(33 107 80 / 0) 65%), #f6f6f7; color: #354254; }
.soft-faq__intro h2 { margin: 0 0 2rem; max-width: 9em; font-size: clamp(2rem, 3.5vw, 3.4rem); font-weight: 700; line-height: 1.16; letter-spacing: -.035em; }
.soft-faq__photo { width: 100%; aspect-ratio: 2 / 3; margin: 0; overflow: visible; clip-path: inset(-30% -30% 0); background: transparent; box-shadow: none; }
.soft-faq__photo > img { object-position: 50% 50%; }
.soft-faq__question-marks { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.soft-faq__photo::before { display: block; z-index: -3; inset: 8% 9% 0; border: 2px solid #fff; border-radius: 22px; background: #edf5ef; box-shadow: 0 7px 15px rgb(33 107 80 / .08); }
.soft-faq__photo:focus-visible { outline-color: #216b50; }
.soft-faq__questions { display: grid; gap: 16px; min-width: 0; }
.soft-faq__item { min-width: 0; border: 2px solid #fff; border-radius: 22px; background: #ffffffb8; overflow: clip; }
.soft-faq__item h3 { margin: 0; font: inherit; }
.soft-faq__item button { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; min-height: 76px; padding: 22px 24px; border: 0; background: transparent; color: inherit; font: inherit; font-size: clamp(1.05rem, 1.5vw, 1.45rem); line-height: 1.35; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color 180ms ease; }
.soft-faq__item button:hover { background: rgb(33 107 80 / .04); }
.soft-faq__item button:active { background: rgb(33 107 80 / .08); }
.soft-faq__item button:focus-visible { outline: 2px solid #216b50; outline-offset: -5px; border-radius: 20px; }
.soft-faq__toggle { width: 22px; height: 22px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; transition: transform 380ms cubic-bezier(.16, 1, .3, 1); }
.soft-faq__item.is-open .soft-faq__toggle { transform: rotate(45deg); }
.soft-faq__answer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 420ms cubic-bezier(.16, 1, .3, 1), opacity 180ms ease; }
.soft-faq__answer > div { min-height: 0; overflow: clip; }
.soft-faq__answer p { margin: 0; padding: 0 24px 24px; color: #778497; font-size: 1rem; line-height: 1.75; overflow-wrap: anywhere; }
.soft-faq__word { display: inline-block; }
.soft-faq__item.is-open .soft-faq__answer { grid-template-rows: 1fr; opacity: 1; }
.soft-faq__item.is-open .soft-faq__word { animation: soft-faq-word-in 280ms ease-out both; }
@keyframes soft-faq-word-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 760px) { .soft-faq { grid-template-columns: 1fr; gap: 2rem; }.soft-faq__intro h2 { max-width: none; font-size: clamp(2rem, 7vw, 3rem); }.soft-faq__item button { padding: 19px 20px; min-height: 70px; gap: 14px; }.soft-faq__answer p { padding: 0 20px 22px; } }
@media (prefers-reduced-motion: reduce) { .soft-faq__toggle, .soft-faq__answer, .soft-faq__item button { transition: none; }.soft-faq__item.is-open .soft-faq__word { animation: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.iris-scanner-demo { order: 79; padding: clamp(2rem, 5vw, 5rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #f5f7f5; color: #1b201d; scroll-margin-top: 4rem; }
.iris-scanner-demo > header { margin-bottom: 2rem; }
.iris-scanner-demo > header > p { margin: 0 0 .8rem; color: #59615b; font-size: .85rem; }
.iris-scanner-demo h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.045em; line-height: 1.1; }
.iris-scanner { position: relative; width: 100%; margin: 0; overflow: clip; border-radius: 16px; }
.iris-scanner > img { display: block; width: 100%; height: auto; }
.iris-scanner__overlay { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.iris-scanner__web { fill: none; stroke: #f5fff9; stroke-width: 2.3; stroke-opacity: .65; animation: iris-scanner-rotate 18s linear infinite; }
.iris-scanner__corners { fill: none; stroke-width: 8; stroke-linecap: square; transform-origin: 750px 557.5px; animation: iris-scanner-breathe 3.6s ease-in-out infinite; }
@keyframes iris-scanner-rotate { to { transform: rotate(360deg); } }
@keyframes iris-scanner-breathe { 0%, 100% { transform: scale(.97); opacity: .78; } 50% { transform: scale(1.035); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .iris-scanner__web, .iris-scanner__corners { animation: none; } }

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.munich-course-demo { order: 80; padding: clamp(1.25rem, 3vw, 3rem); background: #e9ede9; scroll-margin-top: 4rem; }
.munich-course-demo__status { min-height: 1.5em; margin: 1rem 0 0; color: #456253; font-size: .8rem; }
.munich-course-hero {
  --split: polygon(61% 0,100% 0,100% 100%,39% 100%);
  position: relative; isolation: isolate; overflow: clip; height: calc(100svh - 140px); min-height: 460px; color: #f3f5f2;
  background: radial-gradient(ellipse at 28% 20%,#04110b,#020905 62%,#010503);
  box-shadow: 0 18px 40px rgb(0 0 0 / .12);
}
.munich-course-hero::before { content: ""; position: absolute; z-index: -3; inset: 0; clip-path: var(--split); background: linear-gradient(125deg,#b2d745 20%,#96c42d 55%,#187a08 100%); }
.munich-course-hero__heading { position: relative; z-index: 3; display: flex; align-items: baseline; gap: 1.5rem; padding: clamp(1.25rem,2.5vw,2.5rem) clamp(1.5rem,4vw,4rem); }
.munich-course-hero__heading p { margin: 0; font-size: 1rem; font-weight: 750; }
.munich-course-hero__heading h2 { margin: 0; font-size: clamp(.875rem,1.4vw,1.2rem); font-weight: 450; line-height: 1.3; letter-spacing: -.025em; }
.munich-course-hero__scene { position: absolute; z-index: -2; inset: 0; overflow: clip; pointer-events: none; }
.munich-course-hero__scene--public { clip-path: polygon(0 0,61% 0,39% 100%,0 100%); }
.munich-course-hero__scene--inhouse { clip-path: var(--split); }
.munich-course-hero__skyline { position: absolute; inset: auto -4% -2px; height: 36%; transform-origin: 50% 100%; transition: transform 900ms cubic-bezier(.2,.65,.25,1); }
.munich-course-hero__skyline img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.munich-course-hero__scene--public img { filter: grayscale(1) invert(1) brightness(.28) sepia(.5) hue-rotate(75deg); opacity: .65; }
.munich-course-hero__scene--inhouse img { filter: grayscale(1) brightness(.4) sepia(1) saturate(2) hue-rotate(35deg); opacity: .35; }
.munich-course-hero__choices { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; }
.munich-course-hero__choice { --choice-ink: #f3f5f2; position: relative; min-width: 0; }
.munich-course-hero__choice:last-child { --choice-ink: #132318; color: #132318; }
.munich-course-hero__copy { position: absolute; z-index: 2; top: 24%; left: 9%; width: 79%; max-width: 430px; }
.munich-course-hero__copy::before { content: ""; position: absolute; z-index: -1; inset: -3rem; pointer-events: none; background: radial-gradient(ellipse closest-side,rgb(2 9 5 / .96) 35%,rgb(2 9 5 / .8) 60%,transparent 100%); }
.munich-course-hero__choice:last-child .munich-course-hero__copy { left: 18%; width: 52%; }
.munich-course-hero__choice:last-child .munich-course-hero__copy::before { inset: -2rem; background: radial-gradient(ellipse closest-side,rgb(156 198 49 / .98) 30%,rgb(156 198 49 / .86) 58%,transparent 100%); }
.munich-course-hero__type { margin: 0 0 .875rem; font-size: .75rem; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; }
.munich-course-hero__choice h3 { margin: 0; font-size: clamp(2rem,min(4.4vw,7.5svh),4.5rem); font-weight: 800; line-height: 1.02; letter-spacing: -.045em; color: var(--choice-ink); }
.munich-course-hero__description { max-width: 27ch; margin: 1rem 0 1.25rem; font-size: clamp(1rem,1.35vw,1.15rem); line-height: 1.45; }
.munich-course-hero__description { position: relative; isolation: isolate; }
.munich-course-hero__description::before { content: ""; position: absolute; z-index: -1; inset: -4px -8px; background: rgb(2 9 5 / .92); filter: blur(8px); pointer-events: none; }
.munich-course-hero__choice:last-child .munich-course-hero__description::before { background: rgb(156 198 49 / .92); }
.munich-course-hero__media { position: absolute; z-index: 1; pointer-events: none; }
.munich-course-hero__choice:first-child .munich-course-hero__media { left: 2%; bottom: 2%; width: 89%; }
.munich-course-hero__choice:last-child .munich-course-hero__media { right: 1%; top: 3%; width: 48%; max-height: 70%; aspect-ratio: 986 / 1332; }
.munich-course-hero__lottie { width: 100%; height: 100%; pointer-events: none; }
.munich-course-hero__lottie--public { aspect-ratio: 1370 / 800; }
.munich-course-hero__lottie--inhouse { aspect-ratio: 986 / 1332; }
.munich-course-hero__lottie svg { display: block; }
.munich-course-hero__choice button { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.25rem; min-height: 48px; padding: .8rem 1.25rem; border: 1px solid var(--choice-ink); border-radius: 999px; color: inherit; font-family: inherit; font-size: .9rem; font-weight: 650; line-height: 1.2; cursor: pointer; box-shadow: 0 2px 3px -1px rgb(0 0 0 / .1); transition: transform 180ms ease,background-color 180ms ease; }
.munich-course-hero__choice:first-child button { color: #102014; background: #b9e86d; border-color: #b9e86d; }
.munich-course-hero__choice:last-child button { background: #f1f5df; border-color: #f1f5df; }
.munich-course-hero__choice button span { font-size: 1.25rem; transition: transform 220ms ease; }
.munich-course-hero__choice button:hover { transform: translateY(-3px); background: #c9f38b; }
.munich-course-hero__choice:last-child button:hover { background: #fff; }
.munich-course-hero__choice button:hover span { transform: translate(2px,-2px); }
.munich-course-hero__choice button:active { transform: translateY(1px) scale(.98); }
.munich-course-hero__choice button:focus-visible { outline: 3px solid var(--choice-ink); outline-offset: 5px; }
.munich-course-hero:is([data-active-half="public"],:has(.munich-course-hero__choice:first-child button:focus-visible)) .munich-course-hero__scene--public .munich-course-hero__skyline { transform: translateY(-8px) scale(1.015); }
.munich-course-hero:is([data-active-half="inhouse"],:has(.munich-course-hero__choice:last-child button:focus-visible)) .munich-course-hero__scene--inhouse .munich-course-hero__skyline { transform: translateY(-8px) scale(1.015); }
.munich-course-hero__connection { position: absolute; z-index: 2; left: 50%; top: 50%; width: clamp(64px,8vw,112px); aspect-ratio: 1; transform: translate(-50%,-50%); pointer-events: none; }
.munich-course-hero__connection img { display: block; width: 100%; height: 100%; transform: rotate(0deg); transform-origin: 50% 50%; transition: transform 450ms cubic-bezier(.22,.61,.36,1); }
.munich-course-hero:is([data-active-half="public"],:has(.munich-course-hero__choice:first-child button:focus-visible)) .munich-course-hero__connection img { transform: rotate(-12deg); }
.munich-course-hero:is([data-active-half="inhouse"],:has(.munich-course-hero__choice:last-child button:focus-visible)) .munich-course-hero__connection img { transform: rotate(12deg); }
@media (max-width: 767px), (max-width: 900px) and (orientation: portrait) {
  .munich-course-demo { padding: 1rem; }
  .munich-course-hero { --split: polygon(0 63%,100% 59%,100% 100%,0 100%); height: calc(100svh - 100px); min-height: 560px; }
  .munich-course-hero__heading { display: block; padding: .75rem 1rem; }
  .munich-course-hero__heading p { margin-bottom: .25rem; font-size: .875rem; }
  .munich-course-hero__heading h2 { font-size: .875rem; }
  .munich-course-hero__choices { top: 56px; grid-template-columns: 1fr; grid-template-rows: 1.15fr .85fr; }
  .munich-course-hero__scene--public { clip-path: polygon(0 0,100% 0,100% 59%,0 63%); }
  .munich-course-hero__scene--public .munich-course-hero__skyline { bottom: 39%; }
  .munich-course-hero__skyline { left: -75%; right: -75%; height: 28%; }
  .munich-course-hero__copy,.munich-course-hero__choice:last-child .munich-course-hero__copy { top: .75rem; left: 1rem; width: calc(100% - 2rem); height: calc(100% - 1.5rem); }
  .munich-course-hero__type { margin-bottom: .5rem; font-size: .625rem; letter-spacing: .12em; }
  .munich-course-hero__choice h3 { font-size: clamp(1.5rem,6.9vw,2rem); }
  .munich-course-hero__choice h3 br { display: none; }
  .munich-course-hero__description { max-width: 24ch; margin: .625rem 0; font-size: 1rem; line-height: 1.4; }
  .munich-course-hero__choice button { position: absolute; bottom: 0; padding: .65rem 1rem; gap: .75rem; font-size: .8rem; }
  .munich-course-hero__choice:first-child .munich-course-hero__media { width: 94%; left: 3%; bottom: 12px; }
  .munich-course-hero__choice:last-child .munich-course-hero__media { width: 51%; right: 0; top: 0; max-height: 100%; }
  .munich-course-hero__copy::before { inset: -.75rem -.75rem auto; height: 72%; background: linear-gradient(100deg,rgb(2 9 5 / .96),rgb(2 9 5 / .75) 30%,transparent 74%); }
  .munich-course-hero__choice:first-child .munich-course-hero__description { max-width: none; }
  .munich-course-hero__choice:first-child button { position: static; }
  .munich-course-hero__choice:first-child .munich-course-hero__copy::before, .munich-course-hero__choice:first-child .munich-course-hero__description::before { display: none; }
  .munich-course-hero__choice:first-child .munich-course-hero__description span { -webkit-box-decoration-break: clone; box-decoration-break: clone; background: rgb(2 9 5 / .9); box-shadow: 0 0 7px 4px rgb(2 9 5 / .9); }
  .munich-course-hero__choice:last-child .munich-course-hero__copy::before { background: linear-gradient(100deg,rgb(156 198 49 / .96),rgb(156 198 49 / .8) 30%,transparent 74%); }
  .munich-course-hero__choice:last-child .munich-course-hero__description { max-width: 19ch; font-size: .9375rem; }
  .munich-course-hero__connection { width: 48px; top: 61%; }
}
@media (min-width: 768px) and (max-height: 700px) {
  .munich-course-hero__copy { top: 12%; }
  .munich-course-hero__description { margin: .75rem 0 1rem; }
  .munich-course-hero__choice:first-child .munich-course-hero__media { width: 92%; }
  .munich-course-hero__choice:last-child .munich-course-hero__media { top: 2%; width: 44%; }
}
@media (prefers-reduced-motion: reduce) {
  .munich-course-hero__choice button,.munich-course-hero__choice button span,.munich-course-hero__skyline { transition: none; }
  .munich-course-hero .munich-course-hero__scene .munich-course-hero__skyline { transform: none; }
  .munich-course-hero .munich-course-hero__connection img { transition: none; transform: none; }
}

}
@font-face { font-family: "ICP Frama"; src: url("../../original-block-pages-20261030/assets/798e4b3f2d4642e67374.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "ICP Montreal"; src: url("../../original-block-pages-20261030/assets/cefe54298d56e07d9166.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "ICP Supply"; src: url("../../original-block-pages-20261030/assets/288a42d0915b85d995b3.woff2") format("woff2"); font-display: swap; font-weight: 500; }
@scope (.original-5173) to (.original-5198, .original-5186) {



.icp-demo { order: 81; scroll-margin-top: 88px; background: #f0f0f0; }
.icp { padding: 64px 48px 80px; color: #2b2b2b; background: #f0f0f0; font: 300 16px/1.3 "ICP Montreal",sans-serif; }
.icp *, .icp *::before, .icp *::after { box-sizing: border-box; }
.icp h2,.icp h3,.icp p { margin: 0; }
.icp-layout { display: grid; grid-template-columns: 3fr 8.275fr; gap: 9.75%; max-width: 1600px; margin: auto; align-items: start; }
.icp-intro h2 { margin: 0 0 32px; font: 400 clamp(48px,5.5vw,96px)/.86 "ICP Frama",sans-serif; letter-spacing: -.05em; }
.icp-intro p { color: #656565; text-wrap: pretty; }
.icp-intro p + p { margin-top: 16px; }
.icp-right { min-width: 0; }
.icp-toggle { display: flex; position: relative; width: fit-content; padding: 8px 6.4px; margin-bottom: 24px; border-radius: 999px; background: #fff; }
.icp-toggle button { position: relative; z-index: 1; min-width: 144px; padding: 9.44px 24px; border: 0; background: none; color: #656565; font: 400 14px/18.2px "ICP Montreal",sans-serif; cursor: pointer; }
.icp-toggle button:hover { color: #2b2b2b; }
.icp-pill { position: absolute; top: 6px; bottom: 6px; left: 6.4px; width: calc((100% - 12.8px)/2); border-radius: inherit; background: #f0f0f0; transform: translateX(0); transition: transform .5s cubic-bezier(.23,1,.32,1); }
.icp[data-mode="recurring"] .icp-pill { transform: translateX(100%); }
.icp-panels { position: relative; contain: layout; }
.icp-panel { position: absolute; inset: 0 0 auto; width: 100%; opacity: 0; pointer-events: none; }
.icp[data-mode="single"] .icp-single,.icp[data-mode="recurring"] .icp-recurring { opacity: 1; pointer-events: auto; }
.icp-surface { padding: 32px; border-radius: 16px; background: #fff; }
.icp h3 { margin-bottom: 16px; font: 500 32px/.86 "ICP Montreal",sans-serif; letter-spacing: -.02em; }
.icp-description { color: #656565; font: 400 14px/1.3 "ICP Montreal",sans-serif; text-wrap: balance; }
.icp-calculator { position: relative; z-index: 2; }
.icp-calculator > .icp-description { max-width: 240px; margin-bottom: 32px; }
.icp-calculator form { display: flex; flex-direction: column; gap: 24px; }
.icp-step { display: flex; flex-direction: column; gap: 16px; transition: opacity .3s ease; }
.icp-step[data-inactive="true"] { opacity: .25; }
.icp-step__heading { display: flex; align-items: center; gap: 8px; font: 400 12px/1.3 "ICP Frama",sans-serif; letter-spacing: .03em; text-transform: uppercase; }
.icp-step__heading > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: #f0f0f0; }
.icp-step__heading i { flex: 1; height: 1px; background: #dedede; }
.icp-select { position: relative; }
.icp-select select { appearance: none; width: 100%; padding: 12px 40px 12px 16px; border: 1px solid #f0f0f0; border-radius: 8px; background: #f0f0f0; color: #2b2b2b; font: 300 18px/1.3 "ICP Montreal",sans-serif; cursor: pointer; transition: border-color .2s; }
.icp-select select:focus { border-color: #2b2b2b2b; outline: none; }
.icp-select option { font-size: 14px; }
.icp-select svg { position: absolute; top: 50%; right: 16px; width: 12px; height: 8px; transform: translateY(-50%); fill: none; stroke: #aaa; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.icp-hint { position: absolute; top: calc(100% + 24px); width: 100%; padding: 0 24px; color: #a3a3a3; font-size: 13px; letter-spacing: .05em; text-align: center; text-wrap: balance; transition: opacity 1s; }
.icp-hint[data-hidden="true"] { opacity: 0; }
.icp-result-wrapper { position: relative; z-index: 1; height: 0; overflow: clip; }
.icp-result-content { padding-top: 24px; }
.icp-results { display: flex; align-items: stretch; gap: 24px; margin-bottom: 24px; }
.icp-result { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.icp-result p { font-size: 14px; color: #656565; }
.icp-price { font: 500 48px/.8 "ICP Frama",sans-serif; white-space: nowrap; }
.icp-price small { display: inline-block; margin-left: 6px; font-size: 18px; font-weight: 400; }
.icp-number { display: inline-block; font-variant-numeric: tabular-nums; }
.icp-result-action { padding: 0; background: none; }
.icp-recurring { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
.icp-recurring__heading { grid-column: 1; }
.icp-plan { grid-row: 2; }
.icp-plan__name { margin-bottom: 11px !important; font: 400 12px/1.3 "ICP Frama",sans-serif; letter-spacing: .03em; text-transform: uppercase; }
.icp-plan__pricing { margin-bottom: 16px; white-space: nowrap; }
.icp-plan__pricing > small { font: 400 18px/1.3 "ICP Frama",sans-serif; }
.icp-plan ul { padding: 0; margin: 24px 0; list-style: none; font-size: 13px; }
.icp-plan li { padding: 8px 0; border-top: 1px solid #dedede; }
.icp-plan li:last-child { border-bottom: 1px solid #dedede; }
.icp-button { display: flex; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; color: #fafafa; font: 500 14px/1 "ICP Supply",monospace; letter-spacing: -.05em; text-transform: uppercase; }
.icp-button__outer { position: relative; display: block; width: 100%; padding: 11px 16px; border-radius: 6px; overflow: hidden; }
.icp-button__outer::before,.icp-button__outer::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.icp-button__outer::before { z-index: 1; background: #2b2b2b; clip-path: inset(0); }
.icp-button__outer::after { z-index: 5; border: 1px solid #2b2b2b2b; }
.icp-button__inner { position: relative; z-index: 2; display: flex; justify-content: center; }
.icp-button__inner > span { transition: transform .8s cubic-bezier(.23,1,.32,1); }
.icp-button__hover { position: absolute; inset: 0; z-index: 3; display: flex; justify-content: center; align-items: center; border-radius: inherit; background: #fafafa; color: #2b2b2b; clip-path: ellipse(80% 50% at 50% 152%); transition: clip-path .6s cubic-bezier(.19,1,.22,1); }
.icp-button__hover > span { position: relative; transform: translateY(.5em); transition: transform .8s cubic-bezier(.23,1,.32,1); }
.icp-button__hover > span::before,.icp-button__hover > span::after { content: attr(data-text); display: block; transition: clip-path 1s cubic-bezier(.23,1,.32,1); }
.icp-button__hover > span::before { position: absolute; inset: 0; clip-path: inset(0); color: #ff6b90; }
.icp-button__hover > span::after { clip-path: inset(100% 0 0); }
.icp-button--large { font-size: 16px; font-weight: 400; }
.icp-button--large .icp-button__outer { height: 48px; padding: 16px 48px; border-radius: 999px; }
.icp-button:active { transform: translateY(1px); }
.icp :focus-visible { outline: 2px solid #ff6b90; outline-offset: 3px; }
.icp-demo__caption { margin: 0; padding: 0 48px 24px; color: #656565; font: 12px/1.4 "ICP Montreal",sans-serif; }
@media (hover:hover) {
  .icp-button:hover .icp-button__outer::before { clip-path: inset(0 0 110%); transition: clip-path .8s cubic-bezier(.86,0,.07,1); }
  .icp-button:hover .icp-button__inner > span { transform: translateY(-.75em); transition: transform .4s cubic-bezier(.55,-.61,.73,.04); }
  .icp-button:hover .icp-button__hover { clip-path: ellipse(100% 70% at 50% 50%); transition: clip-path .8s cubic-bezier(.86,0,.07,1); }
  .icp-button:hover .icp-button__hover > span { transform: translateY(0); transition: transform .8s cubic-bezier(.19,1,.22,1) .35s; }
  .icp-button:hover .icp-button__hover > span::before { clip-path: inset(0 0 100%); transition: clip-path .6s cubic-bezier(.19,1,.22,1) .35s; }
  .icp-button:hover .icp-button__hover > span::after { clip-path: inset(0); transition: clip-path .6s cubic-bezier(.19,1,.22,1) .35s; }
}
@media (max-width:987px) {
  .icp-layout { display: block; }
  .icp-intro { margin-bottom: 48px; }
  .icp-intro h2 { max-width: none; }
  .icp-intro p { max-width: 400px; text-wrap: balance; }
  .icp-recurring__heading { grid-column: 1/-1; }
}
@media (max-width:767px) {
  .icp { padding: 40px 24px 72px; }
  .icp-results { flex-direction: column; }
  .icp-result { align-items: center; }
}
@media (max-width:576px) {
  .icp { padding: 32px 16px 72px; }
  .icp-intro h2 { font-size: 48px; }
  .icp-toggle { width: 100%; margin-bottom: 16px; }
  .icp-toggle button { flex: 1; min-width: 0; }
  .icp-surface { padding: 24px; }
  .icp h3 { font-size: 28px; }
  .icp-recurring { grid-template-columns: 1fr; gap: 16px; }
  .icp-plan { grid-row: auto; }
  .icp-result-content { padding-top: 16px; }
  .icp-results { gap: 16px; margin-bottom: 16px; }
  .icp-result-action { padding: 0; }
  .icp-hint { top: calc(100% + 16px); }
  .icp-demo__caption { padding: 0 16px 24px; }
}
@media (prefers-reduced-motion:reduce) {
  .icp *, .icp *::before,.icp *::after { transition: none !important; }
}

}
@font-face { font-family: "Throttle Belanosima"; src: url("../../original-block-pages-20261030/assets/b065482e49bd9bb5bcdb.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Throttle Belanosima"; src: url("../../original-block-pages-20261030/assets/1bf0280a72826b0c32d4.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Throttle Inter"; src: url("../../original-block-pages-20261030/assets/db2007cac3f584270307.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Throttle Inter"; src: url("../../original-block-pages-20261030/assets/6906c67c75ca4ab456b4.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@scope (.original-5173) to (.original-5198, .original-5186) {




.throttle-contact-demo { order: 82; padding: 50px 0 0; background: #fff; scroll-margin-top: 72px; }
.throttle-contact { position: relative; isolation: isolate; display: flex; align-items: stretch; gap: 30px; width: min(100%,1280px); min-height: 600px; margin: auto; padding: 5% 0; border-radius: 50px; background: #242724; color: #f0f0f0; font-family: "Throttle Inter",sans-serif; }
.throttle-contact__background { position: absolute; inset: 0 auto 0 0; z-index: -2; width: 50%; border-radius: inherit; overflow: clip; pointer-events: none; }
.throttle-contact__background svg { display: block; width: 100%; height: 100%; }
.throttle-contact::before { position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: linear-gradient(180deg,rgb(0 0 0 / .72),rgb(0 0 0 / .48) 45%,rgb(0 0 0 / .12)); pointer-events: none; content: ""; }
.throttle-contact *, .throttle-contact *::before, .throttle-contact *::after { box-sizing: border-box; }
.throttle-contact__copy { flex: 1 1 50%; min-width: 0; padding: 30px 5% 0; }
.throttle-contact__copy h2 { margin: 0 0 30px; color: #f0f0f0; font: 700 48px/48px "Throttle Belanosima",sans-serif; transition: opacity 1.25s ease, transform 1.25s ease; }
.throttle-contact__description { color: #f0f0f0; font: 400 18px/18px "Throttle Inter",sans-serif; transition: opacity 2s ease; }
.throttle-contact__description p { margin: 0 0 16px; }
.throttle-contact__copy[data-visible="false"] h2 { opacity: 0; transform: translateY(100%); }
.throttle-contact__copy[data-visible="false"] .throttle-contact__description { opacity: 0; }
.throttle-contact__form { flex: 1 1 50%; min-width: 0; align-self: stretch; margin: 0 50px 0 0; padding: 15px 15px 30px; border-radius: 15px; background: #f7f2eb; color: #000; }
.throttle-contact__field { display: flex; flex-direction: column; margin-bottom: 12px; }
.throttle-contact__field label { display: block; margin: 0; padding: 0; font: 600 18px/18px "Throttle Belanosima",sans-serif; cursor: pointer; }
.throttle-contact__field label span { padding-left: .2em; color: red; }
.throttle-contact__field input,.throttle-contact__field textarea { width: 100%; max-width: 100%; min-height: 40px; padding: 5px 14px; border: 1px solid #69727d; border-radius: 3px; background: #fff; color: #1f2124; font: 400 15px/1.4 "Throttle Inter",sans-serif; }
.throttle-contact__field textarea { min-height: 138px; resize: vertical; }
.throttle-contact__field input:focus,.throttle-contact__field textarea:focus { box-shadow: inset 0 0 0 1px rgb(0 0 0 / .1); outline: 0; }
.throttle-contact__submit { width: 50%; }
.throttle-contact__submit button { display: block; width: 100%; min-height: 40px; padding: 15px 30px; border: 1px solid #000; border-radius: 25px; background: #fff; color: #000; font: 500 18px/1 "Throttle Inter",sans-serif; cursor: pointer; transition: background-color .3s, border-radius .3s; }
.throttle-contact__submit button:hover,.throttle-contact__submit button:focus { border-radius: 30px; background: #e3e0ac; }
.throttle-contact__submit button:focus-visible { outline: 2px solid #000; outline-offset: -2px; }
.throttle-contact-demo__caption { max-width: 1280px; margin: 0 auto; padding: 16px 24px 24px; color: #656565; font: 12px/1.4 "Throttle Inter",sans-serif; }
@media (max-width:1024px) {
  .throttle-contact { flex-direction: column; justify-content: center; width: 95%; padding: 10% 5%; background-position: center; }
  .throttle-contact__copy { flex: none; padding: 30px 0 0; }
  .throttle-contact__copy h2 { font-size: 40px; }
  .throttle-contact__form { flex: none; margin-right: 0; }
  .throttle-contact__background { width: 100%; }
}
@media (max-width:767px) {
  .throttle-contact { width: 100%; padding: 0 5% 15%; border-radius: 0; }
  .throttle-contact__copy h2 { font-size: 32px; line-height: 32px; }
}
@media (prefers-reduced-motion:reduce) {
  .throttle-contact__copy h2,.throttle-contact__description,.throttle-contact__submit button { transition: none; }
  .throttle-contact__copy[data-visible="false"] h2 { opacity: 1; transform: none; }
  .throttle-contact__copy[data-visible="false"] .throttle-contact__description { opacity: 1; }
}

}
@font-face{font-family:Oct18DIN;src:url("../../original-block-pages-20261030/assets/e0830ced850f8cb203ad.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Oct18DIN;src:url("../../original-block-pages-20261030/assets/50bb98d05c68c4da3b1e.woff2") format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Oct18DBHead;src:url("../../original-block-pages-20261030/assets/8086f37b2fef5219c0b4.woff2") format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:Oct18DBSans;src:url("../../original-block-pages-20261030/assets/bc25addd219ee127babf.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Oct18Delivery;src:url("../../original-block-pages-20261030/assets/2a2dc315ce559a3636bc.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Oct18Delivery;src:url("../../original-block-pages-20261030/assets/4d5879466a996b0bc74a.woff2") format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Oct18DeliveryHead;src:url("../../original-block-pages-20261030/assets/ccdf7761ca4d7eaa78f7.woff2") format('woff2');font-weight:800;font-display:swap}
@scope (.original-5173) to (.original-5198, .original-5186) {







.oct18-archive{order:83;background:#fff;min-width:0;scroll-margin-top:60px}
.oct18-archive .date-marker{margin:0;border-bottom:0}
.oct18-index{display:flex;gap:8px;flex-wrap:wrap;padding:0 32px 32px;justify-content:center}
.oct18-index a{color:#284d3a;border:1px solid #ccd7cf;border-radius:20px;padding:8px 16px;text-decoration:none;font-size:14px}
.oct18-example{scroll-margin-top:64px;min-width:0}
.oct18-source{display:flex;justify-content:space-between;gap:16px;padding:24px 32px;background:#f2f5f2;border-top:1px solid #dce3dd;color:#59635c;font:12px/1.5 ui-monospace,monospace}
.oct18-source a{color:inherit;text-decoration:none}.oct18-source a:hover{text-decoration:underline}
.oct18-archive :is(h2,h3,p,figure){margin:0}.oct18-archive a:focus-visible{outline:3px solid #438dff;outline-offset:5px}
.tp-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1280px;margin:56px auto;padding:64px 40px;border-radius:24px;background:#b2f8cc;color:#101b14;font-family:Arial,sans-serif}
.tp-about h2{font-size:32px;line-height:1.3;font-weight:800;letter-spacing:-1px}.tp-about p{margin:12px 0 24px;font-size:18px;line-height:1.4}
.tp-about__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #101b14;border-radius:24px;padding:12px 16px;background:#101b14;color:white;text-decoration:none;font:600 14px/1.3 Arial,sans-serif;transition:background-color .2s}
.tp-about__button:hover{background:#2c3f32}.tp-about__report{display:flex;align-items:center;gap:16px;border:1px solid #00b67a;border-radius:16px;padding:24px;background:#005128;color:#fff}
.tp-about__report h3{font:600 18px/1.4 Arial,sans-serif}.tp-about__report p{font-size:16px;margin:8px 0 16px}.tp-about__report img{flex:none;width:108px;height:108px;object-fit:contain}
.tp-about__button--outline{background:transparent;border-color:#fff;font-weight:400}.tp-about__button--outline:hover{background:#ffffff20}
.pons-editorial{max-width:1024px;margin:auto;padding:48px 16px 64px;color:#090909;background:white;font-family:Arial,sans-serif}
.pons-editorial article{display:flex;align-items:center;gap:32px;padding:16px;margin-bottom:64px}.pons-editorial article:last-child{flex-direction:row-reverse;margin-bottom:0}
.pons-editorial article>img{display:block;width:calc(50% - 16px);height:auto;object-fit:contain}.pons-editorial article>div{flex:1;max-width:464px}
.pons-editorial h2{font:700 32px/1.15 Georgia,serif}.pons-editorial p{margin-top:16px;font-size:16px;line-height:1.5}.pons-editorial__mobile-title{display:none}
.skiers-community{background:#e5e5dc;color:#000;padding:128px max(32px,calc((100% - 1200px)/2)) 80px;font-family:Oct18DIN,Arial,sans-serif}
.skiers-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.skiers-community h2{text-align:right;color:#bf9c50;font:700 72px/1.06 Oct18DIN,Arial,sans-serif;letter-spacing:-2px}
.skiers-columns p{font:400 30px/1.15 Oct18DIN,Arial,sans-serif}.skiers-actions{display:flex;gap:30px;justify-content:center;margin-top:96px}
.skiers-actions a,.skiers-business a{display:inline-flex;justify-content:center;align-items:center;padding:20px 24px;min-width:248px;min-height:66px;text-decoration:none;font-size:20px;transition:background .25s,color .25s,box-shadow .25s}
.skiers-actions a:first-child{background:#000;color:#bf9c50}.skiers-actions a:last-child{border:4px solid #000;color:#000;padding:16px 20px}.skiers-actions a:hover{background:#bf9c50;color:#000}
.skiers-business{background:#000;color:#e5e5dc;padding:96px max(32px,calc((100% - 1200px)/2));font-family:Oct18DIN,Arial,sans-serif}
.skiers-business h2{font:700 82px/1.05 Oct18DIN,Arial,sans-serif;letter-spacing:-2px}.skiers-business a{margin-top:36px;background:#bf9c50;color:#000;min-width:0}.skiers-business a:hover{box-shadow:0 0 40px #bf9c5060;background:#d1af64}
[data-ski-reveal]{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}[data-ski-reveal][data-revealed=true]{opacity:1;transform:none}
.mobile-offers{background:#101014;color:#e8e8ee;padding:0 max(24px,calc((100% - 968px)/2));font-family:Arial,sans-serif}.mobile-offers>div{display:grid;grid-template-columns:1fr 1fr;gap:44px 32px;background:#1b1b21;border-inline:1px solid #2d2d33;padding:48px}
.mobile-offers h3{font-size:16px;line-height:1.4;font-weight:700}.mobile-offers p{margin:16px 0;font-size:14px;line-height:1.4}.mobile-offers a{color:inherit;font-size:14px;text-underline-offset:2px}.mobile-offers a:hover{color:#ff6600}
.bahn-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1152px;margin:auto;padding:40px 16px;color:#282d37;font-family:Oct18DBSans,Arial,sans-serif}
.bahn-offers article{min-width:0}.bahn-offers a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.bahn-offers img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin-bottom:32px}
.bahn-offers h3{font:900 18px/1.2 Oct18DBHead,Arial,sans-serif}.bahn-offers p{font-size:16px;line-height:1.5;margin:16px 0}.bahn-offers span{margin-top:auto;padding-top:8px;font-size:16px;line-height:1.5}.bahn-offers b{display:inline-block;font:400 28px/16px Arial,sans-serif;vertical-align:-2px;color:#c50020;margin-right:8px}
.bahn-offers a:hover span{text-decoration:underline;color:#b90020}
.aws-cloud{position:relative;display:flex;align-items:center;min-height:580px;padding:80px max(32px,calc((100% - 1200px)/2 + 64px));background:#25808d url("../../original-block-pages-20261030/assets/011b0b5afeb58cc7cd12.png") center/cover no-repeat;color:#232b36;font-family:Arial,sans-serif}
.aws-cloud>div{width:min(488px,52%);padding:40px;background:#ffffffb3;backdrop-filter:blur(8px);border-radius:8px}.aws-cloud h2{font-size:32px;line-height:1.2;font-weight:700}.aws-cloud p{font-size:18px;line-height:1.45;margin:16px 0 32px}
.aws-cloud a{display:inline-flex;border-radius:28px;padding:14px 26px;background:#232b36;color:#fff;font:700 14px/1.2 Arial,sans-serif;text-decoration:none;transition:background .2s}.aws-cloud a:hover{background:#3b4658}
.linkedin-discovery{overflow:hidden;background:#f3f2ef;font-family:Arial,sans-serif;color:#191919}.linkedin-discovery__inner{max-width:1128px;height:720px;margin:auto;position:relative;display:flex;align-items:center}
.linkedin-discovery__copy{width:50%;flex:none;padding-right:24px;position:relative;z-index:1}.linkedin-discovery h2{font-size:40px;line-height:1.25;font-weight:400;color:#b24020}.linkedin-discovery p{font-size:40px;line-height:1.25;margin:8px 0 40px;font-weight:300}
.linkedin-discovery nav{display:grid;gap:16px;max-width:408px}.linkedin-discovery nav a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;background:#eae6df;color:#191919;padding:16px;text-decoration:none;font-size:20px;line-height:1.4}.linkedin-discovery nav a:hover{background:#e1dad0}.linkedin-discovery nav span{font-size:32px;font-weight:300}
.linkedin-discovery__inner>img{width:840px;height:840px;object-fit:contain;flex:none;margin-left:48px;clip-path:circle(50%)}
.dhl-business{padding:40px max(24px,calc((100% - 1096px)/2));background:#191919;color:#fff;font:400 16px/24px Oct18Delivery,Verdana,sans-serif;text-align:center}
.dhl-business h2{font:800 34px/1.2 Oct18DeliveryHead,Arial,sans-serif;margin-bottom:28px}.dhl-business>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;text-align:left}
.dhl-business article{padding:24px;background:#202020;border-radius:0 0 8px 8px}.dhl-business h3{font:800 24px/30px Oct18DeliveryHead,Arial,sans-serif}.dhl-business h3 a{color:inherit;text-decoration:none}.dhl-business h3 a:hover{text-decoration:underline}.dhl-business p{margin-top:4px}
.dhl-business__cta{display:inline-block;background:#d40511;border-radius:3px;margin-top:40px;padding:8px 12px;color:white;font-weight:700;font-size:16px;line-height:20px;text-decoration:none}.dhl-business__cta:hover{background:#a9040e}
@media(max-width:1300px){.tp-about{margin:48px 32px}.linkedin-discovery__inner{margin-inline:5%}}
@media(max-width:900px){.tp-about{gap:24px;padding:40px 24px}.tp-about__report{flex-direction:column-reverse;align-items:flex-start}.skiers-community{padding-top:72px}.skiers-community h2{font-size:50px}.skiers-business h2{font-size:60px}.skiers-columns p{font-size:24px}.linkedin-discovery p{font-size:30px}.linkedin-discovery h2{font-size:32px}.aws-cloud>div{width:65%}}
@media(max-width:767px){
  .oct18-source{padding:20px 16px}.oct18-source time{white-space:nowrap}.oct18-index{padding-inline:16px}
  .tp-about{margin:24px 16px;grid-template-columns:1fr;padding:32px 24px}.tp-about h2{font-size:28px}.tp-about__report{flex-direction:row;align-items:center}.tp-about__report img{width:72px;height:72px}.tp-about__report{padding:20px;gap:12px}
  .pons-editorial{padding:40px 16px}.pons-editorial article,.pons-editorial article:last-child{flex-direction:column;padding:0;gap:24px;margin-bottom:56px}.pons-editorial article>img{width:min(100%,480px)}.pons-editorial article>div h2{display:none}.pons-editorial__mobile-title{display:block;text-align:center}.pons-editorial h2{font-size:26px}.pons-editorial p{margin:0}
  .skiers-columns{grid-template-columns:1fr;gap:32px}.skiers-community{padding:64px 24px}.skiers-community h2{text-align:left;font-size:46px;letter-spacing:-1px}.skiers-columns p{font-size:24px;line-height:1.25}.skiers-actions{flex-direction:column;gap:16px;margin-top:40px}.skiers-business{padding:64px 24px}.skiers-business h2{font-size:60px}.skiers-business a{margin-top:28px}
  .mobile-offers{padding:0 16px}.mobile-offers>div{grid-template-columns:1fr;padding:32px 24px;gap:40px}
  .bahn-offers{grid-template-columns:1fr;padding:32px 24px;gap:48px}.bahn-offers img{max-width:420px;align-self:center;margin-bottom:16px}.bahn-offers p{margin:12px 0}.bahn-offers span{padding-top:4px}
  .aws-cloud{padding:32px 24px 260px;min-height:0;background-position:right bottom;background-size:auto 260px}.aws-cloud>div{width:100%;padding:28px 24px}.aws-cloud h2{font-size:28px}.aws-cloud p{font-size:16px;margin-bottom:24px}.aws-cloud a{padding-inline:18px}
  .linkedin-discovery{background:#f3f2ef}.linkedin-discovery__inner{height:auto;margin:0;padding:64px 24px}.linkedin-discovery__copy{width:100%;padding:0}.linkedin-discovery__inner>img{display:none}.linkedin-discovery p{font-size:30px;line-height:1.25}.linkedin-discovery nav{max-width:none}.linkedin-discovery nav a{font-size:18px}
  .dhl-business{padding:40px 24px}.dhl-business h2{font-size:28px}.dhl-business>div{grid-template-columns:1fr;gap:24px}.dhl-business__cta{margin-top:32px}
}
@media(prefers-reduced-motion:reduce){[data-ski-reveal]{opacity:1;transform:none;transition:none}.oct18-archive a{transition:none}}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.blr-editorial-visual{position:relative;isolation:isolate;flex:0 0 calc(50% - 16px);width:calc(50% - 16px);aspect-ratio:1.12;perspective:1000px;margin:0}
.blr-editorial-visual__frame{position:absolute;inset:auto 0 0;width:100%;height:80%;object-fit:fill;z-index:0;pointer-events:none}
.blr-editorial-visual__girl{position:absolute;inset:0 10% 0;z-index:1;border-radius:0;background:transparent;box-shadow:none;overflow:visible;clip-path:inset(-30% -35% 0)}
.blr-editorial-visual__girl::before{display:none}
.blr-editorial-visual__girl>img{inset:auto 0 0;width:100%;height:auto;max-height:116%;object-fit:contain;object-position:bottom;z-index:0;transform-origin:50% 75%}
.blr-editorial-visual__girl:is(:hover,:focus-visible)>img{transform:scale(1.08) rotate(3deg)}
.blr-editorial-visual__girl:focus-visible{outline:2px solid #216b50;outline-offset:4px}
.blr-editorial-float{position:absolute;z-index:2;animation:blr-editorial-float 8s ease-in-out infinite alternate;will-change:transform}
.blr-editorial-float>img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 10px #17392c25)}
.blr-editorial-float--iris{left:-2%;top:8%;width:33%;animation-delay:-2s;animation-duration:7.2s;transform-origin:80% 80%}
.blr-editorial-float--iris .iris-scanner{border-radius:12px;box-shadow:0 8px 20px #17392c26}
.blr-editorial-float--iris .iris-scanner__web{stroke-width:5.5;stroke-opacity:.9}
.blr-editorial-float--iris .iris-scanner__corners{stroke-width:12}
.blr-editorial-float--camera{left:-3%;bottom:13%;width:35%;animation-duration:8.1s;animation-delay:-4.7s}
.blr-editorial-float--photos{right:-1%;top:11%;width:27%;animation-delay:-1.5s;animation-duration:9.3s}
.blr-editorial-float--certificate{right:-1%;bottom:5%;width:24%;animation-delay:-3.5s;animation-duration:8.7s}
.blr-editorial-float--certificate .aqua-certificate-scene{width:100%}
.blr-editorial-float--certificate .aqua-certificate{border-radius:10px;box-shadow:0 12px 24px #17392c35}
.blr-editorial-float--certificate .aqua-certificate__rim{border-radius:8px;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);box-shadow:2px 0 1px 2px #1f5c5330}
.blr-editorial-visual--medical{aspect-ratio:1.12}
.blr-editorial-visual__defs{position:absolute;width:0;height:0;overflow:hidden}
.blr-editorial-visual__medical-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0;pointer-events:none}
.blr-medical-item{position:absolute;z-index:1;animation:blr-editorial-float var(--float-duration) ease-in-out var(--float-delay) infinite alternate;filter:drop-shadow(0 8px 8px #133b2725);will-change:transform}
.blr-medical-item svg{display:block;width:100%;height:auto;overflow:hidden}
.blr-medical-item--kit{width:72%;left:14%;top:30%;z-index:2}
.blr-medical-item--scissors{width:30%;left:0;top:15%}
.blr-medical-item--plasters{width:20%;right:5%;top:8%;z-index:3}
.blr-medical-item--bandage{width:29%;left:35%;top:10%}
.blr-medical-item--coldpack{width:27%;right:-4%;top:37%;z-index:3}
.blr-medical-item--gauze{width:16%;left:1%;bottom:9%;z-index:3}
.blr-medical-item--tape{width:17%;right:5%;bottom:3%;z-index:3}
@keyframes blr-editorial-float{from{transform:translate3d(-3px,-7px,8px) rotateX(-2deg) rotateY(3deg) rotateZ(-3deg)}to{transform:translate3d(4px,8px,16px) rotateX(3deg) rotateY(-3deg) rotateZ(3deg)}}
@media(max-width:767px){.pons-editorial .blr-editorial-visual{flex:none;width:min(100%,480px);margin:12px auto 0}.pons-editorial .blr-editorial-visual--licence{margin-top:clamp(68px,20vw,90px)}.blr-editorial-float--iris{left:0}.blr-editorial-float--camera{left:0}.blr-editorial-float--photos{right:0}.blr-editorial-float--certificate{right:0}.blr-medical-item--coldpack{right:0}.blr-medical-item--scissors{left:2%}}
@media(prefers-reduced-motion:reduce){.blr-editorial-float,.blr-medical-item{animation:none;will-change:auto}.blr-editorial-visual__girl,.blr-editorial-visual__girl>img{transition:none}.blr-editorial-visual__girl:is(:hover,:focus-visible),.blr-editorial-visual__girl:is(:hover,:focus-visible)>img{transform:none}}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
.blr-text-offer{overflow:hidden;background:#fff;color:#17211f;font-family:Arial,"Segoe UI",sans-serif}
.blr-text-offer__inner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;width:85%;margin:0 5% 0 10%;padding:48px 0}
.blr-text-offer__copy{position:relative;z-index:2;min-width:0}
.blr-text-offer h2{margin:0 0 28px;font-size:clamp(26px,2.6vw,36px);line-height:1.12;letter-spacing:-.035em;font-weight:700;color:#17211f}
.blr-text-offer__body{display:grid;gap:18px}
.blr-text-offer p{margin:0;font-size:16px;line-height:1.6}
.blr-text-offer__visual{position:relative;isolation:isolate;display:grid;align-items:center;min-width:0}
.blr-text-offer__visual::before{content:"";position:absolute;z-index:-1;inset:-12% -60% -12% 10%;background:linear-gradient(135deg,#bde86c,#95bf30 55%,#006d00);box-shadow:-14px 0 0 #95bf3020,-28px 0 0 #95bf3010;transform:skew(-12deg,-7deg);transition:transform 400ms cubic-bezier(.2,.7,.2,1)}
.blr-text-offer__visual img{display:block;width:180%;max-width:none;height:auto;margin-left:-80%;object-fit:contain;filter:drop-shadow(0 16px 15px #17211f20);transition:transform 350ms ease}
@media(hover:hover){.blr-text-offer__inner:hover .blr-text-offer__visual img{transform:scale(1.06)}.blr-text-offer__inner:hover .blr-text-offer__visual::before{transform:skew(-12deg,-7deg) translateX(-4px)}}
@media(max-width:980px){.blr-text-offer__inner{width:calc(100% - 48px);margin-inline:auto;padding:32px 0;gap:20px}}
@media(max-width:640px){.blr-text-offer__inner{grid-template-columns:1fr;width:calc(100% - 40px);padding:28px 0;gap:32px}.blr-text-offer__visual::before{inset:0 -35% -40% 5%}.blr-text-offer__visual{min-height:190px}.blr-text-offer h2{font-size:28px;margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.blr-text-offer__visual img,.blr-text-offer__visual::before{transition:none}.blr-text-offer__inner:hover .blr-text-offer__visual img{transform:none}.blr-text-offer__inner:hover .blr-text-offer__visual::before{transform:skew(-12deg,-7deg)}}

}

@scope (.original-5173) to (.original-5198, .original-5186) {
:scope {
  font-family: "Avenir Next", Avenir, "Segoe UI Variable", "Segoe UI", sans-serif;
  color: #1b201d;
  background: #edf0ed;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --page-text: #1b201d;
  --page-muted: #59615b;
  --page-surface: #edf0ed;
  --card-edge: #3c4941;
  --focus: #356d50;
  --radius: 1rem;
  --section-soft: #e3e9e5;
  --section-mist: #f5f7f5;
}

* {
  box-sizing: border-box;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

:scope {
  min-width: 20rem;
  background: var(--page-surface);
}

:scope {
  min-width: 20rem;
  min-height: 100dvh;
  margin: 0;
  background:
    radial-gradient(circle at 76% 12%, rgb(75 108 86 / 0.11), transparent 30rem),
    var(--page-surface);
}

.library {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.date-archive {
  order: 0;
  position: sticky;
  z-index: 100;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.65rem 1rem;
  border-bottom: 1px solid rgb(26 34 29 / 0.12);
  background: rgb(242 245 242 / 0.88);
  backdrop-filter: blur(18px);
}

.date-archive span {
  margin-right: 0.75rem;
  color: #5d665f;
  font: 750 0.68rem/1 ui-monospace, monospace;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.date-archive a {
  border-radius: 999px;
  padding: 0.48rem 0.7rem;
  color: #1d231f;
  font: 720 0.75rem/1 ui-monospace, monospace;
  text-decoration: none;
  transition: color 180ms ease, background 180ms ease;
}

.date-archive a:hover,
.date-archive a:focus-visible {
  background: #1e2521;
  color: #fff;
  outline: none;
}

.date-marker {
  scroll-margin-top: 4rem;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  gap: clamp(1rem, 4vw, 4rem);
  padding: clamp(3.5rem, 7vw, 7rem) max(1.5rem, calc((100vw - 78rem) / 2));
  border-top: 1px solid rgb(27 35 30 / 0.15);
  background: #171c19;
  color: #f3f5f2;
}

.date-marker time {
  color: #cbe95c;
  font: 750 0.78rem/1 ui-monospace, monospace;
  letter-spacing: 0.12em;
}

.date-marker h2 {
  margin: 0;
  font-size: clamp(2rem, 5vw, 5rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
}

.date-marker--0831 { order: 10; }
.date-marker--0902 { order: 20; }
.date-marker--0903 { order: 30; }
.date-marker--0908 { order: 40; }

.showcase,
.reference-demo--parallax,
.reference-demo--trace,
.reference-demo--borders,
.reference-demo--siblings,
.reference-demo--premium-nav,
.reference-demo--fluid,
.customer-demo,
.depth-demo,
.popout-demo,
.plasticity-demo,
.navigation-demo,
.email-tabs-demo { order: 11; }

.premium-upgrades-demo,
.icon-card-demo,
.profile-card-demo,
.editorial-feature-demo,
.media-intro-demo,
.diagonal-divider { order: 21; }

.floating-testimonials-demo,
.reference-demo--photo-scan,
.branch-map-demo { order: 31; }

.email-notification-demo,
.google-reviews-demo { order: 41; }

.s21 { order: 51; }

@media (max-width: 620px) {
  .date-archive {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .date-archive span {
    display: none;
  }

  .date-marker {
    grid-template-columns: 1fr;
  }
}

button,
input,
textarea,
select {
  font: inherit;
}

.showcase {
  display: grid;
  grid-template-columns: minmax(16rem, 0.7fr) minmax(24rem, 1.3fr);
  align-items: center;
  gap: clamp(3rem, 8vw, 9rem);
  width: min(100% - 3rem, 78rem);
  min-height: 100dvh;
  margin-inline: auto;
  padding-block: clamp(3rem, 8vw, 7rem);
}

.showcase__intro {
  align-self: start;
  padding-top: clamp(0rem, 9vw, 7rem);
}

.showcase__index {
  margin: 0 0 1.25rem;
  color: var(--focus);
  font-size: 0.74rem;
  font-weight: 720;
  letter-spacing: 0.14em;
}

.showcase h1,
.customer-demo h2,
.depth-demo h2,
.popout-demo h2,
.plasticity-demo h2,
.navigation-demo h2,
.email-tabs-demo h2 {
  max-width: 10ch;
  margin: 0;
  color: var(--page-text);
  font-size: clamp(2.8rem, 6vw, 5.6rem);
  font-weight: 670;
  letter-spacing: -0.065em;
  line-height: 0.94;
  text-wrap: balance;
}

.showcase__intro > p:last-child {
  max-width: 28rem;
  margin: 2rem 0 0;
  color: var(--page-muted);
  font-size: 1.05rem;
  line-height: 1.6;
  text-wrap: pretty;
}

.customer-demo,
.depth-demo,
.popout-demo,
.plasticity-demo,
.navigation-demo,
.email-tabs-demo {
  display: flex;
  min-height: 82dvh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(3rem, 7vw, 6.5rem);
  width: min(100% - 2rem, 78rem);
  margin-inline: auto;
  padding-block: clamp(5rem, 10vw, 9rem);
  border-top: 1px solid color-mix(in srgb, var(--page-muted), transparent 78%);
  text-align: center;
}

.customer-demo__copy,
.depth-demo__copy,
.popout-demo__copy,
.plasticity-demo__copy,
.navigation-demo__copy,
.email-tabs-demo__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.customer-demo h2,
.depth-demo h2,
.popout-demo h2,
.plasticity-demo h2,
.navigation-demo h2,
.email-tabs-demo h2 {
  max-width: 12ch;
}

.customer-demo__copy p,
.depth-demo__copy p,
.popout-demo__copy p,
.plasticity-demo__copy p,
.navigation-demo__copy p,
.email-tabs-demo__copy p {
  max-width: 35rem;
  margin: 1.75rem 0 0;
  color: var(--page-muted);
  font-size: 1.05rem;
  line-height: 1.6;
  text-wrap: pretty;
}

.depth-demo,
.popout-demo,
.plasticity-demo,
.navigation-demo,
.email-tabs-demo {
  border-top: 1px solid color-mix(in srgb, var(--page-muted), transparent 78%);
}

.popout-demo__stage {
  display: grid;
  width: min(100%, 47rem);
  min-height: 34rem;
  place-items: center;
  padding: clamp(3rem, 8vw, 6rem);
  border-radius: var(--radius);
  background: #e7eaec;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.7);
}

.plasticity-demo__stage {
  display: grid;
  width: min(100%, 47rem);
  min-height: 30rem;
  place-items: center;
  padding: clamp(3rem, 8vw, 6rem);
  border: 1px solid rgb(255 255 255 / 0.05);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 50% 58%, rgb(69 73 70 / 0.18), transparent 40%),
    #181a19;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.035);
}

.navigation-demo__stage {
  display: grid;
  width: min(100%, 62rem);
  min-height: 31rem;
  place-items: start center;
  padding: clamp(5rem, 10vw, 8rem) 1rem;
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 50% 28%, rgb(255 255 255 / 0.82), transparent 24rem),
    #e3e7e4;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.76);
}

.email-tabs-demo__stage {
  display: grid;
  width: min(100%, 62rem);
  min-height: 40rem;
  place-items: center;
  padding: clamp(3rem, 8vw, 6rem) 1rem;
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 48% 42%, rgb(75 108 86 / 0.11), transparent 25rem),
    color-mix(in srgb, var(--page-surface), var(--page-text) 3%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--page-text), transparent 92%);
}

.branch-map-demo {
  display: flex;
  min-height: 100dvh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(3rem, 7vw, 5.5rem);
  width: min(100% - 2rem, 86rem);
  margin-inline: auto;
  padding-block: clamp(5rem, 10vw, 9rem);
  border-top: 1px solid color-mix(in srgb, var(--page-muted), transparent 78%);
}

.floating-testimonials-demo {
  width: 100%;
  padding-block: clamp(5rem, 10vw, 9rem);
  border-top: 1px solid color-mix(in srgb, var(--page-muted), transparent 78%);
}

.google-reviews-demo {
  width: 100%;
  padding-block: clamp(5rem, 10vw, 9rem);
  border-top: 1px solid color-mix(in srgb, var(--page-muted), transparent 78%);
  background: #0b0f0c;
}

.premium-upgrades-demo {
  display: flex;
  min-height: 100dvh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(3rem, 7vw, 5.5rem);
  width: min(100% - 2rem, 78rem);
  margin-inline: auto;
  padding-block: clamp(5rem, 10vw, 9rem);
  border-top: 1px solid color-mix(in srgb, var(--page-muted), transparent 78%);
}

.premium-upgrades-demo__copy {
  display: flex;
  width: min(100%, 68rem);
  flex-direction: column;
  align-items: flex-start;
}

.premium-upgrades-demo h2 {
  max-width: 12ch;
  margin: 0;
  color: var(--page-text);
  font-size: clamp(2.8rem, 6vw, 5.6rem);
  font-weight: 670;
  letter-spacing: -0.065em;
  line-height: 0.94;
  text-wrap: balance;
}

.premium-upgrades-demo__copy p {
  max-width: 38rem;
  margin: 1.75rem 0 0;
  color: var(--page-muted);
  font-size: 1.05rem;
  line-height: 1.6;
  text-wrap: pretty;
}

.branch-map-demo__copy {
  display: flex;
  width: min(100%, 78rem);
  flex-direction: column;
  align-items: flex-start;
}

.branch-map-demo h2 {
  max-width: 15ch;
  margin: 0;
  color: var(--page-text);
  font-size: clamp(2.8rem, 6vw, 5.6rem);
  font-weight: 670;
  letter-spacing: -0.065em;
  line-height: 0.94;
  text-wrap: balance;
}

.branch-map-demo__copy p {
  max-width: 38rem;
  margin: 1.75rem 0 0;
  color: var(--page-muted);
  font-size: 1.05rem;
  line-height: 1.6;
  text-wrap: pretty;
}

.customer-demo__stage {
  display: grid;
  width: min(100%, 51rem);
  min-height: 17rem;
  place-items: center;
  padding: clamp(2rem, 6vw, 4.5rem);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 50% 38%, rgb(68 120 84 / 0.17), transparent 58%),
    color-mix(in srgb, var(--page-surface), var(--page-text) 3%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--page-text), transparent 90%);
}

.icon-card-demo,
.profile-card-demo,
.editorial-feature-demo,
.media-intro-demo {
  width: 100%;
}

.icon-card-demo {
  min-height: 82dvh;
  display: grid;
  align-items: center;
  padding-block: clamp(5rem, 10vw, 9rem);
  background: var(--page-surface);
}

.icon-card-demo__inner,
.profile-card-demo__inner {
  width: min(100% - 2rem, 72rem);
  display: grid;
  grid-template-columns: minmax(17rem, 0.8fr) minmax(22rem, 1.2fr);
  align-items: center;
  gap: clamp(3rem, 8vw, 8rem);
  margin-inline: auto;
}

.icon-card-demo__copy h2,
.profile-card-demo__copy h2 {
  max-width: 11ch;
  margin: 0;
  color: var(--page-text);
  font-size: clamp(3rem, 6vw, 5.8rem);
  font-weight: 680;
  letter-spacing: -0.066em;
  line-height: 0.94;
  text-wrap: balance;
}

.icon-card-demo__copy p,
.profile-card-demo__copy p {
  max-width: 32rem;
  margin: 1.75rem 0 0;
  color: var(--page-muted);
  font-size: 1.05rem;
  line-height: 1.62;
  text-wrap: pretty;
}

.icon-card-demo__stage,
.profile-card-demo__stage {
  display: grid;
  place-items: center;
}

.profile-card-demo {
  min-height: 88dvh;
  display: grid;
  align-items: center;
  padding-block: clamp(5rem, 10vw, 9rem);
  background: var(--section-soft);
}

.profile-card-demo__inner {
  grid-template-columns: minmax(22rem, 1.15fr) minmax(17rem, 0.85fr);
}

.editorial-feature-demo {
  padding-block: clamp(6rem, 12vw, 10rem);
  background: var(--section-mist);
  --feature-surface: var(--section-mist);
}

.media-intro-demo {
  padding: clamp(2rem, 5vw, 4rem) 0 clamp(6rem, 12vw, 10rem);
  background: var(--page-surface);
}

.reference-demo {
  display: grid;
  grid-template-columns: minmax(16rem, 0.68fr) minmax(25rem, 1.32fr);
  align-items: center;
  gap: clamp(3rem, 7vw, 7rem);
  width: min(100% - 2rem, 78rem);
  min-height: 82dvh;
  margin-inline: auto;
  padding-block: clamp(5rem, 10vw, 9rem);
  border-top: 1px solid color-mix(in srgb, var(--page-muted), transparent 78%);
}

.reference-demo:nth-of-type(even) {
  grid-template-columns: minmax(25rem, 1.32fr) minmax(16rem, 0.68fr);
}

.reference-demo:nth-of-type(even) .reference-demo__copy {
  order: 2;
}

.reference-demo__copy h2 {
  max-width: 11ch;
  margin: 0;
  color: var(--page-text);
  font-size: clamp(2.8rem, 4vw, 4.8rem);
  font-weight: 680;
  letter-spacing: -0.064em;
  line-height: 0.94;
  text-wrap: balance;
}

.reference-demo__copy p {
  max-width: 31rem;
  margin: 1.75rem 0 0;
  color: var(--page-muted);
  font-size: 1.02rem;
  line-height: 1.62;
  text-wrap: pretty;
}

.reference-demo__stage {
  display: grid;
  min-width: 0;
  min-height: 34rem;
  place-items: center;
  padding: clamp(1rem, 3vw, 2rem);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 50% 46%, rgb(75 108 86 / 0.13), transparent 24rem),
    color-mix(in srgb, var(--page-surface), var(--page-text) 3%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--page-text), transparent 92%);
}

.reference-demo__stage--dark,
.reference-demo__stage--deep {
  background: #111512;
}

.reference-demo__stage--scan {
  min-height: 38rem;
  padding: clamp(1rem, 3vw, 2.25rem);
  background:
    radial-gradient(circle at 50% 48%, rgb(74 112 86 / 0.2), transparent 28rem),
    #101411;
}

.reference-demo__stage--nav {
  min-height: 30rem;
  place-items: start center;
  padding-top: clamp(5rem, 10vw, 8rem);
  background:
    radial-gradient(circle at 50% 28%, rgb(255 255 255 / 0.82), transparent 24rem),
    #e3e7e4;
}

@media (prefers-color-scheme: dark) {
  :scope {
    --page-text: #eff2ef;
    --page-muted: #abb4ad;
    --page-surface: #0c0e0d;
    --card-edge: #46524b;
    --focus: #85b59a;
    --section-soft: #141816;
    --section-mist: #101311;
  }

  :scope {
    background:
      radial-gradient(circle at 76% 12%, rgb(62 104 77 / 0.17), transparent 30rem),
      var(--page-surface);
  }

  .navigation-demo__stage {
    background:
      radial-gradient(circle at 50% 28%, rgb(62 72 66 / 0.22), transparent 24rem),
      #151816;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.045);
  }
}

@media (max-width: 52rem) {
  .showcase {
    grid-template-columns: 1fr;
    gap: 3rem;
    width: min(100% - 2rem, 44rem);
    padding-block: 3rem;
  }

  .showcase__intro {
    padding-top: 0;
  }

  .showcase h1 {
    max-width: 12ch;
  }

  .customer-demo {
    min-height: auto;
    padding-block: 5rem;
  }

  .depth-demo {
    min-height: auto;
    padding-block: 5rem;
  }

  .popout-demo {
    min-height: auto;
    padding-block: 5rem;
  }

  .plasticity-demo {
    min-height: auto;
    padding-block: 5rem;
  }

  .navigation-demo {
    min-height: auto;
    padding-block: 5rem;
  }

  .email-tabs-demo {
    min-height: auto;
    padding-block: 5rem;
  }

  .popout-demo__stage {
    min-height: 31rem;
    padding-inline: 1rem;
  }

  .plasticity-demo__stage {
    min-height: 24rem;
    padding-inline: 1rem;
  }


  .navigation-demo__stage {
    min-height: 27rem;
    padding-inline: 0;
  }


  .email-tabs-demo__stage {
    min-height: 36rem;
    padding-inline: 0;
  }

  .branch-map-demo {
    min-height: auto;
    padding-block: 5rem;
  }

  .premium-upgrades-demo {
    min-height: auto;
    padding-block: 5rem;
  }

  .customer-demo__stage {
    min-height: 14rem;
    padding-inline: 1rem;
  }

  .icon-card-demo,
  .profile-card-demo {
    min-height: auto;
    padding-block: 5rem;
  }

  .icon-card-demo__inner,
  .profile-card-demo__inner {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .profile-card-demo__stage {
    order: 2;
  }

  .icon-card-demo__copy h2,
  .profile-card-demo__copy h2 {
    font-size: clamp(3rem, 14vw, 5rem);
  }

  .editorial-feature-demo {
    padding-block: 5rem;
  }

  .media-intro-demo {
    padding-top: 1rem;
  }

  .reference-demo,
  .reference-demo:nth-of-type(even) {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 3rem;
    padding-block: 5rem;
  }

  .reference-demo:nth-of-type(even) .reference-demo__copy {
    order: 0;
  }

  .reference-demo__stage {
    min-height: 28rem;
    padding-inline: 0.75rem;
  }

  .reference-demo__stage--nav {
    min-height: 26rem;
    padding-inline: 0;
  }
}

}

@scope (.original-5198) {
:scope{font-family:Arial,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;color:#17211f;background:#fff;--lime:#bde86c;--green:#006d00;--ink:#101810;--muted:#46504a;--line:#d8dfd1}*{box-sizing:border-box;letter-spacing:0}:scope{margin:0}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}img{display:block;max-width:100%}h2{font-size:48px;line-height:1.08;font-weight:800}h3{font-size:23px;line-height:1.22}p{margin-top:18px}button:disabled{cursor:not-allowed}a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #398ba5;outline-offset:5px}.lab-wrap{width:min(1240px,calc(100% - 48px));margin:auto}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.lab-header{padding:22px 0 24px;background:#fff;border-bottom:1px solid #d6dedb}.lab-header>a{font-size:14px}.lab-header h1{font-size:27px;line-height:1.2;margin-top:12px}.lab-header p{font-size:14px;color:#56615b;margin-top:7px}.lab-header nav{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:20px;font-size:14px}.example{scroll-margin-top:20px}.example-label{background:#eef1f3;border-top:1px solid #d7dfe2;padding:25px 0}.example-label span{font-size:12px;font-weight:700;color:#4d5f69}.example-label h2{font-size:21px;font-weight:700;line-height:1.3;margin-top:6px}.example-label p{font-size:14px;margin-top:8px;max-width:950px;color:#4d5f69}.example-note{background:#f4f6f7;padding:17px 0;font-size:14px;color:#4d5f69}.surface{position:relative}.section-tag{font-size:14px;font-weight:700;color:var(--green);margin:0 0 16px}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;min-height:54px;border:0;border-radius:7px;font-size:16px;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .15s,color .15s;max-width:100%}.action span{font-size:22px;font-weight:400;flex-shrink:0}.action.lime{background:var(--lime);color:#17210d}.action.green{background:var(--green);color:#fff}.action:hover:not(:disabled){background:#91bf36;color:#101810}.split-hero{isolation:isolate;min-height:730px;background:#0c1410;overflow:hidden}.hero-dark{position:absolute;inset:0;background:#0c1410 url('../assets/skyline.webp') center bottom/auto 88% no-repeat;z-index:-3}.hero-dark:after{content:'';position:absolute;inset:0;background:#060f0c7d}.hero-white{position:absolute;inset:0 0 0 55%;background:#f7f9f4;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%,7% 73%,0 55%,9% 36%,2% 18%);z-index:-1}.hero-grid{display:grid;grid-template-columns:58% 42%;gap:0;padding:35px 0 50px}.public-copy{color:#fff;padding-right:70px}.mini-proof{display:flex;gap:14px;align-items:center;margin-bottom:42px;max-width:550px}.mini-proof p{margin:0;font-size:14px;line-height:1.4}.mini-proof strong{color:var(--lime)}.faces{display:flex;flex-shrink:0;padding-right:8px}.faces img{width:34px;height:34px;border-radius:50%;border:2px solid var(--lime);object-fit:cover}.faces img+img{margin-left:-9px}.brand-line{font-size:14px;color:#c4d0c4;font-weight:700;margin:0 0 14px}.public-copy h2{font-size:54px;max-width:650px}.public-copy .hero-lead{font-size:19px;color:#e1e9e2;max-width:520px;margin-bottom:29px}.public-copy h3{font-family:Georgia,serif;font-size:26px}.public-copy h3+p{max-width:420px;font-size:16px;margin-top:12px;color:#e1e9e2}.locations{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;font-weight:700;margin:24px 0;color:var(--lime)}.locations span{color:#6e8b68}.inhouse-copy{padding:85px 0 0 30px;position:relative}.inhouse-copy h3{font-size:43px;line-height:1.07}.inhouse-copy p:not(.section-tag){max-width:365px}.inhouse-copy .action{margin-top:24px}.inhouse-art{height:235px;width:100%;object-fit:contain;object-position:center bottom;margin-top:20px}.request-band{padding:70px 0 80px;background:#fff}.request-grid{display:grid;grid-template-columns:42% 58%;gap:0}.request-copy{padding-right:75px}.request-copy>p:not(.section-tag){color:var(--muted);max-width:330px}.request-copy img{width:100%;height:285px;object-fit:contain;margin-top:38px}.request-form{border-top:3px solid var(--green);padding-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 24px}.form-grid label{font-size:14px;font-weight:700;display:block}.form-grid label>span{color:var(--green)}.form-grid .wide{grid-column:1/-1}input,textarea{display:block;border:1px solid #849c8d;border-radius:3px;background:#fff;width:100%;padding:12px;color:var(--ink);min-height:48px;margin-top:7px}textarea{resize:vertical}.privacy-reference{font-size:13px;color:var(--muted);margin-bottom:20px}.privacy-reference a{color:var(--green)}.documents-band{background:#eaf2e7;padding:66px 0;border-bottom:1px solid var(--line)}.document-grid{display:grid;grid-template-columns:55% 45%;gap:0}.document-copy{padding-right:90px}.document-copy p:not(.section-tag){color:#344338;max-width:560px}.document-detail{padding:5px 0 0 36px;border-left:1px solid #a7bf9e}.document-detail h3{font-family:Georgia,serif;font-size:27px;color:#173b21}.document-detail dl{margin:22px 0 30px}.document-detail dl>div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid #c1d1b9;font-size:15px}.document-detail dt{font-weight:700}.document-detail dd{margin:0}.document-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:700;color:var(--green);padding:15px 0;border-top:2px solid var(--green)}.document-link span{font-size:26px;text-decoration:none}.program-band{padding:76px 0;background:#fff}.program-grid{display:grid;grid-template-columns:46% 54%;align-items:center;gap:0}.program-visual{padding-right:65px}.program-visual img{width:100%;height:410px;object-fit:contain}.program-visual p{font-family:Georgia,serif;font-size:26px;line-height:1.25;margin-top:25px;border-left:4px solid var(--lime);padding-left:20px}.program-copy h2{font-size:46px}.syllabus>div{padding:24px 0;border-bottom:1px solid var(--line)}.syllabus h3{font-family:Georgia,serif;color:var(--green)}.syllabus ul{list-style:none;margin:13px 0 0;padding:0}.syllabus li{position:relative;padding:6px 0 6px 20px;font-size:15px;color:var(--muted)}.syllabus li:before{content:'';width:6px;height:6px;background:var(--green);position:absolute;top:16px;left:0}.licence-band{padding:70px 0;background:#f8faf6}.licence-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:42px}.licence-heading>p{max-width:430px;color:var(--muted);margin:0 0 5px}.licence-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0}.licence-grid article{padding:0 32px;border-left:1px solid var(--line);min-width:0}.licence-grid article:first-child{padding-left:0;border-left:0;padding-right:50px}.licence-grid article:last-child{padding-right:0}.licence-grid article>img,.iris{height:185px;width:100%;object-fit:contain;margin-bottom:24px}.licence-grid h3{font-family:Georgia,serif;font-size:25px;color:#173b21}.licence-grid p{font-size:15px;color:var(--muted);margin-top:13px}.iris{display:flex;align-items:center;justify-content:center}.iris img{height:166px;width:166px;border-radius:50%;object-fit:cover}.licence-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:35px}.licence-bottom p{margin:0;font-size:14px;color:var(--muted)}.translation-band{padding:76px 0 70px;background:#fff}.translation-heading{max-width:800px}.translation-heading>p:last-child{color:var(--muted)}.order-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:46px 0 38px;list-style:none;gap:28px}.order-stages li{min-width:0;position:relative}.order-stages li+li:before{content:'→';position:absolute;top:70px;left:-22px;color:#758a6f;font-size:24px}.order-stages img{width:100%;height:180px;object-fit:contain;margin-bottom:20px}.order-stages h3{font-family:Georgia,serif;color:#173b21}.order-stages p{font-size:15px;color:var(--muted);margin-top:12px}.order-action{border-top:1px solid var(--line);padding-top:26px;display:flex;align-items:center;gap:30px}.order-action p{font-size:14px;color:var(--muted);margin:0}.lab-footer{padding:30px 0 45px;font-size:14px;color:#56615b}.lab-footer a{margin-left:14px}

@media(min-width:1700px){.split-hero{min-height:760px}.hero-grid{padding-block:50px}.hero-white{left:54%}}

@media(max-width:1000px){h2{font-size:40px}.public-copy h2{font-size:43px}.public-copy{padding-right:48px}.inhouse-copy{padding-left:25px}.inhouse-copy h3{font-size:35px}.document-copy{padding-right:40px}.request-copy{padding-right:40px}.document-detail{padding-left:25px}.document-detail dl>div{grid-template-columns:1fr;gap:4px}.program-copy h2{font-size:38px}.program-visual{padding-right:35px}.licence-heading{gap:40px}.licence-grid article{padding-inline:20px}.licence-grid article:first-child{padding-right:30px}}

@media(max-width:760px){.wrap,.lab-wrap{width:calc(100% - 40px)}.lab-header nav{gap:9px 20px}.lab-header h1{font-size:24px}h2{font-size:35px}.hero-grid{grid-template-columns:1fr;padding:28px 0 0}.public-copy{padding:0 0 44px}.public-copy h2{font-size:38px}.hero-white{display:none}.mini-proof{margin-bottom:32px}.public-copy .hero-lead{font-size:17px}.inhouse-copy{padding:44px 20px 30px;background:#f7f9f4;margin-inline:-20px;clip-path:polygon(0 15px,27% 0,49% 18px,73% 2px,100% 14px,100% 100%,0 100%)}.inhouse-copy h3{font-size:35px}.inhouse-art{height:240px;margin-top:28px}.request-band,.documents-band,.program-band,.licence-band,.translation-band{padding-block:45px}.request-grid,.document-grid,.program-grid,.licence-heading{grid-template-columns:1fr;gap:30px}.request-copy{padding:0}.request-copy img{display:none}.request-form{padding-top:22px}.form-grid{gap:20px 18px}.document-copy{padding-right:0}.document-detail{border-left:0;padding:18px 0 0;border-top:1px solid #a7bf9e}.document-detail dl>div{grid-template-columns:130px 1fr;gap:12px}.program-copy{grid-row:1}.program-copy h2{font-size:35px}.program-visual{padding:0}.program-visual img{height:300px}.program-visual p{font-size:23px}.licence-heading{gap:20px;margin-bottom:30px}.licence-grid{grid-template-columns:1fr}.licence-grid article,.licence-grid article:first-child,.licence-grid article:last-child{border-left:0;border-top:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:110px 1fr;column-gap:20px;align-items:center}.licence-grid article>img,.licence-grid .iris{grid-column:1;grid-row:1/3;height:125px;margin:0;width:100%}.iris img{width:100px;height:100px}.licence-grid h3{font-size:23px;grid-column:2}.licence-grid p{grid-column:2;margin-top:8px}.licence-bottom{margin-top:0;flex-direction:column;align-items:start;gap:20px}.order-stages{grid-template-columns:1fr 1fr;gap:35px 22px;margin-top:32px}.order-stages img{height:135px;margin-bottom:14px}.order-stages li+li:before{display:none}.order-stages h3{font-size:23px}.order-action{align-items:start;flex-direction:column;gap:17px}.action{font-size:15px;padding:15px 19px}.example-label{padding-block:22px}.example-label h2{font-size:20px}.example-label p{font-size:13px}.lab-footer a{display:block;margin:10px 0 0}}

@media(max-width:400px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.public-copy h2{font-size:34px}.locations{gap:7px;font-size:13px}.licence-grid article{grid-template-columns:88px 1fr;gap:15px}.licence-grid h3{font-size:21px}.iris img{width:84px;height:84px}.order-stages{gap:25px 18px}.order-stages img{height:115px}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


}
@font-face{font-family:Oct18DIN;src:url("../../original-block-pages-20261030/assets/e0830ced850f8cb203ad.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Oct18DIN;src:url("../../original-block-pages-20261030/assets/50bb98d05c68c4da3b1e.woff2") format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Oct18DBHead;src:url("../../original-block-pages-20261030/assets/8086f37b2fef5219c0b4.woff2") format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:Oct18DBSans;src:url("../../original-block-pages-20261030/assets/bc25addd219ee127babf.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Oct18Delivery;src:url("../../original-block-pages-20261030/assets/2a2dc315ce559a3636bc.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Oct18Delivery;src:url("../../original-block-pages-20261030/assets/4d5879466a996b0bc74a.woff2") format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Oct18DeliveryHead;src:url("../../original-block-pages-20261030/assets/ccdf7761ca4d7eaa78f7.woff2") format('woff2');font-weight:800;font-display:swap}
@scope (.original-5198) {







.oct18-archive{order:83;background:#fff;min-width:0;scroll-margin-top:60px}
.oct18-archive .date-marker{margin:0;border-bottom:0}
.oct18-index{display:flex;gap:8px;flex-wrap:wrap;padding:0 32px 32px;justify-content:center}
.oct18-index a{color:#284d3a;border:1px solid #ccd7cf;border-radius:20px;padding:8px 16px;text-decoration:none;font-size:14px}
.oct18-example{scroll-margin-top:64px;min-width:0}
.oct18-source{display:flex;justify-content:space-between;gap:16px;padding:24px 32px;background:#f2f5f2;border-top:1px solid #dce3dd;color:#59635c;font:12px/1.5 ui-monospace,monospace}
.oct18-source a{color:inherit;text-decoration:none}.oct18-source a:hover{text-decoration:underline}
.oct18-archive :is(h2,h3,p,figure){margin:0}.oct18-archive a:focus-visible{outline:3px solid #438dff;outline-offset:5px}
.tp-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1280px;margin:56px auto;padding:64px 40px;border-radius:24px;background:#b2f8cc;color:#101b14;font-family:Arial,sans-serif}
.tp-about h2{font-size:32px;line-height:1.3;font-weight:800;letter-spacing:-1px}.tp-about p{margin:12px 0 24px;font-size:18px;line-height:1.4}
.tp-about__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #101b14;border-radius:24px;padding:12px 16px;background:#101b14;color:white;text-decoration:none;font:600 14px/1.3 Arial,sans-serif;transition:background-color .2s}
.tp-about__button:hover{background:#2c3f32}.tp-about__report{display:flex;align-items:center;gap:16px;border:1px solid #00b67a;border-radius:16px;padding:24px;background:#005128;color:#fff}
.tp-about__report h3{font:600 18px/1.4 Arial,sans-serif}.tp-about__report p{font-size:16px;margin:8px 0 16px}.tp-about__report img{flex:none;width:108px;height:108px;object-fit:contain}
.tp-about__button--outline{background:transparent;border-color:#fff;font-weight:400}.tp-about__button--outline:hover{background:#ffffff20}
.pons-editorial{max-width:1024px;margin:auto;padding:48px 16px 64px;color:#090909;background:white;font-family:Arial,sans-serif}
.pons-editorial article{display:flex;align-items:center;gap:32px;padding:16px;margin-bottom:64px}.pons-editorial article:last-child{flex-direction:row-reverse;margin-bottom:0}
.pons-editorial article>img{display:block;width:calc(50% - 16px);height:auto;object-fit:contain}.pons-editorial article>div{flex:1;max-width:464px}
.pons-editorial h2{font:700 32px/1.15 Georgia,serif}.pons-editorial p{margin-top:16px;font-size:16px;line-height:1.5}.pons-editorial__mobile-title{display:none}
.skiers-community{background:#e5e5dc;color:#000;padding:128px max(32px,calc((100% - 1200px)/2)) 80px;font-family:Oct18DIN,Arial,sans-serif}
.skiers-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.skiers-community h2{text-align:right;color:#bf9c50;font:700 72px/1.06 Oct18DIN,Arial,sans-serif;letter-spacing:-2px}
.skiers-columns p{font:400 30px/1.15 Oct18DIN,Arial,sans-serif}.skiers-actions{display:flex;gap:30px;justify-content:center;margin-top:96px}
.skiers-actions a,.skiers-business a{display:inline-flex;justify-content:center;align-items:center;padding:20px 24px;min-width:248px;min-height:66px;text-decoration:none;font-size:20px;transition:background .25s,color .25s,box-shadow .25s}
.skiers-actions a:first-child{background:#000;color:#bf9c50}.skiers-actions a:last-child{border:4px solid #000;color:#000;padding:16px 20px}.skiers-actions a:hover{background:#bf9c50;color:#000}
.skiers-business{background:#000;color:#e5e5dc;padding:96px max(32px,calc((100% - 1200px)/2));font-family:Oct18DIN,Arial,sans-serif}
.skiers-business h2{font:700 82px/1.05 Oct18DIN,Arial,sans-serif;letter-spacing:-2px}.skiers-business a{margin-top:36px;background:#bf9c50;color:#000;min-width:0}.skiers-business a:hover{box-shadow:0 0 40px #bf9c5060;background:#d1af64}
[data-ski-reveal]{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}[data-ski-reveal][data-revealed=true]{opacity:1;transform:none}
.mobile-offers{background:#101014;color:#e8e8ee;padding:0 max(24px,calc((100% - 968px)/2));font-family:Arial,sans-serif}.mobile-offers>div{display:grid;grid-template-columns:1fr 1fr;gap:44px 32px;background:#1b1b21;border-inline:1px solid #2d2d33;padding:48px}
.mobile-offers h3{font-size:16px;line-height:1.4;font-weight:700}.mobile-offers p{margin:16px 0;font-size:14px;line-height:1.4}.mobile-offers a{color:inherit;font-size:14px;text-underline-offset:2px}.mobile-offers a:hover{color:#ff6600}
.bahn-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1152px;margin:auto;padding:40px 16px;color:#282d37;font-family:Oct18DBSans,Arial,sans-serif}
.bahn-offers article{min-width:0}.bahn-offers a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.bahn-offers img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin-bottom:32px}
.bahn-offers h3{font:900 18px/1.2 Oct18DBHead,Arial,sans-serif}.bahn-offers p{font-size:16px;line-height:1.5;margin:16px 0}.bahn-offers span{margin-top:auto;padding-top:8px;font-size:16px;line-height:1.5}.bahn-offers b{display:inline-block;font:400 28px/16px Arial,sans-serif;vertical-align:-2px;color:#c50020;margin-right:8px}
.bahn-offers a:hover span{text-decoration:underline;color:#b90020}
.aws-cloud{position:relative;display:flex;align-items:center;min-height:580px;padding:80px max(32px,calc((100% - 1200px)/2 + 64px));background:#25808d url("../../original-block-pages-20261030/assets/011b0b5afeb58cc7cd12.png") center/cover no-repeat;color:#232b36;font-family:Arial,sans-serif}
.aws-cloud>div{width:min(488px,52%);padding:40px;background:#ffffffb3;backdrop-filter:blur(8px);border-radius:8px}.aws-cloud h2{font-size:32px;line-height:1.2;font-weight:700}.aws-cloud p{font-size:18px;line-height:1.45;margin:16px 0 32px}
.aws-cloud a{display:inline-flex;border-radius:28px;padding:14px 26px;background:#232b36;color:#fff;font:700 14px/1.2 Arial,sans-serif;text-decoration:none;transition:background .2s}.aws-cloud a:hover{background:#3b4658}
.linkedin-discovery{overflow:hidden;background:#f3f2ef;font-family:Arial,sans-serif;color:#191919}.linkedin-discovery__inner{max-width:1128px;height:720px;margin:auto;position:relative;display:flex;align-items:center}
.linkedin-discovery__copy{width:50%;flex:none;padding-right:24px;position:relative;z-index:1}.linkedin-discovery h2{font-size:40px;line-height:1.25;font-weight:400;color:#b24020}.linkedin-discovery p{font-size:40px;line-height:1.25;margin:8px 0 40px;font-weight:300}
.linkedin-discovery nav{display:grid;gap:16px;max-width:408px}.linkedin-discovery nav a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;background:#eae6df;color:#191919;padding:16px;text-decoration:none;font-size:20px;line-height:1.4}.linkedin-discovery nav a:hover{background:#e1dad0}.linkedin-discovery nav span{font-size:32px;font-weight:300}
.linkedin-discovery__inner>img{width:840px;height:840px;object-fit:contain;flex:none;margin-left:48px;clip-path:circle(50%)}
.dhl-business{padding:40px max(24px,calc((100% - 1096px)/2));background:#191919;color:#fff;font:400 16px/24px Oct18Delivery,Verdana,sans-serif;text-align:center}
.dhl-business h2{font:800 34px/1.2 Oct18DeliveryHead,Arial,sans-serif;margin-bottom:28px}.dhl-business>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;text-align:left}
.dhl-business article{padding:24px;background:#202020;border-radius:0 0 8px 8px}.dhl-business h3{font:800 24px/30px Oct18DeliveryHead,Arial,sans-serif}.dhl-business h3 a{color:inherit;text-decoration:none}.dhl-business h3 a:hover{text-decoration:underline}.dhl-business p{margin-top:4px}
.dhl-business__cta{display:inline-block;background:#d40511;border-radius:3px;margin-top:40px;padding:8px 12px;color:white;font-weight:700;font-size:16px;line-height:20px;text-decoration:none}.dhl-business__cta:hover{background:#a9040e}
@media(max-width:1300px){.tp-about{margin:48px 32px}.linkedin-discovery__inner{margin-inline:5%}}
@media(max-width:900px){.tp-about{gap:24px;padding:40px 24px}.tp-about__report{flex-direction:column-reverse;align-items:flex-start}.skiers-community{padding-top:72px}.skiers-community h2{font-size:50px}.skiers-business h2{font-size:60px}.skiers-columns p{font-size:24px}.linkedin-discovery p{font-size:30px}.linkedin-discovery h2{font-size:32px}.aws-cloud>div{width:65%}}
@media(max-width:767px){
  .oct18-source{padding:20px 16px}.oct18-source time{white-space:nowrap}.oct18-index{padding-inline:16px}
  .tp-about{margin:24px 16px;grid-template-columns:1fr;padding:32px 24px}.tp-about h2{font-size:28px}.tp-about__report{flex-direction:row;align-items:center}.tp-about__report img{width:72px;height:72px}.tp-about__report{padding:20px;gap:12px}
  .pons-editorial{padding:40px 16px}.pons-editorial article,.pons-editorial article:last-child{flex-direction:column;padding:0;gap:24px;margin-bottom:56px}.pons-editorial article>img{width:min(100%,480px)}.pons-editorial article>div h2{display:none}.pons-editorial__mobile-title{display:block;text-align:center}.pons-editorial h2{font-size:26px}.pons-editorial p{margin:0}
  .skiers-columns{grid-template-columns:1fr;gap:32px}.skiers-community{padding:64px 24px}.skiers-community h2{text-align:left;font-size:46px;letter-spacing:-1px}.skiers-columns p{font-size:24px;line-height:1.25}.skiers-actions{flex-direction:column;gap:16px;margin-top:40px}.skiers-business{padding:64px 24px}.skiers-business h2{font-size:60px}.skiers-business a{margin-top:28px}
  .mobile-offers{padding:0 16px}.mobile-offers>div{grid-template-columns:1fr;padding:32px 24px;gap:40px}
  .bahn-offers{grid-template-columns:1fr;padding:32px 24px;gap:48px}.bahn-offers img{max-width:420px;align-self:center;margin-bottom:16px}.bahn-offers p{margin:12px 0}.bahn-offers span{padding-top:4px}
  .aws-cloud{padding:32px 24px 260px;min-height:0;background-position:right bottom;background-size:auto 260px}.aws-cloud>div{width:100%;padding:28px 24px}.aws-cloud h2{font-size:28px}.aws-cloud p{font-size:16px;margin-bottom:24px}.aws-cloud a{padding-inline:18px}
  .linkedin-discovery{background:#f3f2ef}.linkedin-discovery__inner{height:auto;margin:0;padding:64px 24px}.linkedin-discovery__copy{width:100%;padding:0}.linkedin-discovery__inner>img{display:none}.linkedin-discovery p{font-size:30px;line-height:1.25}.linkedin-discovery nav{max-width:none}.linkedin-discovery nav a{font-size:18px}
  .dhl-business{padding:40px 24px}.dhl-business h2{font-size:28px}.dhl-business>div{grid-template-columns:1fr;gap:24px}.dhl-business__cta{margin-top:32px}
}
@media(prefers-reduced-motion:reduce){[data-ski-reveal]{opacity:1;transform:none;transition:none}.oct18-archive a{transition:none}}

}

@scope (.original-5198) {
.premium-image-gallery-demo { order: 69; padding: clamp(3rem, 6vw, 6rem) max(1.25rem, calc((100vw - 1200px) / 2)); background: #f6f5fb; color: #22212b; scroll-margin-top: 4rem; }
.premium-image-gallery-demo > header { margin-bottom: 2rem; }
.premium-image-gallery-demo > header p { margin: 0 0 .8rem; color: #7d7889; font-size: .85rem; line-height: 1.6; }
.premium-image-gallery-demo h2 { margin: 0 0 1rem; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1.05; }
.premium-image-gallery-demo__stage { display: grid; place-items: center; min-height: 450px; padding: 24px 0; }
.premium-image-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(3, 116px); gap: 12px; width: min(100%, 600px); }
.premium-gallery-image { position: relative; isolation: isolate; overflow: hidden; min-width: 0; border-radius: 22px; background: #17191d; color: #fff; box-shadow: 0 7px 15px #5639a614; transition: transform 350ms ease; font-family: "Segoe UI", Arial, sans-serif; }
.premium-gallery-image > img { position: absolute; inset: 0; z-index: -2; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 350ms ease; }
/* These are the exact hover transforms and overlay shown in the video's CSS. */
.premium-gallery-image::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(transparent 45%, rgba(0, 0, 0, .70)); pointer-events: none; }
.premium-gallery-image:is(:hover, :focus-visible) { transform: translateY(-8px); }
.premium-gallery-image:is(:hover, :focus-visible) > img { transform: scale(1.08) rotate(3deg); }
.premium-gallery-image:focus-visible { outline: 2px solid #7852ed; outline-offset: 4px; }
.premium-gallery-image__heart { position: absolute; top: 10px; right: 10px; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #fff; color: #977ad8; transition: background-color 220ms ease, color 220ms ease; }
.premium-gallery-image__heart svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.premium-gallery-image__heart:hover { background: #7542ed; color: #fff; }
.premium-gallery-image__info { position: absolute; right: 12px; bottom: 12px; left: 12px; }
.premium-gallery-image__info h3 { margin: 0 0 7px; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: -.15px; }
.premium-gallery-image__info > span { display: inline-block; padding: 4px 8px; border-radius: 99px; background: #7844f0; color: #fff; box-shadow: 0 2px 9px #8250fa66; font-size: 9px; line-height: 1; }
.premium-image-gallery > .is-lake { grid-column: 1; grid-row: 1 / span 2; }
.premium-image-gallery > .is-ocean { grid-column: 2; grid-row: 1; }
.premium-image-gallery > .is-forest { grid-column: 3; grid-row: 1 / span 2; }
.premium-image-gallery > .is-riverside { grid-column: 1; grid-row: 3; }
.premium-image-gallery > .is-hills { grid-column: 2; grid-row: 2 / span 2; }
.premium-image-gallery > .is-snow { grid-column: 3; grid-row: 3; }
@media (max-width: 600px) { .premium-image-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(5, 116px); gap: 12px; }.premium-image-gallery > .is-lake { grid-column: 1; grid-row: 1 / span 2; }.premium-image-gallery > .is-ocean { grid-column: 2; grid-row: 1; }.premium-image-gallery > .is-forest { grid-column: 1; grid-row: 3 / span 2; }.premium-image-gallery > .is-riverside { grid-column: 1; grid-row: 5; }.premium-image-gallery > .is-hills { grid-column: 2; grid-row: 2 / span 2; }.premium-image-gallery > .is-snow { grid-column: 2; grid-row: 4 / span 2; }.premium-gallery-image__info { left: 10px; right: 10px; }.premium-gallery-image__info h3 { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .premium-gallery-image, .premium-gallery-image > img, .premium-gallery-image__heart { transition: none; }.premium-gallery-image:is(:hover, :focus-visible), .premium-gallery-image:is(:hover, :focus-visible) > img { transform: none; } }

}

@scope (.original-5198) {
.blr-editorial-visual{position:relative;isolation:isolate;flex:0 0 calc(50% - 16px);width:calc(50% - 16px);aspect-ratio:1.12;perspective:1000px;margin:0}

.blr-editorial-visual__frame{position:absolute;inset:auto 0 0;width:100%;height:80%;object-fit:fill;z-index:0;pointer-events:none}

.blr-editorial-visual__girl{position:absolute;inset:0 10% 0;z-index:1;border-radius:0;background:transparent;box-shadow:none;overflow:visible;clip-path:inset(-30% -35% 0)}

.blr-editorial-visual__girl::before{display:none}

.blr-editorial-visual__girl>img{inset:auto 0 0;width:100%;height:auto;max-height:116%;object-fit:contain;object-position:bottom;z-index:0;transform-origin:50% 75%}

.blr-editorial-visual__girl:is(:hover,:focus-visible)>img{transform:scale(1.08) rotate(3deg)}

.blr-editorial-visual__girl:focus-visible{outline:2px solid #216b50;outline-offset:4px}

.blr-editorial-float{position:absolute;z-index:2;animation:blr-editorial-float 8s ease-in-out infinite alternate;will-change:transform}

.blr-editorial-float>img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 10px #17392c25)}

.blr-editorial-float--iris{left:-2%;top:8%;width:33%;animation-delay:-2s;animation-duration:7.2s;transform-origin:80% 80%}

.blr-editorial-float--iris .iris-scanner{border-radius:12px;box-shadow:0 8px 20px #17392c26}

.blr-editorial-float--iris .iris-scanner__web{stroke-width:5.5;stroke-opacity:.9}

.blr-editorial-float--iris .iris-scanner__corners{stroke-width:12}

.blr-editorial-float--camera{left:-3%;bottom:13%;width:35%;animation-duration:8.1s;animation-delay:-4.7s}

.blr-editorial-float--photos{right:-1%;top:11%;width:27%;animation-delay:-1.5s;animation-duration:9.3s}

.blr-editorial-float--certificate{right:-1%;bottom:5%;width:24%;animation-delay:-3.5s;animation-duration:8.7s}

.blr-editorial-float--certificate .aqua-certificate-scene{width:100%}

.blr-editorial-float--certificate .aqua-certificate{border-radius:10px;box-shadow:0 12px 24px #17392c35}

.blr-editorial-float--certificate .aqua-certificate__rim{border-radius:8px;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);box-shadow:2px 0 1px 2px #1f5c5330}

.blr-editorial-visual--medical{aspect-ratio:1.12}

.blr-editorial-visual__defs{position:absolute;width:0;height:0;overflow:hidden}

.blr-editorial-visual__medical-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0;pointer-events:none}

.blr-medical-item{position:absolute;z-index:1;animation:blr-editorial-float var(--float-duration) ease-in-out var(--float-delay) infinite alternate;filter:drop-shadow(0 8px 8px #133b2725);will-change:transform}

.blr-medical-item svg{display:block;width:100%;height:auto;overflow:hidden}

.blr-medical-item--kit{width:72%;left:14%;top:30%;z-index:2}

.blr-medical-item--scissors{width:30%;left:0;top:15%}

.blr-medical-item--plasters{width:20%;right:5%;top:8%;z-index:3}

.blr-medical-item--bandage{width:29%;left:35%;top:10%}

.blr-medical-item--coldpack{width:27%;right:-4%;top:37%;z-index:3}

.blr-medical-item--gauze{width:16%;left:1%;bottom:9%;z-index:3}

.blr-medical-item--tape{width:17%;right:5%;bottom:3%;z-index:3}

@keyframes blr-editorial-float{from{transform:translate3d(-3px,-7px,8px) rotateX(-2deg) rotateY(3deg) rotateZ(-3deg)}to{transform:translate3d(4px,8px,16px) rotateX(3deg) rotateY(-3deg) rotateZ(3deg)}}

@media(max-width:767px){.pons-editorial .blr-editorial-visual{flex:none;width:min(100%,480px);margin:12px auto 0}.pons-editorial .blr-editorial-visual--licence{margin-top:clamp(68px,20vw,90px)}.blr-editorial-float--iris{left:0}.blr-editorial-float--camera{left:0}.blr-editorial-float--photos{right:0}.blr-editorial-float--certificate{right:0}.blr-medical-item--coldpack{right:0}.blr-medical-item--scissors{left:2%}}

@media(prefers-reduced-motion:reduce){.blr-editorial-float,.blr-medical-item{animation:none;will-change:auto}.blr-editorial-visual__girl,.blr-editorial-visual__girl>img{transition:none}.blr-editorial-visual__girl:is(:hover,:focus-visible),.blr-editorial-visual__girl:is(:hover,:focus-visible)>img{transform:none}}


}

@scope (.original-5198) {
.blr-text-offer{overflow:hidden;background:#fff;color:#17211f;font-family:Arial,"Segoe UI",sans-serif}

.blr-text-offer__inner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;width:85%;margin:0 5% 0 10%;padding:48px 0}

.blr-text-offer__copy{position:relative;z-index:2;min-width:0}

.blr-text-offer h2{margin:0 0 28px;font-size:clamp(26px,2.6vw,36px);line-height:1.12;letter-spacing:-.035em;font-weight:700;color:#17211f}

.blr-text-offer__body{display:grid;gap:18px}

.blr-text-offer p{margin:0;font-size:16px;line-height:1.6}

.blr-text-offer__visual{position:relative;isolation:isolate;display:grid;align-items:center;min-width:0}

.blr-text-offer__visual::before{content:"";position:absolute;z-index:-1;inset:-12% -60% -12% 10%;background:linear-gradient(135deg,#bde86c,#95bf30 55%,#006d00);box-shadow:-14px 0 0 #95bf3020,-28px 0 0 #95bf3010;transform:skew(-12deg,-7deg);transition:transform 400ms cubic-bezier(.2,.7,.2,1)}

.blr-text-offer__visual img{display:block;width:180%;max-width:none;height:auto;margin-left:-80%;object-fit:contain;filter:drop-shadow(0 16px 15px #17211f20);transition:transform 350ms ease}

@media(hover:hover){.blr-text-offer__inner:hover .blr-text-offer__visual img{transform:scale(1.06)}.blr-text-offer__inner:hover .blr-text-offer__visual::before{transform:skew(-12deg,-7deg) translateX(-4px)}}

@media(max-width:980px){.blr-text-offer__inner{width:calc(100% - 48px);margin-inline:auto;padding:32px 0;gap:20px}}

@media(max-width:640px){.blr-text-offer__inner{grid-template-columns:1fr;width:calc(100% - 40px);padding:28px 0;gap:32px}.blr-text-offer__visual::before{inset:0 -35% -40% 5%}.blr-text-offer__visual{min-height:190px}.blr-text-offer h2{font-size:28px;margin-bottom:22px}}

@media(prefers-reduced-motion:reduce){.blr-text-offer__visual img,.blr-text-offer__visual::before{transition:none}.blr-text-offer__inner:hover .blr-text-offer__visual img{transform:none}.blr-text-offer__inner:hover .blr-text-offer__visual::before{transform:skew(-12deg,-7deg)}}


}
@font-face{font-family:Contact Display;src:url("../../original-block-pages-20261030/assets/1bf0280a72826b0c32d4.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Contact Display;src:url("../../original-block-pages-20261030/assets/b065482e49bd9bb5bcdb.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Contact Text;src:url("../../original-block-pages-20261030/assets/db2007cac3f584270307.ttf") format("truetype");font-weight:400;font-display:swap}
@scope (.original-5198) {
/* Four requested treatments. M05/M06 deliberately retain preview.css. */







.course-hero{--split:polygon(61% 0,100% 0,100% 100%,39% 100%);position:relative;isolation:isolate;overflow:clip;height:900px;background:radial-gradient(ellipse at 28% 20%,#04110b,#020905 62%,#010503);color:#f3f5f2}

.course-hero::before{content:"";position:absolute;z-index:-3;inset:0;clip-path:var(--split);background:linear-gradient(125deg,#b2d745 20%,#96c42d 55%,#187a08 100%)}

.course-heading{position:relative;z-index:3;padding:40px 5%;width:48%;pointer-events:none}

.course-heading :is(h1,h2){font-size:clamp(26px,2.4vw,36px);line-height:1.12;color:inherit}

.course-heading>p:last-child{max-width:40ch;margin-top:12px;color:#d5dfd6;font-size:15px;line-height:1.45}

.course-scene{position:absolute;z-index:-2;inset:0;pointer-events:none;overflow:clip}

.course-scene-public{clip-path:polygon(0 0,61% 0,39% 100%,0 100%)}

.course-scene-inhouse{clip-path:var(--split)}

.course-skyline{position:absolute;inset:auto -4% -2px;height:36%;transform-origin:50% 100%;transition:transform 900ms cubic-bezier(.2,.65,.25,1)}

.course-skyline img{width:100%;height:100%;object-fit:cover;object-position:center bottom}

.course-scene-public img{filter:grayscale(1) invert(1) brightness(.28) sepia(.5) hue-rotate(75deg);opacity:.65}

.course-scene-inhouse img{filter:grayscale(1) brightness(.4) sepia(1) saturate(2) hue-rotate(35deg);opacity:.35}

.course-choices{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}

.course-choice{position:relative;min-width:0}

.course-copy{position:absolute;z-index:2;top:30%;left:10%;width:77%;max-width:470px}

.course-copy .section-tag{margin:0 0 16px;font-size:12px;color:inherit}

.course-copy h3{font-size:clamp(40px,4.3vw,64px);line-height:1.02;font-weight:800;letter-spacing:-.045em;color:inherit}

.course-description{position:relative;isolation:isolate;max-width:32ch;margin:20px 0 12px;font-size:17px;line-height:1.5}

.course-description::before{content:"";position:absolute;z-index:-1;inset:-8px;background:#020905e8;filter:blur(8px);pointer-events:none}

.course-choice:last-child{color:#132318}

.course-choice:last-child .course-copy{top:49%;left:20%;width:70%}

.course-choice:last-child .course-description::before{background:#9cc631ed}

.course-copy .locations{margin:0 0 22px;color:inherit;font-size:13px}

.course-action{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:13px 22px;border-radius:999px;background:#b9e86d;color:#102014;text-decoration:none;font-weight:700;font-size:15px;transition:transform 180ms ease,background 180ms ease}

.course-choice:last-child .course-action{background:#f1f5df}

.course-action span{font-size:24px;transition:transform 220ms ease}

.course-action:hover{transform:translateY(-3px);background:#c9f38b}

.course-choice:last-child .course-action:hover{background:#fff}

.course-action:hover span{transform:translate(2px,-2px)}

.course-action:active{transform:translateY(1px) scale(.98)}

.course-action:focus-visible{outline:3px solid currentColor;outline-offset:5px}

.course-art{position:absolute;z-index:1;pointer-events:none}

.course-choice:first-child .course-art{left:0;bottom:1%;width:100%;aspect-ratio:1370/800}

.course-choice:last-child .course-art{right:2%;top:2%;width:48%;aspect-ratio:986/1332}

.course-choice:last-child .course-copy::before{content:"";position:absolute;z-index:-1;inset:-30px;background:radial-gradient(ellipse closest-side,#9cc631fa 40%,#9cc631dc 65%,transparent);pointer-events:none}

[data-animation] svg{display:block;width:100%;height:100%}

.course-star{position:absolute;z-index:3;left:50%;top:50%;width:clamp(64px,8vw,112px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}

.course-star img{width:100%;height:100%;transition:transform 450ms cubic-bezier(.22,.61,.36,1)}

.course-hero[data-active-half="public"] .course-star img{transform:rotate(-12deg)}

.course-hero[data-active-half="inhouse"] .course-star img{transform:rotate(12deg)}

.course-hero[data-active-half="public"] .course-scene-public .course-skyline,.course-hero[data-active-half="inhouse"] .course-scene-inhouse .course-skyline{transform:translateY(-8px) scale(1.015)}

.course-proof{padding:20px 5%;background:#f3f6ee}

.course-proof .mini-proof{margin:0;justify-content:center;color:#344535}

.course-proof .mini-proof p{color:inherit}

.course-proof .mini-proof strong{color:#226d28}

.contact-scene{position:relative;isolation:isolate;padding:0;background:#242724;border-radius:50px;max-width:1280px;margin:0 auto;overflow:clip;color:#f0f0f0;font-family:Contact Text,Arial,sans-serif}

.contact-animation{position:absolute;z-index:-2;inset:0 auto 0 0;width:54%;pointer-events:none}

.contact-scene::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,#000000b8,#0000007b 45%,#0000001f)}

.contact-scene .request-grid{width:100%;grid-template-columns:1fr 1fr;gap:30px;padding:64px 50px 64px 0}

.contact-scene .request-copy{padding:30px 10% 0;min-width:0}

.contact-scene .request-copy h2{font:700 48px/1 Contact Display,Arial,sans-serif;color:#f0f0f0}

.contact-scene .request-copy .section-tag{color:#c6d9c3;margin-bottom:22px}

.contact-scene .request-copy>p:last-child{font-size:18px;line-height:1.5;color:#eee;max-width:30ch}

.contact-scene .request-form{margin:0;padding:25px 25px 30px;border-radius:15px;background:#f7f2eb;color:#000;min-width:0}

.contact-scene .form-grid{gap:16px}

.contact-scene .form-grid .wide{grid-column:1/-1}

.contact-scene .request-form label{font:600 18px/1.2 Contact Display,Arial,sans-serif;min-width:0}

.contact-scene input,.contact-scene textarea{min-height:44px;border:1px solid #69727d;border-radius:3px;background:#fff;color:#1f2124;font:400 15px/1.4 Contact Text,Arial,sans-serif}

.contact-scene textarea{min-height:120px}

.contact-scene input:focus-visible,.contact-scene textarea:focus-visible{outline:2px solid #006d00;outline-offset:2px}

.contact-scene .privacy-reference{font:400 12px/1.6 Contact Text,Arial,sans-serif}

.contact-scene .action{min-height:48px;border-radius:25px;font-size:15px;background:#fff;border:1px solid #000;color:#000}

.billing-scene{padding:0;background:linear-gradient(135deg,#f8faf5,#eaf1e4)}

.billing-scene .document-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,6vw,80px);padding:44px 0}

.billing-scene .document-copy{padding:0}

.billing-scene .document-copy h2{font-size:clamp(32px,3.2vw,44px)}

.billing-photo{position:relative;isolation:isolate;width:min(100%,280px);aspect-ratio:1302/1199;margin:20px 0 14px;overflow:visible;clip-path:inset(-30% -30% 0);transition:transform 350ms ease}

.billing-photo::before{content:"";position:absolute;z-index:-3;inset:8% 9% 0;border:2px solid #fff;border-radius:22px;background:#edf5ef;box-shadow:0 7px 15px #216b5014}

.billing-photo .billing-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transition:transform 350ms ease}

.billing-photo:is(:hover,:focus-visible){transform:translateY(-8px)}

.billing-photo:is(:hover,:focus-visible) .billing-art{transform:scale(1.08) rotate(3deg)}

.billing-photo:focus-visible{outline:2px solid #216b50;outline-offset:4px}

.billing-copy-text p{margin:12px 0 0;font-size:16px;line-height:1.55;max-width:52ch;color:#344338}

.billing-scene .document-detail{align-self:stretch;display:flex;flex-direction:column;background:#fff;padding:28px;margin:0;border:1px solid #e0f4e6;border-radius:32px;box-shadow:0 18px 40px #27384610;text-align:left;min-width:0}

.billing-scene .document-detail>h3{font:700 28px/1.2 Arial,sans-serif;margin:0;color:#080b08}

.billing-vertical{display:flex;flex-direction:column;flex:1;list-style:none;margin:28px 0;padding:0}

.billing-vertical li{position:relative;display:grid;grid-template-columns:58px 1fr;gap:24px;padding:0 0 32px;align-items:start;flex:1}

.billing-vertical li:last-child{padding-bottom:0}

.billing-vertical li:not(:last-child)::before{content:"";position:absolute;top:58px;bottom:0;left:25px;width:8px;background:linear-gradient(#22c55e,#10b981)}

.billing-circle{position:relative;display:grid;place-items:center;width:58px;height:58px;border:3px solid #22c55e;border-radius:50%;background:#fff;color:#299f4c;box-shadow:0 0 0 8px #22c55e1a}

.billing-circle svg{width:24px;height:24px}

.billing-vertical h4{margin:3px 0 8px;font-size:21px;line-height:1.25}

.billing-vertical p{margin:0;font-size:16px;line-height:1.5;color:#566250}

.billing-scene .document-link{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4;margin-top:0;padding:16px 0 0}

.program-parallax{position:relative;isolation:isolate;padding:0;overflow:clip;background:#07100b;color:#eceae4;perspective:1200px}

.program-atmosphere,.program-foreground{position:absolute;inset:-6%;pointer-events:none}

.program-atmosphere{z-index:0;background:radial-gradient(ellipse at 80% 35%,#3d5132,transparent 60%),linear-gradient(135deg,#111b15,#061009)}

.program-foreground{z-index:2;background:radial-gradient(ellipse at 90% 100%,#557b2b38,transparent 60%);mask-image:linear-gradient(90deg,#000,transparent 25%,transparent 76%,#000)}

.program-lottie{position:absolute;z-index:1;right:2%;top:5%;width:54%;height:88%;pointer-events:none}

.program-shade{position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,#020905e6,transparent 70%),linear-gradient(0deg,#030608ad,transparent 27%);pointer-events:none}

.program-parallax .program-grid{position:relative;display:block;padding:80px 0;min-height:800px}

.program-parallax .program-copy{position:relative;z-index:5;width:48%;transform-origin:left center}

.program-parallax .section-tag{color:#b3c4ad;margin:0 0 24px;font-size:12px}

.program-parallax h2{font:700 clamp(40px,4.5vw,64px)/1.02 Georgia,serif;color:#eceae4;letter-spacing:-.02em;text-shadow:0 3px 20px #0008}

.program-parallax .program-intro{font-size:18px;color:#bde86c;margin-top:24px}

.program-parallax .syllabus{margin-top:30px;gap:24px;display:grid;grid-template-columns:1fr}

.program-parallax .syllabus>div{border:0;padding:0}

.program-parallax .syllabus h3{color:#eceae4;margin:0 0 10px;font-size:21px}

.program-parallax .syllabus ul{margin:0;padding-left:20px;color:#c2ccc0;font-size:15px;line-height:1.6}

.program-parallax .syllabus li{margin:4px 0;color:#c2ccc0}

.program-parallax .syllabus li::before{background:#bde86c}

.program-embers{position:absolute;z-index:4;inset:0;pointer-events:none}

.program-embers i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#f99762;box-shadow:0 0 7px 2px #ff653955;opacity:0;animation:program-ember var(--duration) linear var(--delay) infinite;animation-play-state:paused}

.program-parallax.is-animated .program-embers i{animation-play-state:running}

@keyframes program-ember{0%,100%{opacity:0;transform:translate3d(0,0,0)}20%,70%{opacity:.6}90%{opacity:0;transform:translate3d(var(--drift),-100px,0)}}

@media(max-width:1050px){.course-hero{height:880px}.course-copy{left:7%;width:85%}.course-choice:last-child .course-copy{left:15%;width:79%;top:48%}.course-description{font-size:16px}.contact-scene .request-grid{padding:48px 30px 48px 0}.contact-scene .request-form{padding:22px 18px}.contact-scene .form-grid{grid-template-columns:1fr}.contact-scene .request-copy h2{font-size:40px}.billing-scene .document-grid{gap:30px}.billing-scene .document-detail{padding:26px 20px}.program-parallax .program-copy{width:52%}.program-lottie{right:2%;width:47%}}

@media(max-width:760px){

.course-hero{--split:polygon(0 62.5%,100% 59.5%,100% 100%,0 100%);height:1280px}

.course-heading{width:100%;padding:24px 24px 0;max-width:520px}.course-heading :is(h1,h2){font-size:28px}.course-heading>p:last-child{font-size:14px}

.course-choices{top:200px;grid-template-columns:1fr;grid-template-rows:580px 500px}

.course-scene-public{clip-path:polygon(0 0,100% 0,100% 59.5%,0 62.5%)}.course-scene-public .course-skyline{bottom:39%}.course-skyline{left:-75%;right:-75%;height:25%}

.course-copy{top:24px;left:24px;width:calc(100% - 48px);max-width:none}

.course-copy h3{font-size:43px}.course-copy .section-tag{font-size:11px;margin-bottom:12px}

.course-description{font-size:16px;max-width:30ch;margin-top:18px}.course-copy .locations{font-size:12px}

.course-choice:first-child .course-art{width:100%;bottom:12px}

.course-choice:last-child .course-art{width:59%;top:-20px;right:-2%}

.course-choice:last-child .course-copy{top:105px;left:24px;width:calc(100% - 48px)}

.course-choice:last-child h3{font-size:40px}.course-choice:last-child .course-description{max-width:27ch}

.course-star{top:61%;width:54px}.course-action{font-size:14px;padding:12px 18px}

.course-proof .mini-proof{flex-wrap:wrap}.course-proof .mini-proof p{font-size:13px}

.contact-scene{border-radius:0}.contact-scene .request-grid{display:block;width:100%;padding:0 20px 40px}

.contact-scene .request-copy{padding:36px 4px 0;min-height:450px}.contact-scene .request-copy h2{font-size:40px}.contact-scene .request-copy>p:last-child{font-size:16px;max-width:28ch}

.contact-animation{width:100%;height:610px;top:70px}.contact-scene::before{background:linear-gradient(#000000b8,#0000005c 40%,#0000001f)}

.contact-scene .request-form{position:relative;padding:26px 20px}.contact-scene .form-grid{grid-template-columns:1fr 1fr}.contact-scene .request-form label{font-size:16px}.contact-scene .action{width:100%}

.billing-scene .document-grid{display:grid;grid-template-columns:1fr;gap:26px;padding:32px 0}.billing-scene .document-detail{margin:0;padding:26px 20px}.billing-photo{width:min(100%,320px)}.billing-vertical li{gap:20px}.billing-scene .document-detail>h3{font-size:26px}

.program-parallax .program-grid{padding:50px 0 420px;min-height:0}.program-parallax .program-copy{width:100%}.program-parallax h2{font-size:42px}.program-parallax .syllabus ul{font-size:15px}

.program-lottie{top:auto;bottom:5px;right:3%;width:94%;height:420px}

.program-shade{background:linear-gradient(180deg,#020905c9,transparent 50%),linear-gradient(0deg,#03060880,transparent 20%)}

}

@media(max-width:480px){.contact-scene .form-grid{grid-template-columns:1fr}}

@media(max-width:380px){.course-heading{padding-inline:20px}.course-copy,.course-choice:last-child .course-copy{left:20px;width:calc(100% - 40px)}.course-action{font-size:13px}.course-copy h3{font-size:38px}}

@media(prefers-reduced-motion:reduce){.course-skyline,.course-star img,.course-action,.course-action span{transition:none}.course-hero[data-active-half] .course-skyline,.course-hero[data-active-half] .course-star img{transform:none}.program-embers{display:none}.billing-photo,.billing-photo .billing-art{transition:none}.billing-photo:is(:hover,:focus-visible),.billing-photo:is(:hover,:focus-visible) .billing-art{transform:none}}


}

@scope (.original-5198) {
/* Compact hero; content and the two original scenes are retained. */

/* Premium Stepper: order illustration only, never an actual order status. */

.translation-premium{background:#f3f7f2;padding:48px 0}

.translation-premium>.wrap{padding:36px;border:1px solid #e0f4e6;border-radius:32px;background:#fff;box-shadow:0 18px 40px #27384610}

.translation-premium .translation-heading{max-width:none;text-align:center}

.translation-premium .translation-heading h2{font-size:clamp(30px,3.4vw,44px)}

.translation-premium .translation-heading>p:last-child{margin-top:14px}

.translation-steps{position:relative;margin:40px 0 30px}

.translation-premium .order-stages{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}

.translation-premium .order-stages li{display:flex;flex-direction:column;align-items:center;text-align:center}

.translation-premium .order-stages li::before{display:none}

.translation-circle{position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border:2px solid #d1d5db;border-radius:50%;background:#fff;color:#9ca3af;font:600 18px/1 Arial,sans-serif;transition:transform 300ms ease,color 300ms ease,background 300ms ease,border-color 300ms ease,box-shadow 300ms ease}

.translation-circle svg{position:absolute;width:24px;height:24px;opacity:0;transform:scale(.7);transition:opacity 200ms ease,transform 300ms ease}

.translation-number{transition:opacity 180ms ease}

.translation-track{position:absolute;top:28px;left:12.5%;right:12.5%;height:10px;background:#e5e7eb}

.translation-progress{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);transform:scaleX(0);transform-origin:left center;transition:transform 400ms ease}

.translation-segment{display:none}

.translation-step-content{width:100%;min-width:0;margin-top:22px}

.translation-premium .order-stages img{height:135px;margin:0 0 18px}

.translation-premium .order-stages h3{font:600 20px/1.25 Arial,sans-serif;color:#53565e;transition:color 300ms ease}

.translation-premium .order-stages p{margin-top:12px;font-size:15px;line-height:1.5}

.translation-premium [data-state="active"] .translation-circle{border:3px solid #22c55e;color:#299f4c;box-shadow:0 0 0 10px #22c55e1a;transform:scale(1.08)}

.translation-premium [data-state="active"] h3{color:#289448}

.translation-premium [data-state="complete"] .translation-circle{border-color:#22c55e;background:#22c55e;color:#fff}

.translation-premium [data-state="complete"] .translation-number{opacity:0}

.translation-premium [data-state="complete"] .translation-circle svg{opacity:1;transform:scale(1)}

.translation-premium .order-action{justify-content:center}

@media(max-width:700px){

.translation-premium{padding:32px 0}

.translation-premium>.wrap{padding:28px 18px;border-radius:24px}

.translation-premium .translation-heading h2{font-size:29px}

.translation-steps{margin-top:32px}

.translation-track{display:none}

.translation-premium .order-stages{grid-template-columns:1fr;gap:26px}

.translation-premium .order-stages li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:20px;text-align:left;align-items:start}

.translation-circle{width:46px;height:46px;font-size:16px}

.translation-step-content{margin:0;display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px 14px;align-items:start}

.translation-premium .order-stages img{height:82px;grid-column:1;grid-row:1/3;margin:0}

.translation-premium .order-stages h3{font-size:18px}

.translation-premium .order-stages p{margin:0;font-size:14px}

.translation-segment{display:block;position:absolute;left:20px;top:46px;bottom:-26px;width:7px;background:#e5e7eb}

.translation-segment::after{content:"";position:absolute;inset:0;background:linear-gradient(#22c55e,#10b981);transform:scaleY(0);transform-origin:top;transition:transform 400ms ease}

.translation-premium [data-state="complete"] .translation-segment::after{transform:scaleY(1)}

.translation-premium .order-stages li:last-child .translation-segment{display:none}

.translation-premium .order-action{align-items:stretch;gap:14px}

}

@media(max-width:400px){.translation-step-content{grid-template-columns:1fr}.translation-premium .order-stages img{grid-row:auto;width:72px;height:72px}.translation-premium .order-stages li{gap:18px}}

@media(prefers-reduced-motion:reduce){.translation-circle,.translation-circle svg,.translation-number,.translation-progress,.translation-segment::after{transition:none}}

.course-hero{--heading-height:164px;height:clamp(560px,calc(100svh - 180px),620px)}

.course-heading{width:100%;height:var(--heading-height);padding:16px 24px;text-align:center;background:transparent;color:#f3f5f2;isolation:isolate}

.course-heading :is(h1,h2),.course-heading>p:not(.course-heading-location),.course-heading .mini-proof p{background:linear-gradient(90deg,#f3f5f2 0 var(--shared-text-split,100%),#132318 var(--shared-text-split,100%) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

.course-heading .course-proof{padding:10px 0 0;background:transparent}

.course-heading .mini-proof{margin:0 auto;color:#f3f5f2}

.course-heading .mini-proof p{font-size:13px}

.course-heading .mini-proof strong{color:#bde86c}

.course-heading>p{max-width:none!important;margin:8px 0 0;color:#d5dfd6;font-size:14px;line-height:1.4}

.course-heading p.course-heading-location{margin-top:8px;font-size:12px;color:#bde86c}

.course-hero::before{top:0}

.course-scene{top:0}

.course-choices{top:var(--heading-height)}

.course-skyline{inset:auto 0 0;height:auto;aspect-ratio:2171/724;max-height:calc(100% - 12px)}

.course-skyline img{object-fit:contain}

.course-star{top:50%}

.course-heading :is(h1,h2){font-size:clamp(26px,2.1vw,32px)}

.course-copy{top:8%}

.course-copy h3{font-size:clamp(36px,3.5vw,50px)}

.course-description{margin:16px 0 10px;font-size:16px;line-height:1.4}

.course-copy .locations{margin-bottom:16px}

.course-choice:last-child .course-copy{top:22%;left:18%;width:75%}

.course-choice:last-child .course-art{width:40%;top:0}

.course-choice:first-child .course-art{width:93%;left:1%;bottom:0}

.course-action{min-height:46px;padding:11px 18px}

.licence-media{display:grid;place-items:center;min-width:0;width:100%;height:245px;margin-bottom:28px}

/* Aqua, iris scanner and floating camera from final-invitation. */

.final-aqua-scene{width:150px;aspect-ratio:2/3;perspective:1000px}

.final-aqua{position:relative;isolation:isolate;overflow:clip;width:100%;height:100%;margin:0;border-radius:18px;background:linear-gradient(145deg,#a8f3de,#6fd8be);transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-10deg);transition:transform .6s ease,box-shadow .6s ease;box-shadow:0 20px 30px #00786440,inset 0 25px 25px #ffffff59,inset -10px -10px 25px #00000026}

.final-aqua__surface{display:block;width:100%;height:100%}

.final-aqua__image{display:block;width:1024px;height:1536px;max-width:none;transform-origin:0 0;transform:matrix3d(1.2072433396,-.1695883437,0,-.0000918543,.0844797822,1.3498546954,0,.0001301676,0,0,1,0,-189.1366066438,-83.73039043,0,1)}

.final-aqua-scene:hover .final-aqua,.final-aqua:focus-visible{transform:translateY(-10px) rotateX(0deg) rotateY(0deg)}

.final-aqua:focus-visible{outline:2px solid #205c53;outline-offset:7px}

.final-aqua__grain{position:absolute;z-index:0;inset:0;background:url("../../original-block-pages-20261030/assets/1e3093286d8c95018a44.svg") repeat;mix-blend-mode:overlay;opacity:.4;pointer-events:none}

.final-aqua__rim{position:absolute;z-index:1;inset:5px;border:1px solid #1f5c53;border-radius:18px;mix-blend-mode:screen;box-shadow:6px 0 2px 6px #1f5c536b;pointer-events:none}

.final-aqua::before{content:"";position:absolute;z-index:2;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:rotate(25deg);animation:final-aqua-shine 4s linear infinite;pointer-events:none}

@keyframes final-aqua-shine{to{transform:translateX(550%) rotate(25deg)}}

.final-iris{position:relative;width:100%;margin:0;overflow:clip;border-radius:16px;transition:transform 350ms ease}

.final-iris__media{position:relative;transition:transform 350ms ease}

.final-iris__media>img{display:block;width:100%;height:auto}

.final-iris__overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

.final-iris__web{fill:none;stroke:#f5fff9;stroke-width:2.3;stroke-opacity:.65;animation:final-iris-rotate 18s linear infinite}

.final-iris__corners{fill:none;stroke-width:8;stroke-linecap:square;transform-origin:750px 557.5px;animation:final-iris-breathe 3.6s ease-in-out infinite}

.final-iris:is(:hover,:focus-visible){transform:translateY(-8px)}

.final-iris:is(:hover,:focus-visible) .final-iris__media{transform:scale(1.08) rotate(3deg)}

.final-iris:focus-visible{outline:2px solid #95bf30;outline-offset:4px}

@keyframes final-iris-rotate{to{transform:rotate(360deg)}}

@keyframes final-iris-breathe{0%,100%{transform:scale(.97);opacity:.78}50%{transform:scale(1.035);opacity:1}}

.final-photo-depth{--depth-rotate-x:0deg;--depth-rotate-y:0deg;width:min(100%,270px);perspective:900px;touch-action:pan-y}

.final-photo-rig{position:relative;height:210px;transform:rotateX(var(--depth-rotate-x)) rotateY(var(--depth-rotate-y));transform-style:preserve-3d;transition:transform 420ms cubic-bezier(.16,1,.3,1)}

.final-photo-float{position:absolute;width:76%;transform-style:preserve-3d}

.final-photo-float:first-child{top:0;left:0;z-index:1;animation:final-depth-left 7.2s ease-in-out -2.1s infinite alternate}

.final-photo-float:last-child{bottom:0;right:0;z-index:2;animation:final-depth-right 8.1s ease-in-out -4.7s infinite alternate}

.final-photo-float img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 12px #17211f20)}

.final-photo-depth:focus-visible{outline:2px solid #216b50;outline-offset:4px;border-radius:12px}

@keyframes final-depth-left{from{transform:translate3d(0,-.45rem,1.1rem) rotateX(-1.5deg) rotateY(3deg) rotateZ(-1.4deg)}to{transform:translate3d(-.3rem,.55rem,1.1rem) rotateX(2deg) rotateY(-2deg) rotateZ(.6deg)}}

@keyframes final-depth-right{from{transform:translate3d(.2rem,.7rem,4rem) rotateX(2deg) rotateY(-3deg) rotateZ(1.2deg)}to{transform:translate3d(0,-.5rem,4rem) rotateX(-2deg) rotateY(2deg) rotateZ(-.5deg)}}

@media(max-width:1050px) and (min-width:761px){.course-copy{left:6%;width:88%;top:8%}.course-choice:last-child .course-copy{left:14%;width:82%;top:20%}.course-copy h3{font-size:36px}.course-description{font-size:15px}.course-action{font-size:13px}}

@media(max-width:760px){

.course-hero{--heading-height:210px;height:950px;--split:polygon(0 65%,100% 61%,100% 100%,0 100%)}

.course-heading{padding:18px 20px;max-width:none}.course-heading :is(h1,h2){font-size:25px}.course-heading>p{font-size:13px}

.course-choices{top:var(--heading-height);grid-template-rows:390px 350px}

.course-scene-public{clip-path:polygon(0 0,100% 0,100% 61%,0 65%)}

.course-scene-public .course-skyline{bottom:37%}

.course-skyline{left:-30%;right:-30%;height:auto;max-height:48%}

.course-copy{top:16px;left:24px;width:calc(100% - 48px)}

.course-copy h3{font-size:34px}.course-description{font-size:15px;line-height:1.4;margin-top:12px}.course-copy .section-tag{margin-bottom:10px}

.course-choice:first-child .course-art{width:100%;left:0;bottom:0}

.course-choice:last-child .course-art{width:56%;top:-10px;right:0}

.course-choice:last-child .course-copy{top:64px;left:24px;width:calc(100% - 48px)}

.course-choice:last-child h3{font-size:32px}.course-choice:last-child .course-description{font-size:14px;max-width:28ch}

.course-star{top:63%}.course-action{font-size:13px;padding:10px 16px}

.licence-grid article .licence-media{grid-column:1;grid-row:1/3;height:165px;margin:0}

.final-aqua-scene{width:94px}.final-aqua,.final-aqua__rim{border-radius:12px}

.final-photo-rig{height:135px}.final-iris{border-radius:10px}

}

@media(prefers-reduced-motion:reduce){.final-aqua,.final-aqua::before,.final-iris__web,.final-iris__corners,.final-photo-float{animation:none;transition:none}.final-photo-rig{transform:none;transition:none}.final-iris,.final-iris__media{transition:none}.final-aqua-scene:hover .final-aqua,.final-aqua:focus-visible{transform:rotateX(8deg) rotateY(-10deg)}.final-iris:is(:hover,:focus-visible),.final-iris:is(:hover,:focus-visible) .final-iris__media{transform:none}}


}

@scope (.original-5198) {


.blr-counter-preview{

  --green:#95BF30;

  --green-soft:#C6E776;

  --ink:#111512;

  --ink-2:#313a32;

  --muted:#6f786d;

  --paper:#f7f8f1;

  --white:#ffffff;

  --display:"Frutiger Next","Space Grotesk","Segoe UI",Arial,sans-serif;

  --font:"Frutiger Next","Inter","Segoe UI",Arial,sans-serif;

}

.blr-counter-preview,.blr-counter-preview *{box-sizing:border-box}





.blr-counter-preview-note{width:min(1180px,calc(100% - 40px));margin:28px auto 0;color:#465041;font-size:14px;line-height:1.45;font-weight:800}

.blr-counter-preview{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:34px 0 76px}

.blr-counter-card{position:relative;overflow:hidden;border-radius:42px;background:radial-gradient(circle at 12% 10%,rgba(198,231,118,.28),transparent 24rem),radial-gradient(circle at 82% 18%,rgba(149,191,48,.20),transparent 22rem),linear-gradient(135deg,#0f140f 0%,#1a211a 46%,#303f25 100%);color:var(--white);padding:clamp(30px,5vw,54px);box-shadow:0 30px 90px rgba(17,21,18,.26);border:1px solid rgba(255,255,255,.14);isolation:isolate}

.blr-counter-card::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.12);border-radius:32px;pointer-events:none;z-index:-1}

.blr-counter-card::after{content:"§";position:absolute;right:clamp(22px,5vw,64px);top:-20px;font-family:Georgia,serif;font-size:clamp(120px,18vw,240px);line-height:1;color:rgba(255,255,255,.055);z-index:-1}

.blr-counter-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(24px,4vw,46px);align-items:end;margin-bottom:34px}

.blr-counter-kicker{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:8px 13px;border-radius:999px;background:rgba(198,231,118,.12);border:1px solid rgba(198,231,118,.28);color:#dff5a4;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}

.blr-counter-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:#C6E776;box-shadow:0 0 0 5px rgba(198,231,118,.14)}

.blr-counter-title{font-family:var(--display);font-size:clamp(38px,5.5vw,74px);line-height:.92;letter-spacing:-.075em;margin:0;max-width:790px}

.blr-counter-lead{margin:0;color:rgba(255,255,255,.76);font-size:17px;line-height:1.62;font-weight:650}

.blr-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}

.blr-stat-card{position:relative;min-height:348px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,248,241,.94));color:var(--ink);padding:24px 18px 24px;border:1px solid rgba(255,255,255,.64);box-shadow:0 18px 50px rgba(0,0,0,.18);overflow:hidden;display:flex;flex-direction:column;align-items:center}

.blr-stat-card::before{content:attr(data-index);position:absolute;right:18px;top:18px;font-family:var(--display);font-size:64px;font-weight:950;line-height:.9;letter-spacing:-.08em;color:rgba(17,21,18,.055);pointer-events:none}

.blr-icon-stage{position:relative;width:100%;height:156px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex:0 0 auto;z-index:1}

.blr-inline-svg{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}

.blr-stat-card--certificate .blr-icon-stage{height:156px;margin-bottom:18px}

.blr-stat-card--certificate .blr-inline-svg{width:236px;height:156px}

.blr-stat-card--courses .blr-icon-stage{height:160px;margin-bottom:16px}

.blr-stat-card--courses .blr-inline-svg{width:198px;height:160px}

.blr-stat-card--medal .blr-icon-stage{height:132px;margin-top:4px;margin-bottom:22px}

.blr-stat-card--medal .blr-inline-svg{width:144px;height:126px}

.blr-stat-number{font-family:var(--display);font-size:clamp(50px,4.3vw,66px);font-weight:950;line-height:.92;letter-spacing:-.075em;color:#111512;white-space:nowrap;width:100%;text-align:center;z-index:2}

.blr-stat-label{margin-top:10px;color:#465041;font-size:17px;line-height:1.18;font-weight:850;letter-spacing:-.015em;min-height:42px;text-align:center;z-index:2}

.blr-stat-card--certificate .blr-stat-number{font-size:clamp(56px,5vw,74px);letter-spacing:-.085em}

.blr-stat-card--board{padding-top:24px}

.blr-board-stage{position:relative;width:100%;height:190px;margin-bottom:6px;z-index:1}

.blr-board-stage .teacher{position:absolute;left:50%;top:50%;width:250px;height:188px;transform:translate(-50%,-50%);max-width:none;max-height:none}

.blr-board-text{position:absolute;left:55%;top:52%;width:31%;transform:translateY(-50%);z-index:3;text-align:center;pointer-events:none}

.blr-board-text .blr-stat-number{font-size:36px;line-height:.9;letter-spacing:-.055em}

.blr-board-text .blr-stat-label{margin-top:5px;min-height:0;font-size:11px;line-height:1.02;color:#313a32}

.blr-card-body{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:auto}

.blr-stat-card--board .blr-card-body{display:none}

.blr-trust-strip{margin-top:24px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:18px;overflow:hidden}

.blr-trust-title{display:flex;align-items:center;justify-content:center;gap:12px;color:#dff5a4;font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}

.blr-trust-title::before,.blr-trust-title::after{content:"";height:1px;width:74px;background:rgba(198,231,118,.32)}

.blr-logo-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}

.blr-logo-card{height:88px;border-radius:20px;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.62);display:grid;place-items:center;color:#80877c;font-size:20px;font-weight:850;letter-spacing:.02em;box-shadow:0 12px 34px rgba(0,0,0,.14)}

.blr-counter-footer{margin-top:18px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.76);font-weight:650;line-height:1.48}

.blr-counter-seal{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#C6E776,#95BF30);color:#111512;font-weight:950;box-shadow:0 16px 34px rgba(149,191,48,.34)}

@media (max-width:1080px){.blr-counter-top{grid-template-columns:1fr}.blr-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blr-stat-card{min-height:332px}.blr-stat-card--certificate .blr-stat-number{font-size:clamp(58px,9vw,72px)}.blr-board-stage .teacher{width:252px;height:190px}}

@media (max-width:620px){.blr-counter-preview-note,.blr-counter-preview{width:min(100% - 28px,1180px)}.blr-counter-preview{padding:28px 0 54px}.blr-counter-card{border-radius:30px;padding:26px}.blr-counter-card::before{inset:12px;border-radius:22px}.blr-stats-grid,.blr-logo-track{grid-template-columns:1fr}.blr-stat-card{min-height:320px}.blr-stat-card--certificate .blr-stat-number{font-size:60px}.blr-trust-title::before,.blr-trust-title::after{width:28px}}





/* v10: fixed-position icon text, not generic card text */

.blr-stat-card--certificate .blr-card-body,

.blr-stat-card--medal .blr-card-body{display:none !important;}

.blr-cert-text,.blr-medal-text{position:absolute;z-index:3;text-align:center;pointer-events:none;color:#111512;}

.blr-cert-text::before{content:"";position:absolute;left:50%;top:50%;width:96%;height:66px;transform:translate(-50%,-50%);border-radius:10px;background:rgba(247,248,241,.72);z-index:-1;}

.blr-stat-card--certificate .blr-icon-stage{height:182px !important;margin-bottom:16px !important;}

.blr-stat-card--certificate .blr-inline-svg{width:278px !important;height:182px !important;}

.blr-cert-text{left:50% !important;top:56% !important;width:132px !important;transform:translate(-50%,-50%) !important;}

.blr-cert-text .blr-stat-number{font-family:var(--display);font-size:30px !important;line-height:.86 !important;letter-spacing:-.07em !important;font-weight:950 !important;color:#050807 !important;width:100%;white-space:nowrap;text-align:center;}

.blr-cert-text .blr-stat-label{margin-top:5px !important;font-size:10px !important;line-height:1.02 !important;font-weight:900 !important;color:#1f261f !important;min-height:0 !important;}

.blr-stat-card--board .blr-board-text{left:55.5% !important;top:51% !important;width:86px !important;}

.blr-stat-card--board .blr-board-text .blr-stat-number{font-size:38px !important;line-height:.9 !important;font-weight:950 !important;letter-spacing:-.055em !important;}

.blr-stat-card--board .blr-board-text .blr-stat-label{margin-top:5px !important;font-size:11px !important;line-height:1.03 !important;font-weight:900 !important;}

.blr-stat-card--courses .blr-icon-stage{height:168px !important;margin-bottom:14px !important;}

.blr-stat-card--courses .blr-inline-svg{width:212px !important;height:168px !important;}

.blr-stat-card--courses .blr-card-body{margin-top:0 !important;}

.blr-stat-card--courses .blr-card-body .blr-stat-number{font-size:58px !important;line-height:.9 !important;letter-spacing:-.075em !important;}

.blr-stat-card--courses .blr-card-body .blr-stat-label{margin-top:8px !important;font-size:17px !important;line-height:1.1 !important;}

.blr-stat-card--medal .blr-icon-stage{height:148px !important;margin-top:4px !important;margin-bottom:20px !important;}

.blr-stat-card--medal .blr-inline-svg{width:158px !important;height:138px !important;}

.blr-medal-text{left:50% !important;top:50% !important;width:76px !important;transform:translate(-50%,-50%) !important;}

.blr-medal-text .blr-stat-number{font-family:var(--display);font-size:40px !important;line-height:.78 !important;letter-spacing:-.055em !important;font-weight:950 !important;color:#050807 !important;width:100%;white-space:nowrap;text-align:center;}

.blr-medal-text .blr-stat-label{margin-top:5px !important;font-size:11px !important;line-height:1.02 !important;font-weight:900 !important;color:#1f261f !important;min-height:0 !important;}







/* v11: full-width counter row, larger icon-compositions */

.blr-counter-preview{width:min(1920px,calc(100% - 56px)) !important;}

.blr-counter-preview-note{width:min(1920px,calc(100% - 56px)) !important;}

.blr-stats-grid{gap:26px !important;}

.blr-stat-card{min-height:430px !important;padding:30px 24px 28px !important;border-radius:38px !important;}

.blr-stat-card::before{font-size:92px !important;right:26px !important;top:26px !important;color:rgba(17,21,18,.045) !important;}

.blr-stat-card--certificate .blr-icon-stage{height:255px !important;margin-bottom:12px !important;}

.blr-stat-card--certificate .blr-inline-svg{width:390px !important;height:255px !important;max-width:100% !important;}

.blr-cert-text{left:50% !important;top:57.5% !important;width:190px !important;}

.blr-cert-text::before{width:206px !important;height:88px !important;border-radius:14px !important;background:rgba(247,248,241,.74) !important;}

.blr-cert-text .blr-stat-number{font-size:44px !important;line-height:.86 !important;}

.blr-cert-text .blr-stat-label{font-size:14px !important;line-height:1.03 !important;margin-top:7px !important;}

.blr-board-stage{height:275px !important;margin-bottom:8px !important;}

.blr-board-stage .teacher{width:385px !important;height:290px !important;max-width:none !important;max-height:none !important;}

.blr-stat-card--board .blr-board-text{left:56% !important;top:51% !important;width:126px !important;}

.blr-stat-card--board .blr-board-text .blr-stat-number{font-size:58px !important;line-height:.88 !important;}

.blr-stat-card--board .blr-board-text .blr-stat-label{font-size:16px !important;line-height:1.04 !important;margin-top:7px !important;}

.blr-stat-card--courses .blr-icon-stage{height:250px !important;margin-bottom:8px !important;}

.blr-stat-card--courses .blr-inline-svg{width:310px !important;height:250px !important;max-width:100% !important;}

.blr-stat-card--courses .blr-card-body .blr-stat-number{font-size:74px !important;line-height:.88 !important;}

.blr-stat-card--courses .blr-card-body .blr-stat-label{font-size:20px !important;line-height:1.1 !important;margin-top:9px !important;}

.blr-stat-card--medal .blr-icon-stage{height:250px !important;margin-top:0 !important;margin-bottom:10px !important;}

.blr-stat-card--medal .blr-inline-svg{width:235px !important;height:205px !important;max-width:100% !important;}

.blr-medal-text{left:50% !important;top:50% !important;width:104px !important;}

.blr-medal-text .blr-stat-number{font-size:58px !important;line-height:.76 !important;}

.blr-medal-text .blr-stat-label{font-size:15px !important;line-height:1.0 !important;margin-top:7px !important;}

@media (max-width:1080px){

  .blr-counter-preview,.blr-counter-preview-note{width:min(1180px,calc(100% - 40px)) !important;}

  .blr-stat-card{min-height:360px !important;}

  .blr-stat-card--certificate .blr-icon-stage{height:190px !important;}

  .blr-stat-card--certificate .blr-inline-svg{width:290px !important;height:190px !important;}

  .blr-cert-text{width:144px !important;}

  .blr-cert-text::before{width:156px !important;height:70px !important;}

  .blr-cert-text .blr-stat-number{font-size:32px !important;}

  .blr-cert-text .blr-stat-label{font-size:11px !important;}

  .blr-board-stage{height:205px !important;}

  .blr-board-stage .teacher{width:270px !important;height:203px !important;}

  .blr-stat-card--board .blr-board-text{width:88px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:40px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:11px !important;}

  .blr-stat-card--courses .blr-icon-stage{height:178px !important;}

  .blr-stat-card--courses .blr-inline-svg{width:220px !important;height:178px !important;}

  .blr-stat-card--courses .blr-card-body .blr-stat-number{font-size:56px !important;}

  .blr-stat-card--courses .blr-card-body .blr-stat-label{font-size:17px !important;}

  .blr-stat-card--medal .blr-icon-stage{height:170px !important;}

  .blr-stat-card--medal .blr-inline-svg{width:160px !important;height:140px !important;}

  .blr-medal-text{width:76px !important;}

  .blr-medal-text .blr-stat-number{font-size:40px !important;}

  .blr-medal-text .blr-stat-label{font-size:11px !important;}

}







/* v12: denser cards, less empty lower half */

.blr-stat-card{min-height:360px !important;padding:24px 24px 24px !important;justify-content:center !important;}

.blr-stat-card--certificate .blr-icon-stage{height:245px !important;margin-bottom:0 !important;}

.blr-stat-card--certificate .blr-inline-svg{width:390px !important;height:245px !important;}

.blr-cert-text{top:58% !important;width:220px !important;}

.blr-cert-text::before{width:238px !important;height:98px !important;}

.blr-cert-text .blr-stat-number{font-size:54px !important;}

.blr-cert-text .blr-stat-label{font-size:16px !important;}

.blr-board-stage{height:255px !important;margin-bottom:0 !important;}

.blr-board-stage .teacher{width:390px !important;height:292px !important;}

.blr-stat-card--board .blr-board-text .blr-stat-number{font-size:62px !important;}

.blr-stat-card--board .blr-board-text .blr-stat-label{font-size:16px !important;}

.blr-stat-card--courses .blr-icon-stage{height:215px !important;margin-bottom:0 !important;}

.blr-stat-card--courses .blr-inline-svg{width:300px !important;height:215px !important;}

.blr-stat-card--courses .blr-card-body .blr-stat-number{font-size:78px !important;}

.blr-stat-card--courses .blr-card-body .blr-stat-label{font-size:20px !important;}

.blr-stat-card--medal .blr-icon-stage{height:235px !important;margin-bottom:0 !important;}

.blr-stat-card--medal .blr-inline-svg{width:240px !important;height:210px !important;}

.blr-medal-text{width:108px !important;}

.blr-medal-text .blr-stat-number{font-size:62px !important;}

.blr-medal-text .blr-stat-label{font-size:15px !important;}

@media (max-width:1080px){.blr-stat-card{min-height:360px !important}.blr-cert-text .blr-stat-number{font-size:34px !important}.blr-cert-text .blr-stat-label{font-size:11px !important}}





/* v14: screenshot correction — values are built into icon compositions */

.blr-stat-card{

  min-height:360px !important;

  padding:24px 24px 24px !important;

  justify-content:center !important;

}



/* 01 certificate: text lives inside the certificate document, no floating plaque */

.blr-stat-card--certificate .blr-icon-stage{

  height:245px !important;

  margin-bottom:0 !important;

  overflow:visible !important;

}

.blr-stat-card--certificate .blr-inline-svg{

  width:390px !important;

  height:245px !important;

}

.blr-cert-text{

  left:47% !important;

  top:52% !important;

  width:172px !important;

  transform:translate(-50%,-50%) !important;

}

.blr-cert-text::before{

  display:none !important;

}

.blr-cert-text .blr-stat-number{

  font-family:var(--display) !important;

  font-size:40px !important;

  line-height:.86 !important;

  letter-spacing:-.07em !important;

  font-weight:950 !important;

  color:#050807 !important;

  width:100% !important;

  white-space:nowrap !important;

  text-align:center !important;

}

.blr-cert-text .blr-stat-label{

  margin-top:5px !important;

  font-size:14px !important;

  line-height:1.02 !important;

  font-weight:900 !important;

  color:#1f261f !important;

  min-height:0 !important;

}



/* 02 board: keep number and label written on the board */

.blr-board-stage{

  height:255px !important;

  margin-bottom:0 !important;

  overflow:visible !important;

}

.blr-board-stage .teacher{

  width:390px !important;

  height:292px !important;

}

.blr-stat-card--board .blr-board-text{

  left:57% !important;

  top:50.5% !important;

  width:118px !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-number{

  font-size:56px !important;

  line-height:.86 !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-label{

  margin-top:8px !important;

  font-size:16px !important;

  line-height:1.08 !important;

  font-weight:900 !important;

}



/* 03 courses: data is part of the icon block, below hands/caps, not a separate bottom card text */

.blr-stat-card--courses .blr-icon-stage{

  height:265px !important;

  margin-bottom:0 !important;

  overflow:visible !important;

}

.blr-stat-card--courses .blr-inline-svg{

  width:315px !important;

  height:225px !important;

  transform:translateY(-24px) !important;

}

.blr-courses-text{

  position:absolute !important;

  left:50% !important;

  top:78% !important;

  width:230px !important;

  transform:translate(-50%,-50%) !important;

  z-index:3 !important;

  text-align:center !important;

  pointer-events:none !important;

  color:#111512 !important;

}

.blr-courses-text .blr-stat-number{

  font-family:var(--display) !important;

  font-size:62px !important;

  line-height:.86 !important;

  letter-spacing:-.075em !important;

  font-weight:950 !important;

  white-space:nowrap !important;

}

.blr-courses-text .blr-stat-label{

  margin-top:10px !important;

  font-size:19px !important;

  line-height:1.02 !important;

  font-weight:900 !important;

  color:#1f261f !important;

  min-height:0 !important;

}

.blr-stat-card--courses .blr-card-body{

  display:none !important;

}



/* 04 medal: value and text stay completely inside inner circle */

.blr-stat-card--medal .blr-icon-stage{

  height:235px !important;

  margin-bottom:0 !important;

  overflow:visible !important;

}

.blr-stat-card--medal .blr-inline-svg{

  width:240px !important;

  height:210px !important;

}

.blr-medal-text{

  left:50% !important;

  top:49% !important;

  width:96px !important;

  transform:translate(-50%,-50%) !important;

}

.blr-medal-text .blr-stat-number{

  font-size:50px !important;

  line-height:.82 !important;

  letter-spacing:-.04em !important;

}

.blr-medal-text .blr-stat-label{

  margin-top:7px !important;

  font-size:13px !important;

  line-height:.96 !important;

  font-weight:900 !important;

  min-height:0 !important;

}

.blr-stat-card--certificate .blr-card-body,

.blr-stat-card--medal .blr-card-body{

  display:none !important;

}



@media (max-width:1080px){

  .blr-stat-card{min-height:360px !important}

  .blr-cert-text .blr-stat-number{font-size:38px !important}

  .blr-cert-text .blr-stat-label{font-size:13px !important}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:52px !important}

  .blr-courses-text .blr-stat-number{font-size:58px !important}

  .blr-courses-text .blr-stat-label{font-size:18px !important}

}

@media (max-width:620px){

  .blr-cert-text{width:156px !important}

  .blr-cert-text .blr-stat-number{font-size:33px !important}

  .blr-cert-text .blr-stat-label{font-size:12px !important}

  .blr-stat-card--board .blr-board-text{width:104px !important}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:46px !important}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:13px !important}

  .blr-courses-text .blr-stat-number{font-size:52px !important}

  .blr-courses-text .blr-stat-label{font-size:16px !important}

  .blr-medal-text .blr-stat-number{font-size:44px !important}

  .blr-medal-text .blr-stat-label{font-size:12px !important}

}





/* v15: dark line-only cards, white icons/text, corrected inner layouts */

.blr-stat-card{

  background:transparent !important;

  border:none !important;

  box-shadow:none !important;

}

.blr-inline-svg,

.blr-board-stage .teacher{

  filter:invert(1) brightness(1.1) !important;

}

.blr-stat-number,

.blr-stat-label,

.blr-cert-text,

.blr-courses-text,

.blr-medal-text,

.blr-board-text,

.blr-board-text .blr-stat-number,

.blr-board-text .blr-stat-label,

.blr-cert-text .blr-stat-number,

.blr-cert-text .blr-stat-label,

.blr-courses-text .blr-stat-number,

.blr-courses-text .blr-stat-label,

.blr-medal-text .blr-stat-number,

.blr-medal-text .blr-stat-label{

  color:#ffffff !important;

}



/* 01 certificate larger so number + label fit inside the document */

.blr-stat-card--certificate .blr-icon-stage{

  height:300px !important;

  margin-bottom:0 !important;

}

.blr-stat-card--certificate .blr-inline-svg{

  width:470px !important;

  height:300px !important;

  max-width:none !important;

}

.blr-cert-text{

  left:47.5% !important;

  top:58% !important;

  width:198px !important;

  transform:translate(-50%,-50%) !important;

}

.blr-cert-text .blr-stat-number{

  font-size:47px !important;

  line-height:.86 !important;

  letter-spacing:-.07em !important;

  text-shadow:0 0 1px rgba(0,0,0,.55) !important;

}

.blr-cert-text .blr-stat-label{

  margin-top:6px !important;

  font-size:15px !important;

  line-height:1.01 !important;

  text-shadow:0 0 1px rgba(0,0,0,.55) !important;

}



/* 02 board: 14 left of pointer tip, label right of digits */

.blr-board-stage{

  height:300px !important;

}

.blr-board-stage .teacher{

  width:470px !important;

  height:320px !important;

  max-width:none !important;

}

.blr-stat-card--board .blr-board-text{

  left:61.5% !important;

  top:58% !important;

  width:176px !important;

  display:grid !important;

  grid-template-columns:auto auto !important;

  gap:12px !important;

  align-items:center !important;

  text-align:left !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-number{

  font-size:60px !important;

  line-height:.84 !important;

  margin:0 !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-label{

  font-size:16px !important;

  line-height:1.02 !important;

  margin:0 !important;

}



/* 03 courses: value isolated from hands with outline */

.blr-stat-card--courses .blr-icon-stage{

  height:270px !important;

  margin-bottom:0 !important;

}

.blr-stat-card--courses .blr-inline-svg{

  width:330px !important;

  height:240px !important;

  transform:translateY(-6px) !important;

  max-width:none !important;

}

.blr-courses-text{

  top:79% !important;

  width:270px !important;

}

.blr-courses-text .blr-stat-number{

  font-size:76px !important;

  line-height:.84 !important;

  letter-spacing:-.07em !important;

  -webkit-text-stroke:10px #102010 !important;

  paint-order:stroke fill !important;

  text-shadow:none !important;

}

.blr-courses-text .blr-stat-label{

  margin-top:10px !important;

  font-size:21px !important;

  line-height:1.02 !important;

  text-shadow:0 0 1px rgba(0,0,0,.55) !important;

}



/* 04 medal: white text centered in inner circle */

.blr-stat-card--medal .blr-icon-stage{

  height:270px !important;

}

.blr-stat-card--medal .blr-inline-svg{

  width:320px !important;

  height:235px !important;

  max-width:none !important;

}

.blr-medal-text{

  left:50% !important;

  top:49.5% !important;

  width:112px !important;

}

.blr-medal-text .blr-stat-number{

  font-size:60px !important;

  line-height:.8 !important;

  text-shadow:0 0 1px rgba(0,0,0,.55) !important;

}

.blr-medal-text .blr-stat-label{

  margin-top:8px !important;

  font-size:15px !important;

  line-height:.96 !important;

  text-shadow:0 0 1px rgba(0,0,0,.55) !important;

}



@media (max-width:1080px){

  .blr-stat-card--certificate .blr-inline-svg{width:360px !important;height:230px !important;}

  .blr-cert-text{width:170px !important;}

  .blr-cert-text .blr-stat-number{font-size:40px !important;}

  .blr-stat-card--board .blr-board-text{width:148px !important;left:60% !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:50px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:14px !important;}

  .blr-stat-card--courses .blr-inline-svg{width:270px !important;height:196px !important;}

  .blr-courses-text{width:220px !important;}

  .blr-courses-text .blr-stat-number{font-size:62px !important;-webkit-text-stroke:8px #102010 !important;}

  .blr-courses-text .blr-stat-label{font-size:18px !important;}

  .blr-stat-card--medal .blr-inline-svg{width:260px !important;height:190px !important;}

  .blr-medal-text .blr-stat-number{font-size:52px !important;}

  .blr-medal-text .blr-stat-label{font-size:13px !important;}

}

@media (max-width:620px){

  .blr-stat-card{min-height:320px !important;}

  .blr-stat-card--certificate .blr-icon-stage{height:224px !important;}

  .blr-stat-card--certificate .blr-inline-svg{width:320px !important;height:204px !important;}

  .blr-cert-text{width:150px !important;top:57% !important;}

  .blr-cert-text .blr-stat-number{font-size:34px !important;}

  .blr-cert-text .blr-stat-label{font-size:12px !important;}

  .blr-board-stage{height:234px !important;}

  .blr-board-stage .teacher{width:340px !important;height:232px !important;}

  .blr-stat-card--board .blr-board-text{width:126px !important;left:60.5% !important;top:57% !important;gap:8px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:42px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:12px !important;}

  .blr-stat-card--courses .blr-icon-stage{height:224px !important;}

  .blr-stat-card--courses .blr-inline-svg{width:270px !important;height:196px !important;}

  .blr-courses-text{width:210px !important;top:80% !important;}

  .blr-courses-text .blr-stat-number{font-size:56px !important;-webkit-text-stroke:7px #102010 !important;}

  .blr-courses-text .blr-stat-label{font-size:16px !important;}

  .blr-stat-card--medal .blr-icon-stage{height:230px !important;}

  .blr-stat-card--medal .blr-inline-svg{width:250px !important;height:184px !important;}

  .blr-medal-text{width:96px !important;}

  .blr-medal-text .blr-stat-number{font-size:46px !important;}

  .blr-medal-text .blr-stat-label{font-size:12px !important;}

}





/* v16: corrected per user audit */

.blr-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:clamp(10px,1.2vw,20px) !important;}



/* certificate: bigger icon, text under arc, lines hidden by outline */

.blr-stat-card--certificate .blr-icon-stage{height:316px !important;}

.blr-stat-card--certificate .blr-inline-svg{width:500px !important;height:316px !important;max-width:none !important;}

.blr-cert-text{left:45.8% !important;top:60.5% !important;width:214px !important;}

.blr-cert-text .blr-stat-number{

  font-size:54px !important;line-height:.84 !important;letter-spacing:-.07em !important;

  -webkit-text-stroke:9px rgba(8,18,9,.95) !important;paint-order:stroke fill !important;

}

.blr-cert-text .blr-stat-label{

  margin-top:8px !important;font-size:16px !important;line-height:1.0 !important;

  -webkit-text-stroke:5px rgba(8,18,9,.95) !important;paint-order:stroke fill !important;

}



/* board: 14 left from pointer tip, label right of number, keep inside board */

.blr-board-stage{height:316px !important;}

.blr-board-stage .teacher{width:500px !important;height:340px !important;max-width:none !important;}

.blr-stat-card--board .blr-board-text{

  left:63% !important;top:58% !important;width:196px !important;

  display:flex !important;align-items:center !important;justify-content:flex-start !important;

  gap:12px !important;text-align:left !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-number{

  font-size:68px !important;line-height:.84 !important;flex:0 0 auto !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-label{

  font-size:16px !important;line-height:1.02 !important;margin:0 !important;flex:1 1 auto !important;

}



/* courses: keep 1.473 in composition, hide arm lines with outline */

.blr-stat-card--courses .blr-icon-stage{height:300px !important;}

.blr-stat-card--courses .blr-inline-svg{width:346px !important;height:248px !important;transform:translateY(-2px) !important;max-width:none !important;}

.blr-courses-text{top:78% !important;width:280px !important;}

.blr-courses-text .blr-stat-number{

  font-size:80px !important;line-height:.82 !important;letter-spacing:-.07em !important;

  -webkit-text-stroke:10px rgba(8,18,9,.95) !important;paint-order:stroke fill !important;

}

.blr-courses-text .blr-stat-label{

  margin-top:10px !important;font-size:22px !important;line-height:1.0 !important;

  -webkit-text-stroke:4px rgba(8,18,9,.92) !important;paint-order:stroke fill !important;

}



/* medal stays centered */

.blr-stat-card--medal .blr-icon-stage{height:300px !important;}

.blr-stat-card--medal .blr-inline-svg{width:332px !important;height:244px !important;max-width:none !important;}

.blr-medal-text{width:116px !important;top:49.5% !important;}

.blr-medal-text .blr-stat-number{font-size:62px !important;}

.blr-medal-text .blr-stat-label{font-size:15px !important;}



/* always 4 in row; scale down instead of wrapping */

@media (max-width:1080px){

  .blr-counter-top{grid-template-columns:1fr !important;}

  .blr-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px !important;}

  .blr-stat-card{min-height:276px !important;padding:12px 10px 12px !important;}

  .blr-stat-card--certificate .blr-icon-stage{height:214px !important;}

  .blr-stat-card--certificate .blr-inline-svg{width:320px !important;height:214px !important;}

  .blr-cert-text{width:138px !important;left:45.5% !important;top:60% !important;}

  .blr-cert-text .blr-stat-number{font-size:34px !important;-webkit-text-stroke:6px rgba(8,18,9,.95) !important;}

  .blr-cert-text .blr-stat-label{font-size:11px !important;-webkit-text-stroke:3px rgba(8,18,9,.95) !important;}

  .blr-board-stage{height:214px !important;}

  .blr-board-stage .teacher{width:320px !important;height:218px !important;}

  .blr-stat-card--board .blr-board-text{left:63% !important;top:58% !important;width:122px !important;gap:8px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:42px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:11px !important;}

  .blr-stat-card--courses .blr-icon-stage{height:206px !important;}

  .blr-stat-card--courses .blr-inline-svg{width:236px !important;height:172px !important;}

  .blr-courses-text{width:168px !important;top:77% !important;}

  .blr-courses-text .blr-stat-number{font-size:48px !important;-webkit-text-stroke:7px rgba(8,18,9,.95) !important;}

  .blr-courses-text .blr-stat-label{font-size:13px !important;-webkit-text-stroke:3px rgba(8,18,9,.92) !important;}

  .blr-stat-card--medal .blr-icon-stage{height:206px !important;}

  .blr-stat-card--medal .blr-inline-svg{width:226px !important;height:166px !important;}

  .blr-medal-text{width:76px !important;}

  .blr-medal-text .blr-stat-number{font-size:40px !important;}

  .blr-medal-text .blr-stat-label{font-size:10px !important;}

}

@media (max-width:620px){

  .blr-counter-preview-note,.blr-counter-preview{width:min(100% - 10px,1400px) !important;}

  .blr-counter-preview{padding:16px 0 30px !important;}

  .blr-counter-card{padding:10px !important;border-radius:20px !important;}

  .blr-counter-card::before{inset:4px !important;border-radius:16px !important;}

  .blr-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important;}

  .blr-stat-card{min-height:170px !important;padding:6px 4px 6px !important;border-radius:16px !important;}

  .blr-stat-card::before{font-size:52px !important;top:8px !important;right:10px !important;}

  .blr-stat-card--certificate .blr-icon-stage{height:130px !important;}

  .blr-stat-card--certificate .blr-inline-svg{width:190px !important;height:130px !important;}

  .blr-cert-text{width:84px !important;left:45.5% !important;top:60% !important;}

  .blr-cert-text .blr-stat-number{font-size:20px !important;-webkit-text-stroke:4px rgba(8,18,9,.95) !important;}

  .blr-cert-text .blr-stat-label{font-size:6.8px !important;-webkit-text-stroke:2px rgba(8,18,9,.95) !important;margin-top:3px !important;}

  .blr-board-stage{height:130px !important;}

  .blr-board-stage .teacher{width:194px !important;height:132px !important;}

  .blr-stat-card--board .blr-board-text{left:62.5% !important;top:58% !important;width:70px !important;gap:4px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:23px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:6.8px !important;}

  .blr-stat-card--courses .blr-icon-stage{height:126px !important;}

  .blr-stat-card--courses .blr-inline-svg{width:142px !important;height:102px !important;}

  .blr-courses-text{width:96px !important;top:76% !important;}

  .blr-courses-text .blr-stat-number{font-size:26px !important;-webkit-text-stroke:4px rgba(8,18,9,.95) !important;}

  .blr-courses-text .blr-stat-label{font-size:7px !important;-webkit-text-stroke:2px rgba(8,18,9,.92) !important;margin-top:4px !important;}

  .blr-stat-card--medal .blr-icon-stage{height:126px !important;}

  .blr-stat-card--medal .blr-inline-svg{width:136px !important;height:100px !important;}

  .blr-medal-text{width:50px !important;}

  .blr-medal-text .blr-stat-number{font-size:24px !important;}

  .blr-medal-text .blr-stat-label{font-size:6.5px !important;margin-top:3px !important;}

}





/* v17: fixed after v16 screenshot — four cells stay in row, no clipping, text belongs to icon composition */

.blr-counter-preview{width:min(1380px,calc(100% - 24px)) !important;}

.blr-stats-grid{

  display:grid !important;

  grid-template-columns:repeat(4,minmax(0,1fr)) !important;

  gap:clamp(10px,1.4vw,24px) !important;

  align-items:center !important;

}

.blr-stat-card{

  position:relative !important;

  min-height:0 !important;

  height:clamp(160px,22vw,315px) !important;

  padding:0 !important;

  overflow:visible !important;

  background:transparent !important;

  border:none !important;

  box-shadow:none !important;

  display:block !important;

}

.blr-stat-card::before{

  font-size:clamp(34px,6.8vw,112px) !important;

  right:clamp(4px,1vw,18px) !important;

  top:clamp(0px,.8vw,10px) !important;

  color:rgba(255,255,255,.055) !important;

  z-index:0 !important;

}

.blr-icon-stage,.blr-board-stage{

  position:absolute !important;

  inset:0 !important;

  width:100% !important;

  height:100% !important;

  margin:0 !important;

  overflow:visible !important;

  display:block !important;

  z-index:1 !important;

}

.blr-inline-svg,.blr-board-stage .teacher{

  position:absolute !important;

  left:50% !important;

  top:50% !important;

  max-width:none !important;

  max-height:none !important;

  filter:invert(1) brightness(1.16) !important;

  z-index:1 !important;

}

.blr-cert-text,.blr-board-text,.blr-courses-text,.blr-medal-text{

  position:absolute !important;

  z-index:3 !important;

  pointer-events:none !important;

  color:#fff !important;

}

.blr-cert-text .blr-stat-number,.blr-cert-text .blr-stat-label,

.blr-board-text .blr-stat-number,.blr-board-text .blr-stat-label,

.blr-courses-text .blr-stat-number,.blr-courses-text .blr-stat-label,

.blr-medal-text .blr-stat-number,.blr-medal-text .blr-stat-label{

  color:#fff !important;

  font-family:var(--display) !important;

  font-weight:950 !important;

  text-align:center !important;

  min-height:0 !important;

}



/* 01: certificate enlarged; data sits under the arc; certificate lines are hidden by dark stroke */

.blr-stat-card--certificate .blr-inline-svg{

  width:118% !important;

  height:118% !important;

  transform:translate(-50%,-50%) !important;

}

.blr-cert-text{

  left:43.8% !important;

  top:55.2% !important;

  width:54% !important;

  transform:translate(-50%,-50%) !important;

  text-align:center !important;

}

.blr-cert-text::before{display:none !important;}

.blr-cert-text .blr-stat-number{

  font-size:clamp(16px,3.9vw,52px) !important;

  line-height:.82 !important;

  letter-spacing:-.08em !important;

  white-space:nowrap !important;

  -webkit-text-stroke:clamp(3px,.72vw,10px) #122010 !important;

  paint-order:stroke fill !important;

}

.blr-cert-text .blr-stat-label{

  margin-top:clamp(2px,.45vw,7px) !important;

  font-size:clamp(6px,1.22vw,16px) !important;

  line-height:1.02 !important;

  -webkit-text-stroke:clamp(1.5px,.36vw,5px) #122010 !important;

  paint-order:stroke fill !important;

}



/* 02: full board visible; 14 is left of label and near pointer tip */

.blr-stat-card--board .teacher{

  width:116% !important;

  height:112% !important;

  transform:translate(-50%,-50%) !important;

}

.blr-stat-card--board .blr-board-text{

  left:67.5% !important;

  top:50.5% !important;

  width:42% !important;

  transform:translate(-50%,-50%) !important;

  display:flex !important;

  align-items:center !important;

  justify-content:flex-start !important;

  gap:clamp(4px,.65vw,12px) !important;

  text-align:left !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-number{

  flex:0 0 auto !important;

  font-size:clamp(18px,4.7vw,64px) !important;

  line-height:.82 !important;

  letter-spacing:-.06em !important;

  text-align:left !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-label{

  flex:1 1 auto !important;

  margin:0 !important;

  font-size:clamp(6.5px,1.35vw,17px) !important;

  line-height:1.04 !important;

  text-align:left !important;

  white-space:normal !important;

}



/* 03: value has dark knock-out stroke, arms/caps stay visually behind it */

.blr-stat-card--courses .blr-inline-svg{

  width:84% !important;

  height:78% !important;

  transform:translate(-50%,-60%) !important;

}

.blr-courses-text{

  left:50% !important;

  top:70.5% !important;

  width:92% !important;

  transform:translate(-50%,-50%) !important;

  text-align:center !important;

}

.blr-courses-text .blr-stat-number{

  font-size:clamp(22px,5.5vw,76px) !important;

  line-height:.82 !important;

  letter-spacing:-.075em !important;

  white-space:nowrap !important;

  -webkit-text-stroke:clamp(4px,.85vw,11px) #122010 !important;

  paint-order:stroke fill !important;

}

.blr-courses-text .blr-stat-label{

  margin-top:clamp(2px,.7vw,10px) !important;

  font-size:clamp(7px,1.65vw,22px) !important;

  line-height:1.02 !important;

  white-space:nowrap !important;

  -webkit-text-stroke:clamp(1.5px,.35vw,5px) #122010 !important;

  paint-order:stroke fill !important;

}

.blr-stat-card--courses .blr-card-body{display:none !important;}



/* 04: medal fits in its own cell */

.blr-stat-card--medal .blr-inline-svg{

  width:88% !important;

  height:84% !important;

  transform:translate(-50%,-50%) !important;

}

.blr-medal-text{

  left:50% !important;

  top:50% !important;

  width:36% !important;

  transform:translate(-50%,-50%) !important;

  text-align:center !important;

}

.blr-medal-text .blr-stat-number{

  font-size:clamp(18px,4vw,58px) !important;

  line-height:.78 !important;

}

.blr-medal-text .blr-stat-label{

  margin-top:clamp(2px,.5vw,7px) !important;

  font-size:clamp(6px,1.15vw,15px) !important;

  line-height:.96 !important;

}

.blr-stat-card--certificate .blr-card-body,

.blr-stat-card--medal .blr-card-body{display:none !important;}



@media (max-width:620px){

  .blr-counter-preview{width:min(100% - 10px,1380px) !important;}

  .blr-counter-card{padding:12px 8px !important;}

  .blr-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:5px !important;}

  .blr-stat-card{height:clamp(120px,25vw,165px) !important;}

}





/* v18: correction after browser screenshot — board text moved inside board and above pointer line */

.blr-stat-card--board .blr-board-text{

  left:62.5% !important;

  top:44.5% !important;

  width:52% !important;

  transform:translate(-50%,-50%) !important;

  display:flex !important;

  align-items:center !important;

  justify-content:flex-start !important;

  gap:clamp(4px,.7vw,10px) !important;

  text-align:left !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-number{

  font-size:clamp(20px,4.2vw,58px) !important;

  line-height:.82 !important;

  letter-spacing:-.06em !important;

  flex:0 0 auto !important;

  text-align:left !important;

  -webkit-text-stroke:clamp(2px,.45vw,6px) #122010 !important;

  paint-order:stroke fill !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-label{

  font-size:clamp(6px,1.15vw,15px) !important;

  line-height:1.03 !important;

  margin:0 !important;

  flex:0 1 auto !important;

  text-align:left !important;

  -webkit-text-stroke:clamp(1px,.24vw,3px) #122010 !important;

  paint-order:stroke fill !important;

}

@media (max-width:1080px){

  .blr-stat-card--board .blr-board-text{left:62.5% !important;top:44.5% !important;width:52% !important;gap:6px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:clamp(16px,4vw,40px) !important;-webkit-text-stroke:4px #122010 !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:clamp(5px,1.05vw,11px) !important;-webkit-text-stroke:2px #122010 !important;}

}

@media (max-width:620px){

  .blr-stat-card--board .blr-board-text{left:62% !important;top:44% !important;width:54% !important;gap:3px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:clamp(13px,5.2vw,23px) !important;-webkit-text-stroke:2px #122010 !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:clamp(4px,1.55vw,6.8px) !important;-webkit-text-stroke:1px #122010 !important;}

}





/* v19: verified board correction */

.blr-stat-card--board .blr-board-text{

  left:58.6% !important;

  top:46.8% !important;

  width:166px !important;

  display:flex !important;

  align-items:center !important;

  justify-content:flex-start !important;

  gap:10px !important;

  text-align:left !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-number{

  font-size:56px !important;

  line-height:.84 !important;

  -webkit-text-stroke:7px #122010 !important;

  paint-order:stroke fill !important;

  flex:0 0 auto !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-label{

  font-size:13px !important;

  line-height:1.0 !important;

  -webkit-text-stroke:4px #122010 !important;

  paint-order:stroke fill !important;

  flex:1 1 auto !important;

}

@media (max-width:1080px){

  .blr-stat-card--board .blr-board-text{left:58.8% !important;top:46.5% !important;width:112px !important;gap:6px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:34px !important;-webkit-text-stroke:5px #122010 !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:8px !important;-webkit-text-stroke:2px #122010 !important;}

}

@media (max-width:620px){

  .blr-stat-card--board .blr-board-text{left:58.5% !important;top:46.4% !important;width:66px !important;gap:4px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:20px !important;-webkit-text-stroke:2px #122010 !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:5px !important;-webkit-text-stroke:1px #122010 !important;}

}





/* v20: board fixed against user screenshot 232. Keep 14 + label inside the board. */

.blr-stat-card--board .blr-board-text{

  left:62.0% !important;

  top:43.5% !important;

  width:132px !important;

  display:grid !important;

  grid-template-columns:52px 70px !important;

  column-gap:7px !important;

  align-items:center !important;

  justify-content:start !important;

  text-align:left !important;

  transform:translateY(-50%) !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-number{

  font-size:48px !important;

  line-height:.82 !important;

  -webkit-text-stroke:6px #122010 !important;

  paint-order:stroke fill !important;

  margin:0 !important;

  width:52px !important;

  text-align:left !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-label{

  font-size:11px !important;

  line-height:1.02 !important;

  -webkit-text-stroke:3px #122010 !important;

  paint-order:stroke fill !important;

  margin:0 !important;

  width:70px !important;

  white-space:normal !important;

}

@media (max-width:1080px){

  .blr-stat-card--board .blr-board-text{left:62% !important;top:43.5% !important;width:90px !important;grid-template-columns:34px 50px !important;column-gap:5px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:31px !important;-webkit-text-stroke:4px #122010 !important;width:34px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:7px !important;-webkit-text-stroke:2px #122010 !important;width:50px !important;}

}

@media (max-width:620px){

  .blr-stat-card--board .blr-board-text{left:62% !important;top:43.2% !important;width:54px !important;grid-template-columns:20px 31px !important;column-gap:3px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:18px !important;-webkit-text-stroke:2px #122010 !important;width:20px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:4.5px !important;-webkit-text-stroke:1px #122010 !important;width:31px !important;}

}





/* v21: browser-audited board fix — label stays inside board */

.blr-stat-card--board .blr-board-text{

  left:50.5% !important;

  top:43.5% !important;

  width:108px !important;

  display:grid !important;

  grid-template-columns:52px 48px !important;

  column-gap:6px !important;

  align-items:center !important;

  justify-content:start !important;

  text-align:left !important;

  transform:translateY(-50%) !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-number{

  font-size:48px !important;

  line-height:.82 !important;

  -webkit-text-stroke:6px #122010 !important;

  paint-order:stroke fill !important;

  margin:0 !important;

  width:52px !important;

  text-align:left !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-label{

  font-size:9px !important;

  line-height:1.02 !important;

  -webkit-text-stroke:2.6px #122010 !important;

  paint-order:stroke fill !important;

  margin:0 !important;

  width:48px !important;

  white-space:normal !important;

}

@media (max-width:1080px){

  .blr-stat-card--board .blr-board-text{left:50.5% !important;top:43.5% !important;width:74px !important;grid-template-columns:34px 36px !important;column-gap:4px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:31px !important;-webkit-text-stroke:4px #122010 !important;width:34px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:6px !important;-webkit-text-stroke:1.6px #122010 !important;width:36px !important;}

}

@media (max-width:620px){

  .blr-stat-card--board .blr-board-text{left:50.5% !important;top:43.2% !important;width:48px !important;grid-template-columns:20px 26px !important;column-gap:2px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:18px !important;-webkit-text-stroke:2px #122010 !important;width:20px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:3.8px !important;-webkit-text-stroke:.8px #122010 !important;width:26px !important;}

}





/* trust variant: company carousel plus floating names behind the counter content */

.blr-counter-preview{font-family:var(--font);color:var(--ink)}

.blr-counter-preview,.blr-counter-preview *{letter-spacing:0 !important}

.blr-counter-card > :not(.blr-company-float-layer){position:relative;z-index:4}

.blr-company-float-layer{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}

.blr-company-float-name{position:absolute;left:0;top:0;color:rgba(198,231,118,.24);font-family:var(--display);font-size:clamp(24px,4.8vw,74px);font-weight:950;line-height:.9;letter-spacing:0;white-space:nowrap;opacity:0;transform:translate3d(0,0,0) scale(.96);transition:opacity 2200ms ease,transform 9000ms cubic-bezier(.22,.61,.36,1);text-shadow:0 0 24px rgba(198,231,118,.18);user-select:none}

.blr-company-float-name.is-visible{opacity:var(--float-opacity,.22);transform:translate3d(var(--dx,36px),var(--dy,-24px),0) scale(1.02)}

.blr-company-float-dot{position:absolute;width:7px;height:7px;border-radius:999px;background:rgba(198,231,118,.34);opacity:0;transition:opacity 1800ms ease,transform 7600ms ease;box-shadow:0 0 18px rgba(198,231,118,.25)}

.blr-company-float-dot.is-visible{opacity:.72;transform:translate3d(var(--dx,22px),var(--dy,-18px),0)}

.blr-trust-strip{position:relative;z-index:5;margin-top:clamp(16px,2vw,26px) !important;border-radius:24px !important;background:rgba(5,13,7,.34) !important;border:1px solid rgba(198,231,118,.20) !important;padding:18px 0 14px !important;overflow:hidden !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

.blr-trust-title{padding:0 18px;color:#dff5a4 !important}

.blr-logo-track{display:flex !important;grid-template-columns:none !important;gap:14px !important;width:max-content;animation:blrCompanySlide 48s linear infinite;will-change:transform;padding:0 14px}

.blr-trust-strip:hover .blr-logo-track{animation-play-state:paused}

@keyframes blrCompanySlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.blr-logo-card{flex:0 0 clamp(126px,11vw,180px) !important;height:clamp(64px,6.4vw,90px) !important;border-radius:16px !important;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,248,241,.92)) !important;border:1px solid rgba(255,255,255,.62) !important;display:grid !important;place-items:center !important;padding:0 18px;color:#162016 !important;font-family:var(--display);font-size:clamp(13px,1.1vw,17px) !important;font-weight:900 !important;line-height:1.08 !important;letter-spacing:0 !important;text-align:center;box-shadow:0 14px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.9) !important;white-space:normal}

.blr-logo-card span{display:block}

/* v40: company cards use flex so two-line names stay visually grouped */

.blr-logo-card{

  display:flex !important;

  flex-direction:column !important;

  align-items:center !important;

  justify-content:center !important;

  gap:5px !important;

  line-height:1.04 !important;

}

.blr-logo-card span{

  display:block !important;

  margin:0 !important;

  padding:0 !important;

  line-height:1.04 !important;

}

.blr-trust-legal{width:min(980px,calc(100% - 28px));margin:12px auto 0;color:rgba(255,255,255,.56);font-size:11px;line-height:1.45;font-weight:650;text-align:center}

@media (max-width:620px){.blr-company-float-name{font-size:clamp(18px,8vw,34px)}.blr-logo-track{gap:10px !important;padding:0 10px}.blr-logo-card{flex-basis:112px !important;height:58px !important;padding:0 10px;font-size:11px !important;border-radius:12px !important}.blr-trust-legal{font-size:9px}}

@media (max-width:620px){

  .blr-logo-card{

    gap:3px !important;

    line-height:1.02 !important;

  }

  .blr-logo-card span{

    line-height:1.02 !important;

  }

}

/* v41: production upload paths plus true half/half header split */

.blr-counter-top{

  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;

  gap:clamp(22px,3vw,44px) !important;

  align-items:start !important;

}

.blr-counter-top > div{

  max-width:100% !important;

  min-width:0 !important;

}

.blr-counter-title{

  max-width:100% !important;

  font-size:clamp(38px,4.4vw,64px) !important;

  line-height:.96 !important;

  letter-spacing:-.055em !important;

}

.blr-counter-cert-badge{

  width:100% !important;

  max-width:680px !important;

  min-height:clamp(176px,15vw,216px) !important;

  justify-self:end !important;

  padding:clamp(16px,1.7vw,22px) clamp(18px,2vw,24px) !important;

  grid-template-columns:minmax(128px,168px) minmax(0,1fr) !important;

  gap:clamp(12px,1.6vw,20px) !important;

}

.blr-cert-brand{

  min-height:clamp(142px,12vw,176px) !important;

  padding-right:clamp(12px,1.4vw,18px) !important;

}

.blr-cert-seal-ring{

  width:clamp(126px,10.5vw,174px) !important;

  height:clamp(126px,10.5vw,174px) !important;

}

.blr-cert-logo-img{

  left:calc(50% - 8px) !important;

  width:clamp(76px,6.7vw,108px) !important;

  max-width:108px !important;

  max-height:78px !important;

}

.blr-cert-copy{

  min-height:clamp(136px,11vw,168px) !important;

}

.blr-cert-eyebrow{

  font-size:clamp(22px,2.05vw,34px) !important;

}

.blr-cert-id{

  font-size:clamp(28px,2.65vw,44px) !important;

}

.blr-cert-rule{

  margin-top:clamp(10px,1.2vw,14px) !important;

  padding-top:clamp(9px,1vw,12px) !important;

  grid-template-columns:clamp(34px,3.4vw,48px) minmax(0,1fr) !important;

  gap:clamp(9px,1.2vw,14px) !important;

}

.blr-cert-shield-img{

  width:clamp(34px,3.4vw,48px) !important;

  height:clamp(34px,3.4vw,48px) !important;

}

.blr-cert-rule-main{

  font-size:clamp(13px,1.08vw,18px) !important;

  line-height:1.18 !important;

}

@media (max-width:1080px){

  .blr-counter-top{

    grid-template-columns:1fr !important;

  }

  .blr-counter-cert-badge{

    justify-self:start !important;

  }

}

@media (max-width:620px){

  .blr-counter-title{

    font-size:clamp(26px,8vw,31px) !important;

    line-height:1.02 !important;

    letter-spacing:0 !important;

  }

  .blr-counter-cert-badge{

    max-width:100% !important;

    grid-template-columns:minmax(0,1fr) !important;

    min-height:0 !important;

    gap:9px !important;

    padding:10px !important;

  }

  .blr-cert-brand{

    min-height:0 !important;

    padding:0 0 9px !important;

  }

  .blr-cert-seal-ring{

    width:118px !important;

    height:118px !important;

  }

  .blr-cert-logo-img{

    left:50% !important;

    width:72px !important;

    max-width:72px !important;

    max-height:50px !important;

  }

}

@media (max-width:620px){.blr-stat-card--board .blr-board-text{left:47.5% !important;width:44px !important;grid-template-columns:18px 24px !important;column-gap:2px !important}.blr-stat-card--board .blr-board-text .blr-stat-number{width:18px !important}.blr-stat-card--board .blr-board-text .blr-stat-label{width:24px !important}}



/* v24: user correction - certificate slightly left, board slightly higher/larger, mobile type balance */

.blr-stat-card::before,

.blr-counter-card::after{

  content:none !important;

  display:none !important;

}

.blr-cert-text{

  left:51.2% !important;

  top:55.2% !important;

}

.blr-cert-text .blr-stat-number{

  font-size:clamp(14px,3.35vw,46px) !important;

  -webkit-text-stroke:clamp(2.4px,.58vw,8px) #122010 !important;

}

.blr-cert-text .blr-stat-label{

  margin-top:clamp(2px,.38vw,6px) !important;

  font-size:clamp(5px,1.02vw,14px) !important;

  -webkit-text-stroke:clamp(1.1px,.28vw,3.8px) #122010 !important;

}

.blr-stat-card--board .blr-board-text{

  left:33% !important;

  top:33.8% !important;

  width:184px !important;

  display:grid !important;

  grid-template-columns:70px 94px !important;

  column-gap:7px !important;

  align-items:start !important;

  justify-content:start !important;

  text-align:left !important;

  transform:none !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-number{

  font-size:62px !important;

  width:70px !important;

  line-height:.82 !important;

  text-align:left !important;

}

.blr-stat-card--board .blr-board-text .blr-stat-label{

  font-size:14px !important;

  width:94px !important;

  line-height:1.02 !important;

  text-align:left !important;

  margin:0 !important;

}

@media (max-width:1080px){

  .blr-stat-card--board .blr-board-text{left:33% !important;top:34.4% !important;width:116px !important;grid-template-columns:42px 66px !important;column-gap:5px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:39px !important;width:42px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:8.5px !important;width:66px !important;}

}

@media (max-width:620px){

  .blr-cert-text{left:51.2% !important;}

  .blr-cert-text .blr-stat-number{font-size:15.5px !important;-webkit-text-stroke:2.8px #122010 !important;}

  .blr-cert-text .blr-stat-label{font-size:7px !important;-webkit-text-stroke:1.45px #122010 !important;}

  .blr-stat-card--board .blr-board-text{left:25% !important;top:35.4% !important;width:62px !important;grid-template-columns:20px 39px !important;column-gap:2px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-number{font-size:18px !important;width:20px !important;}

  .blr-stat-card--board .blr-board-text .blr-stat-label{font-size:5.6px !important;width:39px !important;}

  .blr-courses-text .blr-stat-number{font-size:20px !important;-webkit-text-stroke:3px #122010 !important;}

  .blr-courses-text .blr-stat-label{font-size:7px !important;-webkit-text-stroke:1.6px #122010 !important;}

  .blr-medal-text .blr-stat-number{font-size:15.5px !important;-webkit-text-stroke:2.7px #122010 !important;}

  .blr-medal-text .blr-stat-label{font-size:5.8px !important;-webkit-text-stroke:1.35px #122010 !important;}

}

/* v37: circular seal text fills the ring; mobile preview and embed stay inside the viewport */

.blr-counter-top{

  grid-template-columns:minmax(0,560px) minmax(680px,760px) !important;

  align-items:start !important;

  justify-content:space-between !important;

  gap:clamp(28px,3vw,64px) !important;

}

.blr-counter-top > div{

  min-width:0;

  max-width:560px !important;

  position:relative;

  z-index:1;

}

.blr-counter-title{

  max-width:560px !important;

  font-size:clamp(38px,4.8vw,70px) !important;

  letter-spacing:-.065em !important;

}

.blr-counter-cert-badge{

  position:relative;

  justify-self:end;

  align-self:start;

  width:min(100%,760px);

  max-width:760px;

  min-height:246px;

  display:grid;

  grid-template-columns:minmax(220px,255px) minmax(0,1fr);

  gap:26px;

  align-items:center;

  overflow:hidden;

  border-radius:28px;

  padding:24px 30px 24px 26px;

  background:

    radial-gradient(circle at 17% 24%,rgba(198,231,118,.19),transparent 12rem),

    radial-gradient(circle at 84% 78%,rgba(149,191,48,.12),transparent 15rem),

    linear-gradient(135deg,rgba(11,22,14,.92),rgba(26,43,23,.76));

  border:1px solid rgba(198,231,118,.52);

  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 18px 46px rgba(0,0,0,.24),0 0 24px rgba(149,191,48,.10);

  z-index:2;

}

.blr-counter-cert-badge::before{

  content:"";

  position:absolute;

  inset:7px;

  border-radius:22px;

  border:1px solid rgba(198,231,118,.18);

  pointer-events:none;

}

.blr-counter-cert-badge::after{

  content:none !important;

  display:none !important;

}

.blr-cert-brand{

  position:relative;

  z-index:2;

  min-width:0;

  min-height:206px;

  display:grid;

  place-items:center;

  padding-right:24px;

  border-right:2px solid rgba(149,191,48,.30);

  overflow:visible;

}

.blr-cert-seal-ring{

  display:block;

  width:214px;

  height:214px;

  overflow:visible;

}

.blr-cert-ring-line{

  fill:none;

  stroke:#95BF30;

  stroke-width:2.2;

}

.blr-cert-ring-line--inner{

  stroke-width:1.1;

  opacity:.78;

}

.blr-cert-ring-dot{

  fill:#95BF30;

}

.blr-cert-ring-text{

  fill:rgba(255,255,255,.88);

  font-family:var(--font);

  font-size:8.9px;

  font-weight:800;

  letter-spacing:.08px;

  text-rendering:geometricPrecision;

}

.blr-cert-ring-separator{

  fill:#95BF30;

  font-size:11.6px;

  font-weight:900;

  letter-spacing:0;

}

.blr-cert-logo-img{

  position:absolute;

  left:calc(50% - 12px);

  top:50%;

  transform:translate(-50%,-50%);

  z-index:2;

  display:block;

  width:130px;

  max-width:130px;

  max-height:92px;

  height:auto;

  object-fit:contain;

  filter:brightness(0) invert(1);

  opacity:.98;

}

.blr-cert-copy{

  position:relative;

  z-index:2;

  min-width:0;

  display:flex;

  flex-direction:column;

  justify-content:center;

  min-height:190px;

}

.blr-cert-eyebrow{

  color:#fff;

  font-family:var(--font);

  font-size:clamp(28px,2.45vw,44px);

  line-height:1.02;

  font-weight:950;

  letter-spacing:-.035em;

  text-shadow:0 2px 10px rgba(0,0,0,.42);

}

.blr-cert-id{

  margin-top:9px;

  color:#A8CC37;

  font-family:var(--font);

  font-size:clamp(34px,3.2vw,58px);

  line-height:.96;

  font-weight:950;

  letter-spacing:-.045em;

  text-shadow:0 0 18px rgba(149,191,48,.30);

}

.blr-cert-rule{

  margin-top:18px;

  padding:16px 0 0;

  border-top:2px solid rgba(149,191,48,.30);

  border-bottom:0;

  display:grid;

  grid-template-columns:58px minmax(0,1fr);

  gap:18px;

  align-items:center;

}

.blr-cert-shield-img{

  display:block;

  width:58px;

  height:58px;

  object-fit:contain;

  color:#A8CC37;

  fill:currentColor;

  filter:none;

}

.blr-cert-rule-main{

  color:rgba(255,255,255,.95);

  font-size:clamp(17px,1.35vw,25px);

  line-height:1.22;

  font-weight:850;

  letter-spacing:-.018em;

}

@media (max-width:1080px){

  .blr-counter-top{grid-template-columns:1fr !important}

  .blr-counter-top > div{max-width:100% !important}

  .blr-counter-cert-badge{justify-self:start;width:min(100%,760px);max-width:760px;margin-top:8px}

}

@media (max-width:1260px){

  .blr-counter-top{

    grid-template-columns:1fr !important;

    justify-content:start !important;

  }

  .blr-counter-top > div{

    max-width:720px !important;

  }

  .blr-counter-title{

    max-width:720px !important;

  }

  .blr-counter-cert-badge{

    justify-self:start;

    width:min(100%,760px);

    margin-top:8px;

  }

}

@media (max-width:620px){

  .blr-counter-top{

    width:calc(100vw - 30px) !important;

    max-width:100% !important;

  }

  .blr-counter-title{

    width:100% !important;

    max-width:100% !important;

    letter-spacing:0 !important;

  }

  .blr-counter-cert-badge{

    width:100%;

    min-height:166px;

    grid-template-columns:116px minmax(0,1fr);

    gap:12px;

    border-radius:18px;

    padding:13px 14px;

  }

  .blr-counter-cert-badge::before{inset:5px;border-radius:14px}

  .blr-cert-brand{min-height:132px;padding-right:11px}

  .blr-cert-seal-ring{width:108px;height:108px}

  .blr-cert-ring-line{stroke-width:2.7px}

  .blr-cert-ring-line--inner{stroke-width:1.45px}

  .blr-cert-ring-dot{r:0}

  .blr-cert-ring-text{font-size:9.2px;letter-spacing:.05px}

  .blr-cert-ring-separator{font-size:12px}

  .blr-cert-logo-img{left:calc(50% - 6px);width:66px;max-width:66px;max-height:48px}

  .blr-cert-copy{min-height:132px}

  .blr-cert-eyebrow{font-size:17px;letter-spacing:-.02em}

  .blr-cert-id{font-size:23px;margin-top:4px}

  .blr-cert-rule{margin-top:8px;padding:7px 0 0;grid-template-columns:26px minmax(0,1fr);gap:7px}

  .blr-cert-shield-img{width:26px;height:26px}

  .blr-cert-rule-main{font-size:9px;line-height:1.13;font-weight:800}

}

@media (max-width:360px){

  .blr-counter-cert-badge{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:12px}

  .blr-cert-seal-ring{width:96px;height:96px}

  .blr-cert-logo-img{width:58px;max-width:58px;max-height:42px}

  .blr-cert-eyebrow{font-size:15px}

  .blr-cert-id{font-size:20px}

}

@media (max-width:620px){

  .blr-counter-preview,

  .blr-counter-preview-note{

    width:100% !important;

    max-width:100vw !important;

    margin-left:0 !important;

    margin-right:0 !important;

    overflow-x:hidden !important;

  }

  .blr-counter-preview{

    padding:10px 6px 28px !important;

  }

  .blr-counter-card{

    width:100% !important;

    max-width:100% !important;

    overflow:hidden !important;

    padding:12px 10px !important;

  }

  .blr-counter-top{

    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;

    grid-template-columns:minmax(0,1fr) !important;

    gap:14px !important;

  }

  .blr-counter-top > div,

  .blr-counter-title,

  .blr-counter-cert-badge{

    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;

  }

  .blr-counter-title{

    font-size:clamp(28px,8.8vw,34px) !important;

    line-height:.94 !important;

    white-space:normal !important;

    overflow-wrap:normal !important;

    word-break:normal !important;

  }

  .blr-counter-cert-badge{

    grid-template-columns:92px minmax(0,1fr) !important;

    min-height:132px !important;

    gap:9px !important;

    padding:10px 10px !important;

  }

  .blr-cert-brand{

    min-height:108px !important;

    padding-right:8px !important;

  }

  .blr-cert-seal-ring{

    width:88px !important;

    height:88px !important;

  }

  .blr-cert-logo-img{

    left:calc(50% - 4px) !important;

    width:54px !important;

    max-width:54px !important;

    max-height:40px !important;

  }

  .blr-cert-copy{

    min-height:108px !important;

    min-width:0 !important;

  }

  .blr-cert-eyebrow{

    font-size:16px !important;

    line-height:1.02 !important;

  }

  .blr-cert-id{

    font-size:21px !important;

    line-height:.98 !important;

  }

  .blr-cert-rule{

    grid-template-columns:22px minmax(0,1fr) !important;

    gap:6px !important;

  }

  .blr-cert-rule-main{

    display:block !important;

    max-width:100% !important;

    min-width:0 !important;

    font-size:8.2px !important;

    line-height:1.12 !important;

    white-space:normal !important;

    overflow-wrap:break-word !important;

    word-break:normal !important;

  }

  .blr-stats-grid{

    grid-template-columns:minmax(0,1fr) !important;

    gap:8px !important;

    width:100% !important;

    max-width:100% !important;

  }

  .blr-stat-card{

    min-width:0 !important;

    overflow:hidden !important;

  }

  .blr-trust-strip,

  .blr-counter-footer{

    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;

    overflow:hidden !important;

  }

  .blr-counter-footer{

    grid-template-columns:38px minmax(0,1fr) !important;

    padding:14px 12px !important;

    font-size:12px !important;

  }

  .blr-counter-footer > *{

    min-width:0 !important;

    max-width:100% !important;

    white-space:normal !important;

    overflow-wrap:break-word !important;

  }

}

@media (max-width:620px){

  .blr-counter-preview{

    display:block !important;

    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;

    contain:layout paint !important;

  }

  .blr-counter-card,

  .blr-counter-card > :not(.blr-company-float-layer){

    max-width:100% !important;

    min-width:0 !important;

  }

  .blr-counter-title{

    font-size:clamp(26px,8vw,31px) !important;

    line-height:1.02 !important;

    max-width:100% !important;

    overflow-wrap:break-word !important;

  }

  .blr-counter-cert-badge{

    grid-template-columns:minmax(0,1fr) !important;

    justify-items:center !important;

    align-items:start !important;

    gap:9px !important;

    min-height:0 !important;

    text-align:left !important;

  }

  .blr-cert-brand{

    width:100% !important;

    min-height:0 !important;

    padding:0 0 9px !important;

    border-right:0 !important;

    border-bottom:1px solid rgba(149,191,48,.36) !important;

    justify-items:center !important;

  }

  .blr-cert-seal-ring{

    width:118px !important;

    height:118px !important;

  }

  .blr-cert-logo-img{

    left:50% !important;

    width:72px !important;

    max-width:72px !important;

    max-height:50px !important;

  }

  .blr-cert-copy{

    width:100% !important;

    min-height:0 !important;

  }

  .blr-cert-eyebrow{

    font-size:17px !important;

  }

  .blr-cert-id{

    font-size:23px !important;

  }

  .blr-cert-rule{

    width:100% !important;

    grid-template-columns:24px minmax(0,1fr) !important;

  }

  .blr-cert-rule-main{

    font-size:10.5px !important;

    line-height:1.18 !important;

    overflow-wrap:anywhere !important;

  }

  .blr-stat-card--certificate .blr-inline-svg,

  .blr-board-stage .teacher,

  .blr-stat-card--courses .blr-inline-svg,

  .blr-stat-card--medal .blr-inline-svg{

    max-width:100% !important;

  }

  .blr-trust-strip,

  .blr-counter-footer{

    contain:paint !important;

  }

  .blr-logo-track{

    max-width:none !important;

  }

  .blr-trust-legal,

  .blr-counter-footer > div:last-child{

    overflow-wrap:break-word !important;

  }

}

/* v39: narrow screens keep board text on the board and medal text readable */

@media (max-width:620px){

  .blr-stats-grid{

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    gap:10px !important;

    width:100% !important;

    max-width:100% !important;

    align-items:stretch !important;

    margin-top:16px !important;

  }

  .blr-stat-card{

    height:clamp(164px,43vw,188px) !important;

    min-height:0 !important;

    min-width:0 !important;

    padding:0 !important;

    overflow:visible !important;

    background:transparent !important;

    border:0 !important;

    box-shadow:none !important;

  }

  .blr-icon-stage,

  .blr-board-stage{

    inset:0 !important;

    width:100% !important;

    height:100% !important;

    overflow:visible !important;

  }

  .blr-inline-svg,

  .blr-board-stage .teacher{

    max-width:none !important;

    max-height:none !important;

  }

  .blr-stat-card--certificate .blr-inline-svg{

    width:172px !important;

    height:116px !important;

    transform:translate(-50%,-52%) !important;

  }

  .blr-cert-text{

    left:50.5% !important;

    top:55% !important;

    width:82px !important;

  }

  .blr-cert-text .blr-stat-number{

    font-size:18px !important;

    line-height:.84 !important;

    letter-spacing:-.06em !important;

    -webkit-text-stroke:3px #122010 !important;

  }

  .blr-cert-text .blr-stat-label{

    margin-top:2px !important;

    font-size:6.4px !important;

    line-height:1.02 !important;

    -webkit-text-stroke:1.25px #122010 !important;

  }

  .blr-stat-card--board .teacher{

    width:185px !important;

    height:135px !important;

    transform:translate(-50%,-50%) !important;

  }

  .blr-stat-card--board .blr-board-text{

    left:35.5% !important;

    top:33% !important;

    width:84px !important;

    grid-template-columns:30px 50px !important;

    column-gap:3px !important;

    align-items:start !important;

    transform:none !important;

  }

  .blr-stat-card--board .blr-board-text .blr-stat-number{

    width:30px !important;

    font-size:24px !important;

    line-height:.82 !important;

    -webkit-text-stroke:2px #122010 !important;

  }

  .blr-stat-card--board .blr-board-text .blr-stat-label{

    width:50px !important;

    font-size:6.7px !important;

    line-height:1.02 !important;

    -webkit-text-stroke:.9px #122010 !important;

  }

  .blr-stat-card--courses .blr-inline-svg{

    width:150px !important;

    height:118px !important;

    transform:translate(-50%,-58%) !important;

  }

  .blr-courses-text{

    left:50% !important;

    top:71% !important;

    width:128px !important;

  }

  .blr-courses-text .blr-stat-number{

    font-size:26px !important;

    line-height:.82 !important;

    -webkit-text-stroke:4px #122010 !important;

  }

  .blr-courses-text .blr-stat-label{

    margin-top:2px !important;

    font-size:8px !important;

    line-height:1.02 !important;

    white-space:nowrap !important;

    -webkit-text-stroke:1.6px #122010 !important;

  }

  .blr-stat-card--medal .blr-inline-svg{

    width:142px !important;

    height:125px !important;

    transform:translate(-50%,-50%) !important;

  }

  .blr-medal-text{

    left:50% !important;

    top:50% !important;

    width:58px !important;

  }

  .blr-medal-text .blr-stat-number{

    color:#fff !important;

    font-size:25px !important;

    line-height:.78 !important;

    -webkit-text-stroke:0 transparent !important;

    paint-order:normal !important;

    text-shadow:0 1px 5px rgba(18,32,16,1),0 0 2px rgba(18,32,16,.95) !important;

  }

  .blr-medal-text .blr-stat-label{

    color:#fff !important;

    margin-top:2px !important;

    font-size:7.2px !important;

    line-height:.96 !important;

    -webkit-text-stroke:0 transparent !important;

    paint-order:normal !important;

    text-shadow:0 1px 4px rgba(18,32,16,1),0 0 2px rgba(18,32,16,.95) !important;

  }

}

@media (max-width:360px){

  .blr-stats-grid{

    gap:8px !important;

  }

  .blr-stat-card{

    height:156px !important;

  }

  .blr-stat-card--certificate .blr-inline-svg{

    width:156px !important;

    height:106px !important;

  }

  .blr-cert-text .blr-stat-number{

    font-size:16px !important;

  }

  .blr-cert-text .blr-stat-label{

    font-size:5.7px !important;

  }

  .blr-stat-card--board .teacher{

    width:166px !important;

    height:122px !important;

  }

  .blr-stat-card--board .blr-board-text{

    left:35.5% !important;

    top:33% !important;

    width:76px !important;

    grid-template-columns:27px 46px !important;

  }

  .blr-stat-card--board .blr-board-text .blr-stat-number{

    width:27px !important;

    font-size:21px !important;

  }

  .blr-stat-card--board .blr-board-text .blr-stat-label{

    width:46px !important;

    font-size:5.9px !important;

  }

  .blr-stat-card--courses .blr-inline-svg{

    width:136px !important;

    height:108px !important;

  }

  .blr-courses-text{

    width:116px !important;

  }

  .blr-courses-text .blr-stat-number{

    font-size:23px !important;

  }

  .blr-courses-text .blr-stat-label{

    font-size:7.2px !important;

  }

  .blr-stat-card--medal .blr-inline-svg{

    width:128px !important;

    height:114px !important;

  }

  .blr-medal-text .blr-stat-number{

    font-size:22px !important;

  }

  .blr-medal-text .blr-stat-label{

    font-size:6.4px !important;

  }

}

/* v41 final: keep the header as two equal halves on desktop */

.blr-counter-top{

  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;

  gap:clamp(22px,3vw,44px) !important;

  align-items:start !important;

}

.blr-counter-top > div{

  max-width:100% !important;

  min-width:0 !important;

}

.blr-counter-title{

  max-width:100% !important;

  font-size:clamp(38px,4.4vw,64px) !important;

  line-height:.96 !important;

  letter-spacing:-.055em !important;

}

.blr-counter-cert-badge{

  width:100% !important;

  max-width:680px !important;

  min-height:clamp(176px,15vw,216px) !important;

  justify-self:end !important;

  padding:clamp(16px,1.7vw,22px) clamp(18px,2vw,24px) !important;

  grid-template-columns:minmax(128px,168px) minmax(0,1fr) !important;

  gap:clamp(12px,1.6vw,20px) !important;

}

.blr-cert-brand{

  min-height:clamp(142px,12vw,176px) !important;

  padding-right:clamp(12px,1.4vw,18px) !important;

}

.blr-cert-seal-ring{

  width:clamp(126px,10.5vw,174px) !important;

  height:clamp(126px,10.5vw,174px) !important;

}

.blr-cert-logo-img{

  left:calc(50% - 8px) !important;

  width:clamp(76px,6.7vw,108px) !important;

  max-width:108px !important;

  max-height:78px !important;

}

.blr-cert-copy{

  min-height:clamp(136px,11vw,168px) !important;

}

.blr-cert-eyebrow{

  font-size:clamp(22px,2.05vw,34px) !important;

}

.blr-cert-id{

  font-size:clamp(28px,2.65vw,44px) !important;

}

.blr-cert-rule{

  margin-top:clamp(10px,1.2vw,14px) !important;

  padding-top:clamp(9px,1vw,12px) !important;

  grid-template-columns:clamp(34px,3.4vw,48px) minmax(0,1fr) !important;

  gap:clamp(9px,1.2vw,14px) !important;

}

.blr-cert-shield-img{

  width:clamp(34px,3.4vw,48px) !important;

  height:clamp(34px,3.4vw,48px) !important;

}

.blr-cert-rule-main{

  font-size:clamp(13px,1.08vw,18px) !important;

  line-height:1.18 !important;

}

@media (max-width:1080px){

  .blr-counter-top{

    grid-template-columns:1fr !important;

  }

  .blr-counter-cert-badge{

    justify-self:start !important;

  }

}

@media (max-width:620px){

  .blr-counter-title{

    font-size:clamp(26px,8vw,31px) !important;

    line-height:1.02 !important;

    letter-spacing:0 !important;

  }

  .blr-counter-cert-badge{

    max-width:100% !important;

    grid-template-columns:minmax(0,1fr) !important;

    min-height:0 !important;

    gap:9px !important;

    padding:10px !important;

  }

  .blr-cert-brand{

    min-height:0 !important;

    padding:0 0 9px !important;

  }

  .blr-cert-seal-ring{

    width:118px !important;

    height:118px !important;

  }

  .blr-cert-logo-img{

    left:50% !important;

    width:72px !important;

    max-width:72px !important;

    max-height:50px !important;

  }

}

@media (prefers-reduced-motion:reduce){.blr-logo-track{animation:none}.blr-company-float-name,.blr-company-float-dot{transition:none}}


}

@scope (.original-5198) {
/* Scoped visual adapter; the MU counter's data and JavaScript remain intact. */

.blr-ehm-landing .trust-section{background:#10170f;color:#f2f5f2;padding:64px 0 72px;font-family:Arial,Helvetica,sans-serif}

.blr-ehm-landing .trust-section>.wrap{width:85%!important;margin:0 5% 0 10%!important;max-width:none!important}

.blr-ehm-landing .trust-section>.wrap>h2{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(32px,4vw,58px)!important;line-height:1.08;letter-spacing:-.035em;color:#f2f5f2!important;margin-bottom:20px!important}

.blr-ehm-landing .trust-section>.wrap>p{font-size:18px;line-height:1.6;color:#a8b1aa;margin-bottom:40px}

.blr-ehm-landing .trust-section .blr-counter-preview{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;contain:none!important;overflow:visible!important;--display:Arial,Helvetica,sans-serif;--font:Arial,Helvetica,sans-serif}

.blr-ehm-landing .trust-section .blr-counter-card{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}

.blr-ehm-landing .trust-section .blr-counter-card::before,.blr-ehm-landing .trust-section .blr-counter-kicker{display:none!important}

.blr-ehm-landing .trust-section .blr-counter-top{width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:40px!important;align-items:center!important;margin-bottom:40px!important}

.blr-ehm-landing .trust-section .blr-counter-title{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(28px,3vw,44px)!important;line-height:1.12!important;letter-spacing:-.035em!important;color:#bde86c!important;margin:0!important;max-width:580px!important}

.blr-ehm-landing .trust-section .blr-counter-cert-badge{width:100%!important;max-width:none!important;min-height:0!important;padding:0 0 0 24px!important;background:none!important;border:0!important;border-left:1px solid #95bf3060!important;border-radius:0!important;box-shadow:none!important;grid-template-columns:128px minmax(0,1fr)!important;gap:20px!important}

.blr-ehm-landing .trust-section .blr-counter-cert-badge::before{display:none!important}

.blr-ehm-landing .trust-section .blr-cert-brand{min-height:128px!important;padding:0!important;border:0!important}

.blr-ehm-landing .trust-section .blr-cert-seal-ring{width:128px!important;height:128px!important}

.blr-ehm-landing .trust-section .blr-cert-logo-img{left:50%!important;width:78px!important;max-width:78px!important;max-height:58px!important}

.blr-ehm-landing .trust-section .blr-cert-copy{min-height:0!important}

.blr-ehm-landing .trust-section .blr-cert-eyebrow{font-size:22px!important;line-height:1.2!important;text-shadow:none!important}

.blr-ehm-landing .trust-section .blr-cert-id{font-size:28px!important;line-height:1.15!important;color:#bde86c!important;text-shadow:none!important}

.blr-ehm-landing .trust-section .blr-cert-rule{grid-template-columns:28px minmax(0,1fr)!important;gap:10px!important;border:0!important;padding-top:0!important;margin-top:14px!important}

.blr-ehm-landing .trust-section .blr-cert-shield-img{width:28px!important;height:28px!important;color:#bde86c!important}

.blr-ehm-landing .trust-section .blr-cert-rule-main{font-size:14px!important;line-height:1.5!important;font-weight:400!important}

.blr-ehm-landing .trust-section .blr-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important;margin:0!important;padding-block:28px!important;border-top:1px solid #95bf3040;border-bottom:1px solid #95bf3040}

.blr-ehm-landing .trust-section .blr-card-body,.blr-ehm-landing .trust-section .blr-cert-text::before{display:none!important}

.blr-ehm-landing .trust-section .blr-trust-strip{margin-top:36px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}

.blr-ehm-landing .trust-section .blr-trust-title{justify-content:flex-start!important;padding:0!important;font-size:16px!important;letter-spacing:0!important;text-transform:none!important;font-weight:700!important;color:#f2f5f2!important}

.blr-ehm-landing .trust-section .blr-trust-title::before,.blr-ehm-landing .trust-section .blr-trust-title::after{display:none!important}

.blr-ehm-landing .trust-section .blr-logo-card{flex-basis:170px!important;height:64px!important;padding:0 14px!important;border:0!important;border-left:1px solid #95bf3040!important;border-radius:0!important;background:none!important;color:#b9c3b8!important;box-shadow:none!important;font-size:16px!important;font-weight:700!important}

.blr-ehm-landing .trust-section .blr-trust-legal{width:100%!important;margin:20px 0 0!important;text-align:left!important;font-size:13px!important;line-height:1.55!important;color:#a8b1aa!important}

.blr-ehm-landing .trust-section .blr-counter-footer{margin-top:24px!important;padding:20px 0 0!important;border:0!important;border-top:1px solid #95bf3040!important;border-radius:0!important;background:none!important;font-size:15px!important;line-height:1.5!important;font-weight:400!important;color:#a8b1aa!important}

.blr-ehm-landing .trust-section .blr-counter-seal{width:38px!important;height:38px!important;background:none!important;box-shadow:none!important;border:1px solid #95bf30;color:#bde86c}

.blr-ehm-landing .trust-section .blr-company-float-layer{opacity:.2}

@media(max-width:980px){.blr-ehm-landing .trust-section>.wrap{width:calc(100% - 48px)!important;margin-inline:24px!important}.blr-ehm-landing .trust-section .blr-counter-top{grid-template-columns:1fr!important;gap:24px!important}.blr-ehm-landing .trust-section .blr-counter-cert-badge{max-width:620px!important;border-left:0!important;padding-left:0!important;justify-self:start!important}.blr-ehm-landing .trust-section .blr-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px 20px!important}}

@media(max-width:620px){.blr-ehm-landing .trust-section{padding:40px 0 48px}.blr-ehm-landing .trust-section>.wrap{width:calc(100% - 40px)!important;margin-inline:20px!important}.blr-ehm-landing .trust-section>.wrap>p{font-size:16px;margin-bottom:28px}.blr-ehm-landing .trust-section .blr-counter-title{font-size:28px!important}.blr-ehm-landing .trust-section .blr-counter-cert-badge{grid-template-columns:1fr!important;justify-items:start!important;gap:14px!important}.blr-ehm-landing .trust-section .blr-cert-brand{width:128px!important}.blr-ehm-landing .trust-section .blr-cert-copy{width:100%!important}.blr-ehm-landing .trust-section .blr-logo-card{flex-basis:148px!important}.blr-ehm-landing .trust-section .blr-trust-legal{font-size:13px!important}}



.blr-ehm-landing .trust-section .trust-embed-shell{min-height:0;padding:0;background:none;border:0;box-shadow:none}


}

@scope (.original-5198) {
 .blr-soft-faq{padding:64px max(1rem,calc((100% - 78rem)/2));background:#ececec;font-family:Arial,sans-serif}.blr-soft-faq *{box-sizing:border-box}

.blr-soft-faq .soft-faq__photo{position:relative;isolation:isolate;transition:transform 350ms ease}

.blr-soft-faq .soft-faq__photo>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 350ms ease}

.blr-soft-faq .soft-faq__photo::before{content:"";position:absolute}

.blr-soft-faq .soft-faq__photo:is(:hover,:focus-visible){transform:translateY(-8px)}

.blr-soft-faq .soft-faq__photo:is(:hover,:focus-visible)>img{transform:scale(1.08) rotate(3deg)}

.blr-soft-faq .soft-faq { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.1fr); align-items: start; gap: clamp(2rem, 5vw, 5rem); padding: clamp(1.5rem, 4vw, 4rem); background: radial-gradient(ellipse at 53% 67%, rgb(33 107 80 / .14) 0, rgb(33 107 80 / 0) 65%), #f6f6f7; color: #354254; }

.blr-soft-faq .soft-faq__intro h2 { margin: 0 0 2rem; max-width: 9em; font-size: clamp(2rem, 3.5vw, 3.4rem); font-weight: 700; line-height: 1.16; letter-spacing: -.035em; }

.blr-soft-faq .soft-faq__photo { width: 100%; aspect-ratio: 2 / 3; margin: 0; overflow: visible; clip-path: inset(-30% -30% 0); background: transparent; box-shadow: none; }

.blr-soft-faq .soft-faq__photo > img { object-position: 50% 50%; }

.blr-soft-faq .soft-faq__question-marks { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; pointer-events: none; }

.blr-soft-faq .soft-faq__photo::before { display: block; z-index: -3; inset: 8% 9% 0; border: 2px solid #fff; border-radius: 22px; background: #edf5ef; box-shadow: 0 7px 15px rgb(33 107 80 / .08); }

.blr-soft-faq .soft-faq__photo:focus-visible { outline-color: #216b50; }

.blr-soft-faq .soft-faq__questions { display: grid; gap: 16px; min-width: 0; }

.blr-soft-faq .soft-faq__item { min-width: 0; border: 2px solid #fff; border-radius: 22px; background: #ffffffb8; overflow: clip; }

.blr-soft-faq .soft-faq__item h3 { margin: 0; font: inherit; }

.blr-soft-faq .soft-faq__item button { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; min-height: 76px; padding: 22px 24px; border: 0; background: transparent; color: inherit; font: inherit; font-size: clamp(1.05rem, 1.5vw, 1.45rem); line-height: 1.35; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color 180ms ease; }

.blr-soft-faq .soft-faq__item button:hover { background: rgb(33 107 80 / .04); }

.blr-soft-faq .soft-faq__item button:active { background: rgb(33 107 80 / .08); }

.blr-soft-faq .soft-faq__item button:focus-visible { outline: 2px solid #216b50; outline-offset: -5px; border-radius: 20px; }

.blr-soft-faq .soft-faq__toggle { width: 22px; height: 22px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; transition: transform 380ms cubic-bezier(.16, 1, .3, 1); }

.blr-soft-faq .soft-faq__item.is-open .soft-faq__toggle { transform: rotate(45deg); }

.blr-soft-faq .soft-faq__answer { display: grid; grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows 420ms cubic-bezier(.16, 1, .3, 1), opacity 180ms ease; }

.blr-soft-faq .soft-faq__answer > div { min-height: 0; overflow: clip; }

.blr-soft-faq .soft-faq__answer p { margin: 0; padding: 0 24px 24px; color: #778497; font-size: 1rem; line-height: 1.75; overflow-wrap: anywhere; }

.blr-soft-faq .soft-faq__word { display: inline-block; }

.blr-soft-faq .soft-faq__item.is-open .soft-faq__answer { grid-template-rows: 1fr; opacity: 1; }

.blr-soft-faq .soft-faq__item.is-open .soft-faq__word { animation: soft-faq-word-in 280ms ease-out both; }

@keyframes soft-faq-word-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 760px) { .blr-soft-faq .soft-faq { grid-template-columns: 1fr; gap: 2rem; }.blr-soft-faq .soft-faq__intro h2 { max-width: none; font-size: clamp(2rem, 7vw, 3rem); }.blr-soft-faq .soft-faq__item button { padding: 19px 20px; min-height: 70px; gap: 14px; }.blr-soft-faq .soft-faq__answer p { padding: 0 20px 22px; } }

@media (prefers-reduced-motion: reduce) { .blr-soft-faq .soft-faq__toggle, .blr-soft-faq .soft-faq__answer, .blr-soft-faq .soft-faq__item button { transition: none; }.blr-soft-faq .soft-faq__item.is-open .soft-faq__word { animation: none; } }



.blr-soft-faq.is-enhanced .soft-faq__answer{grid-template-rows:0fr;opacity:0}

.blr-soft-faq.is-enhanced .is-open .soft-faq__answer{grid-template-rows:1fr;opacity:1}

.blr-soft-faq .soft-faq__answer a{color:#216b50;text-decoration:underline}

@media(prefers-reduced-motion:reduce){.blr-soft-faq .soft-faq__photo,.blr-soft-faq .soft-faq__photo>img{transition:none;transform:none}}



.blr-soft-faq .soft-faq__intro h2{font-family:Arial,sans-serif}


}

@scope (.original-5198) {
.blr-final-invitation{background:#fff;color:#17211f;font-family:Arial,Helvetica,sans-serif;overflow:hidden;scroll-margin-top:90px}

.blr-final-invitation *{box-sizing:border-box}

.final-invite-wrap{width:85%;margin-left:10%;margin-right:5%}

.final-invite-primary{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding:64px 0;isolation:isolate}

.final-invite-visual{position:relative;display:grid;place-items:center;isolation:isolate;padding:20px 0}

.final-invite-visual::before{content:"";position:absolute;z-index:-1;inset:-12% 10% -12% -70%;background:linear-gradient(225deg,#bde86c,#95bf30 55%,#006d00);box-shadow:14px 0 0 #95bf3020,28px 0 0 #95bf3010;transform:skew(12deg,7deg);transition:transform .4s cubic-bezier(.2,.7,.2,1)}

.final-invite-primary:hover .final-invite-visual::before{transform:skew(12deg,7deg) translateX(4px)}

.blr-final-invitation h2{margin:0 0 28px;font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.035em;font-weight:750;color:#17211f}

.blr-final-invitation p{margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.65;color:#334039}

.final-invite-copy{min-width:0;position:relative;z-index:2}

.final-invite-book{display:inline-flex;gap:32px;align-items:center;margin-top:28px;padding:14px 22px;background:#95bf30;border-radius:12px;color:#17211f;font-size:16px;font-weight:700;text-decoration:none}

.final-invite-book:hover{background:#bde86c}.final-invite-book:focus-visible{outline:2px solid #17211f;outline-offset:5px}

.final-invite-services{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:28px;align-items:center;padding:64px 0 80px;border-top:1px solid #dce3d6}

.final-photo-depth{--depth-rotate-x:0deg;--depth-rotate-y:0deg;perspective:900px;touch-action:pan-y;min-width:0}

.final-photo-rig{position:relative;aspect-ratio:.85;transform:rotateX(var(--depth-rotate-x)) rotateY(var(--depth-rotate-y));transform-style:preserve-3d;transition:transform 420ms cubic-bezier(.16,1,.3,1)}

.final-photo-float{position:absolute;width:76%;transform-style:preserve-3d}

.final-photo-float:first-child{top:0;left:0;animation:final-depth-left 7.2s ease-in-out -2.1s infinite alternate}

.final-photo-float:last-child{bottom:0;right:0;animation:final-depth-right 8.1s ease-in-out -4.7s infinite alternate}

.final-photo-float img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 12px #17211f20)}

@media(max-width:980px){.final-invite-wrap{width:calc(100% - 48px);margin-inline:auto}.final-invite-primary{gap:32px;padding:40px 0}.final-invite-services{gap:20px;padding:40px 0 48px}.blr-final-invitation p{font-size:16px}.final-aqua-scene{width:min(100%,300px)}}

@media(max-width:700px){.final-invite-wrap{width:calc(100% - 40px)}.final-invite-primary{grid-template-columns:1fr;padding:32px 0;gap:32px}.final-invite-visual{padding:10px 0}.final-invite-visual::before{inset:-15% -30% -15% -30%}.final-aqua-scene{width:min(68%,280px)}.final-invite-services{grid-template-columns:1fr 1fr;gap:28px 20px}.final-invite-services>.final-invite-copy{grid-column:1/-1;grid-row:1}.final-photo-depth{grid-column:1;grid-row:2}.final-invite-services>.final-iris{grid-column:2;grid-row:2}.blr-final-invitation h2{font-size:32px}}

@media(prefers-reduced-motion:reduce){.final-invite-visual::before{transition:none}.final-invite-primary:hover .final-invite-visual::before{transform:skew(12deg,7deg)}.final-photo-rig{transform:none;transition:none}.final-photo-float{animation:none}}

.final-aqua-scene { width: min(100%, 360px); aspect-ratio: 2 / 3; perspective: 1000px; }

/* Base tilt, inset shadows and durations are preserved from the reference CSS. */

.final-aqua { position: relative; isolation: isolate; overflow: clip; width: 100%; height: 100%; margin: 0; border-radius: 40px; background: linear-gradient(145deg, #a8f3de, #6fd8be); color: #205c53; font-family: Arial, Helvetica, sans-serif; transform-style: preserve-3d; transform: rotateX(8deg) rotateY(-10deg); transition: transform .6s ease, box-shadow .6s ease; box-shadow: 0 30px 60px rgba(0, 120, 100, .35), inset 0 25px 25px rgba(255, 255, 255, .35), inset -10px -10px 25px rgba(0, 0, 0, .15); user-select: none; }

.final-aqua__surface { display: block; width: 100%; height: 100%; }

/* Project the photographed page's four corners onto the complete Aqua surface.

   Source corners in its 1024 × 1536 image: (151,81), (939,180), (986,1433), (58,1410). */

.final-aqua__image { display: block; width: 1024px; height: 1536px; max-width: none; transform-origin: 0 0; transform: matrix3d(1.2072433396, -.1695883437, 0, -.0000918543, .0844797822, 1.3498546954, 0, .0001301676, 0, 0, 1, 0, -189.1366066438, -83.73039043, 0, 1); }

/* Hover endpoint and unshown keyframe endpoints are reconstructed from the finished preview. */

.final-aqua-scene:hover .final-aqua, .final-aqua:focus-visible { transform: translateY(-10px) rotateX(0deg) rotateY(0deg); box-shadow: 0 38px 65px rgba(0, 120, 100, .3), inset 0 25px 25px rgba(255, 255, 255, .35), inset -10px -10px 25px rgba(0, 0, 0, .15); }

.final-aqua:focus-visible { outline: 2px solid #205c53; outline-offset: 7px; }

.final-aqua__grain { position: absolute; z-index: 0; inset: 0; background: url("../../original-block-pages-20261030/assets/1e3093286d8c95018a44.svg") repeat; mix-blend-mode: overlay; opacity: .4; pointer-events: none; }

.final-aqua__rim { position: absolute; z-index: 1; top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border: 1px solid #1f5c53; border-radius: 40px; mix-blend-mode: screen; box-shadow: 6px 0 2px 6px #1f5c536b; pointer-events: none; }

.final-aqua::before { content: ""; position: absolute; z-index: 2; top: -50%; left: -60%; width: 40%; height: 200%; background: linear-gradient(90deg, transparent, rgb(255 255 255 / 25%), #00000000); transform: translateX(0) rotate(25deg); animation: final-aqua-shine 4s linear infinite; pointer-events: none; }

@keyframes final-aqua-shine { to { transform: translateX(550%) rotate(25deg); } }

@media (prefers-reduced-motion: reduce) { .final-aqua, .final-aqua::before { animation: none; transition: none; }.final-aqua-scene:hover .final-aqua, .final-aqua:focus-visible { transform: rotateX(8deg) rotateY(-10deg); } }

.final-iris { position: relative; width: 100%; margin: 0; overflow: clip; border-radius: 16px; }

.final-iris__media > img { display: block; width: 100%; height: auto; }

.final-iris__overlay { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }

.final-iris__web { fill: none; stroke: #f5fff9; stroke-width: 2.3; stroke-opacity: .65; animation: final-iris-rotate 18s linear infinite; }

.final-iris__corners { fill: none; stroke-width: 8; stroke-linecap: square; transform-origin: 750px 557.5px; animation: final-iris-breathe 3.6s ease-in-out infinite; }

@keyframes final-iris-rotate { to { transform: rotate(360deg); } }

@keyframes final-iris-breathe { 0%, 100% { transform: scale(.97); opacity: .78; } 50% { transform: scale(1.035); opacity: 1; } }

@media (prefers-reduced-motion: reduce) { .final-iris__web, .final-iris__corners { animation: none; } }

@keyframes final-depth-left {

  from {

    transform: translate3d(0, -0.45rem, 1.1rem) rotateX(-1.5deg) rotateY(3deg) rotateZ(-1.4deg);

  }



  to {

    transform: translate3d(-0.3rem, 0.55rem, 1.1rem) rotateX(2deg) rotateY(-2deg) rotateZ(0.6deg);

  }

}



@keyframes final-depth-right {

  from {

    transform: translate3d(0.2rem, 0.7rem, 4rem) rotateX(2deg) rotateY(-3deg) rotateZ(1.2deg);

  }



  to {

    transform: translate3d(0, -0.5rem, 4rem) rotateX(-2deg) rotateY(2deg) rotateZ(-0.5deg);

  }

}





@media(max-width:980px){.blr-final-invitation .final-aqua-scene{width:min(100%,300px)}}@media(max-width:700px){.blr-final-invitation .final-aqua-scene{width:min(68%,280px)}}

@media(max-width:700px){.final-invite-visual::before{inset:-10px -30%;transform:skew(12deg,0)}.final-invite-primary:hover .final-invite-visual::before{transform:skew(12deg,0) translateX(4px)}}

.blr-final-invitation h2{font-family:Arial,Helvetica,sans-serif}

.blr-final-invitation h2{font-family:Arial,Helvetica,sans-serif!important}



.final-photo-float:first-child{z-index:1}.final-photo-float:last-child{z-index:2}



/* PremiumImageGallery: exact 350ms lift and image transform; scanner shares the image layer. */

.final-iris{transition:transform 350ms ease}

.final-iris__media{position:relative;transition:transform 350ms ease}

.final-iris:is(:hover,:focus-visible){transform:translateY(-8px)}

.final-iris:is(:hover,:focus-visible) .final-iris__media{transform:scale(1.08) rotate(3deg)}

.final-iris:focus-visible{outline:2px solid #95bf30;outline-offset:4px}

@media(prefers-reduced-motion:reduce){.final-iris,.final-iris__media{transition:none}.final-iris:is(:hover,:focus-visible),.final-iris:is(:hover,:focus-visible) .final-iris__media{transform:none}}


}

@scope (.original-5198) {

}

@scope (.original-5198) {























.jwt-calendar { display: flex; justify-content: center; margin-bottom: 32px; align-items: center; gap: 32px; }
.jwt-calendar input[type="date"] { width: 320px; }
.jwp-event-table-wrapper { --blr-green: #95BF30; --blr-green-dark: #6f9f1f; --blr-green-deep: #395c11; --blr-text: #172033; --blr-muted: #667085; --blr-bg: #f5f7f1; --blr-card: #ffffff; --blr-border: rgba(23,32,51,.09); --blr-divider: rgba(23,32,51,.10); --blr-shadow: 0 14px 32px rgba(23,32,51,.08); color: var(--blr-text); max-width: 100%; overflow: visible; }
.jwp-event-table-wrapper * { box-sizing: border-box; }
.jwp-event-table-wrapper .jwt-calendar.filters, .jwp-event-table-wrapper .jwt-calendar { display: grid; grid-template-columns: repeat(3, minmax(160px, 1fr)); gap: 12px; margin: 0px 0px 24px; padding: 16px; border: 1px solid var(--blr-border); border-radius: 22px; background: radial-gradient(circle at left top, rgba(198, 231, 118, 0.42), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(246, 248, 243, 0.96)); box-shadow: rgba(23, 32, 51, 0.07) 0px 10px 28px; align-items: stretch; justify-content: stretch; }
.jwp-event-table-wrapper .jwt-calendar .item, .jwp-event-table-wrapper .filter-item { display: flex; flex-direction: column; gap: 7px; margin: 0px; }
.jwp-event-table-wrapper .jwt-calendar .item p, .jwp-event-table-wrapper .filter-item p { margin: 0px; font-size: 13px; font-weight: 900; line-height: 1.2; }
.jwp-event-table-wrapper .jwt-calendar input[type="date"], .jwp-event-table-wrapper .jwt-calendar select, .jwp-event-table-wrapper .filter-item input, .jwp-event-table-wrapper .filter-item select { height: 54px; width: 100%; border: 1px solid rgba(23, 32, 51, 0.14); border-radius: 16px; background: rgb(255, 255, 255); padding: 0px 14px; color: var(--blr-text); font-size: 15px; font-weight: 900; outline: none; }
.jwp-event-table-wrapper .mainpage_table { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; font-family: Arial, Helvetica, sans-serif; max-width: 100%; overflow: visible; }
.jwp-event-table-wrapper .mainpage_table_body { display: flex; flex-direction: column; gap: 12px; }
.jwp-event-table-wrapper .mainpage_table_head, .jwp-event-table-wrapper .mainpage_table_row { align-items: center; max-width: 100%; display: grid !important; grid-template-columns: minmax(150px, 1.35fr) minmax(150px, 1.05fr) minmax(126px, 0.78fr) minmax(112px, 0.58fr) minmax(100px, 0.55fr) minmax(86px, 0.44fr) minmax(124px, 0.65fr) !important; }
.jwp-event-table-wrapper .mainpage_table_head { padding: 16px; border-radius: 24px; background: linear-gradient(90deg, rgb(33, 52, 13) 0%, rgb(70, 110, 18) 28%, rgb(109, 159, 23) 58%, rgb(149, 191, 48) 100%); box-shadow: rgba(23, 32, 51, 0.16) 0px 14px 28px; }
.jwp-event-table-wrapper .mainpage_table_head .mainpage_table_cells { position: relative; padding: 0px 10px; color: rgb(255, 255, 255); font-size: 12px; font-weight: 950; letter-spacing: 0.02em; text-transform: uppercase; text-align: left; line-height: 1.15; -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.92); text-shadow: rgba(0, 0, 0, 0.86) 0px 1px 0px, rgba(0, 0, 0, 0.45) 1px 0px 0px, rgba(0, 0, 0, 0.45) -1px 0px 0px, rgba(0, 0, 0, 0.45) 0px -1px 0px; width: auto !important; }
.jwp-event-table-wrapper .mainpage_table_row { padding: 18px 16px; border: 1px solid var(--blr-border); border-radius: 26px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(249, 251, 245, 0.96)); box-shadow: var(--blr-shadow); }
.jwp-event-table-wrapper .mainpage_table_row .mainpage_table_cells { position: relative; min-width: 0px; padding: 0px 10px; font-size: 14px; font-weight: 850; line-height: 1.22; text-align: left; align-self: center; color: var(--blr-text); max-width: 100%; width: auto !important; }
.jwp-event-table-wrapper .mainpage_table_head .mainpage_table_cells + .mainpage_table_cells::before, .jwp-event-table-wrapper .mainpage_table_row .mainpage_table_cells + .mainpage_table_cells::before { content: ""; position: absolute; left: 0px; top: 50%; width: 1px; height: 56px; transform: translateY(-50%); background: var(--blr-divider); }
.jwp-event-table-wrapper .mainpage_table_head .mainpage_table_cells + .mainpage_table_cells::before { background: rgba(255, 255, 255, 0.32); height: 22px; }
.jwp-event-table-wrapper .location-title, .jwp-event-table-wrapper .date-title, .jwp-event-table-wrapper .time-title { display: block; font-size: 16px; line-height: 1.1; font-weight: 950; color: var(--blr-text); }
.jwp-event-table-wrapper .time-title { white-space: nowrap; font-size: 16px; }
.jwp-event-table-wrapper .subline { display: block; margin-top: 6px; color: var(--blr-muted); font-size: 12px; font-weight: 800; line-height: 1.22; overflow-wrap: break-word; word-break: normal; }
.jwp-event-table-wrapper .date-meta { display: inline-block; margin-top: 6px; color: rgb(182, 106, 0); font-size: 12px; font-weight: 950; line-height: 1.1; border-bottom: 1px dashed; cursor: help; }
.jwp-event-table-wrapper .price-title { display: block; font-size: 17px; font-weight: 950; color: var(--blr-green-deep); white-space: nowrap; }
.jwp-event-table-wrapper .lang-stack { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: rgb(97, 109, 141); font-size: 14px; font-weight: 900; line-height: 1.05; text-align: center; }
.jwp-event-table-wrapper .lang-stack img { width: 24px; height: auto; display: block; flex: 0 0 auto; margin: 0px auto; }
.jwp-event-table-wrapper .lang-name { display: block; }
.jwp-event-table-wrapper .book, .jwp-event-table-wrapper .jwp-book-cell { text-align: center; }
.jwp-event-table-wrapper .book-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 118px; min-height: 38px; padding: 9px 15px; border-radius: 999px; background: linear-gradient(135deg, rgb(149, 191, 48), rgb(137, 184, 26)); font-size: 13px; font-weight: 950; line-height: 1.05; box-shadow: rgba(111, 159, 31, 0.22) 0px 10px 20px; white-space: nowrap; text-align: center; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
.jwp-event-table-wrapper .book-btn:hover { opacity: 0.9; color: rgb(255, 255, 255) !important; }
.jwp-event-table-wrapper .book-btn-low { background: linear-gradient(135deg, rgb(210, 139, 18), rgb(240, 166, 32)); }
.jwp-event-table-wrapper .book-btn-waitlist { background: linear-gradient(135deg, rgb(199, 147, 0), rgb(227, 189, 34)); }
.jwp-event-table-wrapper .jwp-book-cell > span { display: block; margin-top: 9px; color: var(--blr-muted); font-size: 11px; line-height: 1.15; font-weight: 850; }
.jwp-event-table-wrapper .jwp-book-cell > span strong { color: rgb(49, 75, 16); font-weight: 950; }
.jwp-event-table-wrapper .course-d { display: block; max-width: 100%; color: rgb(34, 48, 74); font-size: 18px; font-weight: 950; line-height: 1.16; position: relative; overflow-wrap: break-word; word-break: normal; hyphens: auto; cursor: help; }
.jwp-event-table-wrapper .course-d::after { content: ""; display: block; width: 100%; max-width: 120px; height: 3px; margin-top: 7px; border-radius: 999px; background: linear-gradient(90deg, var(--blr-green), rgba(149,191,48,.25)); }
.jwp-event-table-wrapper .has-popover { cursor: help; }
.jwp-event-table-wrapper .popover { position: absolute; left: 10px; bottom: calc(100% + 12px); z-index: 99999; width: min(390px, -24px + 100vw); max-width: calc(-24px + 100vw); padding: 16px; border: 1px solid rgba(23, 32, 51, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.99); color: var(--blr-text); box-shadow: rgba(23, 32, 51, 0.22) 0px 18px 44px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.16s, transform 0.16s, visibility 0.16s; pointer-events: none; text-align: left; }
.jwp-event-table-wrapper .popover.jwp-popover-fixed { position: fixed; bottom: auto; z-index: 999999; pointer-events: auto; }
.jwp-event-table-wrapper .has-popover:hover > .popover, .jwp-event-table-wrapper .has-popover:focus-within > .popover, .jwp-event-table-wrapper .has-popover:focus > .popover { opacity: 1; visibility: visible; transform: translateY(0px); }
.jwp-event-table-wrapper .popover-title { display: block; margin: 0px 0px 8px; color: rgb(49, 75, 16); font-size: 14px; font-weight: 950; }
.jwp-event-table-wrapper .popover-text { display: block; margin: 0px 0px 6px; color: var(--blr-text); font-size: 14px; line-height: 1.45; font-weight: 700; }
.jwp-event-table-wrapper .map-frame { width: 100%; height: 170px; border: 0px; border-radius: 14px; overflow: hidden; background: rgb(241, 244, 234); }
.jwp-event-table-wrapper .price-list { display: grid; gap: 0px; margin: 0px 0px 12px; padding: 0px; list-style: none; }
.jwp-event-table-wrapper .price-list li { display: flex; justify-content: space-between; gap: 14px; padding: 8px 0px; border-bottom: 1px solid rgba(23, 32, 51, 0.08); color: var(--blr-text); font-size: 14px; font-weight: 800; }
.jwp-event-table-wrapper .price-list strong { white-space: nowrap; color: rgb(49, 75, 16); font-weight: 950; }
.jwp-event-table-wrapper .payment-line { margin: 0px; color: var(--blr-muted); font-size: 13px; line-height: 1.4; font-weight: 800; }
.jwp-event-table-wrapper .label-item { margin-top: 8px; }
.jwp-event-table-wrapper .price-cell.label, .jwp-event-table-wrapper .price-cell { font-size: 14px !important; }
.jwp-event-table-wrapper { --blr-green: #95BF30; --blr-green-dark: #82b116; --blr-green-deep: #314b10; --blr-neon-green: #A7FF2E; --blr-text: #172033; --blr-muted: #667085; --blr-bg: #f5f7f1; --blr-card: #ffffff; --blr-border: rgba(23,32,51,.09); --blr-divider: rgba(23,32,51,.10); --blr-shadow: 0 14px 32px rgba(23,32,51,.08); container-type: inline-size; max-width: 100%; overflow: visible; }
.jwp-event-table-wrapper * { box-sizing: border-box; }
.jwp-event-table-wrapper .blr-native-control { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
.jwp-event-table-wrapper.blr-has-ort-filter { --blr-filter-columns: 4; }
.jwp-event-table-wrapper .jwt-calendar.filters, .jwp-event-table-wrapper .jwt-calendar, .jwp-event-table-wrapper .blr-table-controls { display: grid !important; grid-template-columns: repeat(var(--blr-filter-columns, 3),minmax(170px,1fr)) !important; gap: 14px !important; margin: 0px 0px 24px !important; padding: 16px !important; border: 1px solid var(--blr-border) !important; border-radius: 22px !important; background: radial-gradient(circle at left top, rgba(198, 231, 118, 0.42), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(246, 248, 243, 0.96)) !important; box-shadow: rgba(23, 32, 51, 0.07) 0px 10px 28px !important; align-items: start !important; }
.jwp-event-table-wrapper .blr-filter-dropdown, .jwp-event-table-wrapper .blr-date-picker, .jwp-event-table-wrapper .dropdown { position: relative; width: 100%; z-index: 10; filter: none; }
.jwp-event-table-wrapper .dropdown__checkbox, .jwp-event-table-wrapper .blr-dropdown-check { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.jwp-event-table-wrapper .dropdown__face, .jwp-event-table-wrapper .blr-dropdown-face, .jwp-event-table-wrapper .blr-date-face { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 58px; padding: 10px 18px; border: 1px solid rgba(23, 32, 51, 0.12); border-radius: 24px; background: rgb(255, 255, 255); box-shadow: rgba(23, 32, 51, 0.07) 0px 10px 24px; color: rgb(23, 32, 51); font-weight: 900; cursor: pointer; text-align: left; }
.jwp-event-table-wrapper .dropdown__text, .jwp-event-table-wrapper .blr-dropdown-text, .jwp-event-table-wrapper .blr-date-text { display: block; font-size: 15px; line-height: 1.1; font-weight: 950; color: rgb(23, 32, 51); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jwp-event-table-wrapper .blr-date-face::before, .jwp-event-table-wrapper .blr-filter-dropdown[data-target=".table-kursart"] .dropdown__face::before, .jwp-event-table-wrapper .blr-filter-dropdown[data-target=".table-lang"] .dropdown__face::before { display: block; flex: 0 0 auto; color: rgb(102, 112, 133); font-size: 11px; font-weight: 950; text-transform: uppercase; letter-spacing: 0.035em; margin-right: 6px; }
.jwp-event-table-wrapper .blr-date-face::before { content: "Kursdatum"; }
.jwp-event-table-wrapper .blr-filter-dropdown[data-target=".table-kursart"] .dropdown__face::before { content: "Kursart"; }
.jwp-event-table-wrapper .blr-filter-dropdown[data-target=".table-lang"] .dropdown__face::before { content: "Sprache"; }
.jwp-event-table-wrapper .dropdown__arrow, .jwp-event-table-wrapper .blr-dropdown-arrow, .jwp-event-table-wrapper .blr-date-arrow { width: 10px; height: 10px; border-right: 2px solid rgb(49, 75, 16); border-bottom: 2px solid rgb(49, 75, 16); transform: rotate(45deg) translateY(-2px); flex: 0 0 auto; }
.jwp-event-table-wrapper .dropdown__items, .jwp-event-table-wrapper .blr-dropdown-items, .jwp-event-table-wrapper .blr-date-picker-panel { position: absolute; left: 0px; right: 0px; top: calc(100% + 14px); z-index: 200; visibility: hidden; opacity: 0; transform: translateY(-8px); transition: opacity 0.18s, transform 0.18s, visibility 0.18s; padding: 10px; margin: 0px; list-style: none; border: 1px solid rgba(23, 32, 51, 0.12); border-radius: 24px; background: rgb(255, 255, 255); box-shadow: rgba(23, 32, 51, 0.18) 0px 18px 44px; }
.jwp-event-table-wrapper .dropdown__items::before, .jwp-event-table-wrapper .blr-dropdown-items::before { content: ""; position: absolute; bottom: 100%; right: 18%; height: 18px; width: 22px; background: rgb(255, 255, 255); }
.jwp-event-table-wrapper .blr-filter-dropdown.is-open .dropdown__items, .jwp-event-table-wrapper .blr-filter-dropdown.is-open .blr-dropdown-items, .jwp-event-table-wrapper .blr-date-picker.is-open .blr-date-picker-panel { visibility: visible; opacity: 1; transform: translateY(0px); }
.jwp-event-table-wrapper .blr-dropdown-items button { display: block; width: 100%; padding: 11px 12px; border: 0px; border-radius: 14px; background: transparent; color: rgb(23, 32, 51); font-size: 14px; font-weight: 850; text-align: left; cursor: pointer; }
.jwp-event-table-wrapper .blr-dropdown-items button:hover { background: rgba(149, 191, 48, 0.13); }
.jwp-event-table-wrapper .blr-date-calendar { position: relative; width: 100%; min-width: 260px; background: rgb(255, 255, 255); border-radius: 18px; overflow: hidden; }
.jwp-event-table-wrapper .blr-calendar-top { display: grid; grid-template-columns: 76px 1fr; min-height: 58px; background: rgb(41, 51, 92); color: rgb(243, 167, 18); }
.jwp-event-table-wrapper .blr-calendar-year { display: flex; align-items: center; justify-content: center; background: rgb(243, 167, 18); color: rgb(41, 51, 92); font-size: 17px; font-weight: 950; writing-mode: vertical-rl; transform: rotate(180deg); }
.jwp-event-table-wrapper .blr-calendar-month { display: flex; align-items: center; justify-content: center; font-size: 21px; font-weight: 950; text-transform: uppercase; }
.jwp-event-table-wrapper .blr-calendar-rings { display: flex; justify-content: space-around; padding: 0px 24px; height: 10px; background: linear-gradient(rgb(41, 51, 92) 0px, rgb(41, 51, 92) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%); }
.jwp-event-table-wrapper .blr-calendar-rings i { display: block; width: 6px; height: 20px; margin-top: -5px; border-radius: 999px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.22) 0px 2px 5px; }
.jwp-event-table-wrapper .blr-calendar-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; padding: 14px 12px 16px; background: rgb(255, 255, 255); }
.jwp-event-table-wrapper .blr-calendar-days span, .jwp-event-table-wrapper .blr-calendar-days button { display: flex; align-items: center; justify-content: center; min-height: 28px; border: 0px; border-radius: 999px; background: transparent; color: rgb(41, 51, 92); font-size: 12px; font-weight: 850; line-height: 1; }
.jwp-event-table-wrapper .blr-calendar-days .weekday { color: rgb(243, 167, 18); font-weight: 950; }
.jwp-event-table-wrapper .blr-calendar-days button { cursor: pointer; }
.jwp-event-table-wrapper .blr-calendar-days button:hover { background: rgba(149, 191, 48, 0.14); }
.jwp-event-table-wrapper .blr-calendar-days button.is-selected { background: linear-gradient(135deg, rgb(149, 191, 48), rgb(130, 177, 22)); color: rgb(23, 48, 0); box-shadow: rgba(149, 191, 48, 0.18) 0px 0px 0px 3px, rgba(111, 159, 31, 0.2) 0px 8px 16px; }
.jwp-event-table-wrapper .mainpage_table { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-bottom: 24px !important; font-family: Arial, Helvetica, sans-serif !important; max-width: 100% !important; overflow: hidden visible !important; }
.jwp-event-table-wrapper .mainpage_table_body { display: flex !important; flex-direction: column !important; gap: 12px !important; min-width: 0px !important; }
.jwp-event-table-wrapper .mainpage_table_head, .jwp-event-table-wrapper .mainpage_table_row { display: grid !important; grid-template-columns: minmax(0px, 1.42fr) minmax(0px, 1.1fr) minmax(0px, 0.62fr) minmax(0px, 0.68fr) minmax(0px, 0.56fr) minmax(0px, 0.46fr) minmax(0px, 0.72fr) !important; align-items: center !important; column-gap: 0px !important; min-width: 0px !important; width: 100% !important; max-width: 100% !important; }
.jwp-event-table-wrapper .mainpage_table_head { display: grid !important; padding: 14px 12px !important; border-radius: 24px !important; background: linear-gradient(90deg, rgb(33, 52, 13) 0%, rgb(70, 110, 18) 28%, rgb(109, 159, 23) 60%, rgb(149, 191, 48) 100%) !important; box-shadow: rgba(23, 32, 51, 0.16) 0px 14px 28px !important; }
.jwp-event-table-wrapper .mainpage_table_row { padding: 14px 12px !important; min-height: 86px !important; border: 1px solid var(--blr-border) !important; border-radius: 24px !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(249, 251, 245, 0.96)) !important; box-shadow: var(--blr-shadow) !important; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s !important; }
.jwp-event-table-wrapper .mainpage_table_row:hover { transform: translateY(-1px) !important; border-color: rgba(149, 191, 48, 0.32) !important; box-shadow: rgba(23, 32, 51, 0.1) 0px 14px 30px !important; }
.jwp-event-table-wrapper .mainpage_table_head .mainpage_table_cells, .jwp-event-table-wrapper .mainpage_table_row .mainpage_table_cells { color: var(--blr-text); position: relative !important; min-width: 0px !important; width: auto !important; padding: 0px 5px !important; align-self: center !important; background: transparent !important; border: 0px !important; outline: 0px !important; box-shadow: none !important; transform: none !important; }
.jwp-event-table-wrapper .mainpage_table_head .mainpage_table_cells { -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.92); text-shadow: rgba(0, 0, 0, 0.86) 0px 1px 0px, rgba(0, 0, 0, 0.45) 1px 0px 0px, rgba(0, 0, 0, 0.45) -1px 0px 0px, rgba(0, 0, 0, 0.45) 0px -1px 0px; color: rgb(255, 255, 255) !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: 0.01em !important; text-transform: uppercase !important; line-height: 1.08 !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; text-align: left !important; }
.jwp-event-table-wrapper .mainpage_table_row .mainpage_table_cells { font-size: 13px !important; font-weight: 850 !important; line-height: 1.18 !important; text-align: left !important; }
.jwp-event-table-wrapper .mainpage_table_row .mainpage_table_cells:hover { background: transparent !important; box-shadow: none !important; border: 0px !important; outline: 0px !important; transform: none !important; }
.jwp-event-table-wrapper .mainpage_table_head .mainpage_table_cells + .mainpage_table_cells::before, .jwp-event-table-wrapper .mainpage_table_row .mainpage_table_cells + .mainpage_table_cells::before { content: "" !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: 42px !important; transform: translateY(-50%) !important; background: var(--blr-divider) !important; display: block !important; }
.jwp-event-table-wrapper .mainpage_table_head .mainpage_table_cells + .mainpage_table_cells::before { height: 22px !important; background: rgba(255, 255, 255, 0.32) !important; }
.jwp-event-table-wrapper .blr-col-date, .jwp-event-table-wrapper .blr-col-time, .jwp-event-table-wrapper .blr-col-price, .jwp-event-table-wrapper .blr-col-lang, .jwp-event-table-wrapper .blr-col-book { text-align: center !important; justify-self: stretch !important; }
.jwp-event-table-wrapper .blr-col-lang { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; }
.jwp-event-table-wrapper .blr-col-book { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; }
.jwp-event-table-wrapper .location-title, .jwp-event-table-wrapper .date-title, .jwp-event-table-wrapper .time-title { display: block !important; font-size: clamp(11px, 0.9cqw, 15px) !important; line-height: 1.08 !important; font-weight: 950 !important; color: var(--blr-text) !important; }
.jwp-event-table-wrapper .date-title { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; white-space: nowrap !important; text-align: center !important; }
.jwp-event-table-wrapper .time-title { white-space: nowrap !important; text-align: center !important; letter-spacing: -0.025em !important; }
.jwp-event-table-wrapper .price-title { display: block !important; font-size: clamp(11px, 0.9cqw, 15px) !important; font-weight: 950 !important; color: var(--blr-green-deep) !important; white-space: nowrap !important; text-align: center !important; letter-spacing: -0.02em !important; }
.jwp-event-table-wrapper .subline { display: block !important; margin-top: 5px !important; color: var(--blr-muted) !important; font-size: clamp(10px, 0.8cqw, 12px) !important; font-weight: 800 !important; line-height: 1.15 !important; overflow-wrap: break-word !important; word-break: normal !important; hyphens: auto !important; }
.jwp-event-table-wrapper .blr-col-date .subline { text-align: center !important; white-space: nowrap !important; hyphens: none !important; overflow-wrap: normal !important; }
.jwp-event-table-wrapper .lang-stack { display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; color: rgb(97, 109, 141) !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.05 !important; text-align: center !important; white-space: nowrap !important; width: auto !important; max-width: 100% !important; margin: 0px auto !important; }
.jwp-event-table-wrapper .lang-stack img { filter: drop-shadow(rgba(23, 32, 51, 0.1) 0px 3px 5px); width: 34px !important; max-width: 34px !important; height: auto !important; display: block !important; flex: 0 0 auto !important; margin: 0px auto !important; }
.jwp-event-table-wrapper .lang-name { display: block !important; text-align: center !important; white-space: nowrap !important; font-size: 11px !important; line-height: 1.05 !important; }
.jwp-event-table-wrapper .book, .jwp-event-table-wrapper .jwp-book-cell { text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; }
.jwp-event-table-wrapper .book-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 96px !important; min-height: 34px !important; padding: 8px 12px !important; border-radius: 999px !important; background: linear-gradient(135deg, rgb(149, 191, 48), rgb(130, 177, 22)) !important; color: rgb(23, 48, 0) !important; text-decoration: none !important; font-size: 12px !important; font-weight: 950 !important; line-height: 1.05 !important; box-shadow: rgba(111, 159, 31, 0.24) 0px 10px 20px !important; white-space: nowrap !important; text-align: center !important; }
.jwp-event-table-wrapper .book-btn-low { background: linear-gradient(135deg, rgb(210, 139, 18), rgb(240, 166, 32)) !important; }
.jwp-event-table-wrapper .book-btn-waitlist { background: linear-gradient(135deg, rgb(199, 147, 0), rgb(227, 189, 34)) !important; }
.jwp-event-table-wrapper .jwp-book-cell > span { display: block !important; margin-top: 7px !important; color: var(--blr-muted) !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 850 !important; text-align: center !important; width: 100% !important; }
.jwp-event-table-wrapper .jwp-book-cell > span strong { color: rgb(49, 75, 16) !important; font-weight: 950 !important; }
.jwp-event-table-wrapper .course-d, .jwp-event-table-wrapper .course-d-green, .jwp-event-table-wrapper .course-d-red, .jwp-event-table-wrapper .course-d-blue { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; max-width: 100% !important; color: rgb(34, 48, 74) !important; font-size: clamp(13px, 1.18cqw, 18px) !important; font-weight: 950 !important; line-height: 1.13 !important; position: relative !important; overflow-wrap: break-word !important; word-break: normal !important; hyphens: auto !important; cursor: help !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; }
.jwp-event-table-wrapper .course-d::after, .jwp-event-table-wrapper .course-d-green::after, .jwp-event-table-wrapper .course-d-red::after, .jwp-event-table-wrapper .course-d-blue::after { content: "" !important; display: block !important; width: 100% !important; max-width: 120px !important; height: 3px !important; margin-top: 7px !important; border-radius: 999px !important; background: linear-gradient(90deg, rgb(149, 191, 48), rgba(149, 191, 48, 0.28)) !important; box-shadow: rgba(149, 191, 48, 0.34) 0px 0px 7px !important; }
.jwp-event-table-wrapper .course-d-green { text-shadow: rgba(167, 255, 46, 0.62) 0px 0px 7px, rgba(149, 191, 48, 0.32) 0px 0px 13px !important; }
.jwp-event-table-wrapper .course-d-red { text-shadow: rgba(224, 79, 103, 0.2) 0px 0px 2px !important; }
.jwp-event-table-wrapper .course-d-red::after { background: linear-gradient(90deg, rgb(224, 79, 103), rgba(224, 79, 103, 0.25)) !important; box-shadow: rgba(224, 79, 103, 0.2) 0px 0px 6px !important; }
.jwp-event-table-wrapper .course-d-blue { text-shadow: rgba(0, 184, 217, 0.2) 0px 0px 2px !important; }
.jwp-event-table-wrapper .course-d-blue::after { background: linear-gradient(90deg, rgb(0, 184, 217), rgba(0, 184, 217, 0.25)) !important; box-shadow: rgba(0, 184, 217, 0.2) 0px 0px 6px !important; }
.jwp-event-table-wrapper .has-popover { cursor: help; }
.jwp-event-table-wrapper .popover { position: absolute; left: 8px; bottom: calc(100% + 12px); z-index: 99999; width: min(390px, -24px + 100vw); max-width: calc(-24px + 100vw); padding: 16px; border: 1px solid rgba(23, 32, 51, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.99); color: var(--blr-text); box-shadow: rgba(23, 32, 51, 0.22) 0px 18px 44px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.16s, transform 0.16s, visibility 0.16s; pointer-events: none; text-align: left; }
.jwp-event-table-wrapper .popover.jwp-popover-fixed { position: fixed !important; bottom: auto !important; z-index: 999999 !important; pointer-events: auto !important; transform: none !important; }
.jwp-event-table-wrapper .popover.is-popover-open { opacity: 1 !important; visibility: visible !important; transform: translateY(0px) !important; }
.jwp-event-table-wrapper .popover-title { display: block; margin: 0px 0px 8px; color: rgb(49, 75, 16); font-size: 14px; font-weight: 950; }
.jwp-event-table-wrapper .popover-text { display: block; margin: 0px 0px 6px; color: var(--blr-text); font-size: 14px; line-height: 1.45; font-weight: 700; }
.jwp-event-table-wrapper .map-frame { width: 100%; height: 170px; border: 0px; border-radius: 14px; overflow: hidden; background: rgb(241, 244, 234); }
.jwp-event-table-wrapper .price-list { display: grid; gap: 0px; margin: 0px 0px 12px; padding: 0px; list-style: none; }
.jwp-event-table-wrapper .price-list li { display: flex; justify-content: space-between; gap: 14px; padding: 8px 0px; border-bottom: 1px solid rgba(23, 32, 51, 0.08); color: var(--blr-text); font-size: 14px; font-weight: 800; }
.jwp-event-table-wrapper .price-list strong { white-space: nowrap; color: rgb(49, 75, 16); font-weight: 950; }
.jwp-event-table-wrapper .payment-line { margin: 0px; color: var(--blr-muted); font-size: 13px; line-height: 1.4; font-weight: 800; }
.jwp-event-table-wrapper .date-calendar-popover { width: 290px; }
.jwp-event-table-wrapper .jwp-mini-calendar { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin: 8px 0px 10px; font-size: 12px; font-weight: 850; text-align: center; }
.jwp-event-table-wrapper .jwp-mini-calendar span { display: flex; align-items: center; justify-content: center; min-height: 26px; border-radius: 999px; color: rgb(23, 32, 51); }
.jwp-event-table-wrapper .jwp-mini-calendar span:nth-child(-n+7) { min-height: 20px; color: rgb(102, 112, 133); font-size: 11px; font-weight: 950; }
.jwp-event-table-wrapper .jwp-mini-calendar-empty { visibility: hidden; }
.jwp-event-table-wrapper .jwp-mini-calendar-selected { background: linear-gradient(135deg, rgb(149, 191, 48), rgb(130, 177, 22)); box-shadow: rgba(149, 191, 48, 0.18) 0px 0px 0px 3px, rgba(111, 159, 31, 0.2) 0px 8px 16px; color: rgb(23, 48, 0) !important; }
.jwp-event-table-wrapper .jwp-calendar-date-line { font-weight: 900; color: rgb(49, 75, 16); }
.jwp-event-table-wrapper .jwp-calendar-holiday-line { color: rgb(182, 106, 0); }
.jwp-event-table-wrapper .blr-popup-loading, .jwp-event-table-wrapper .blr-skeleton-spaces { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 18px; border-radius: 999px; color: rgb(102, 112, 133); font-size: 12px; font-weight: 850; background: linear-gradient(90deg, rgba(23, 32, 51, 0.06), rgba(255, 255, 255, 0.75), rgba(23, 32, 51, 0.06)) 0% 0% / 220% 100%; animation: 1.2s ease-in-out 0s infinite normal none running blrTableSkeleton; padding: 4px 10px; }
.jwp-event-table-wrapper .blr-skeleton-row { min-height: 86px !important; }
.jwp-event-table-wrapper .blr-skeleton-line, .jwp-event-table-wrapper .blr-skeleton-button { display: block; border-radius: 999px; background: linear-gradient(90deg, rgba(23, 32, 51, 0.06), rgba(255, 255, 255, 0.75), rgba(23, 32, 51, 0.06)) 0% 0% / 220% 100%; animation: 1.2s ease-in-out 0s infinite normal none running blrTableSkeleton; }
.jwp-event-table-wrapper .blr-skeleton-line { height: 14px; width: 74%; margin: 0px auto; }
.jwp-event-table-wrapper .blr-skeleton-line-course { width: 88%; height: 34px; border-radius: 12px; }
.jwp-event-table-wrapper .blr-skeleton-line-location { width: 82%; height: 28px; border-radius: 12px; }
.jwp-event-table-wrapper .blr-skeleton-line-date { width: 62%; }
.jwp-event-table-wrapper .blr-skeleton-line-time { width: 78%; }
.jwp-event-table-wrapper .blr-skeleton-line-price { width: 66%; }
.jwp-event-table-wrapper .blr-skeleton-line-lang { width: 42px; height: 42px; border-radius: 50%; }
.jwp-event-table-wrapper .blr-skeleton-button { width: 88px; height: 32px; margin: 0px auto 6px; }
.jwp-event-table-wrapper .blr-skeleton-line-spaces { width: 76px; height: 10px; }
.jwp-event-table-wrapper .blr-map-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 170px; border-radius: 14px; background: linear-gradient(135deg, rgba(149, 191, 48, 0.1), rgba(198, 231, 118, 0.18)); color: rgb(49, 75, 16); box-shadow: rgba(149, 191, 48, 0.12) 0px 0px 10px inset; font-weight: 950; cursor: pointer; }
.jwp-event-table-wrapper .blr-map-placeholder .map-frame { width: 100%; height: 170px; border: 0px; border-radius: 14px; }
@container (max-width: 920px) {.jwp-event-table-wrapper .mainpage_table_head, .jwp-event-table-wrapper .mainpage_table_row { grid-template-columns: minmax(0px, 1.34fr) minmax(0px, 1.04fr) minmax(0px, 0.62fr) minmax(0px, 0.7fr) minmax(0px, 0.56fr) minmax(0px, 0.46fr) minmax(0px, 0.72fr) !important; min-width: 0px !important; }
.jwp-event-table-wrapper .mainpage_table_head .mainpage_table_cells, .jwp-event-table-wrapper .mainpage_table_row .mainpage_table_cells { padding: 0px 6px !important; }
.jwp-event-table-wrapper .lang-stack img { width: 30px !important; max-width: 30px !important; }
.jwp-event-table-wrapper .book-btn { min-width: 86px !important; padding: 7px 10px !important; font-size: 11px !important; }}
@container (max-width: 640px) {.jwp-event-table-wrapper .mainpage_table_head, .jwp-event-table-wrapper .mainpage_table_row { grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 1.02fr) minmax(0px, 0.6fr) minmax(0px, 0.7fr) minmax(0px, 0.55fr) minmax(0px, 0.45fr) minmax(0px, 0.7fr) !important; min-width: 0px !important; }
.jwp-event-table-wrapper .mainpage_table_head .mainpage_table_cells { font-size: 9px !important; letter-spacing: 0px !important; padding: 0px 3px !important; }
.jwp-event-table-wrapper .course-d { font-size: 12px !important; }
.jwp-event-table-wrapper .location-title, .jwp-event-table-wrapper .date-title, .jwp-event-table-wrapper .time-title, .jwp-event-table-wrapper .price-title { font-size: 11px !important; }
.jwp-event-table-wrapper .subline { font-size: 10px !important; }
.jwp-event-table-wrapper .blr-table-controls { grid-template-columns: 1fr !important; }
.jwp-event-table-wrapper .blr-date-calendar { min-width: 0px !important; }}
.jwp-event-table-wrapper.blr-jwp-isolated, .jwp-event-table-wrapper.blr-jwp-isolated * { box-sizing: border-box !important; }
.jwp-event-table-wrapper.blr-jwp-isolated { container-type: inline-size; width: 100% !important; max-width: 100% !important; min-width: 0px !important; overflow-x: hidden !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table { width: 100% !important; max-width: 100% !important; min-width: 0px !important; overflow-x: hidden !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { display: grid !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; flex-direction: initial !important; box-sizing: border-box !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head { display: grid !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_cells, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_cells:first-child, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells:nth-of-type(3), .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells:nth-of-type(4), .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells:nth-of-type(5) { width: auto !important; min-width: 0px !important; max-width: none !important; flex: initial !important; box-sizing: border-box !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .has-popover:hover > .popover:not(.is-popover-open), .jwp-event-table-wrapper.blr-jwp-isolated .has-popover:focus-within > .popover:not(.is-popover-open), .jwp-event-table-wrapper.blr-jwp-isolated .has-popover:focus > .popover:not(.is-popover-open) { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(8px) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .popover.jwp-popover-fixed { position: fixed !important; bottom: auto !important; z-index: 999999 !important; pointer-events: auto !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d.course-d-green { text-shadow: rgba(167, 255, 46, 0.82) 0px 0px 6px, rgba(149, 191, 48, 0.54) 0px 0px 15px, rgba(149, 191, 48, 0.26) 0px 0px 22px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn:not(.book-btn-skeleton) { box-shadow: rgba(111, 159, 31, 0.24) 0px 10px 20px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .price-title, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-face, .jwp-event-table-wrapper.blr-jwp-isolated .dropdown__face { text-shadow: initial; }
.jwp-event-table-wrapper.blr-jwp-isolated .popover { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 160ms, visibility 160ms !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .popover.jwp-popover-fixed { position: fixed !important; inset: auto !important; z-index: 999999 !important; pointer-events: none !important; transform: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .popover.is-popover-open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .has-popover:hover > .popover:not(.is-popover-open), .jwp-event-table-wrapper.blr-jwp-isolated .has-popover:focus-within > .popover:not(.is-popover-open), .jwp-event-table-wrapper.blr-jwp-isolated .has-popover:focus > .popover:not(.is-popover-open) { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(8px) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .has-popover > .popover, .jwp-event-table-wrapper.blr-jwp-isolated .has-popover:hover > .popover, .jwp-event-table-wrapper.blr-jwp-isolated .has-popover:focus > .popover, .jwp-event-table-wrapper.blr-jwp-isolated .has-popover:focus-within > .popover { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
#blr-jwp-popover-layer { position: fixed !important; left: 0px !important; top: 0px !important; width: 0px !important; height: 0px !important; z-index: 999999 !important; pointer-events: none !important; overflow: visible !important; }
#blr-jwp-popover-layer .popover { left: auto; top: auto; width: min(420px, -24px + 100vw); padding: 16px; border: 1px solid rgba(23, 32, 51, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.99); color: rgb(23, 32, 51); box-shadow: rgba(23, 32, 51, 0.22) 0px 18px 44px; opacity: 0; visibility: hidden; pointer-events: none; text-align: left; box-sizing: border-box; font-family: inherit; display: block !important; position: fixed !important; right: auto !important; bottom: auto !important; z-index: 999999 !important; max-width: calc(-24px + 100vw) !important; transform: none !important; transition: opacity 160ms, visibility 160ms !important; }
#blr-jwp-popover-layer .popover.is-popover-open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
#blr-jwp-popover-layer .popover-title { display: block; margin: 0px 0px 8px; color: rgb(49, 75, 16); font-size: 14px; font-weight: 950; }
#blr-jwp-popover-layer .popover-text { display: block; margin: 0px 0px 6px; color: rgb(23, 32, 51); font-size: 14px; line-height: 1.45; font-weight: 700; }
#blr-jwp-popover-layer .price-list { display: grid; gap: 0px; margin: 0px 0px 12px; padding: 0px; list-style: none; }
#blr-jwp-popover-layer .price-list li { display: flex; justify-content: space-between; gap: 14px; padding: 8px 0px; border-bottom: 1px solid rgba(23, 32, 51, 0.08); color: rgb(23, 32, 51); font-size: 14px; font-weight: 800; }
#blr-jwp-popover-layer .price-list strong { white-space: nowrap; color: rgb(49, 75, 16); font-weight: 950; }
#blr-jwp-popover-layer .payment-line { margin: 0px; color: rgb(102, 112, 133); font-size: 13px; line-height: 1.4; font-weight: 800; }
#blr-jwp-popover-layer .date-calendar-popover { width: 290px !important; }
#blr-jwp-popover-layer .jwp-mini-calendar { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin: 8px 0px 10px; font-size: 12px; font-weight: 850; text-align: center; }
#blr-jwp-popover-layer .jwp-mini-calendar span { display: flex; align-items: center; justify-content: center; min-height: 26px; border-radius: 999px; color: rgb(23, 32, 51); }
#blr-jwp-popover-layer .jwp-mini-calendar span:nth-child(-n+7) { min-height: 20px; color: rgb(102, 112, 133); font-size: 11px; font-weight: 950; }
#blr-jwp-popover-layer .jwp-mini-calendar-empty { visibility: hidden; }
#blr-jwp-popover-layer .jwp-mini-calendar-selected { background: linear-gradient(135deg, rgb(149, 191, 48), rgb(130, 177, 22)); box-shadow: rgba(149, 191, 48, 0.18) 0px 0px 0px 3px, rgba(111, 159, 31, 0.2) 0px 8px 16px; color: rgb(23, 48, 0) !important; }
#blr-jwp-popover-layer .jwp-calendar-date-line { font-weight: 900; color: rgb(49, 75, 16); }
#blr-jwp-popover-layer .jwp-calendar-holiday-line { color: rgb(182, 106, 0); }
#blr-jwp-popover-layer .blr-map-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 170px; border-radius: 14px; background: linear-gradient(135deg, rgba(149, 191, 48, 0.1), rgba(198, 231, 118, 0.18)); color: rgb(49, 75, 16); box-shadow: rgba(149, 191, 48, 0.12) 0px 0px 10px inset; font-weight: 950; cursor: pointer; }
#blr-jwp-popover-layer .blr-map-placeholder .map-frame, #blr-jwp-popover-layer .map-frame { width: 100%; height: 170px; border: 0px; border-radius: 14px; overflow: hidden; background: rgb(241, 244, 234); }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-course { grid-area: course !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-location { grid-area: location !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-date { grid-area: date !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time { grid-area: time !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-price { grid-area: price !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang { grid-area: lang !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book { grid-area: book !important; }
.jwp-event-table-wrapper.blr-jwp-isolated, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_body, .jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar.filters, .jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar, .jwp-event-table-wrapper.blr-jwp-isolated .blr-table-controls { max-width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { grid-template-areas: "course location date time price lang book" !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { position: relative !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row::after { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells { position: relative !important; min-width: 0px !important; z-index: 1 !important; box-sizing: border-box !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells + .mainpage_table_cells::before { content: "" !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: 42px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.12) !important; display: block !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head .mainpage_table_cells + .mainpage_table_cells::before { display: block !important; height: 22px !important; background: rgba(255, 255, 255, 0.32) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { display: block !important; max-width: 100% !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; overflow: visible !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; font-size: clamp(18px, 1.55cqw, 23px) !important; line-height: 1.1 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-title, .jwp-event-table-wrapper.blr-jwp-isolated .date-title, .jwp-event-table-wrapper.blr-jwp-isolated .time-title, .jwp-event-table-wrapper.blr-jwp-isolated .price-title { font-size: clamp(15px, 1.08cqw, 19px) !important; line-height: 1.16 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-address, .jwp-event-table-wrapper.blr-jwp-isolated .subline, .jwp-event-table-wrapper.blr-jwp-isolated .date-meta, .jwp-event-table-wrapper.blr-jwp-isolated .lang-name, .jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell > span { font-size: clamp(13px, 0.95cqw, 16px) !important; line-height: 1.2 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book { min-width: 0px !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell { width: 100% !important; max-width: 100% !important; min-width: 0px !important; align-items: center !important; justify-content: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { box-sizing: border-box !important; max-width: 100% !important; min-width: 0px !important; width: min(100%, clamp(118px, 10.5cqw, 210px)) !important; font-size: clamp(13px, 0.94cqw, 17px) !important; min-height: 40px !important; padding: 10px clamp(10px, 1cqw, 18px) !important; white-space: nowrap !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar.filters, .jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar, .jwp-event-table-wrapper.blr-jwp-isolated .blr-table-controls { width: 100% !important; overflow: visible !important; grid-template-columns: repeat(var(--blr-filter-columns, 3),minmax(0,1fr)) !important; position: relative !important; z-index: 50 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-filter-dropdown, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-picker, .jwp-event-table-wrapper.blr-jwp-isolated .dropdown, .jwp-event-table-wrapper.blr-jwp-isolated .dropdown__face, .jwp-event-table-wrapper.blr-jwp-isolated .blr-dropdown-face, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-face { min-width: 0px !important; max-width: 100% !important; box-sizing: border-box !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .dropdown__text, .jwp-event-table-wrapper.blr-jwp-isolated .blr-dropdown-text, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-text { min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .dropdown__arrow, .jwp-event-table-wrapper.blr-jwp-isolated .blr-dropdown-arrow, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-arrow { flex: 0 0 auto !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-filter-dropdown.is-open, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-picker.is-open { z-index: 99998 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-filter-dropdown.is-open .dropdown__items, .jwp-event-table-wrapper.blr-jwp-isolated .blr-filter-dropdown.is-open .blr-dropdown-items, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-picker.is-open .blr-date-picker-panel { z-index: 99999 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-date-picker-panel { width: min(360px, -24px + 100vw) !important; max-width: calc(-24px + 100vw) !important; overflow: visible !important; }
.jwp-event-table-wrapper .blr-date-calendar.has-nav .blr-calendar-top { display: grid !important; grid-template-columns: 76px 34px minmax(0px, 1fr) 34px !important; min-height: 58px !important; background: rgb(41, 51, 92) !important; color: rgb(243, 167, 18) !important; }
.jwp-event-table-wrapper .blr-date-calendar.no-nav .blr-calendar-top { display: grid !important; grid-template-columns: 76px minmax(0px, 1fr) !important; min-height: 58px !important; background: rgb(41, 51, 92) !important; color: rgb(243, 167, 18) !important; }
.jwp-event-table-wrapper .blr-calendar-nav { display: flex !important; align-items: center !important; justify-content: center !important; border: 0px !important; background: rgba(255, 255, 255, 0.1) !important; color: rgb(243, 167, 18) !important; font-size: 28px !important; font-weight: 950 !important; line-height: 1 !important; cursor: pointer !important; padding: 0px !important; box-shadow: none !important; }
.jwp-event-table-wrapper .blr-calendar-nav:hover { background: rgba(255, 255, 255, 0.18) !important; }
@container (max-width: 980px) and (min-width: 761px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head { display: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { grid-template-columns: minmax(150px, 1.1fr) minmax(132px, 0.94fr) minmax(124px, 0.74fr) minmax(86px, 0.58fr) minmax(124px, 0.74fr) !important; grid-template-areas: "course location price lang book" "course date time time book" !important; position: relative !important; gap: 0px !important; align-items: stretch !important; padding: 18px 14px !important; min-height: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row::after { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells { border-top: 0px !important; padding: 10px 8px !important; text-align: center !important; place-self: stretch !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-course { text-align: left !important; align-items: flex-start !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-location { text-align: left !important; align-items: flex-start !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time { border-top: 1px solid rgba(23, 32, 51, 0.18) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-price, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang { border-top: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang .lang-stack { flex-direction: row !important; gap: 9px !important; align-items: center !important; justify-content: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang .lang-stack img { width: 34px !important; max-width: 34px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { width: min(100%, clamp(118px, 14cqw, 190px)) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-course::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-date::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-price::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-location::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book::before { content: "" !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: 44px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.16) !important; display: block !important; }}
@container (max-width: 760px) and (min-width: 561px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head { display: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; grid-template-areas: "course course location location" "date date time time" "price price lang lang" "book book book book" !important; gap: 0px !important; align-items: center !important; padding: 18px 16px !important; text-align: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row::after { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; justify-self: stretch !important; min-width: 0px !important; padding: 12px 8px !important; border-top: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-price, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book { border-top: 1px solid rgba(23, 32, 51, 0.18) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-location::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang::before { content: "" !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: 44px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.16) !important; display: block !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { width: min(100%, 230px) !important; min-height: 46px !important; }}
@container (max-width: 640px) {.jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar.filters, .jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar, .jwp-event-table-wrapper.blr-jwp-isolated .blr-table-controls { grid-template-columns: 1fr !important; padding: 12px !important; gap: 10px !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .dropdown__face, .jwp-event-table-wrapper.blr-jwp-isolated .blr-dropdown-face, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-face { min-height: 54px !important; padding: 9px 14px !important; border-radius: 20px !important; }}
@container (max-width: 560px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head { display: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; grid-template-areas: "course course" "location location" "date time" "price lang" "book book" !important; row-gap: 0px !important; padding: 18px 16px !important; text-align: center !important; align-items: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row::after { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; justify-self: stretch !important; min-width: 0px !important; padding: 12px 8px !important; border-top: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-course { padding-top: 2px !important; padding-bottom: 14px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-location, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-price, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book { border-top: 1px solid rgba(23, 32, 51, 0.18) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-course::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-location::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-date::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-price::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang::before { content: "" !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: 44px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.18) !important; display: block !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { margin-left: auto !important; margin-right: auto !important; text-align: center !important; font-size: clamp(22px, 5.4cqw, 28px) !important; line-height: 1.08 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue::after { margin-left: auto !important; margin-right: auto !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-title, .jwp-event-table-wrapper.blr-jwp-isolated .date-title, .jwp-event-table-wrapper.blr-jwp-isolated .time-title, .jwp-event-table-wrapper.blr-jwp-isolated .price-title { font-size: clamp(17px, 4.3cqw, 21px) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-address, .jwp-event-table-wrapper.blr-jwp-isolated .subline, .jwp-event-table-wrapper.blr-jwp-isolated .date-meta, .jwp-event-table-wrapper.blr-jwp-isolated .lang-name, .jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell > span { font-size: clamp(14px, 3.4cqw, 17px) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .lang-stack { margin-left: auto !important; margin-right: auto !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .lang-stack img { width: 32px !important; max-width: 32px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell { width: 100% !important; max-width: 100% !important; align-items: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { width: min(100%, 230px) !important; min-height: 46px !important; font-size: clamp(16px, 4cqw, 19px) !important; }}
@container (max-width: 380px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { padding: 14px 12px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { font-size: clamp(20px, 7cqw, 24px) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-title, .jwp-event-table-wrapper.blr-jwp-isolated .date-title, .jwp-event-table-wrapper.blr-jwp-isolated .time-title, .jwp-event-table-wrapper.blr-jwp-isolated .price-title { font-size: clamp(15px, 5.4cqw, 18px) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-address, .jwp-event-table-wrapper.blr-jwp-isolated .subline, .jwp-event-table-wrapper.blr-jwp-isolated .date-meta, .jwp-event-table-wrapper.blr-jwp-isolated .lang-name, .jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell > span { font-size: clamp(13px, 4.5cqw, 15px) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { width: min(100%, 210px) !important; }}
@container (max-width: 900px) {.jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar.filters, .jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar, .jwp-event-table-wrapper.blr-jwp-isolated .blr-table-controls { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; overflow: visible !important; }}
@media (max-width: 760px) {.jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar.filters, .jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar, .jwp-event-table-wrapper.blr-jwp-isolated .blr-table-controls { grid-template-columns: 1fr !important; max-width: calc(-24px + 100vw) !important; margin-left: auto !important; margin-right: auto !important; overflow: visible !important; }}
.jwp-event-table-wrapper .blr-calendar-days button.is-today, #blr-jwp-popover-layer .blr-calendar-days button.is-today { box-shadow: rgba(41, 51, 92, 0.78) 0px 0px 0px 2px inset, rgba(255, 255, 255, 0.75) 0px 0px 0px 2px !important; }
.jwp-event-table-wrapper .blr-calendar-days button.is-selected.is-today, #blr-jwp-popover-layer .blr-calendar-days button.is-selected.is-today { box-shadow: rgba(41, 51, 92, 0.92) 0px 0px 0px 2px inset, rgba(149, 191, 48, 0.22) 0px 0px 0px 3px, rgba(111, 159, 31, 0.2) 0px 8px 16px !important; }
#blr-jwp-popover-layer .date-calendar-popover { width: min(360px, -28px + 100vw) !important; max-width: calc(-28px + 100vw) !important; }
#blr-jwp-popover-layer .blr-date-calendar { width: 100% !important; min-width: 0px !important; max-width: 100% !important; overflow: hidden !important; border-radius: 16px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(23, 32, 51, 0.12) 0px 16px 28px !important; }
#blr-jwp-popover-layer .blr-date-calendar.has-nav .blr-calendar-top { display: grid !important; grid-template-columns: 76px 34px minmax(0px, 1fr) 34px !important; min-height: 58px !important; background: rgb(41, 51, 92) !important; color: rgb(243, 167, 18) !important; }
#blr-jwp-popover-layer .blr-date-calendar.no-nav .blr-calendar-top { display: grid !important; grid-template-columns: 76px minmax(0px, 1fr) !important; min-height: 58px !important; background: rgb(41, 51, 92) !important; color: rgb(243, 167, 18) !important; }
#blr-jwp-popover-layer .blr-calendar-year, #blr-jwp-popover-layer .blr-calendar-month { display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 950 !important; line-height: 1 !important; }
#blr-jwp-popover-layer .blr-calendar-year { background: rgb(243, 167, 18) !important; color: rgb(41, 51, 92) !important; writing-mode: vertical-rl !important; transform: rotate(180deg) !important; font-size: 16px !important; letter-spacing: 0.06em !important; }
#blr-jwp-popover-layer .blr-calendar-month { color: rgb(243, 167, 18) !important; font-size: 22px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }
#blr-jwp-popover-layer .blr-calendar-nav { display: flex !important; align-items: center !important; justify-content: center !important; border: 0px !important; background: rgba(255, 255, 255, 0.1) !important; color: rgb(243, 167, 18) !important; font-size: 28px !important; font-weight: 950 !important; line-height: 1 !important; cursor: pointer !important; padding: 0px !important; box-shadow: none !important; }
#blr-jwp-popover-layer .blr-calendar-rings { display: flex !important; justify-content: space-around !important; padding: 0px 24px !important; height: 10px !important; background: linear-gradient(rgb(41, 51, 92) 0px, rgb(41, 51, 92) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%) !important; }
#blr-jwp-popover-layer .blr-calendar-rings i { display: block !important; width: 6px !important; height: 20px !important; margin-top: -5px !important; border-radius: 999px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(0, 0, 0, 0.22) 0px 2px 5px !important; }
#blr-jwp-popover-layer .blr-calendar-days { display: grid !important; grid-template-columns: repeat(7, minmax(0px, 1fr)) !important; gap: 4px !important; padding: 14px 12px 16px !important; background: rgb(255, 255, 255) !important; }
#blr-jwp-popover-layer .blr-calendar-days span, #blr-jwp-popover-layer .blr-calendar-days button { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 0px !important; min-height: 28px !important; border: 0px !important; border-radius: 999px !important; background: transparent !important; color: rgb(41, 51, 92) !important; font-size: 12px !important; font-weight: 850 !important; line-height: 1 !important; padding: 0px !important; box-shadow: none !important; }
#blr-jwp-popover-layer .blr-calendar-days .weekday { color: rgb(243, 167, 18) !important; font-weight: 950 !important; }
#blr-jwp-popover-layer .blr-calendar-days button.is-selected { background: linear-gradient(135deg, rgb(149, 191, 48), rgb(130, 177, 22)) !important; color: rgb(23, 48, 0) !important; box-shadow: rgba(149, 191, 48, 0.18) 0px 0px 0px 3px, rgba(111, 159, 31, 0.2) 0px 8px 16px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated { --blr-label-height: 38px; --blr-label-gap: 14px; }
.jwp-event-table-wrapper.blr-jwp-isolated, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_body, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { position: relative !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor { grid-area: price !important; position: relative !important; z-index: 80 !important; display: block !important; width: 0px !important; min-width: 0px !important; max-width: 0px !important; height: 0px !important; min-height: 0px !important; max-height: 0px !important; margin: 0px !important; padding: 0px !important; overflow: visible !important; pointer-events: none !important; place-self: start center !important; transform: translateY(-9px) !important; box-sizing: border-box !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor .label-item { position: absolute !important; z-index: 81 !important; display: block !important; width: max-content !important; min-width: max-content !important; max-width: none !important; height: auto !important; margin: 0px !important; padding: 0px !important; inset: 0px auto auto 0px !important; transform: translate(-50%, -50%) !important; transform-origin: center center !important; white-space: nowrap !important; pointer-events: none !important; box-sizing: border-box !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor .label-item span { position: relative !important; display: block !important; width: max-content !important; min-width: max-content !important; max-width: none !important; margin: 0px !important; padding: 12px 10px !important; border-radius: 0px 0px 20px 20px !important; background: rgb(230, 45, 40) !important; color: rgb(255, 255, 255) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 14px !important; white-space: nowrap !important; box-shadow: none !important; box-sizing: border-box !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor .label-item::before { content: "" !important; position: absolute !important; left: -3px !important; top: 0px !important; z-index: -1 !important; display: block !important; width: calc(100% + 6px) !important; height: 14px !important; background: rgb(230, 45, 40) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor .label-item span::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor .label-item span::after { content: "" !important; position: absolute !important; top: 0px !important; width: 6px !important; height: 14px !important; border-radius: 3px 3px 0px 0px !important; background: rgb(146, 45, 49) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor .label-item span::before { left: -6px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor .label-item span::after { right: -6px !important; }
@container (max-width: 980px) and (min-width: 761px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor { grid-area: price !important; place-self: start center !important; transform: translateY(-14px) !important; }}
@container (max-width: 760px) and (min-width: 561px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor { grid-area: 1 / 1 / auto / -1 !important; place-self: start center !important; transform: translateY(-14px) !important; }}
@container (max-width: 560px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { padding-right: 76px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor { position: absolute !important; inset: 50% 0px auto auto !important; grid-area: auto !important; place-self: auto !important; transform: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row > .label-anchor .label-item { transform: translate(-50%, -50%) rotate(90deg) !important; transform-origin: center center !important; }}
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::after, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells + .mainpage_table_cells::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells + .mainpage_table_cells::before { content: "" !important; display: block !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: calc(100% - 18px) !important; min-height: 34px !important; max-height: 52px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.12) !important; }
@container (max-width: 980px) and (min-width: 761px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::after, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells + .mainpage_table_cells::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells { align-self: stretch !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-course, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-location, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-price, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book { border-top: 0px !important; box-shadow: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time { border-top: 1px solid rgba(23, 32, 51, 0.18) !important; box-shadow: rgba(23, 32, 51, 0.18) 0px 1px 0px inset !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-location::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-location::after, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-price::after, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang::after { content: "" !important; display: block !important; position: absolute !important; top: 50% !important; width: 1px !important; height: calc(100% - 18px) !important; min-height: 34px !important; max-height: 52px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.16) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-location::before { left: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-location::after, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-price::after, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang::after { right: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-date::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time::after { content: "" !important; display: block !important; position: absolute !important; top: 50% !important; width: 1px !important; height: calc(100% - 18px) !important; min-height: 34px !important; max-height: 52px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.16) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-date::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time::before { left: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time::after { right: 0px !important; }}
@container (max-width: 760px) and (min-width: 561px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::after, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells + .mainpage_table_cells::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells { align-self: stretch !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-course, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-location { border-top: 0px !important; box-shadow: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-price, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book { border-top: 1px solid rgba(23, 32, 51, 0.18) !important; box-shadow: rgba(23, 32, 51, 0.18) 0px 1px 0px inset !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-location::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang::before { content: "" !important; display: block !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: calc(100% - 18px) !important; min-height: 34px !important; max-height: 52px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.16) !important; }}
@container (max-width: 560px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::after, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells + .mainpage_table_cells::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells { align-self: stretch !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-course { border-top: 0px !important; box-shadow: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-location, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-price, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book { border-top: 1px solid rgba(23, 32, 51, 0.18) !important; box-shadow: rgba(23, 32, 51, 0.18) 0px 1px 0px inset !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang::before { content: "" !important; display: block !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: calc(100% - 18px) !important; min-height: 34px !important; max-height: 52px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.18) !important; }}
.custom-book-form.blr-modern-booking-form [data-blr-native-control-hidden="1"] { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0px !important; padding: 0px !important; opacity: 0 !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; clip-path: inset(50%) !important; white-space: nowrap !important; pointer-events: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated { --blr-v11-ink: #071827; --blr-v11-soft-ink: #1d2b3f; --blr-v11-muted: #56627a; --blr-v11-line: #dce2d8; --blr-v11-line-strong: #cbd5c3; --blr-v11-green: #95BF30; --blr-v11-green-dark: #006d00; --blr-v11-green-deep: #143d12; --blr-v11-gold: #f5ad00; --blr-v11-gold-dark: #d58a00; --blr-v11-row: #ffffff; --blr-v11-wash: #edf1eb; color: var(--blr-v11-ink) !important; font-family: "Open Sans", Arial, Helvetica, sans-serif !important; letter-spacing: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar.filters, .jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar, .jwp-event-table-wrapper.blr-jwp-isolated .blr-table-controls { max-width: 1110px !important; margin: 0px auto 18px !important; padding: 10px !important; gap: 10px !important; border: 1px solid rgba(149, 191, 48, 0.38) !important; border-radius: 10px !important; background: linear-gradient(135deg, rgba(222, 255, 150, 0.78), rgba(238, 255, 195, 0.88)) !important; box-shadow: rgba(255, 255, 255, 0.82) 0px 1px 0px inset, rgba(7, 24, 39, 0.08) 0px 14px 30px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-dropdown-face, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-face { min-height: 44px !important; padding: 8px 14px !important; border: 1px solid rgba(7, 24, 39, 0.1) !important; border-radius: 7px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(7, 24, 39, 0.06) 0px 6px 14px !important; color: var(--blr-v11-ink) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-dropdown-label { color: rgb(82, 96, 108) !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0px !important; text-transform: uppercase !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-date-face::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-filter-dropdown[data-target=".table-kursart"] .dropdown__face::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-filter-dropdown[data-target=".table-sprache"] .dropdown__face::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-filter-dropdown[data-target=".table-lang"] .dropdown__face::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-dropdown-text, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-text { color: var(--blr-v11-ink) !important; font-size: 14px !important; font-weight: 900 !important; letter-spacing: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-dropdown-arrow, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-arrow { border-color: var(--blr-v11-green-deep) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-dropdown-items, .jwp-event-table-wrapper.blr-jwp-isolated .blr-date-picker-panel { border: 1px solid rgba(7, 24, 39, 0.12) !important; border-radius: 8px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(7, 24, 39, 0.18) 0px 18px 44px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table { gap: 11px !important; margin-bottom: 20px !important; font-family: "Open Sans", Arial, Helvetica, sans-serif !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_body { gap: 14px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { grid-template-columns: minmax(0px, 1.28fr) minmax(0px, 1.14fr) minmax(0px, 0.72fr) minmax(0px, 0.62fr) minmax(0px, 0.58fr) minmax(0px, 0.48fr) minmax(0px, 0.78fr) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head { min-height: 38px !important; padding: 0px 12px !important; border: 1px solid rgba(7, 24, 39, 0.16) !important; border-radius: 999px !important; background: linear-gradient(90deg, rgb(8, 45, 16) 0%, rgb(49, 93, 16) 34%, rgb(117, 168, 20) 72%, rgb(155, 201, 45) 100%) !important; box-shadow: rgba(7, 24, 39, 0.16) 0px 12px 24px, rgba(255, 255, 255, 0.22) 0px 1px 0px inset !important; overflow: hidden !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head .mainpage_table_cells { padding: 0px 12px !important; color: rgb(255, 255, 255) !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.05 !important; letter-spacing: 0px !important; text-align: left !important; text-transform: uppercase !important; text-shadow: rgba(0, 0, 0, 0.55) 0px 1px 2px !important; -webkit-text-stroke: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head .mainpage_table_cells + .mainpage_table_cells::before { height: 18px !important; background: rgba(255, 255, 255, 0.34) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { min-height: 92px !important; padding: 14px 12px !important; border: 1px solid var(--blr-v11-line) !important; border-radius: 14px !important; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 252, 248) 100%) !important; box-shadow: rgba(7, 24, 39, 0.09) 0px 16px 34px, rgba(255, 255, 255, 0.96) 0px 1px 0px inset !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row:hover { transform: translateY(-1px) !important; border-color: rgba(149, 191, 48, 0.45) !important; box-shadow: rgba(7, 24, 39, 0.12) 0px 20px 40px, rgba(149, 191, 48, 0.09) 0px 0px 0px 3px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells { padding: 0px 12px !important; color: var(--blr-v11-soft-ink) !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.18 !important; letter-spacing: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells + .mainpage_table_cells::before { background: var(--blr-v11-line) !important; height: calc(100% - 20px) !important; max-height: 50px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { color: var(--blr-v11-ink) !important; font-size: 19px !important; font-weight: 950 !important; line-height: 1.08 !important; letter-spacing: 0px !important; text-shadow: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue::after { width: min(128px, 100%) !important; height: 2px !important; margin-top: 7px !important; border-radius: 0px !important; background: linear-gradient(90deg,var(--blr-v11-green), rgba(149,191,48,0)) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d-red::after { width: min(128px, 100%) !important; height: 2px !important; margin-top: 7px !important; border-radius: 0px !important; background: linear-gradient(90deg, rgb(223, 51, 64), rgba(223, 51, 64, 0)) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-title, .jwp-event-table-wrapper.blr-jwp-isolated .date-title, .jwp-event-table-wrapper.blr-jwp-isolated .time-title { color: var(--blr-v11-ink) !important; font-size: 15px !important; font-weight: 950 !important; line-height: 1.15 !important; letter-spacing: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-address, .jwp-event-table-wrapper.blr-jwp-isolated .subline, .jwp-event-table-wrapper.blr-jwp-isolated .date-meta, .jwp-event-table-wrapper.blr-jwp-isolated .lang-name, .jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell > span { color: var(--blr-v11-muted) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.18 !important; letter-spacing: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .price-title { color: var(--blr-v11-green-dark) !important; font-size: 16px !important; font-weight: 950 !important; line-height: 1.05 !important; letter-spacing: 0px !important; white-space: nowrap !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .lang-stack { display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .lang-stack img { width: 32px !important; max-width: 32px !important; height: 24px !important; margin: 0px auto !important; border: 1px solid rgba(7, 24, 39, 0.2) !important; border-radius: 2px !important; box-shadow: rgba(7, 24, 39, 0.12) 0px 4px 8px !important; object-fit: cover !important; background: rgb(255, 255, 255) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 122px !important; min-height: 38px !important; padding: 0px 18px !important; border: 0px !important; border-radius: 999px !important; background: linear-gradient(rgb(157, 210, 44) 0%, rgb(133, 189, 18) 100%) !important; box-shadow: rgba(49, 93, 16, 0.22) 0px 8px 15px, rgba(255, 255, 255, 0.45) 0px 1px 0px inset !important; color: rgb(8, 21, 5) !important; font-size: 13px !important; font-weight: 950 !important; line-height: 1 !important; letter-spacing: 0px !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn:hover { color: rgb(8, 21, 5) !important; filter: brightness(1.03) !important; opacity: 1 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn-low, .jwp-event-table-wrapper.blr-jwp-isolated .book-btn-waitlist { background: linear-gradient(180deg,#ffc233 0%, var(--blr-v11-gold) 100%) !important; box-shadow: rgba(213, 138, 0, 0.22) 0px 8px 15px, rgba(255, 255, 255, 0.52) 0px 1px 0px inset !important; color: rgb(36, 22, 0) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .jwp-event-load-more-1, .jwp-event-table-wrapper.blr-jwp-isolated .blr-external-load-more { min-height: 42px !important; padding: 0px 42px !important; border: 1px solid rgba(255, 255, 255, 0.9) !important; border-radius: 7px !important; background: linear-gradient(rgb(0, 140, 18) 0%, rgb(0, 122, 12) 100%) !important; box-shadow: rgba(7, 24, 39, 0.2) 0px 5px 0px, rgba(7, 24, 39, 0.1) 0px 12px 24px !important; color: rgb(255, 255, 255) !important; font-size: 14px !important; font-weight: 950 !important; letter-spacing: 0px !important; text-decoration: none !important; text-transform: uppercase !important; white-space: nowrap !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .popover, #blr-jwp-popover-layer .popover { border: 1px solid rgba(7, 24, 39, 0.13) !important; border-radius: 10px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(7, 24, 39, 0.18) 0px 18px 44px !important; color: var(--blr-v11-ink) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .popover-title, #blr-jwp-popover-layer .popover-title { color: var(--blr-v11-green-deep) !important; font-weight: 950 !important; letter-spacing: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .popover-text, #blr-jwp-popover-layer .popover-text { color: var(--blr-v11-soft-ink) !important; font-weight: 750 !important; letter-spacing: 0px !important; }
@container (max-width: 980px) and (min-width: 761px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { min-height: 128px !important; padding: 14px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { min-width: 138px !important; }}
@container (max-width: 760px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head { display: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { border-radius: 12px !important; }}
@media (max-width: 760px) {.jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar.filters, .jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar, .jwp-event-table-wrapper.blr-jwp-isolated .blr-table-controls { width: 100% !important; max-width: calc(-48px + 100vw) !important; margin-left: auto !important; margin-right: auto !important; }}
@container (max-width: 560px) {.jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar.filters, .jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar, .jwp-event-table-wrapper.blr-jwp-isolated .blr-table-controls { width: 100% !important; max-width: calc(-48px + 100vw) !important; margin-left: auto !important; margin-right: auto !important; border-radius: 8px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { padding: 16px 14px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { font-size: 21px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-title, .jwp-event-table-wrapper.blr-jwp-isolated .date-title, .jwp-event-table-wrapper.blr-jwp-isolated .time-title, .jwp-event-table-wrapper.blr-jwp-isolated .price-title { font-size: 16px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { width: min(100%, 224px) !important; min-height: 42px !important; font-size: 15px !important; }}
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue, .jwp-event-table-wrapper.blr-jwp-isolated .course-d.course-d-green { text-shadow: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue::after { box-shadow: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .lang-stack img { border: 0px !important; background: transparent !important; box-shadow: none !important; filter: drop-shadow(rgba(7, 24, 39, 0.18) 0px 3px 5px) !important; object-fit: contain !important; }
@media (max-width: 760px) {.jwp-event-table-wrapper.blr-jwp-isolated, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_body { width: 100% !important; max-width: calc(-48px + 100vw) !important; min-width: 0px !important; margin-left: auto !important; margin-right: auto !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head { display: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { display: grid !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; grid-template-areas: "course course" "location location" "date time" "price lang" "book book" !important; gap: 0px !important; padding: 18px 14px !important; text-align: center !important; place-items: stretch !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; place-self: stretch !important; min-width: 0px !important; max-width: 100% !important; padding: 12px 8px !important; text-align: center !important; border-top: 0px !important; box-shadow: none !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::after, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells + .mainpage_table_cells::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-location, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-price, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book { border-top: 1px solid rgba(23, 32, 51, 0.18) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time::before, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang::before { content: "" !important; display: block !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: calc(100% - 18px) !important; min-height: 34px !important; max-height: 52px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.18) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { margin-left: auto !important; margin-right: auto !important; text-align: center !important; font-size: clamp(21px, 5.1vw, 27px) !important; line-height: 1.08 !important; display: inline-block !important; max-width: min(100%, 16ch) !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; hyphens: auto !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue::after { margin-left: auto !important; margin-right: auto !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-title, .jwp-event-table-wrapper.blr-jwp-isolated .date-title, .jwp-event-table-wrapper.blr-jwp-isolated .time-title, .jwp-event-table-wrapper.blr-jwp-isolated .price-title { font-size: clamp(17px, 4.3vw, 21px) !important; line-height: 1.14 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-address, .jwp-event-table-wrapper.blr-jwp-isolated .subline, .jwp-event-table-wrapper.blr-jwp-isolated .date-meta, .jwp-event-table-wrapper.blr-jwp-isolated .lang-name, .jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell > span { font-size: clamp(14px, 3.4vw, 17px) !important; line-height: 1.18 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { width: min(100%, 230px) !important; min-height: 46px !important; font-size: clamp(16px, 4vw, 19px) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar.filters, .jwp-event-table-wrapper.blr-jwp-isolated .jwt-calendar, .jwp-event-table-wrapper.blr-jwp-isolated .blr-table-controls { width: 100% !important; max-width: calc(-48px + 100vw) !important; grid-template-columns: 1fr !important; margin-left: auto !important; margin-right: auto !important; }}
@media (max-width: 380px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { padding: 14px 10px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { font-size: clamp(19px, 6.4vw, 23px) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-title, .jwp-event-table-wrapper.blr-jwp-isolated .date-title, .jwp-event-table-wrapper.blr-jwp-isolated .time-title, .jwp-event-table-wrapper.blr-jwp-isolated .price-title { font-size: clamp(15px, 5.4vw, 18px) !important; }}
@supports selector(.mainpage_table_row:has(> .label-anchor)) {@media (max-width: 760px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row:has(> .label-anchor) { padding-right: 76px !important; }}}
@container (max-width: 980px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_body { width: 100% !important; max-width: 100% !important; min-width: 0px !important; margin-left: auto !important; margin-right: auto !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head { display: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { display: grid !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; gap: 0px !important; place-items: stretch !important; text-align: center !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; place-self: stretch !important; min-width: 0px !important; max-width: 100% !important; padding: 12px 10px !important; text-align: center !important; border-top: 0px !important; box-shadow: none !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::after, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells + .mainpage_table_cells::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { margin-left: auto !important; margin-right: auto !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; hyphens: auto !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue::after { margin-left: auto !important; margin-right: auto !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell { align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell > span { width: auto !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; white-space: normal !important; }}
@container (max-width: 980px) and (min-width: 761px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { grid-template-columns: minmax(0px, 1.08fr) minmax(0px, 1.24fr) minmax(0px, 0.96fr) !important; grid-template-areas: "course location price" "date time lang" "book book book" !important; padding: 18px !important; min-height: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-book { border-top: 1px solid rgba(23, 32, 51, 0.18) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-location::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-price::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang::before { content: "" !important; display: block !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: calc(100% - 22px) !important; min-height: 34px !important; max-height: 58px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.16) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { max-width: min(100%, 22ch) !important; font-size: clamp(21px, 2.75cqw, 27px) !important; line-height: 1.08 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-title, .jwp-event-table-wrapper.blr-jwp-isolated .date-title, .jwp-event-table-wrapper.blr-jwp-isolated .time-title, .jwp-event-table-wrapper.blr-jwp-isolated .price-title { font-size: clamp(18px, 2.15cqw, 22px) !important; line-height: 1.12 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .lang-stack { flex-direction: row !important; gap: 9px !important; align-items: center !important; justify-content: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { width: min(100%, 260px) !important; min-height: 46px !important; font-size: clamp(16px, 1.9cqw, 19px) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell > span { max-width: 360px !important; font-size: clamp(14px, 1.7cqw, 17px) !important; line-height: 1.18 !important; }}
@container (max-width: 760px) and (min-width: 561px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; grid-template-areas: "course course" "location location" "date time" "price lang" "book book" !important; padding: 18px 16px !important; min-height: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-location, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-price, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-book { border-top: 1px solid rgba(23, 32, 51, 0.18) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang::before { content: "" !important; display: block !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: calc(100% - 18px) !important; min-height: 34px !important; max-height: 54px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.18) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { max-width: min(100%, 22ch) !important; font-size: clamp(25px, 4.7cqw, 34px) !important; line-height: 1.08 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-title, .jwp-event-table-wrapper.blr-jwp-isolated .date-title, .jwp-event-table-wrapper.blr-jwp-isolated .time-title, .jwp-event-table-wrapper.blr-jwp-isolated .price-title { font-size: clamp(20px, 3.7cqw, 28px) !important; line-height: 1.12 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-address, .jwp-event-table-wrapper.blr-jwp-isolated .subline, .jwp-event-table-wrapper.blr-jwp-isolated .date-meta, .jwp-event-table-wrapper.blr-jwp-isolated .lang-name, .jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell > span { font-size: clamp(15px, 2.75cqw, 19px) !important; line-height: 1.18 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { width: min(100%, 260px) !important; min-height: 50px !important; font-size: clamp(18px, 3.25cqw, 22px) !important; }}
@container (max-width: 560px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; grid-template-areas: "course course" "location location" "date time" "price lang" "book book" !important; padding: 18px 14px !important; min-height: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-location, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-price, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-book { border-top: 1px solid rgba(23, 32, 51, 0.18) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang::before { content: "" !important; display: block !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: calc(100% - 18px) !important; min-height: 34px !important; max-height: 52px !important; transform: translateY(-50%) !important; background: rgba(23, 32, 51, 0.18) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { display: inline-block !important; max-width: min(100%, 16ch) !important; font-size: clamp(21px, 5.1cqw, 27px) !important; line-height: 1.08 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-title, .jwp-event-table-wrapper.blr-jwp-isolated .date-title, .jwp-event-table-wrapper.blr-jwp-isolated .time-title, .jwp-event-table-wrapper.blr-jwp-isolated .price-title { font-size: clamp(17px, 4.3cqw, 21px) !important; line-height: 1.14 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-address, .jwp-event-table-wrapper.blr-jwp-isolated .subline, .jwp-event-table-wrapper.blr-jwp-isolated .date-meta, .jwp-event-table-wrapper.blr-jwp-isolated .lang-name, .jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell > span { font-size: clamp(14px, 3.4cqw, 17px) !important; line-height: 1.18 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { width: min(100%, 230px) !important; min-height: 46px !important; font-size: clamp(16px, 4cqw, 19px) !important; }}
@container (max-width: 380px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { padding: 14px 10px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { font-size: clamp(19px, 6.4cqw, 23px) !important; }}
@supports selector(.mainpage_table_row:has(> .label-anchor)) {@container (max-width: 760px) and (min-width: 561px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row:has(> .label-anchor) { padding-right: 16px !important; }}
@container (max-width: 560px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row:has(> .label-anchor) { padding-right: 76px !important; }}}
@container (max-width: 980px) and (min-width: 761px) {.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table { width: 100% !important; max-width: 100% !important; min-width: 0px !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { display: grid !important; grid-template-columns: minmax(0px, 1.34fr) minmax(0px, 1.14fr) minmax(0px, 0.7fr) minmax(0px, 0.7fr) minmax(0px, 0.58fr) minmax(0px, 0.5fr) minmax(0px, 0.82fr) !important; grid-template-areas: "course location date time price lang book" !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; gap: 0px !important; place-items: center stretch !important; text-align: left !important; overflow: visible !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head { min-height: 38px !important; padding: 0px 10px !important; display: grid !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_body { width: 100% !important; max-width: 100% !important; min-width: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row { min-height: 104px !important; height: auto !important; padding: 14px 10px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head .mainpage_table_cells, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells { position: relative !important; display: block !important; place-self: center stretch !important; min-width: 0px !important; max-width: 100% !important; width: auto !important; padding: 0px clamp(5px, 0.82cqw, 10px) !important; border-top: 0px !important; box-shadow: none !important; overflow: visible !important; text-align: left !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head .mainpage_table_cells { display: flex !important; align-items: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-time, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-price, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .blr-col-book { text-align: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-location, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-date, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-price, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-book { border-top: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-book { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells::after { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-location::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-date::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-time::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-price::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang::before, .jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-book::before { content: "" !important; display: block !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: calc(100% - 20px) !important; min-height: 34px !important; max-height: 50px !important; transform: translateY(-50%) !important; background: var(--blr-v11-line, rgba(23,32,51,.14)) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head .mainpage_table_cells::before { display: none !important; content: none !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_head .mainpage_table_cells + .mainpage_table_cells::before { content: "" !important; display: block !important; position: absolute !important; left: 0px !important; top: 50% !important; width: 1px !important; height: 18px !important; transform: translateY(-50%) !important; background: rgba(255, 255, 255, 0.34) !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue { display: block !important; max-width: 100% !important; margin: 0px !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; overflow: visible !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; font-size: clamp(15px, 1.72cqw, 19px) !important; line-height: 1.08 !important; text-align: left !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-green::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-red::after, .jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue::after { margin-left: 0px !important; margin-right: 0px !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-title, .jwp-event-table-wrapper.blr-jwp-isolated .date-title, .jwp-event-table-wrapper.blr-jwp-isolated .time-title, .jwp-event-table-wrapper.blr-jwp-isolated .price-title { font-size: clamp(12px, 1.32cqw, 15px) !important; line-height: 1.12 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .location-address, .jwp-event-table-wrapper.blr-jwp-isolated .subline, .jwp-event-table-wrapper.blr-jwp-isolated .date-meta, .jwp-event-table-wrapper.blr-jwp-isolated .lang-name, .jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell > span { font-size: clamp(10px, 1.05cqw, 12px) !important; line-height: 1.16 !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .lang-stack { flex-direction: column !important; gap: 4px !important; width: auto !important; max-width: 100% !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .lang-stack img { width: clamp(27px, 3.3cqw, 32px) !important; max-width: 32px !important; height: auto !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .book-btn { width: min(100%, clamp(110px, 14cqw, 150px)) !important; min-width: 0px !important; min-height: 36px !important; padding: 0px clamp(10px, 1.4cqw, 16px) !important; font-size: clamp(11px, 1.24cqw, 13px) !important; white-space: nowrap !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .jwp-book-cell > span { width: 100% !important; max-width: 150px !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; white-space: normal !important; }}
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang .lang-stack { display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; width: auto !important; max-width: 100% !important; margin: 0px auto !important; text-align: center !important; white-space: nowrap !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang .lang-stack img { display: block !important; flex: 0 0 auto !important; margin: 0px auto !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .mainpage_table_row .mainpage_table_cells.blr-col-lang .lang-name { display: block !important; width: 100% !important; text-align: center !important; white-space: nowrap !important; }
.jwp-event-table-wrapper.blr-jwp-isolated .course-d-blue::after { background: linear-gradient(90deg, rgb(0, 184, 217) 0%, rgb(124, 200, 255) 44%, rgb(224, 79, 103) 100%) !important; box-shadow: rgba(0, 184, 217, 0.18) 0px 0px 6px, rgba(224, 79, 103, 0.14) 0px 0px 7px !important; }
}

@scope (.original-5198) {
/* Page chrome and clearly labelled missing media; original components are not restyled. */
:scope{scroll-behavior:smooth}:scope{margin:0}.restoration-note{padding:10px 24px;background:#edf4df;color:#17211f;font:13px/1.5 Arial,sans-serif}.restoration-note a{margin-left:14px}.restoration-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 5%;background:#bde86c;font-family:Arial,sans-serif}.restoration-header>a{display:flex;align-items:center;gap:12px;color:#17211f;text-decoration:none;font-size:26px;font-weight:800}.restoration-header img{width:48px;height:48px}.restoration-header nav{display:flex;gap:24px;font-size:15px}.native-schedule{padding:44px 0 48px}.native-schedule h2{font-size:32px;max-width:950px}.native-schedule>.wrap>p{max-width:900px;line-height:1.6}.native-table-scroll{overflow-x:auto;margin-top:20px}.preview-data-note{padding:12px 20px;background:#edf4df;color:#334039;font:12px/1.5 Arial,sans-serif}.restored-section-heading{width:min(1024px,calc(100% - 64px));margin:48px auto 0}.restored-section-heading h2{font:700 32px/1.2 Georgia,serif}.media-pending{position:relative!important}.missing-media-label{position:absolute;inset:18%;z-index:12;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px;border:1px dashed #56845c;background:#f4f8ecf5;color:#243a2a;font:14px/1.5 Arial,sans-serif;text-align:left;pointer-events:none}.missing-media-label strong{font-weight:700}.pending-small{display:block;flex:none;width:108px;height:108px}.pending-small .missing-media-label{inset:0;padding:8px;font-size:10px;gap:4px}.blr-text-offer__visual.media-pending{min-height:360px}.blr-text-offer__visual.media-pending .missing-media-label{inset:15% 5%;}.soft-faq__photo .missing-media-label{inset:15% 9%;}.final-aqua .missing-media-label{inset:10%;font-size:12px;padding:12px}.final-photo-depth.media-pending{min-height:240px}.final-photo-depth .missing-media-label{inset:0;font-size:12px;padding:12px}.final-iris.media-pending{min-height:240px}.final-iris .missing-media-label{inset:0;font-size:12px;padding:12px}.media-brief{font:16px/1.6 Arial,sans-serif;max-width:1000px;margin:40px auto;padding:0 24px}.media-brief section{padding:20px 0;border-top:1px solid #d8dfd1}.media-brief h1{font-size:32px}.media-brief h2{font-size:22px}.request-band{scroll-margin-top:24px}.blr-ehm-landing>.contact-scene{margin-bottom:48px}.restoration-header a:focus-visible{outline:2px solid #17211f;outline-offset:5px}
@media(max-width:760px){.restoration-note{padding:10px 16px}.restoration-header{padding:12px 20px;gap:14px;flex-wrap:wrap}.restoration-header>a{font-size:22px}.restoration-header img{width:38px;height:38px}.restoration-header nav{font-size:13px;gap:18px}.restored-section-heading{width:calc(100% - 32px);margin-top:32px}.restored-section-heading h2{font-size:26px}.native-schedule h2{font-size:27px}.missing-media-label{font-size:12px;padding:12px;inset:14%}.blr-text-offer__visual.media-pending{min-height:260px}.pending-small{width:72px;height:72px}.pending-small .missing-media-label{font-size:9px;padding:4px}.final-photo-depth .missing-media-label,.final-iris .missing-media-label{font-size:11px}}
/* Supplied complete scenes retain the source image owners and motion, not unrelated floating props. */
[data-supplied-media] .blr-editorial-visual__frame,[data-supplied-media] .blr-editorial-visual__medical-frame,[data-supplied-media] .blr-editorial-float{visibility:hidden}
[data-supplied-media] .blr-editorial-visual__girl{inset:0;display:grid;align-items:center}
[data-supplied-media] .blr-editorial-visual__girl>img{position:relative;inset:auto;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}
[data-supplied-media] .blr-medical-item--kit{width:100%;height:100%;left:0;top:0;display:grid;align-items:center}
[data-supplied-media] .blr-medical-item--kit>img{display:block;width:100%;height:100%;object-fit:contain}
.blr-text-offer__visual[data-supplied-media]>img{width:100%;max-width:100%;margin-left:0;object-fit:contain}
.soft-faq__photo[data-supplied-media]>img{object-fit:contain}
.final-iris[data-supplied-media]{align-self:center}
.final-photo-depth[data-supplied-media] .final-photo-float img{object-fit:contain}
@media(prefers-reduced-motion:reduce){:scope{scroll-behavior:auto}}

}

@scope (.original-5198) {
/* PremiumImageGallery supplies the exact reversible 350 ms interaction. */
.pons-editorial .recognition-gallery{animation:none;aspect-ratio:3/2;background:transparent;box-shadow:none}
.recognition-gallery::before{display:none}
.recognition-gallery>img{object-fit:contain}
.recognition-gallery:focus-visible{outline-color:#216b50}
[data-supplied-media="recognition-1"] .blr-editorial-visual__girl>img.supplied-art{position:absolute;inset:0;height:100%;width:100%;max-height:none;object-fit:contain}
.programme-training{display:grid;place-items:center;aspect-ratio:1370/800}
.programme-training>svg{display:block;width:100%;height:100%}
.preparation-copy{display:grid;gap:24px;align-content:center;min-width:0}
.preparation-copy h2{font-size:32px;line-height:1.16;margin:0}
.preparation-copy p{font-size:18px;line-height:1.65;margin:0}
.preparation-actions{display:flex;gap:16px;flex-wrap:wrap}
.preparation-section .soft-faq{align-items:center}
.preparation-section .soft-faq__photo>img{object-fit:contain}
.safety-sign-rig{position:relative;aspect-ratio:1;min-width:0}
.safety-sign{position:absolute;display:block;width:40%;animation:blr-safety-float 7.2s ease-in-out infinite alternate}
.safety-sign img{display:block;width:100%;height:auto;object-fit:contain}
.safety-sign--1{top:3%;left:3%;animation-delay:-1.1s}
.safety-sign--2{top:8%;right:2%;animation-delay:-4.6s;animation-duration:8.1s}
.safety-sign--3{bottom:3%;left:7%;animation-delay:-2.8s;animation-duration:8.8s}
.safety-sign--4{bottom:0;right:0;animation-delay:-5.2s;animation-duration:7.6s}
.safety-sign-rig:has(.safety-sign:last-child:nth-child(3)) .safety-sign--3{left:31%;bottom:0}
@keyframes blr-safety-float{from{transform:translate3d(0,-5px,0) rotate(-1.5deg)}to{transform:translate3d(3px,5px,0) rotate(1.5deg)}}
/* Homepage baseline geometry: 54 px desktop / 34 px mobile diagonal boundaries. */
.blr-ehm-landing{--skew:54px}
.native-schedule{background:#e8e8e8;padding-bottom:calc(48px + var(--skew));clip-path:polygon(0 0,100% 0,100% calc(100% - var(--skew)),0 100%)}
.blr-ehm-landing>.trust-section{padding-top:calc(64px + var(--skew));padding-bottom:calc(72px + var(--skew));clip-path:polygon(0 var(--skew),100% 0,100% calc(100% - var(--skew)),0 100%)}
#recognition{padding-block:var(--skew);background:#edf1e6;clip-path:polygon(0 var(--skew),100% 0,100% calc(100% - var(--skew)),0 100%)}
#recognition .pons-editorial{background:transparent}
@media(max-width:760px){.preparation-copy h2{font-size:28px}.preparation-copy p{font-size:16px}}
@media(max-width:640px){.blr-ehm-landing{--skew:34px}.safety-sign-rig{aspect-ratio:.9}.safety-sign{width:39%}}
@media(prefers-reduced-motion:reduce){.safety-sign{animation:none;transform:none}}

}