/* /Components/Contact/ContactFieldError.razor.rz.scp.css */
.contact-field-error[b-sgt5qqvutm] {
  --icon-size: 1rem;
  align-items: flex-start;
  gap: 0.4375rem;
  line-height: 1.45;
}

.contact-field-error[b-sgt5qqvutm]  .icon {
  margin-top: 0.0625rem;
}
/* /Components/Contact/ContactForm.razor.rz.scp.css */
.contact-form__header[b-z7l636bxlb] {
  margin-bottom: var(--space-6);
}

.contact-form__title[b-z7l636bxlb] {
  font-size: var(--text-2xl);
}

.contact-form__intro[b-z7l636bxlb] {
  margin-top: var(--space-2);
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-text-muted);
}

.contact-form__notice[b-z7l636bxlb] {
  margin-bottom: var(--space-6);
}

.contact-form__notice p[b-z7l636bxlb] {
  margin-top: var(--space-1);
}

/* ---- Error summary --------------------------------------------------------------- */
.form-summary[b-z7l636bxlb] {
  --icon-size: 1.25rem;
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  margin-bottom: var(--space-6);
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--color-danger) 45%, transparent);
  background: var(--color-danger-bg);
  color: var(--color-text-secondary);
  font-size: var(--text-sm);
  scroll-margin-top: calc(var(--header-h) + 1.5rem);
}

.form-summary:focus[b-z7l636bxlb] {
  outline: none;
}

.form-summary:focus-visible[b-z7l636bxlb] {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
}

.form-summary[b-z7l636bxlb]  .icon {
  margin-top: 0.1rem;
  color: var(--color-danger);
}

.form-summary__title[b-z7l636bxlb] {
  font-weight: var(--weight-semibold);
  color: var(--color-heading);
}

.form-summary__list[b-z7l636bxlb] {
  display: grid;
  gap: var(--space-1);
  margin-top: var(--space-2);
}

.form-summary__list a[b-z7l636bxlb] {
  color: var(--color-danger);
  text-underline-offset: 0.18em;
}

/* ---- Honeypot: off-screen for people, still present for bots ------------------------ */
.contact-form__hp[b-z7l636bxlb] {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* ---- Fields --------------------------------------------------------------------------- */
.contact-form__grid[b-z7l636bxlb] {
  display: grid;
  gap: var(--space-5);
}

/* Fields keep their natural height even when a neighbour in the same row has a hint below it. */
.contact-form__grid > .field[b-z7l636bxlb] {
  align-content: start;
}

@media (min-width: 40rem) {
  .contact-form__grid[b-z7l636bxlb] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6) var(--space-5);
  }

  .contact-field--full[b-z7l636bxlb] {
    grid-column: 1 / -1;
  }
}

.contact-field__hint[b-z7l636bxlb] {
  margin-top: -0.25rem;
}

.contact-form[b-z7l636bxlb]  .contact-field__textarea {
  min-height: 11rem;
}

.contact-field__meta[b-z7l636bxlb] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  min-height: 1.25rem;
}

.contact-field__count[b-z7l636bxlb] {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-text-faint);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* ---- Footer & submit -------------------------------------------------------------------- */
.contact-form__footer[b-z7l636bxlb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5) var(--space-6);
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-border);
}

.contact-form__privacy[b-z7l636bxlb] {
  --icon-size: 1rem;
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  flex: 1 1 18rem;
  max-width: 26rem;
  font-size: var(--text-sm);
  line-height: 1.55;
  color: var(--color-text-muted);
}

.contact-form__privacy[b-z7l636bxlb]  .icon {
  margin-top: 0.15rem;
  color: var(--color-accent);
}

.contact-form__submit[b-z7l636bxlb] {
  min-width: 12.5rem;
}

.contact-form__submit-state[b-z7l636bxlb] {
  --icon-size: 1.0625rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.contact-form__submit[aria-busy="true"][b-z7l636bxlb] {
  cursor: progress;
  opacity: 0.85;
}

.contact-form__submit-state[b-z7l636bxlb]  .contact-form__spinner {
  animation: contact-spin-b-z7l636bxlb 900ms linear infinite;
}

@keyframes contact-spin-b-z7l636bxlb {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 30rem) {
  .contact-form__submit[b-z7l636bxlb] {
    width: 100%;
  }
}
/* /Components/Contact/ContactStatusAlert.razor.rz.scp.css */
.contact-status[b-ozcljpsn2j] {
  margin-bottom: var(--space-6);
  padding: var(--space-5);
  scroll-margin-top: calc(var(--header-h) + 1.5rem);
}

.contact-status:focus[b-ozcljpsn2j] {
  outline: none;
}

.contact-status__body[b-ozcljpsn2j] {
  min-width: 0;
}

.contact-status__body p[b-ozcljpsn2j] {
  margin-top: var(--space-1);
}

.contact-status__actions[b-ozcljpsn2j] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-4);
  margin-top: var(--space-4);
}

.contact-status__mailto[b-ozcljpsn2j] {
  background: var(--color-surface);
}

.contact-status__or[b-ozcljpsn2j] {
  color: var(--color-text-muted);
  overflow-wrap: anywhere;
}
/* /Components/Contact/ContactSuccessPanel.razor.rz.scp.css */
.contact-success[b-m7obllgw49] {
  scroll-margin-top: calc(var(--header-h) + 1.5rem);
  animation: contact-success-in-b-m7obllgw49 700ms var(--ease-out) both;
}

.contact-success:focus[b-m7obllgw49] {
  outline: none;
}

.contact-success__mark[b-m7obllgw49] {
  position: relative;
  display: grid;
  place-items: center;
  width: 4.5rem;
  height: 4.5rem;
  margin-bottom: var(--space-6);
}

.contact-success__ring[b-m7obllgw49] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
  stroke-width: 2;
  stroke-linecap: round;
  opacity: 0.55;
  animation: contact-success-ring-b-m7obllgw49 1100ms var(--ease-out) both;
}

.contact-success__icon[b-m7obllgw49] {
  --icon-size: 1.625rem;
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  color: var(--color-success);
  background: var(--color-success-bg);
  border: 1px solid color-mix(in srgb, var(--color-success) 40%, transparent);
}

.contact-success .eyebrow[b-m7obllgw49] {
  color: var(--color-success);
}

.contact-success__title[b-m7obllgw49] {
  margin-top: var(--space-3);
  font-size: var(--text-3xl);
}

.contact-success__lead[b-m7obllgw49] {
  margin-top: var(--space-4);
  max-width: 36rem;
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
}

.contact-success__email[b-m7obllgw49] {
  overflow-wrap: anywhere;
}

.contact-success__reference[b-m7obllgw49] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-top: var(--space-6);
  padding: 0.5rem 0.5rem 0.5rem 0.875rem;
  border-radius: var(--radius);
  border: 1px solid var(--color-border);
  background: var(--color-surface-2);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.contact-success__code[b-m7obllgw49] {
  padding: 0.2rem 0.55rem;
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  color: var(--color-heading);
  font-weight: var(--weight-semibold);
  letter-spacing: 0.04em;
}

.contact-success__next[b-m7obllgw49] {
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-border);
}

.contact-success__subtitle[b-m7obllgw49] {
  font-size: var(--text-md);
}

.contact-success__steps[b-m7obllgw49] {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.contact-success__steps li[b-m7obllgw49] {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: baseline;
  color: var(--color-text-secondary);
}

.contact-success__steps .kicker-number[b-m7obllgw49] {
  color: var(--color-accent);
}

.contact-success__actions[b-m7obllgw49] {
  margin-top: var(--space-8);
}

@keyframes contact-success-in-b-m7obllgw49 {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes contact-success-ring-b-m7obllgw49 {
  from {
    transform: rotate(-90deg) scale(0.85);
    opacity: 0;
  }

  to {
    transform: none;
    opacity: 0.55;
  }
}
/* /Components/Illustrations/HeroIllustration.razor.rz.scp.css */
/* All internal sizes use container query units (cqw) so the composition scales as one piece.
   Reference size: 640px wide, where 1cqw = 6.4px. */
.hero-visual[b-kljg3m4gko] {
  container-type: inline-size;
  position: relative;
  width: 100%;
}

.hv-stage[b-kljg3m4gko] {
  position: relative;
  aspect-ratio: 640 / 520;
  transform-style: preserve-3d;
  transition: transform 1400ms var(--ease-out);
}

.hv-stage[b-kljg3m4gko]::before {
  content: "";
  position: absolute;
  inset: 8% 12%;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(49, 199, 213, 0.18), rgba(82, 123, 255, 0.08) 55%, transparent);
  pointer-events: none;
}

@media (min-width: 64rem) {
  .hv-stage[b-kljg3m4gko] {
    transform: perspective(2200px) rotateY(-11deg) rotateX(6deg) rotateZ(0.4deg);
  }

  .hero-visual:hover .hv-stage[b-kljg3m4gko] {
    transform: perspective(2200px) rotateY(-6deg) rotateX(3.5deg) rotateZ(0deg);
  }
}

/* ---- Connection layer ------------------------------------------------------------ */
.hv-lines[b-kljg3m4gko] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.hv-orbit--outer[b-kljg3m4gko] {
  stroke: rgba(152, 166, 186, 0.16);
  stroke-width: 1;
}

.hv-orbit--inner[b-kljg3m4gko] {
  stroke: rgba(49, 199, 213, 0.2);
  stroke-width: 1;
}

.hv-link[b-kljg3m4gko] {
  stroke: rgba(152, 166, 186, 0.34);
  stroke-width: 1.2;
}

.hv-pulse[b-kljg3m4gko] {
  stroke: var(--brand-cyan);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-dasharray: 7 100;
  stroke-dashoffset: 7;
  animation: hv-pulse-b-kljg3m4gko 3.8s var(--ease-in-out) infinite;
}

.hv-pulse--procurement[b-kljg3m4gko] { animation-delay: 0.7s; }
.hv-pulse--hr[b-kljg3m4gko] { animation-delay: 1.5s; animation-direction: reverse; }
.hv-pulse--inventory[b-kljg3m4gko] { animation-delay: 0.3s; animation-direction: reverse; }
.hv-pulse--production[b-kljg3m4gko] { animation-delay: 1.1s; }
.hv-pulse--analytics[b-kljg3m4gko] { animation-delay: 2s; stroke: var(--blue-400); }

.hv-node[b-kljg3m4gko] {
  fill: var(--navy-850);
  stroke: rgba(152, 166, 186, 0.6);
  stroke-width: 1.4;
}

.hv-node--core[b-kljg3m4gko] {
  stroke: var(--brand-cyan);
}

/* ---- Core dashboard -------------------------------------------------------------- */
.hv-core[b-kljg3m4gko] {
  position: absolute;
  left: 30.625%;
  top: 23.077%;
  width: 38.75%;
  height: 51.923%;
  display: flex;
  flex-direction: column;
  gap: 1.5cqw;
  padding: 2.2cqw 2.2cqw 5.6cqw;
  border-radius: 2.5cqw;
  background: linear-gradient(180deg, #14263F 0%, #0C1A2F 100%);
  border: 1px solid rgba(152, 166, 186, 0.24);
  box-shadow:
    0 4cqw 9cqw -2cqw rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 10cqw -2cqw rgba(49, 199, 213, 0.28);
  color: var(--brand-white);
  transform: translateZ(0);
  overflow: hidden;
}

.hv-core__header[b-kljg3m4gko] {
  display: flex;
  align-items: center;
  gap: 1.1cqw;
  padding-bottom: 1.5cqw;
  border-bottom: 1px solid rgba(152, 166, 186, 0.14);
}

.hv-core__header[b-kljg3m4gko]  .hv-core__mark {
  width: 2.9cqw;
  height: 2.9cqw;
}

.hv-core__title[b-kljg3m4gko] {
  font-family: var(--font-display);
  font-size: 1.9cqw;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.hv-core__pill[b-kljg3m4gko] {
  margin-left: auto;
  padding: 0.45cqw 1.2cqw;
  border-radius: 999px;
  border: 1px solid rgba(152, 166, 186, 0.22);
  font-size: 1.4cqw;
  color: var(--slate-300);
}

.hv-kpis[b-kljg3m4gko] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hv-kpi[b-kljg3m4gko] {
  display: flex;
  flex-direction: column;
  gap: 0.35cqw;
  padding-inline: 1.2cqw;
  border-left: 1px solid rgba(152, 166, 186, 0.14);
}

.hv-kpi:first-child[b-kljg3m4gko] {
  padding-left: 0;
  border-left: 0;
}

.hv-kpi__label[b-kljg3m4gko] {
  font-size: 1.25cqw;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--brand-muted);
}

.hv-kpi__value[b-kljg3m4gko] {
  font-family: var(--font-display);
  font-size: 2.65cqw;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.hv-kpi__delta[b-kljg3m4gko] {
  font-size: 1.25cqw;
  font-weight: 600;
}

.hv-kpi__delta--up[b-kljg3m4gko] {
  color: var(--green-400);
}

.hv-kpi__delta--down[b-kljg3m4gko] {
  color: var(--amber-400);
}

.hv-chart[b-kljg3m4gko] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8cqw;
  padding: 1.3cqw 1.4cqw 0.6cqw;
  border-radius: 1.6cqw;
  background: rgba(7, 17, 31, 0.45);
  border: 1px solid rgba(152, 166, 186, 0.1);
}

.hv-chart__head[b-kljg3m4gko] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.35cqw;
  color: var(--slate-300);
}

.hv-chart__legend[b-kljg3m4gko] {
  display: inline-flex;
  align-items: center;
  gap: 0.6cqw;
  color: var(--brand-muted);
}

.hv-dot[b-kljg3m4gko] {
  display: inline-block;
  width: 0.9cqw;
  height: 0.9cqw;
  border-radius: 50%;
  margin-left: 0.6cqw;
}

.hv-dot--actual[b-kljg3m4gko] {
  background: var(--brand-cyan);
}

.hv-dot--plan[b-kljg3m4gko] {
  background: var(--blue-400);
}

.hv-chart__svg[b-kljg3m4gko] {
  flex: 1;
  width: 100%;
  min-height: 0;
  overflow: visible;
}

.hv-chart__grid[b-kljg3m4gko] {
  stroke: rgba(152, 166, 186, 0.12);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.hv-chart__area[b-kljg3m4gko] {
  fill: rgba(49, 199, 213, 0.13);
}

.hv-chart__plan[b-kljg3m4gko] {
  stroke: var(--blue-400);
  stroke-width: 1.4;
  stroke-dasharray: 4 4;
  vector-effect: non-scaling-stroke;
  opacity: 0.85;
}

.hv-chart__line[b-kljg3m4gko] {
  stroke: var(--brand-cyan);
  stroke-width: 2;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  animation: hv-draw-b-kljg3m4gko 1800ms 500ms var(--ease-out) both;
}

.hv-progress[b-kljg3m4gko] {
  display: grid;
  gap: 1cqw;
}

.hv-progress__row[b-kljg3m4gko] {
  display: grid;
  grid-template-columns: 9.5cqw minmax(0, 1fr) 4.2cqw;
  align-items: center;
  gap: 1.2cqw;
  font-size: 1.35cqw;
}

.hv-progress__label[b-kljg3m4gko] {
  color: var(--slate-300);
}

.hv-progress__value[b-kljg3m4gko] {
  text-align: right;
  color: var(--brand-muted);
  font-variant-numeric: tabular-nums;
}

.hv-progress__track[b-kljg3m4gko] {
  position: relative;
  height: 0.8cqw;
  border-radius: 999px;
  background: rgba(152, 166, 186, 0.14);
  overflow: hidden;
}

.hv-progress__fill[b-kljg3m4gko] {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand-cyan), var(--blue-400));
  transform-origin: left center;
  animation: hv-grow-b-kljg3m4gko 1400ms 700ms var(--ease-out) both;
}

.hv-progress__fill--a[b-kljg3m4gko] { width: 82%; }
.hv-progress__fill--b[b-kljg3m4gko] { width: 64%; animation-delay: 820ms; }
.hv-progress__fill--c[b-kljg3m4gko] { width: 41%; animation-delay: 940ms; }

/* ---- Modules ----------------------------------------------------------------------- */
.hv-module[b-kljg3m4gko] {
  position: absolute;
  width: 21.25%;
  height: 11.154%;
  display: flex;
  align-items: center;
  gap: 1.5cqw;
  padding: 0 1.7cqw;
  border-radius: 2.2cqw;
  background: linear-gradient(180deg, rgba(24, 43, 70, 0.97), rgba(13, 27, 47, 0.97));
  border: 1px solid rgba(152, 166, 186, 0.2);
  box-shadow:
    0 2.4cqw 5cqw -1.6cqw rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  color: var(--brand-white);
  transform: translateZ(28px);
  animation: hv-float-b-kljg3m4gko 7s var(--ease-in-out) infinite;
}

.hv-module--finance[b-kljg3m4gko] { left: 4.0625%; top: 10%; animation-delay: -0.4s; }
.hv-module--procurement[b-kljg3m4gko] { left: 0.625%; top: 43.462%; animation-delay: -2.6s; }
.hv-module--hr[b-kljg3m4gko] { left: 5.9375%; top: 76.923%; animation-delay: -4.8s; }
.hv-module--inventory[b-kljg3m4gko] { left: 74.6875%; top: 12.308%; animation-delay: -1.7s; }
.hv-module--production[b-kljg3m4gko] { left: 78.125%; top: 45.769%; animation-delay: -3.9s; }
.hv-module--analytics[b-kljg3m4gko] { left: 75.625%; top: 79.231%; animation-delay: -5.6s; }

.hv-module__icon[b-kljg3m4gko] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 4.7cqw;
  height: 4.7cqw;
  border-radius: 1.3cqw;
}

.hv-module__icon[b-kljg3m4gko]  .icon {
  width: 2.6cqw;
  height: 2.6cqw;
}

.hv-module__icon--cyan[b-kljg3m4gko] {
  color: var(--brand-cyan);
  background: rgba(49, 199, 213, 0.14);
  border: 1px solid rgba(49, 199, 213, 0.34);
}

.hv-module__icon--blue[b-kljg3m4gko] {
  color: var(--blue-300);
  background: rgba(82, 123, 255, 0.16);
  border: 1px solid rgba(82, 123, 255, 0.4);
}

.hv-module__text[b-kljg3m4gko] {
  display: flex;
  flex-direction: column;
  gap: 0.25cqw;
  min-width: 0;
}

.hv-module__title[b-kljg3m4gko] {
  font-family: var(--font-display);
  font-size: 1.95cqw;
  font-weight: 700;
  line-height: 1.15;
}

.hv-module__sub[b-kljg3m4gko] {
  font-size: 1.42cqw;
  color: var(--brand-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hv-module__status[b-kljg3m4gko] {
  position: absolute;
  top: 1.3cqw;
  right: 1.3cqw;
  width: 0.85cqw;
  height: 0.85cqw;
  border-radius: 50%;
  background: var(--green-400);
  box-shadow: 0 0 0 0.45cqw rgba(61, 214, 163, 0.16);
}

/* ---- Toast ------------------------------------------------------------------------- */
.hv-toast[b-kljg3m4gko] {
  position: absolute;
  left: 39.0625%;
  top: 72.692%;
  width: 26.25%;
  height: 9.615%;
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  padding: 0 1.8cqw;
  border-radius: 2cqw;
  background: var(--brand-white);
  color: var(--brand-navy);
  box-shadow:
    0 3cqw 6cqw -1.5cqw rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.6);
  transform: translateZ(60px);
  animation:
    hv-toast-in-b-kljg3m4gko 900ms 1300ms var(--ease-out) both,
    hv-float-b-kljg3m4gko 6s 2200ms var(--ease-in-out) infinite;
}

.hv-toast__icon[b-kljg3m4gko] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 3.8cqw;
  height: 3.8cqw;
  border-radius: 50%;
  background: #DDF7EE;
  color: var(--green-700);
}

.hv-toast__icon[b-kljg3m4gko]  .icon {
  width: 2.1cqw;
  height: 2.1cqw;
}

.hv-toast__text[b-kljg3m4gko] {
  display: flex;
  flex-direction: column;
  gap: 0.2cqw;
  min-width: 0;
}

.hv-toast__title[b-kljg3m4gko] {
  font-family: var(--font-display);
  font-size: 1.8cqw;
  font-weight: 800;
  line-height: 1.15;
}

.hv-toast__sub[b-kljg3m4gko] {
  font-size: 1.32cqw;
  color: var(--slate-600);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---- Motion ------------------------------------------------------------------------ */
@keyframes hv-pulse-b-kljg3m4gko {
  from { stroke-dashoffset: 7; }
  to { stroke-dashoffset: -100; }
}

@keyframes hv-float-b-kljg3m4gko {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -0.75cqw; }
}

@keyframes hv-draw-b-kljg3m4gko {
  from { stroke-dashoffset: 100; }
  to { stroke-dashoffset: 0; }
}

@keyframes hv-grow-b-kljg3m4gko {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes hv-toast-in-b-kljg3m4gko {
  from { opacity: 0; translate: 0 1.6cqw; }
  to { opacity: 1; translate: 0 0; }
}
/* /Components/Illustrations/Industries/OperationsFlowIllustration.razor.rz.scp.css */
/* Operations-flow illustration. All internal sizes use container query units (cqw) so the
   composition scales as one piece. Reference stage: 640 × 540, where 1cqw = 6.4px.
   One operating cycle lasts 10s: each of the eight stages lights for 1.25s in turn, a pulse
   runs once around the loop and the lot trace in the core fills segment by segment. */
.ops-flow[b-vsz1anoal4] {
  container-type: inline-size;
  position: relative;
  width: 100%;
  max-width: 40rem;
  margin-inline: auto;
}

.ofl-stage[b-vsz1anoal4] {
  position: relative;
  aspect-ratio: 640 / 540;
  transform-style: preserve-3d;
  transition: transform 1400ms var(--ease-out);
}

.ofl-stage[b-vsz1anoal4]::before {
  content: "";
  position: absolute;
  inset: 12% 14%;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(49, 199, 213, 0.16), rgba(82, 123, 255, 0.08) 55%, transparent);
  pointer-events: none;
}

@media (min-width: 64rem) {
  .ofl-stage[b-vsz1anoal4] {
    transform: perspective(2200px) rotateY(-10deg) rotateX(8deg) rotateZ(0.4deg);
  }

  .ops-flow:hover .ofl-stage[b-vsz1anoal4] {
    transform: perspective(2200px) rotateY(-5deg) rotateX(4deg) rotateZ(0deg);
  }
}

/* ---- Line layer ------------------------------------------------------------------- */
.ofl-lines[b-vsz1anoal4] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.ofl-orbit[b-vsz1anoal4] {
  stroke: rgba(152, 166, 186, 0.18);
  stroke-width: 1;
}

.ofl-hub[b-vsz1anoal4] {
  stroke: rgba(49, 199, 213, 0.24);
  stroke-width: 1;
}

.ofl-hub--inner[b-vsz1anoal4] {
  stroke: rgba(152, 166, 186, 0.26);
}

.ofl-spoke[b-vsz1anoal4] {
  stroke: rgba(152, 166, 186, 0.34);
  stroke-width: 1;
  stroke-dasharray: 2 4;
}

.ofl-spoke-pulse[b-vsz1anoal4] {
  stroke: var(--brand-cyan);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 16 100;
  stroke-dashoffset: 16;
  animation: ofl-spoke-b-vsz1anoal4 10s linear infinite;
}

.ofl-ring[b-vsz1anoal4] {
  stroke: rgba(152, 166, 186, 0.42);
  stroke-width: 1.3;
}

.ofl-ring--return[b-vsz1anoal4] {
  stroke: rgba(49, 199, 213, 0.55);
  stroke-dasharray: 3 5;
}

.ofl-ring-pulse[b-vsz1anoal4],
.ofl-ring-glow[b-vsz1anoal4] {
  stroke-linecap: round;
  animation: ofl-loop-b-vsz1anoal4 10s linear infinite;
}

.ofl-ring-pulse[b-vsz1anoal4] {
  stroke: var(--brand-cyan);
  stroke-width: 2.4;
  stroke-dasharray: 3 97;
}

.ofl-ring-glow[b-vsz1anoal4] {
  stroke: rgba(49, 199, 213, 0.22);
  stroke-width: 7;
  stroke-dasharray: 9 91;
  stroke-dashoffset: 6;
  animation-name: ofl-loop-trail-b-vsz1anoal4;
}

.ofl-chevron[b-vsz1anoal4] {
  stroke: rgba(195, 205, 218, 0.75);
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ofl-hub-node[b-vsz1anoal4] {
  fill: var(--navy-850);
  stroke: var(--brand-cyan);
  stroke-width: 1.3;
}

/* ---- Core: the shared record ---------------------------------------------------------- */
.ofl-core[b-vsz1anoal4] {
  position: absolute;
  left: 34.375%;
  top: 36.667%;
  width: 31.25%;
  height: 26.667%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1cqw;
  padding: 1.7cqw 2cqw 1.8cqw;
  border-radius: 2.4cqw;
  background: linear-gradient(180deg, #14263F 0%, #0C1A2F 100%);
  border: 1px solid rgba(152, 166, 186, 0.26);
  box-shadow:
    0 4cqw 9cqw -2cqw rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 10cqw -2cqw rgba(49, 199, 213, 0.3);
  color: var(--brand-white);
  transform: translateZ(44px);
  overflow: hidden;
}

.ofl-core__head[b-vsz1anoal4] {
  display: flex;
  align-items: center;
  gap: 1cqw;
  padding-bottom: 1.2cqw;
  border-bottom: 1px solid rgba(152, 166, 186, 0.14);
}

.ofl-core__head[b-vsz1anoal4]  .ofl-core__mark {
  width: 2.8cqw;
  height: 2.8cqw;
}

.ofl-core__title[b-vsz1anoal4] {
  font-family: var(--font-display);
  font-size: 1.9cqw;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.1;
  white-space: nowrap;
}

.ofl-core__pill[b-vsz1anoal4] {
  margin-left: auto;
  padding: 0.3cqw 1cqw;
  border-radius: 999px;
  font-size: 1.2cqw;
  font-weight: 600;
  line-height: 1.4;
  color: var(--green-400);
  background: rgba(61, 214, 163, 0.12);
  border: 1px solid rgba(61, 214, 163, 0.32);
}

.ofl-core__meta[b-vsz1anoal4] {
  font-family: var(--font-mono);
  font-size: 1.25cqw;
  color: var(--brand-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ofl-trace[b-vsz1anoal4] {
  display: grid;
  gap: 0.7cqw;
}

/* Eight segments, one per stage. The mask cuts the gaps for both the track and the fill. */
.ofl-trace__track[b-vsz1anoal4] {
  position: relative;
  display: block;
  height: 0.95cqw;
  background: rgba(152, 166, 186, 0.2);
  -webkit-mask-image: repeating-linear-gradient(90deg, #000 0 calc(12.5% - 0.45cqw), transparent calc(12.5% - 0.45cqw) 12.5%);
  mask-image: repeating-linear-gradient(90deg, #000 0 calc(12.5% - 0.45cqw), transparent calc(12.5% - 0.45cqw) 12.5%);
}

.ofl-trace__fill[b-vsz1anoal4] {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--brand-cyan), var(--blue-400));
  clip-path: inset(0 0 0 0);
  animation: ofl-trace-b-vsz1anoal4 10s steps(8, jump-start) infinite both;
}

.ofl-trace__ends[b-vsz1anoal4] {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-mono);
  font-size: 1.12cqw;
  color: var(--brand-muted);
}

.ofl-core__stats[b-vsz1anoal4] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ofl-stat[b-vsz1anoal4] {
  display: flex;
  flex-direction: column;
  gap: 0.2cqw;
  min-width: 0;
}

.ofl-stat + .ofl-stat[b-vsz1anoal4] {
  padding-left: 1.4cqw;
  border-left: 1px solid rgba(152, 166, 186, 0.14);
}

.ofl-stat__label[b-vsz1anoal4] {
  font-size: 1.1cqw;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--brand-muted);
  white-space: nowrap;
}

.ofl-stat__value[b-vsz1anoal4] {
  font-family: var(--font-display);
  font-size: 2.3cqw;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

/* ---- Stage cards --------------------------------------------------------------------- */
.ofl-node[b-vsz1anoal4] {
  --ofl-shadow: 0 2.4cqw 5cqw -1.6cqw rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  position: absolute;
  width: 21.25%;
  height: 10%;
  display: flex;
  align-items: center;
  gap: 1.3cqw;
  padding: 0 1.5cqw;
  border-radius: 2cqw;
  background: linear-gradient(180deg, rgba(24, 43, 70, 0.98), rgba(13, 27, 47, 0.98));
  border: 1px solid rgba(152, 166, 186, 0.2);
  box-shadow: var(--ofl-shadow), 0 0 0 0 rgba(49, 199, 213, 0), 0 0 0 0 rgba(49, 199, 213, 0);
  color: var(--brand-white);
  transform: translateZ(24px);
  animation: ofl-active-b-vsz1anoal4 10s var(--ease-in-out) infinite;
}

/* Positions derived from the ellipse in the .razor file: centre (320, 270), radii 232 × 212,
   stages at 22.5° + n·45°, card 136 × 54. left = (x − 68) / 640, top = (y − 27) / 540. */
.ofl-node--purchase[b-vsz1anoal4] { left: 25.503%; top: 8.73%; }
.ofl-node--receive[b-vsz1anoal4] { left: 53.247%; top: 8.73%; }
.ofl-node--store[b-vsz1anoal4] { left: 72.866%; top: 29.976%; }
.ofl-node--issue[b-vsz1anoal4] { left: 72.866%; top: 60.024%; }
.ofl-node--produce[b-vsz1anoal4] { left: 53.247%; top: 81.27%; }
.ofl-node--dispatch[b-vsz1anoal4] { left: 25.503%; top: 81.27%; }
.ofl-node--invoice[b-vsz1anoal4] { left: 5.884%; top: 60.024%; }
.ofl-node--report[b-vsz1anoal4] { left: 5.884%; top: 29.976%; }

.ofl-node__icon[b-vsz1anoal4] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 4.3cqw;
  height: 4.3cqw;
  border-radius: 1.2cqw;
}

.ofl-node__icon[b-vsz1anoal4]  .icon {
  width: 2.35cqw;
  height: 2.35cqw;
}

.ofl-node__icon--cyan[b-vsz1anoal4] {
  color: var(--brand-cyan);
  background: rgba(49, 199, 213, 0.14);
  border: 1px solid rgba(49, 199, 213, 0.34);
}

.ofl-node__icon--blue[b-vsz1anoal4] {
  color: var(--blue-300);
  background: rgba(82, 123, 255, 0.16);
  border: 1px solid rgba(82, 123, 255, 0.4);
}

.ofl-node__text[b-vsz1anoal4] {
  display: flex;
  flex-direction: column;
  gap: 0.2cqw;
  min-width: 0;
}

.ofl-node__title[b-vsz1anoal4] {
  font-family: var(--font-display);
  font-size: 1.85cqw;
  font-weight: 700;
  line-height: 1.15;
}

.ofl-node__sub[b-vsz1anoal4] {
  font-family: var(--font-mono);
  font-size: 1.25cqw;
  color: var(--brand-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ofl-node__step[b-vsz1anoal4] {
  position: absolute;
  top: 1cqw;
  right: 1.3cqw;
  font-family: var(--font-mono);
  font-size: 1.1cqw;
  letter-spacing: 0.04em;
  color: rgba(152, 166, 186, 0.7);
  animation: ofl-step-b-vsz1anoal4 10s var(--ease-in-out) infinite;
  animation-delay: inherit;
}

/* Stage order: each stage (and its spoke pulse) starts 1.25s after the previous one. */
.ofl-delay-1[b-vsz1anoal4] { animation-delay: 1.25s; }
.ofl-delay-2[b-vsz1anoal4] { animation-delay: 2.5s; }
.ofl-delay-3[b-vsz1anoal4] { animation-delay: 3.75s; }
.ofl-delay-4[b-vsz1anoal4] { animation-delay: 5s; }
.ofl-delay-5[b-vsz1anoal4] { animation-delay: 6.25s; }
.ofl-delay-6[b-vsz1anoal4] { animation-delay: 7.5s; }
.ofl-delay-7[b-vsz1anoal4] { animation-delay: 8.75s; }

/* ---- Motion ------------------------------------------------------------------------------
   Stage and spoke animations use the default fill mode, so before they start and when motion
   is reduced every element rests in its plain state. The trace fill rests full (cycle complete). */
@keyframes ofl-active-b-vsz1anoal4 {
  0%, 17%, 100% {
    border-color: rgba(152, 166, 186, 0.2);
    box-shadow: var(--ofl-shadow), 0 0 0 0 rgba(49, 199, 213, 0), 0 0 0 0 rgba(49, 199, 213, 0);
  }

  3%, 11% {
    border-color: rgba(49, 199, 213, 0.8);
    box-shadow: var(--ofl-shadow), 0 0 0 0.45cqw rgba(49, 199, 213, 0.14), 0 0 5cqw -0.5cqw rgba(49, 199, 213, 0.6);
  }
}

@keyframes ofl-step-b-vsz1anoal4 {
  0%, 17%, 100% { color: rgba(152, 166, 186, 0.7); }
  3%, 11% { color: var(--brand-cyan); }
}

@keyframes ofl-spoke-b-vsz1anoal4 {
  0% { stroke-dashoffset: 16; }
  13%, 100% { stroke-dashoffset: -100; }
}

@keyframes ofl-loop-b-vsz1anoal4 {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -100; }
}

@keyframes ofl-loop-trail-b-vsz1anoal4 {
  from { stroke-dashoffset: 6; }
  to { stroke-dashoffset: -94; }
}

@keyframes ofl-trace-b-vsz1anoal4 {
  from { clip-path: inset(0 100% 0 0); }
  to { clip-path: inset(0 0 0 0); }
}

@media (prefers-reduced-motion: reduce) {
  .ofl-ring-pulse[b-vsz1anoal4],
  .ofl-ring-glow[b-vsz1anoal4] {
    display: none;
  }
}
/* /Components/Illustrations/Services/ApprovalFlowIllustration.razor.rz.scp.css */
.af[b-qcyagec2y6] {
  margin: 0;
}

.af__label[b-qcyagec2y6] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.af__label[b-qcyagec2y6]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-border);
}

.af__board[b-qcyagec2y6] {
  display: grid;
  gap: var(--space-6);
  margin-top: var(--space-8);
  padding: clamp(1.25rem, 0.75rem + 2vw, 2.5rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background:
    radial-gradient(70% 90% at 0% 0%, var(--color-accent-bg), transparent 65%),
    var(--color-bg-subtle);
}

.af__steps[b-qcyagec2y6] {
  display: grid;
  gap: var(--space-4);
  padding: 0;
  list-style: none;
}

.af__step[b-qcyagec2y6] {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: var(--space-4);
  row-gap: 0.15rem;
  align-items: center;
  padding: var(--space-4);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
}

.af__node[b-qcyagec2y6] {
  --icon-size: 1.125rem;
  grid-row: span 3;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 1.5px solid var(--color-border-strong);
  background: var(--color-surface);
  color: var(--color-text-muted);
}

.af__who[b-qcyagec2y6] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.af__what[b-qcyagec2y6] {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  color: var(--color-heading);
}

.af__status[b-qcyagec2y6] {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.af__step--done .af__node[b-qcyagec2y6] {
  border-color: var(--color-accent);
  background: var(--color-accent-bg);
  color: var(--color-accent);
}

.af__step--current[b-qcyagec2y6] {
  border-color: var(--color-warning);
  box-shadow: 0 0 0 4px var(--color-warning-bg);
}

.af__step--current .af__node[b-qcyagec2y6] {
  border-color: var(--color-warning);
  background: var(--color-warning-bg);
  color: var(--color-warning);
}

.af__step--current .af__status[b-qcyagec2y6] {
  color: var(--color-warning);
  font-weight: var(--weight-semibold);
}

.af__step--next[b-qcyagec2y6] {
  border-style: dashed;
}

.af__rules[b-qcyagec2y6] {
  padding: var(--space-5) var(--space-6);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-accent);
  background: var(--color-surface);
}

.af__rules-title[b-qcyagec2y6] {
  --icon-size: 1.1rem;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-weight: var(--weight-semibold);
  color: var(--color-heading);
}

.af__rules-title[b-qcyagec2y6]  .icon {
  color: var(--color-accent);
}

.af__rule-list[b-qcyagec2y6] {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-3);
  padding: 0;
  list-style: none;
}

.af__rule-list li[b-qcyagec2y6] {
  position: relative;
  padding-left: 1.25rem;
  font-size: var(--text-sm);
  line-height: 1.55;
  color: var(--color-text-secondary);
}

.af__rule-list li[b-qcyagec2y6]::before {
  content: "";
  position: absolute;
  left: 0.15rem;
  top: 0.55em;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 1px;
  background: var(--color-accent);
  transform: rotate(45deg);
}

/* Wide screens: the five steps run left to right on a connector, rules underneath. */
@media (min-width: 64rem) {
  .af__steps[b-qcyagec2y6] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .af__step[b-qcyagec2y6] {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    align-content: start;
    row-gap: var(--space-1);
    padding: var(--space-5);
  }

  .af__node[b-qcyagec2y6] {
    grid-row: auto;
    margin-bottom: var(--space-3);
  }

  .af__step:not(:last-child)[b-qcyagec2y6]::after {
    content: "";
    position: absolute;
    top: calc(var(--space-5) + 1.25rem);
    left: 100%;
    width: var(--space-5);
    height: 1.5px;
    background: var(--color-border-accent);
  }
}
/* /Components/Illustrations/Services/ModernizationTimeline.razor.rz.scp.css */
.mt[b-9auezvib67] {
  --mt-node: 0.875rem;
}

.mt__head[b-9auezvib67] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4) var(--space-8);
}

.mt__title[b-9auezvib67] {
  font-size: var(--text-xl);
}

.mt__legend[b-9auezvib67] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-5);
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}

.mt__legend li[b-9auezvib67] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

/* ---- Stages ------------------------------------------------------------------- */
.mt__stages[b-9auezvib67] {
  position: relative;
  display: grid;
  gap: var(--space-5);
  margin-top: var(--space-8);
}

/* Vertical rail on small screens */
.mt__stages[b-9auezvib67]::before {
  content: "";
  position: absolute;
  left: calc(var(--mt-node) / 2 - 0.5px);
  top: 1.5rem;
  bottom: 1.5rem;
  width: 1px;
  background: linear-gradient(180deg, rgba(152, 166, 186, 0.45), var(--brand-cyan));
}

.mt__stage[b-9auezvib67] {
  position: relative;
  padding-left: calc(var(--mt-node) + var(--space-5));
}

.mt__node[b-9auezvib67] {
  position: absolute;
  left: 0;
  top: 1.5rem;
  width: var(--mt-node);
  height: var(--mt-node);
  border-radius: 50%;
  background: var(--color-bg);
  border: 1.5px solid var(--brand-cyan);
  box-shadow: 0 0 0 4px rgba(49, 199, 213, 0.14), 0 0 16px rgba(49, 199, 213, 0.45);
}

.mt__stage--final .mt__node[b-9auezvib67] {
  background: radial-gradient(circle, var(--brand-cyan) 0 2.5px, var(--color-bg) 3px);
}

.mt__card[b-9auezvib67] {
  height: 100%;
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  transition: border-color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);
}

.mt__card:hover[b-9auezvib67] {
  border-color: var(--color-border-accent);
  background: var(--color-surface-hover);
}

.mt__step[b-9auezvib67] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-accent);
}

.mt__name[b-9auezvib67] {
  margin-top: var(--space-2);
  font-size: var(--text-md);
  line-height: 1.3;
}

.mt__lanes[b-9auezvib67] {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-top: var(--space-4);
  padding: var(--space-3);
  border-radius: var(--radius);
  background: var(--color-bg-subtle);
  border: 1px solid var(--color-border);
}

.mt__lane-label[b-9auezvib67] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-faint);
}

.mt__pips[b-9auezvib67] {
  display: flex;
  gap: 0.3rem;
}

.mt__text[b-9auezvib67] {
  margin-top: var(--space-4);
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-text-muted);
}

/* ---- Module pips ------------------------------------------------------------------ */
.mt__pip[b-9auezvib67] {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 3px;
  flex-shrink: 0;
}

.mt__pip--l[b-9auezvib67] {
  background: rgba(152, 166, 186, 0.6);
  border: 1px solid rgba(152, 166, 186, 0.7);
}

.mt__pip--m[b-9auezvib67] {
  border: 1px dashed rgba(152, 166, 186, 0.4);
}

.mt__pip--p[b-9auezvib67] {
  background: var(--amber-400);
  border: 1px solid var(--amber-400);
  box-shadow: 0 0 10px rgba(245, 185, 74, 0.55);
}

.mt__pip--r[b-9auezvib67] {
  border: 1px solid rgba(152, 166, 186, 0.16);
  background:
    linear-gradient(135deg, transparent calc(50% - 0.5px), rgba(152, 166, 186, 0.35) 50%, transparent calc(50% + 0.5px));
}

.mt__pip--n[b-9auezvib67] {
  background: linear-gradient(135deg, var(--brand-cyan), var(--blue-400));
  border: 1px solid var(--brand-cyan);
  box-shadow: 0 0 10px rgba(49, 199, 213, 0.45);
}

.mt__pip--f[b-9auezvib67] {
  border: 1px dashed rgba(49, 199, 213, 0.75);
  background: rgba(49, 199, 213, 0.08);
}

.mt__pip--e[b-9auezvib67] {
  border: 1px dotted rgba(152, 166, 186, 0.3);
}

/* ---- Desktop: five columns on a horizontal rail ------------------------------------ */
@media (min-width: 64rem) {
  .mt__stages[b-9auezvib67] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-4);
    padding-top: calc(var(--mt-node) + var(--space-6));
  }

  .mt__stages[b-9auezvib67]::before {
    left: 0;
    right: 0;
    top: calc(var(--mt-node) / 2 - 0.5px);
    bottom: auto;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(152, 166, 186, 0.45), rgba(82, 123, 255, 0.6) 60%, var(--brand-cyan));
  }

  .mt__stage[b-9auezvib67] {
    padding-left: 0;
  }

  .mt__node[b-9auezvib67] {
    top: calc(-1 * (var(--mt-node) + var(--space-6)));
    left: var(--space-5);
  }

  /* Short drop line from the rail node into each card */
  .mt__node[b-9auezvib67]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 1px;
    height: calc(var(--space-6) - 4px);
    margin-top: 3px;
    background: linear-gradient(180deg, rgba(49, 199, 213, 0.6), transparent);
  }
}
/* /Components/Illustrations/Services/ServicesStackIllustration.razor.rz.scp.css */
/* All internal sizes use container query units so the composition scales as one piece.
   Reference size: 640px wide, where 1cqw = 6.4px. Positions are percentages of 640 × 520. */
.stack-visual[b-4uykz9gue5] {
  container-type: inline-size;
  position: relative;
  width: 100%;
  max-width: 40rem;
  margin-inline: auto;
}

.sv-stage[b-4uykz9gue5] {
  position: relative;
  aspect-ratio: 640 / 520;
  transform-style: preserve-3d;
  transition: transform 1400ms var(--ease-out);
}

.sv-stage[b-4uykz9gue5]::before {
  content: "";
  position: absolute;
  inset: 6% 18% 6% 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(49, 199, 213, 0.16), rgba(82, 123, 255, 0.07) 55%, transparent);
  pointer-events: none;
}

@media (min-width: 64rem) {
  .sv-stage[b-4uykz9gue5] {
    transform: perspective(2200px) rotateY(-10deg) rotateX(5deg);
  }

  .stack-visual:hover .sv-stage[b-4uykz9gue5] {
    transform: perspective(2200px) rotateY(-5deg) rotateX(3deg);
  }
}

/* ---- Connection layer (drawn above the cards; lines only run through the gaps) ---- */
.sv-lines[b-4uykz9gue5] {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.sv-flow[b-4uykz9gue5] {
  stroke: rgba(152, 166, 186, 0.38);
  stroke-width: 1.2;
}

.sv-bus[b-4uykz9gue5] {
  stroke: rgba(49, 199, 213, 0.32);
  stroke-width: 1.2;
  stroke-dasharray: 3 5;
}

.sv-pulse[b-4uykz9gue5] {
  stroke: var(--brand-cyan);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-dasharray: 26 100;
  stroke-dashoffset: 26;
  animation: sv-pulse-b-4uykz9gue5 2.8s var(--ease-in-out) infinite;
}

.sv-pulse--b[b-4uykz9gue5],
.sv-pulse--d[b-4uykz9gue5],
.sv-pulse--f[b-4uykz9gue5] {
  stroke: var(--blue-400);
}

.sv-pulse--b[b-4uykz9gue5] { animation-delay: 1.4s; }
.sv-pulse--c[b-4uykz9gue5] { animation-delay: 0.45s; }
.sv-pulse--d[b-4uykz9gue5] { animation-delay: 1.85s; }
.sv-pulse--e[b-4uykz9gue5] { animation-delay: 0.9s; }
.sv-pulse--f[b-4uykz9gue5] { animation-delay: 2.3s; }
.sv-pulse--api[b-4uykz9gue5] { animation-delay: 0.6s; }
.sv-pulse--svc[b-4uykz9gue5] { animation-delay: 2s; stroke: var(--blue-400); }
.sv-pulse--bank[b-4uykz9gue5] { animation-delay: 1.1s; }
.sv-pulse--shop[b-4uykz9gue5] { animation-delay: 2.4s; stroke: var(--blue-400); }
.sv-pulse--device[b-4uykz9gue5] { animation-delay: 0.2s; }
.sv-pulse--portal[b-4uykz9gue5] { animation-delay: 1.7s; stroke: var(--blue-400); }

.sv-node[b-4uykz9gue5] {
  fill: var(--navy-850);
  stroke: rgba(152, 166, 186, 0.65);
  stroke-width: 1.4;
}

.sv-node--accent[b-4uykz9gue5] {
  stroke: var(--brand-cyan);
}

/* ---- Tiers ------------------------------------------------------------------------ */
.sv-tier[b-4uykz9gue5] {
  position: absolute;
  z-index: 1;
  left: 3.75%;
  width: 59.375%;
  display: flex;
  flex-direction: column;
  gap: 1.1cqw;
  padding: 1.5cqw 1.7cqw;
  border-radius: 2.2cqw;
  background: linear-gradient(180deg, rgba(24, 43, 70, 0.97), rgba(13, 27, 47, 0.97));
  border: 1px solid rgba(152, 166, 186, 0.2);
  box-shadow:
    0 2.4cqw 5cqw -1.6cqw rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  color: var(--brand-white);
}

.sv-tier--ui[b-4uykz9gue5] { top: 4.615%; height: 27.692%; }
.sv-tier--api[b-4uykz9gue5] { top: 36.538%; height: 13.077%; }
.sv-tier--svc[b-4uykz9gue5] { top: 53.846%; height: 13.846%; }
.sv-tier--data[b-4uykz9gue5] { top: 71.923%; height: 21.923%; }

.sv-tier--ui[b-4uykz9gue5] {
  border-color: rgba(49, 199, 213, 0.32);
  box-shadow:
    0 3cqw 7cqw -2cqw rgba(0, 0, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 8cqw -2.5cqw rgba(49, 199, 213, 0.3);
}

.sv-tier__head[b-4uykz9gue5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1cqw;
}

.sv-tier__label[b-4uykz9gue5] {
  font-family: var(--font-mono);
  font-size: 1.3cqw;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--slate-300);
}

.sv-tier__label b[b-4uykz9gue5] {
  margin-right: 0.6cqw;
  font-weight: 600;
  color: var(--brand-cyan);
}

.sv-chip[b-4uykz9gue5] {
  padding: 0.35cqw 1.1cqw;
  border-radius: 999px;
  font-size: 1.25cqw;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.sv-chip--cyan[b-4uykz9gue5] {
  color: var(--cyan-300);
  background: rgba(49, 199, 213, 0.12);
  border: 1px solid rgba(49, 199, 213, 0.32);
}

.sv-chip--blue[b-4uykz9gue5] {
  color: var(--blue-300);
  background: rgba(82, 123, 255, 0.14);
  border: 1px solid rgba(82, 123, 255, 0.36);
}

/* Tier 1 — app window */
.sv-window[b-4uykz9gue5] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 1.4cqw;
  background: rgba(7, 17, 31, 0.55);
  border: 1px solid rgba(152, 166, 186, 0.12);
  overflow: hidden;
}

.sv-window__bar[b-4uykz9gue5] {
  display: flex;
  align-items: center;
  gap: 1cqw;
  padding: 0.8cqw 1.2cqw;
  border-bottom: 1px solid rgba(152, 166, 186, 0.1);
  background: rgba(255, 255, 255, 0.02);
}

.sv-window__dots[b-4uykz9gue5] {
  display: inline-flex;
  gap: 0.5cqw;
}

.sv-window__dots i[b-4uykz9gue5] {
  width: 0.75cqw;
  height: 0.75cqw;
  border-radius: 50%;
  background: rgba(152, 166, 186, 0.35);
}

.sv-window__path[b-4uykz9gue5] {
  font-size: 1.25cqw;
  color: var(--slate-300);
}

.sv-window__pill[b-4uykz9gue5] {
  margin-left: auto;
  padding: 0.2cqw 0.9cqw;
  border-radius: 999px;
  border: 1px solid rgba(152, 166, 186, 0.22);
  font-size: 1.1cqw;
  color: var(--brand-muted);
}

.sv-rows[b-4uykz9gue5] {
  flex: 1;
  display: grid;
  align-content: space-evenly;
  padding: 0.3cqw 1.2cqw;
}

.sv-row[b-4uykz9gue5] {
  display: grid;
  grid-template-columns: 7.4cqw minmax(0, 1fr) 7cqw 7.4cqw;
  align-items: center;
  gap: 1.2cqw;
  font-size: 1.3cqw;
}

.sv-row__doc[b-4uykz9gue5] {
  font-family: var(--font-mono);
  color: var(--cyan-300);
}

.sv-row__item[b-4uykz9gue5] {
  color: var(--slate-300);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sv-row__bar[b-4uykz9gue5] {
  position: relative;
  height: 0.6cqw;
  border-radius: 999px;
  background: rgba(152, 166, 186, 0.14);
  overflow: hidden;
}

.sv-row__fill[b-4uykz9gue5] {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand-cyan), var(--blue-400));
  transform-origin: left center;
  animation: sv-grow-b-4uykz9gue5 1400ms 600ms var(--ease-out) both;
}

.sv-row__fill--a[b-4uykz9gue5] { width: 100%; }
.sv-row__fill--b[b-4uykz9gue5] { width: 62%; animation-delay: 720ms; }
.sv-row__fill--c[b-4uykz9gue5] { width: 28%; animation-delay: 840ms; }

.sv-status[b-4uykz9gue5] {
  justify-self: end;
  padding: 0.2cqw 0.8cqw;
  border-radius: 999px;
  font-size: 1.1cqw;
  font-weight: 600;
}

.sv-status--ok[b-4uykz9gue5] {
  color: var(--green-400);
  background: rgba(61, 214, 163, 0.12);
}

.sv-status--wait[b-4uykz9gue5] {
  color: var(--amber-400);
  background: rgba(245, 185, 74, 0.12);
}

.sv-status--draft[b-4uykz9gue5] {
  color: var(--slate-300);
  background: rgba(152, 166, 186, 0.14);
}

/* Tier 2 — endpoints */
.sv-endpoints[b-4uykz9gue5] {
  display: flex;
  align-items: center;
  gap: 1cqw;
}

.sv-endpoint[b-4uykz9gue5] {
  display: inline-flex;
  align-items: center;
  gap: 0.7cqw;
  padding: 0.55cqw 1cqw;
  border-radius: 0.9cqw;
  background: rgba(7, 17, 31, 0.5);
  border: 1px solid rgba(152, 166, 186, 0.14);
  font-family: var(--font-mono);
  font-size: 1.25cqw;
  color: var(--slate-200);
  white-space: nowrap;
}

.sv-verb[b-4uykz9gue5] {
  font-weight: 700;
}

.sv-verb--get[b-4uykz9gue5] { color: var(--brand-cyan); }
.sv-verb--post[b-4uykz9gue5] { color: var(--blue-300); }
.sv-verb--put[b-4uykz9gue5] { color: var(--amber-400); }

.sv-lock[b-4uykz9gue5] {
  display: grid;
  place-items: center;
  margin-left: auto;
  width: 3.4cqw;
  height: 3.4cqw;
  border-radius: 50%;
  color: var(--green-400);
  background: rgba(61, 214, 163, 0.12);
  border: 1px solid rgba(61, 214, 163, 0.3);
}

.sv-lock[b-4uykz9gue5]  .icon {
  width: 1.7cqw;
  height: 1.7cqw;
}

/* Tier 3 — domain modules */
.sv-modules[b-4uykz9gue5] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1cqw;
}

.sv-module[b-4uykz9gue5] {
  display: inline-flex;
  align-items: center;
  gap: 0.8cqw;
  padding: 0.75cqw 1cqw;
  border-radius: 0.9cqw;
  background: rgba(49, 199, 213, 0.07);
  border: 1px solid rgba(49, 199, 213, 0.2);
  font-size: 1.35cqw;
  font-weight: 600;
  color: var(--slate-100);
  white-space: nowrap;
}

.sv-module[b-4uykz9gue5]  .icon {
  width: 1.9cqw;
  height: 1.9cqw;
  color: var(--brand-cyan);
}

/* Tier 4 — data */
.sv-data[b-4uykz9gue5] {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 6cqw minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.8cqw;
}

.sv-cylinder[b-4uykz9gue5] {
  width: 6cqw;
  height: auto;
  stroke: var(--blue-300);
  stroke-width: 2;
  fill: rgba(82, 123, 255, 0.1);
}

.sv-cylinder ellipse[b-4uykz9gue5] {
  fill: rgba(82, 123, 255, 0.22);
}

.sv-tables[b-4uykz9gue5] {
  display: grid;
  gap: 0.7cqw;
}

.sv-table[b-4uykz9gue5] {
  display: inline-flex;
  align-items: center;
  gap: 0.8cqw;
  font-family: var(--font-mono);
  font-size: 1.25cqw;
  color: var(--slate-300);
}

.sv-table i[b-4uykz9gue5] {
  width: 2.6cqw;
  height: 1.6cqw;
  border-radius: 0.3cqw;
  border: 1px solid rgba(152, 166, 186, 0.4);
  background:
    linear-gradient(rgba(152, 166, 186, 0.4), rgba(152, 166, 186, 0.4)) 0 33% / 100% 1px no-repeat,
    linear-gradient(rgba(152, 166, 186, 0.4), rgba(152, 166, 186, 0.4)) 0 66% / 100% 1px no-repeat;
}

.sv-checks[b-4uykz9gue5] {
  display: grid;
  gap: 0.7cqw;
}

.sv-checks span[b-4uykz9gue5] {
  display: inline-flex;
  align-items: center;
  gap: 0.6cqw;
  font-size: 1.2cqw;
  color: var(--brand-muted);
  white-space: nowrap;
}

.sv-checks[b-4uykz9gue5]  .icon {
  width: 1.5cqw;
  height: 1.5cqw;
  color: var(--green-400);
}

/* ---- Integration rail ---------------------------------------------------------------- */
.sv-rail-label[b-4uykz9gue5] {
  position: absolute;
  left: 71.5625%;
  top: 10.4%;
  font-family: var(--font-mono);
  font-size: 1.25cqw;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--brand-muted);
}

.sv-target[b-4uykz9gue5] {
  position: absolute;
  z-index: 1;
  left: 71.5625%;
  width: 25.9375%;
  height: 11.923%;
  display: flex;
  align-items: center;
  gap: 1.3cqw;
  padding: 0 1.5cqw;
  border-radius: 2cqw;
  background: linear-gradient(180deg, rgba(24, 43, 70, 0.97), rgba(13, 27, 47, 0.97));
  border: 1px solid rgba(152, 166, 186, 0.2);
  box-shadow:
    0 2.4cqw 5cqw -1.6cqw rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  color: var(--brand-white);
  transform: translateZ(24px);
  animation: sv-float-b-4uykz9gue5 7s var(--ease-in-out) infinite;
}

.sv-target--bank[b-4uykz9gue5] { top: 17.115%; animation-delay: -0.6s; }
.sv-target--shop[b-4uykz9gue5] { top: 36.346%; animation-delay: -2.4s; }
.sv-target--device[b-4uykz9gue5] { top: 55.577%; animation-delay: -4.1s; }
.sv-target--portal[b-4uykz9gue5] { top: 74.808%; animation-delay: -5.5s; }

.sv-target__icon[b-4uykz9gue5] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 4.4cqw;
  height: 4.4cqw;
  border-radius: 1.2cqw;
}

.sv-target__icon[b-4uykz9gue5]  .icon {
  width: 2.4cqw;
  height: 2.4cqw;
}

.sv-target__icon--cyan[b-4uykz9gue5] {
  color: var(--brand-cyan);
  background: rgba(49, 199, 213, 0.14);
  border: 1px solid rgba(49, 199, 213, 0.34);
}

.sv-target__icon--blue[b-4uykz9gue5] {
  color: var(--blue-300);
  background: rgba(82, 123, 255, 0.16);
  border: 1px solid rgba(82, 123, 255, 0.4);
}

.sv-target__text[b-4uykz9gue5] {
  display: flex;
  flex-direction: column;
  gap: 0.2cqw;
  min-width: 0;
}

.sv-target__title[b-4uykz9gue5] {
  font-family: var(--font-display);
  font-size: 1.8cqw;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
}

.sv-target__sub[b-4uykz9gue5] {
  font-size: 1.3cqw;
  color: var(--brand-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---- Motion ---------------------------------------------------------------------------- */
@keyframes sv-pulse-b-4uykz9gue5 {
  from { stroke-dashoffset: 26; }
  to { stroke-dashoffset: -100; }
}

@keyframes sv-grow-b-4uykz9gue5 {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes sv-float-b-4uykz9gue5 {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -0.7cqw; }
}
/* /Components/Illustrations/Solutions/ErpIllustration.razor.rz.scp.css */
/* Sizes in cqw relative to the ProductWindow container (reference width 600px). */
.erp[b-27wgyrxyps] {
  display: grid;
  grid-template-columns: 20cqw minmax(0, 1fr);
  min-height: 58cqw;
}

/* ---- Module sidebar ------------------------------------------------------------------ */
.erp-side[b-27wgyrxyps] {
  display: flex;
  flex-direction: column;
  gap: 0.45cqw;
  padding: 2.2cqw 1.3cqw 2cqw;
  border-right: 1px solid var(--pw-line);
  background: var(--pw-panel);
}

.erp-side__label[b-27wgyrxyps] {
  padding: 0 1cqw 0.9cqw;
}

.erp-side__item[b-27wgyrxyps] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1cqw;
  height: 4.3cqw;
  padding: 0 1cqw;
  border-radius: 1cqw;
  font-size: 1.62cqw;
  font-weight: 500;
  color: var(--pw-muted);
  white-space: nowrap;
}

.erp-side__item[b-27wgyrxyps]  .icon {
  width: 2cqw;
  height: 2cqw;
  color: var(--pw-faint);
}

.erp-side__item--active[b-27wgyrxyps] {
  color: var(--pw-text);
  font-weight: 600;
  background: var(--pw-accent-bg);
}

.erp-side__item--active[b-27wgyrxyps]::before {
  content: "";
  position: absolute;
  left: -1.3cqw;
  top: 0.9cqw;
  bottom: 0.9cqw;
  width: 0.4cqw;
  border-radius: 0 0.4cqw 0.4cqw 0;
  background: var(--pw-accent-fill);
}

.erp-side__item--active[b-27wgyrxyps]  .icon {
  color: var(--pw-accent);
}

.erp-side__count[b-27wgyrxyps] {
  margin-left: auto;
  min-width: 2.4cqw;
  padding: 0.1cqw 0.6cqw;
  border-radius: 999px;
  font-size: 1.3cqw;
  font-weight: 700;
  text-align: center;
  color: var(--brand-navy);
  background: var(--brand-cyan);
}

.erp-side__unit[b-27wgyrxyps] {
  display: flex;
  align-items: center;
  gap: 0.9cqw;
  margin-bottom: 1.6cqw;
  padding: 1.1cqw 1cqw;
  border-radius: 1cqw;
  border: 1px solid var(--pw-line);
  background: var(--pw-win);
  font-size: 1.5cqw;
  font-weight: 600;
  color: var(--pw-body);
}

.erp-side__unit[b-27wgyrxyps]  .icon {
  width: 1.6cqw;
  height: 1.6cqw;
  margin-left: auto;
  color: var(--pw-faint);
}

.erp-side__unit-dot[b-27wgyrxyps] {
  width: 0.9cqw;
  height: 0.9cqw;
  border-radius: 50%;
  background: var(--pw-ok);
  box-shadow: 0 0 0 0.4cqw var(--pw-ok-bg);
}

/* ---- Main area ---------------------------------------------------------------------- */
.erp-main[b-27wgyrxyps] {
  display: flex;
  flex-direction: column;
  gap: 2.4cqw;
  min-width: 0;
  padding: 2.4cqw 2.6cqw 2.6cqw;
}

.erp-head[b-27wgyrxyps] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2cqw;
}

.erp-head__text[b-27wgyrxyps] {
  display: flex;
  flex-direction: column;
  gap: 0.5cqw;
  min-width: 0;
}

/* ---- Approval flow -------------------------------------------------------------------- */
.erp-flow[b-27wgyrxyps] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 1.8cqw 1.4cqw 1.6cqw;
  list-style: none;
  border-radius: 1.6cqw;
  border: 1px solid var(--pw-line);
  background: var(--pw-panel);
}

.erp-flow__step[b-27wgyrxyps] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35cqw;
  text-align: center;
  min-width: 0;
}

/* Connector to the next step */
.erp-flow__step:not(:last-child)[b-27wgyrxyps]::after {
  content: "";
  position: absolute;
  top: 1.3cqw;
  left: calc(50% + 1.9cqw);
  right: calc(-50% + 1.9cqw);
  height: 0.25cqw;
  border-radius: 1cqw;
  background: var(--pw-line-strong);
}

.erp-flow__step--done:not(:last-child)[b-27wgyrxyps]::after {
  background: var(--pw-accent-fill);
}

.erp-flow__node[b-27wgyrxyps] {
  display: grid;
  place-items: center;
  width: 2.6cqw;
  height: 2.6cqw;
  margin-bottom: 0.5cqw;
  border-radius: 50%;
  border: 0.25cqw solid var(--pw-line-strong);
  background: var(--pw-win);
  color: var(--brand-navy);
}

.erp-flow__node[b-27wgyrxyps]  .icon {
  width: 1.5cqw;
  height: 1.5cqw;
}

.erp-flow__step--done .erp-flow__node[b-27wgyrxyps] {
  border-color: var(--pw-accent-fill);
  background: var(--pw-accent-fill);
}

.erp-flow__step--current .erp-flow__node[b-27wgyrxyps] {
  border-color: var(--pw-blue-fill);
  background: var(--pw-win);
  box-shadow: 0 0 0 0.7cqw var(--pw-blue-bg);
  animation: erp-beacon-b-27wgyrxyps 2.6s var(--ease-in-out) infinite both;
}

.erp-flow__step--current .erp-flow__node[b-27wgyrxyps]::after {
  content: "";
  width: 0.9cqw;
  height: 0.9cqw;
  border-radius: 50%;
  background: var(--pw-blue-fill);
}

.erp-flow__name[b-27wgyrxyps] {
  font-size: 1.45cqw;
  font-weight: 600;
  color: var(--pw-text);
  white-space: nowrap;
}

.erp-flow__step--next .erp-flow__name[b-27wgyrxyps] {
  color: var(--pw-muted);
  font-weight: 500;
}

.erp-flow__module[b-27wgyrxyps] {
  font-size: 1.25cqw;
  color: var(--pw-faint);
  white-space: nowrap;
}

.erp-flow__step--current .erp-flow__module[b-27wgyrxyps] {
  color: var(--pw-blue);
}

/* ---- Lines table -------------------------------------------------------------------- */
.erp-lines[b-27wgyrxyps] {
  display: flex;
  flex-direction: column;
}

.erp-lines__row[b-27wgyrxyps] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 12cqw 8.5cqw 11cqw;
  align-items: center;
  gap: 1.6cqw;
  min-height: 4.3cqw;
  padding: 0 0.6cqw;
  border-bottom: 1px solid var(--pw-line);
  font-size: 1.62cqw;
  color: var(--pw-body);
}

.erp-lines__row--head[b-27wgyrxyps] {
  min-height: 3.2cqw;
}

.erp-lines__row--total[b-27wgyrxyps] {
  min-height: 4.8cqw;
  border-bottom: 0;
  font-size: 1.45cqw;
  color: var(--pw-faint);
}

.erp-lines__item[b-27wgyrxyps] {
  font-weight: 600;
  color: var(--pw-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.erp-lines__muted[b-27wgyrxyps] {
  color: var(--pw-muted);
}

.erp-lines__total[b-27wgyrxyps] {
  font-family: var(--font-display);
  font-size: 1.8cqw;
  font-weight: 800;
  color: var(--pw-text);
}

.erp-r[b-27wgyrxyps] {
  text-align: right;
}

.erp-actions[b-27wgyrxyps] {
  display: flex;
  justify-content: flex-end;
  gap: 1.2cqw;
  margin-top: auto;
}

/* ---- Floating card ------------------------------------------------------------------- */
.erp-float[b-27wgyrxyps] {
  left: 2.4cqw;
  bottom: 2.2cqw;
}

.erp-float__row[b-27wgyrxyps] {
  display: flex;
  align-items: center;
  gap: 0.8cqw;
  margin-top: 0.4cqw;
  font-size: 1.5cqw;
  font-weight: 600;
  color: var(--pw-text);
  white-space: nowrap;
}

.erp-float__dot[b-27wgyrxyps] {
  width: 0.9cqw;
  height: 0.9cqw;
  border-radius: 50%;
  background: var(--pw-accent-fill);
}

.erp-float__dot--blue[b-27wgyrxyps] {
  background: var(--pw-blue-fill);
}

.erp-float__meta[b-27wgyrxyps] {
  margin-left: 0.4cqw;
  font-weight: 400;
  color: var(--pw-muted);
}

@keyframes erp-beacon-b-27wgyrxyps {
  0%, 100% { box-shadow: 0 0 0 0.7cqw var(--pw-blue-bg); }
  50% { box-shadow: 0 0 0 1.2cqw transparent; }
}
/* /Components/Illustrations/Solutions/HrIllustration.razor.rz.scp.css */
/* Sizes in cqw relative to the ProductWindow container (reference width 600px). */
.hr[b-ov3kgkmy44] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 29cqw;
}

/* ---- Roster -------------------------------------------------------------------------- */
.hr-roster[b-ov3kgkmy44] {
  display: flex;
  flex-direction: column;
  gap: 2cqw;
  min-width: 0;
  padding: 2.4cqw 2.4cqw 3cqw 2.6cqw;
}

.hr-roster__head[b-ov3kgkmy44] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5cqw;
}

.hr-roster__title[b-ov3kgkmy44] {
  display: flex;
  flex-direction: column;
  gap: 0.5cqw;
  min-width: 0;
}

.hr-legend[b-ov3kgkmy44] {
  display: flex;
  gap: 1.3cqw;
  margin: 0;
  padding: 0 0 0.3cqw;
  list-style: none;
}

.hr-legend li[b-ov3kgkmy44],
.hr-roster__foot > span[b-ov3kgkmy44] {
  display: inline-flex;
  align-items: center;
  gap: 0.6cqw;
  font-size: 1.3cqw;
  color: var(--pw-muted);
  white-space: nowrap;
}

.hr-swatch[b-ov3kgkmy44] {
  display: inline-block;
  width: 1.3cqw;
  height: 1.3cqw;
  border-radius: 0.35cqw;
}

.hr-grid[b-ov3kgkmy44] {
  display: grid;
  grid-template-columns: 12.5cqw repeat(7, minmax(0, 1fr));
  align-items: center;
  gap: 0.75cqw 0.65cqw;
}

.hr-grid__day[b-ov3kgkmy44] {
  text-align: center;
}

.hr-emp[b-ov3kgkmy44] {
  display: flex;
  align-items: center;
  gap: 0.9cqw;
  min-width: 0;
}

.hr-emp__avatar[b-ov3kgkmy44] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 3cqw;
  height: 3cqw;
  border-radius: 50%;
  font-size: 1.1cqw;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--pw-accent);
  background: var(--pw-accent-bg);
  border: 1px solid color-mix(in srgb, var(--pw-accent) 35%, transparent);
}

.hr-emp__avatar--b[b-ov3kgkmy44] {
  color: var(--pw-blue);
  background: var(--pw-blue-bg);
  border-color: color-mix(in srgb, var(--pw-blue) 35%, transparent);
}

.hr-emp__avatar--c[b-ov3kgkmy44] {
  color: var(--pw-muted);
  background: var(--pw-sunken);
  border-color: var(--pw-line-strong);
}

.hr-emp__code[b-ov3kgkmy44] {
  font-size: 1.45cqw;
  font-weight: 600;
  color: var(--pw-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Shift cells */
.hr-cell[b-ov3kgkmy44] {
  display: grid;
  place-items: center;
  height: 3.6cqw;
  border-radius: 0.8cqw;
  font-size: 1.35cqw;
  font-weight: 700;
  line-height: 1;
}

.hr-cell--a[b-ov3kgkmy44],
.hr-swatch--a[b-ov3kgkmy44] {
  color: #06343A;
  background: var(--cyan-300);
}

.hr-cell--b[b-ov3kgkmy44],
.hr-swatch--b[b-ov3kgkmy44] {
  color: #fff;
  background: var(--blue-500);
}

.hr-cell--c[b-ov3kgkmy44],
.hr-swatch--c[b-ov3kgkmy44] {
  color: #fff;
  background: var(--navy-600);
}

.hr-cell--leave[b-ov3kgkmy44],
.hr-swatch--leave[b-ov3kgkmy44] {
  color: #4A3000;
  background: var(--amber-400);
}

.hr-cell--absent[b-ov3kgkmy44],
.hr-swatch--absent[b-ov3kgkmy44] {
  background: var(--pw-danger-bg);
  box-shadow: inset 0 0 0 0.22cqw var(--pw-danger);
}

.hr-cell--off[b-ov3kgkmy44],
.hr-swatch--off[b-ov3kgkmy44] {
  background: repeating-linear-gradient(135deg, var(--pw-line) 0 0.35cqw, transparent 0.35cqw 0.9cqw);
  box-shadow: inset 0 0 0 1px var(--pw-line);
}

:root[data-theme="dark"] .hr-cell--c[b-ov3kgkmy44],
:root[data-theme="dark"] .hr-swatch--c[b-ov3kgkmy44],
.theme-inverse .hr-cell--c[b-ov3kgkmy44],
.theme-inverse .hr-swatch--c[b-ov3kgkmy44] {
  background: var(--navy-500);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .hr-cell--c[b-ov3kgkmy44],
  :root:not([data-theme="light"]) .hr-swatch--c[b-ov3kgkmy44] {
    background: var(--navy-500);
  }
}

.hr-roster__foot[b-ov3kgkmy44] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8cqw 1.6cqw;
  padding-top: 1.6cqw;
  border-top: 1px solid var(--pw-line);
}

.hr-roster__foot > .hr-roster__present[b-ov3kgkmy44] {
  margin-left: auto;
}

.hr-roster__present b[b-ov3kgkmy44] {
  color: var(--pw-text);
}

/* ---- Payroll summary ------------------------------------------------------------------- */
.hr-pay[b-ov3kgkmy44] {
  display: flex;
  flex-direction: column;
  gap: 1.6cqw;
  padding: 2.4cqw 2.4cqw 3cqw;
  border-left: 1px solid var(--pw-line);
  background: var(--pw-panel);
}

.hr-pay__head[b-ov3kgkmy44] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1cqw;
}

.hr-pay__lines[b-ov3kgkmy44] {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.hr-pay__line[b-ov3kgkmy44] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1cqw;
  min-height: 3.9cqw;
  border-bottom: 1px dashed var(--pw-line-strong);
  font-size: 1.55cqw;
}

.hr-pay__line dt[b-ov3kgkmy44] {
  color: var(--pw-muted);
}

.hr-pay__line dd[b-ov3kgkmy44] {
  margin: 0;
  font-weight: 600;
  color: var(--pw-text);
}

.hr-pay__line--minus dd[b-ov3kgkmy44] {
  color: var(--pw-danger);
}

.hr-pay__net[b-ov3kgkmy44] {
  display: flex;
  flex-direction: column;
  gap: 0.4cqw;
  padding: 1.5cqw 1.6cqw;
  border-radius: 1.4cqw;
  background: var(--pw-win);
  border: 1px solid var(--pw-line);
}

.hr-pay__net-value[b-ov3kgkmy44] {
  font-family: var(--font-display);
  font-size: 3.4cqw;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.05;
  color: var(--pw-text);
}

.hr-checks[b-ov3kgkmy44] {
  display: flex;
  flex-direction: column;
  gap: 0.9cqw;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hr-checks__item[b-ov3kgkmy44] {
  display: flex;
  align-items: center;
  gap: 0.9cqw;
  font-size: 1.45cqw;
  color: var(--pw-muted);
  white-space: nowrap;
}

.hr-checks__box[b-ov3kgkmy44] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 2.1cqw;
  height: 2.1cqw;
  border-radius: 0.5cqw;
  border: 1px solid var(--pw-line-strong);
  background: var(--pw-win);
  color: var(--brand-navy);
}

.hr-checks__box[b-ov3kgkmy44]  .icon {
  width: 1.3cqw;
  height: 1.3cqw;
}

.hr-checks__item--done[b-ov3kgkmy44] {
  color: var(--pw-body);
}

.hr-checks__item--done .hr-checks__box[b-ov3kgkmy44] {
  border-color: var(--pw-accent-fill);
  background: var(--pw-accent-fill);
}

/* ---- Floating card ------------------------------------------------------------------- */
.hr-float[b-ov3kgkmy44] {
  left: 2.4cqw;
  bottom: 2cqw;
  align-items: center;
}
/* /Components/Illustrations/Solutions/InsightsIllustration.razor.rz.scp.css */
/* Sizes in cqw relative to the ProductWindow container (reference width 600px). */
.in[b-i3ns8ovxja] {
  display: flex;
  flex-direction: column;
  gap: 2cqw;
  padding: 2.4cqw 2.6cqw 3cqw;
}

.in-head[b-i3ns8ovxja] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2cqw;
}

.in-head__text[b-i3ns8ovxja] {
  display: flex;
  flex-direction: column;
  gap: 0.5cqw;
  min-width: 0;
}

.in-seg[b-i3ns8ovxja] {
  display: inline-flex;
  padding: 0.4cqw;
  border-radius: 1.1cqw;
  border: 1px solid var(--pw-line);
  background: var(--pw-panel);
}

.in-seg > span[b-i3ns8ovxja] {
  padding: 0.6cqw 1.3cqw;
  border-radius: 0.8cqw;
  font-size: 1.4cqw;
  font-weight: 600;
  color: var(--pw-faint);
}

.in-seg > .in-seg__on[b-i3ns8ovxja] {
  color: var(--pw-text);
  background: var(--pw-win);
  box-shadow: 0 0.2cqw 0.6cqw rgba(11, 23, 41, 0.12), 0 0 0 1px var(--pw-line);
}

/* ---- KPI tiles ----------------------------------------------------------------------- */
.in-kpis[b-i3ns8ovxja] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.2cqw;
}

.in-kpi[b-i3ns8ovxja] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.45cqw;
  min-width: 0;
  padding: 1.5cqw 1.6cqw 1.6cqw;
  border-radius: 1.4cqw;
  border: 1px solid var(--pw-line);
  background: var(--pw-panel);
  overflow: hidden;
}

.in-kpi:first-child[b-i3ns8ovxja]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 0.35cqw;
  background: linear-gradient(90deg, var(--cyan-400), var(--blue-500));
}

.in-kpi__value[b-i3ns8ovxja] {
  font-family: var(--font-display);
  font-size: 3.1cqw;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.1;
  color: var(--pw-text);
}

.in-kpi__delta[b-i3ns8ovxja] {
  font-size: 1.28cqw;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.in-kpi__delta--up[b-i3ns8ovxja] {
  color: var(--pw-ok);
}

.in-kpi__delta--down[b-i3ns8ovxja] {
  color: var(--pw-warn);
}

.in-kpi__delta--flat[b-i3ns8ovxja] {
  color: var(--pw-muted);
}

/* ---- Panels ------------------------------------------------------------------------- */
.in-panels[b-i3ns8ovxja] {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: 1.2cqw;
}

.in-chart[b-i3ns8ovxja],
.in-units[b-i3ns8ovxja] {
  display: flex;
  flex-direction: column;
  gap: 1.2cqw;
  min-width: 0;
  padding: 1.6cqw 1.8cqw 1.5cqw;
}

.in-panel__head[b-i3ns8ovxja] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1cqw;
}

.in-panel__title[b-i3ns8ovxja] {
  font-size: 1.55cqw;
  font-weight: 700;
  color: var(--pw-text);
  white-space: nowrap;
}

.in-legend[b-i3ns8ovxja] {
  display: inline-flex;
  gap: 1.2cqw;
  font-size: 1.3cqw;
  color: var(--pw-muted);
}

.in-legend > span[b-i3ns8ovxja] {
  display: inline-flex;
  align-items: center;
  gap: 0.5cqw;
}

.in-dot[b-i3ns8ovxja] {
  display: inline-block;
  width: 1cqw;
  height: 1cqw;
  border-radius: 50%;
}

.in-dot--actual[b-i3ns8ovxja] {
  background: var(--pw-accent-fill);
}

.in-dot--target[b-i3ns8ovxja] {
  background: transparent;
  box-shadow: inset 0 0 0 0.22cqw var(--pw-blue-fill);
}

.in-chart__svg[b-i3ns8ovxja] {
  width: 100%;
  height: 17cqw;
  overflow: visible;
}

.in-chart__grid[b-i3ns8ovxja] {
  stroke: var(--pw-line);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.in-chart__area[b-i3ns8ovxja] {
  fill: var(--pw-accent-fill);
  fill-opacity: 0.14;
}

.in-chart__target[b-i3ns8ovxja] {
  stroke: var(--pw-blue-fill);
  stroke-width: 1.4;
  stroke-dasharray: 4 4;
  vector-effect: non-scaling-stroke;
  opacity: 0.9;
}

.in-chart__line[b-i3ns8ovxja] {
  stroke: var(--pw-accent-fill);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1100ms var(--ease-out) 250ms;
}

.reveal-pending .in-chart__line[b-i3ns8ovxja] {
  stroke-dashoffset: 100;
}

.in-chart__axis[b-i3ns8ovxja] {
  display: flex;
  justify-content: space-between;
  font-size: 1.2cqw;
  color: var(--pw-faint);
}

/* ---- Breakdown by unit ----------------------------------------------------------------- */
.in-units__list[b-i3ns8ovxja] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  gap: 1.4cqw;
  margin: 0;
  padding: 0;
  list-style: none;
}

.in-unit[b-i3ns8ovxja] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.6cqw 1cqw;
  align-items: baseline;
}

.in-unit__name[b-i3ns8ovxja] {
  font-size: 1.45cqw;
  color: var(--pw-body);
  white-space: nowrap;
}

.in-unit__value[b-i3ns8ovxja] {
  font-size: 1.45cqw;
  font-weight: 700;
  color: var(--pw-text);
}

.in-unit__track[b-i3ns8ovxja] {
  grid-column: 1 / -1;
  position: relative;
  height: 0.9cqw;
  border-radius: 999px;
  background: var(--pw-line);
  overflow: hidden;
}

.in-unit__fill[b-i3ns8ovxja] {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--cyan-400), var(--blue-500));
  transform-origin: left center;
  transition: transform 1000ms var(--ease-out) 300ms;
}

/* Bars are scaled so that 50% share fills the track. */
.in-unit__fill--spinning[b-i3ns8ovxja] { width: 92%; }
.in-unit__fill--weaving[b-i3ns8ovxja] { width: 54%; transition-delay: 380ms; }
.in-unit__fill--processing[b-i3ns8ovxja] { width: 34%; transition-delay: 460ms; }
.in-unit__fill--distribution[b-i3ns8ovxja] { width: 20%; transition-delay: 540ms; }

.reveal-pending .in-unit__fill[b-i3ns8ovxja] {
  transform: scaleX(0);
}

/* ---- Floating card ------------------------------------------------------------------- */
.in-float[b-i3ns8ovxja] {
  right: 2.4cqw;
  bottom: 2cqw;
  align-items: center;
}
/* /Components/Illustrations/Solutions/ProductLineIllustration.razor.rz.scp.css */
/* Reference size: 560 × 460, where 1cqw = 5.6px. Positions are percentages of that box. */
.pl[b-3gilikdhcq] {
  container-type: inline-size;
  position: relative;
  width: 100%;
  max-width: 36rem;
  margin-inline: auto;
}

.pl-stage[b-3gilikdhcq] {
  position: relative;
  aspect-ratio: 560 / 460;
}

.pl-stage[b-3gilikdhcq]::before {
  content: "";
  position: absolute;
  inset: 14% 20%;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(49, 199, 213, 0.2), rgba(82, 123, 255, 0.08) 60%, transparent);
  pointer-events: none;
}

/* ---- Connection layer ------------------------------------------------------------- */
.pl-lines[b-3gilikdhcq] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.pl-orbit--outer[b-3gilikdhcq] {
  stroke: rgba(152, 166, 186, 0.2);
  stroke-width: 1;
}

.pl-orbit--inner[b-3gilikdhcq] {
  stroke: rgba(49, 199, 213, 0.26);
  stroke-width: 1;
}

.pl-spoke[b-3gilikdhcq] {
  stroke: rgba(152, 166, 186, 0.3);
  stroke-width: 1.2;
  stroke-linecap: round;
}

.pl-spoke--product[b-3gilikdhcq] {
  stroke: rgba(49, 199, 213, 0.55);
}

.pl-link[b-3gilikdhcq] {
  stroke: rgba(152, 166, 186, 0.38);
  stroke-width: 1.2;
}

.pl-link--external[b-3gilikdhcq] {
  stroke: rgba(152, 166, 186, 0.3);
  stroke-dasharray: 3 4;
}

.pl-pulse[b-3gilikdhcq] {
  stroke: var(--brand-cyan);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-dasharray: 9 100;
  stroke-dashoffset: 9;
  animation: pl-pulse-b-3gilikdhcq 3.6s var(--ease-in-out) infinite both;
}

.pl-pulse--stockaudit[b-3gilikdhcq] { animation-delay: 0.9s; stroke: var(--blue-400); }
.pl-pulse--hr[b-3gilikdhcq] { animation-delay: 1.8s; stroke: var(--blue-400); animation-direction: reverse; }
.pl-pulse--insights[b-3gilikdhcq] { animation-delay: 2.7s; animation-direction: reverse; }

.pl-node[b-3gilikdhcq] {
  fill: var(--navy-850);
  stroke: rgba(152, 166, 186, 0.55);
  stroke-width: 1.4;
}

.pl-node--product[b-3gilikdhcq] {
  fill: var(--navy-900);
  stroke: var(--brand-cyan);
}

/* ---- Core ---------------------------------------------------------------------------- */
.pl-core[b-3gilikdhcq] {
  position: absolute;
  left: 37.5%;
  top: 34.783%;
  width: 25%;
  height: 30.435%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.3cqw;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 35%, rgba(49, 199, 213, 0.16), transparent 65%),
    linear-gradient(180deg, #14263F 0%, #0B182B 100%);
  border: 1px solid rgba(49, 199, 213, 0.38);
  box-shadow:
    0 0 0 1.4cqw rgba(49, 199, 213, 0.05),
    0 3cqw 8cqw -2cqw rgba(0, 0, 0, 0.7),
    0 0 9cqw -1cqw rgba(49, 199, 213, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  animation: pl-core-b-3gilikdhcq 4.2s var(--ease-in-out) infinite both;
}

.pl-core[b-3gilikdhcq]  .pl-core__mark {
  width: 11cqw;
  height: 11cqw;
}

.pl-core__label[b-3gilikdhcq] {
  font-family: var(--font-mono);
  font-size: 1.45cqw;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--slate-300);
  white-space: nowrap;
}

/* ---- Product cards ----------------------------------------------------------------- */
.pl-card[b-3gilikdhcq] {
  position: absolute;
  width: 30.714%;
  height: 13.913%;
  display: flex;
  align-items: center;
  gap: 2cqw;
  padding: 0 2.4cqw;
  border-radius: 2.6cqw;
  background: linear-gradient(180deg, rgba(24, 43, 70, 0.97), rgba(13, 27, 47, 0.97));
  border: 1px solid rgba(152, 166, 186, 0.22);
  box-shadow:
    0 2.6cqw 5.5cqw -1.8cqw rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  color: var(--brand-white);
  animation: pl-float-b-3gilikdhcq 7s var(--ease-in-out) infinite both;
}

.pl-card--erp[b-3gilikdhcq] { left: 2.857%; top: 8.696%; animation-delay: -0.6s; }
.pl-card--stockaudit[b-3gilikdhcq] { left: 66.429%; top: 8.696%; animation-delay: -2.4s; }
.pl-card--hr[b-3gilikdhcq] { left: 2.857%; top: 77.391%; animation-delay: -4.2s; }
.pl-card--insights[b-3gilikdhcq] { left: 66.429%; top: 77.391%; animation-delay: -5.8s; }

.pl-card__icon[b-3gilikdhcq] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 6.6cqw;
  height: 6.6cqw;
  border-radius: 1.8cqw;
}

.pl-card__icon[b-3gilikdhcq]  .icon {
  width: 3.5cqw;
  height: 3.5cqw;
}

.pl-card__icon--cyan[b-3gilikdhcq] {
  color: var(--brand-cyan);
  background: rgba(49, 199, 213, 0.14);
  border: 1px solid rgba(49, 199, 213, 0.36);
}

.pl-card__icon--blue[b-3gilikdhcq] {
  color: var(--blue-300);
  background: rgba(82, 123, 255, 0.16);
  border: 1px solid rgba(82, 123, 255, 0.42);
}

.pl-card__text[b-3gilikdhcq] {
  display: flex;
  flex-direction: column;
  gap: 0.5cqw;
  min-width: 0;
}

.pl-card__name[b-3gilikdhcq] {
  font-family: var(--font-display);
  font-size: 2.85cqw;
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.1;
  white-space: nowrap;
}

.pl-card__status[b-3gilikdhcq] {
  display: inline-flex;
  align-items: center;
  gap: 0.8cqw;
  font-size: 1.85cqw;
  font-weight: 600;
  color: var(--blue-300);
  white-space: nowrap;
}

.pl-card__status[b-3gilikdhcq]::before {
  content: "";
  width: 1cqw;
  height: 1cqw;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 0.5cqw rgba(126, 155, 255, 0.18);
}

/* ---- Integration chips ------------------------------------------------------------- */
.pl-chip[b-3gilikdhcq] {
  position: absolute;
  top: 45.652%;
  width: 21.429%;
  height: 8.696%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1cqw;
  border-radius: 999px;
  border: 1px dashed rgba(152, 166, 186, 0.42);
  background: rgba(7, 17, 31, 0.6);
  font-size: 1.95cqw;
  font-weight: 500;
  color: var(--slate-300);
  white-space: nowrap;
}

.pl-chip[b-3gilikdhcq]  .icon {
  width: 2.5cqw;
  height: 2.5cqw;
  color: var(--brand-muted);
}

.pl-chip--west[b-3gilikdhcq] { left: 0; }
.pl-chip--east[b-3gilikdhcq] { left: 78.571%; }

/* ---- Motion ------------------------------------------------------------------------ */
@keyframes pl-pulse-b-3gilikdhcq {
  from { stroke-dashoffset: 9; }
  to { stroke-dashoffset: -100; }
}

@keyframes pl-float-b-3gilikdhcq {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -0.8cqw; }
}

@keyframes pl-core-b-3gilikdhcq {
  0%, 100% { box-shadow: 0 0 0 1.4cqw rgba(49, 199, 213, 0.05), 0 3cqw 8cqw -2cqw rgba(0, 0, 0, 0.7), 0 0 9cqw -1cqw rgba(49, 199, 213, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
  50% { box-shadow: 0 0 0 2.4cqw rgba(49, 199, 213, 0.03), 0 3cqw 8cqw -2cqw rgba(0, 0, 0, 0.7), 0 0 11cqw -1cqw rgba(49, 199, 213, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
}
/* /Components/Illustrations/Solutions/ProductWindow.razor.rz.scp.css */
/* Product illustration frame. All internal sizes use container query units so the composition
   scales as one piece. Reference width: 600px, where 1cqw = 6px. */
.pw[b-zhf18t8yl0] {
  container-type: inline-size;
  position: relative;
  width: 100%;
  margin: 0;
}

/* ---- Illustration tokens ------------------------------------------------------------
   Derived from the semantic tokens, with opaque dark values so windows read clearly on
   dark theme and on always-dark (inverse) sections. */
.pw-stage[b-zhf18t8yl0] {
  --pw-stage-bg: #EEF2F8;
  --pw-win: #FFFFFF;
  --pw-panel: var(--slate-50);
  --pw-sunken: var(--slate-100);
  --pw-line: #E4E9F0;
  --pw-line-strong: var(--slate-200);
  --pw-text: var(--brand-navy);
  --pw-body: var(--slate-700);
  --pw-muted: var(--slate-600);
  --pw-faint: var(--slate-500);
  --pw-accent: var(--cyan-700);
  --pw-accent-fill: var(--cyan-500);
  --pw-accent-bg: rgba(49, 199, 213, 0.12);
  --pw-blue: var(--blue-600);
  --pw-blue-fill: var(--blue-500);
  --pw-blue-bg: rgba(82, 123, 255, 0.1);
  --pw-warn: var(--amber-700);
  --pw-warn-fill: var(--amber-400);
  --pw-warn-bg: rgba(245, 185, 74, 0.16);
  --pw-ok: var(--green-700);
  --pw-ok-bg: rgba(61, 214, 163, 0.16);
  --pw-danger: var(--red-700);
  --pw-danger-bg: rgba(255, 122, 133, 0.13);
  --pw-shadow:
    0 3.2cqw 7cqw -2.6cqw rgba(11, 23, 41, 0.24),
    0 0.4cqw 1.2cqw rgba(11, 23, 41, 0.06);
  --pw-float-shadow:
    0 2.6cqw 5.5cqw -1.6cqw rgba(11, 23, 41, 0.3),
    0 0 0 1px rgba(11, 23, 41, 0.04);
  --pw-glow-a: rgba(49, 199, 213, 0.16);
  --pw-glow-b: rgba(82, 123, 255, 0.12);
  --pw-grid: rgba(11, 23, 41, 0.055);
}

:root[data-theme="dark"] .pw-stage[b-zhf18t8yl0],
.theme-inverse .pw-stage[b-zhf18t8yl0] {
  --pw-stage-bg: #091527;
  --pw-win: #0F1F37;
  --pw-panel: #0C1A2F;
  --pw-sunken: #0A1629;
  --pw-line: rgba(152, 166, 186, 0.14);
  --pw-line-strong: rgba(152, 166, 186, 0.24);
  --pw-text: #FFFFFF;
  --pw-body: #C9D2DF;
  --pw-muted: var(--brand-muted);
  --pw-faint: #7D8BA1;
  --pw-accent: var(--cyan-400);
  --pw-accent-fill: var(--cyan-400);
  --pw-accent-bg: rgba(49, 199, 213, 0.13);
  --pw-blue: var(--blue-400);
  --pw-blue-fill: var(--blue-500);
  --pw-blue-bg: rgba(82, 123, 255, 0.16);
  --pw-warn: var(--amber-400);
  --pw-warn-fill: var(--amber-400);
  --pw-warn-bg: rgba(245, 185, 74, 0.13);
  --pw-ok: var(--green-400);
  --pw-ok-bg: rgba(61, 214, 163, 0.13);
  --pw-danger: var(--red-400);
  --pw-danger-bg: rgba(255, 122, 133, 0.13);
  --pw-shadow:
    0 3.2cqw 7cqw -2.4cqw rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --pw-float-shadow:
    0 2.6cqw 5.5cqw -1.4cqw rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --pw-glow-a: rgba(49, 199, 213, 0.14);
  --pw-glow-b: rgba(82, 123, 255, 0.14);
  --pw-grid: rgba(152, 166, 186, 0.07);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .pw-stage[b-zhf18t8yl0] {
    --pw-stage-bg: #091527;
    --pw-win: #0F1F37;
    --pw-panel: #0C1A2F;
    --pw-sunken: #0A1629;
    --pw-line: rgba(152, 166, 186, 0.14);
    --pw-line-strong: rgba(152, 166, 186, 0.24);
    --pw-text: #FFFFFF;
    --pw-body: #C9D2DF;
    --pw-muted: var(--brand-muted);
    --pw-faint: #7D8BA1;
    --pw-accent: var(--cyan-400);
    --pw-accent-fill: var(--cyan-400);
    --pw-accent-bg: rgba(49, 199, 213, 0.13);
    --pw-blue: var(--blue-400);
    --pw-blue-fill: var(--blue-500);
    --pw-blue-bg: rgba(82, 123, 255, 0.16);
    --pw-warn: var(--amber-400);
    --pw-warn-fill: var(--amber-400);
    --pw-warn-bg: rgba(245, 185, 74, 0.13);
    --pw-ok: var(--green-400);
    --pw-ok-bg: rgba(61, 214, 163, 0.13);
    --pw-danger: var(--red-400);
    --pw-danger-bg: rgba(255, 122, 133, 0.13);
    --pw-shadow:
      0 3.2cqw 7cqw -2.4cqw rgba(0, 0, 0, 0.6),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
    --pw-float-shadow:
      0 2.6cqw 5.5cqw -1.4cqw rgba(0, 0, 0, 0.62),
      inset 0 1px 0 rgba(255, 255, 255, 0.06);
    --pw-glow-a: rgba(49, 199, 213, 0.14);
    --pw-glow-b: rgba(82, 123, 255, 0.14);
    --pw-grid: rgba(152, 166, 186, 0.07);
  }
}

/* ---- Stage --------------------------------------------------------------------------- */
.pw-stage[b-zhf18t8yl0] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 3.6cqw;
  border: 1px solid var(--color-border);
  background:
    radial-gradient(70% 60% at 0% 0%, var(--pw-glow-a), transparent 70%),
    radial-gradient(70% 65% at 100% 100%, var(--pw-glow-b), transparent 70%),
    var(--pw-stage-bg);
  font-family: var(--font-sans);
  font-size: 1.9cqw;
  line-height: 1.35;
  color: var(--pw-body);
}

.pw-stage__bg[b-zhf18t8yl0] {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(to right, var(--pw-grid) 1px, transparent 1px),
    linear-gradient(to bottom, var(--pw-grid) 1px, transparent 1px);
  background-size: 4cqw 4cqw;
  background-position: center center;
  -webkit-mask-image: radial-gradient(ellipse 85% 75% at 50% 45%, #000 25%, transparent 100%);
  mask-image: radial-gradient(ellipse 85% 75% at 50% 45%, #000 25%, transparent 100%);
}

.pw-stage__inner[b-zhf18t8yl0] {
  position: relative;
  padding: 5cqw 5cqw 8cqw;
}

/* ---- Window ------------------------------------------------------------------------ */
.pw-window[b-zhf18t8yl0] {
  position: relative;
  overflow: hidden;
  border-radius: 2.2cqw;
  background: var(--pw-win);
  border: 1px solid var(--pw-line-strong);
  box-shadow: var(--pw-shadow);
}

.pw-bar[b-zhf18t8yl0] {
  display: flex;
  align-items: center;
  gap: 1.2cqw;
  height: 6.2cqw;
  padding: 0 2cqw;
  border-bottom: 1px solid var(--pw-line);
  background: var(--pw-panel);
}

.pw-bar[b-zhf18t8yl0]  .pw-bar__mark {
  width: 2.9cqw;
  height: 2.9cqw;
}

.pw-bar__product[b-zhf18t8yl0] {
  font-family: var(--font-display);
  font-size: 1.9cqw;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--pw-text);
  white-space: nowrap;
}

.pw-bar__sep[b-zhf18t8yl0] {
  width: 0.55cqw;
  height: 0.55cqw;
  border-radius: 50%;
  background: var(--pw-faint);
  opacity: 0.6;
}

.pw-bar__crumb[b-zhf18t8yl0] {
  font-size: 1.7cqw;
  color: var(--pw-muted);
  white-space: nowrap;
}

.pw-bar__search[b-zhf18t8yl0] {
  display: inline-flex;
  align-items: center;
  gap: 0.8cqw;
  width: 17cqw;
  height: 3.6cqw;
  margin-left: auto;
  padding: 0 1.3cqw;
  border-radius: 1cqw;
  border: 1px solid var(--pw-line);
  background: var(--pw-win);
  font-size: 1.55cqw;
  color: var(--pw-faint);
}

.pw-bar__search[b-zhf18t8yl0]  .icon {
  width: 1.7cqw;
  height: 1.7cqw;
}

.pw-bar__avatar[b-zhf18t8yl0] {
  flex-shrink: 0;
  width: 3.4cqw;
  height: 3.4cqw;
  border-radius: 50%;
  background: linear-gradient(140deg, var(--cyan-400), var(--blue-500));
  box-shadow: 0 0 0 0.35cqw var(--pw-win), 0 0 0 calc(0.35cqw + 1px) var(--pw-line-strong);
}

.pw-note[b-zhf18t8yl0] {
  display: block;
  margin-top: var(--space-3);
  text-align: center;
}

/* ---- Shared internals (rendered by each product illustration) ------------------------ */
.pw-stage[b-zhf18t8yl0]  .pw-label {
  font-family: var(--font-mono);
  font-size: 1.32cqw;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pw-faint);
  white-space: nowrap;
}

.pw-stage[b-zhf18t8yl0]  .pw-title {
  font-family: var(--font-display);
  font-size: 2.5cqw;
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.15;
  color: var(--pw-text);
}

.pw-stage[b-zhf18t8yl0]  .pw-sub {
  font-size: 1.55cqw;
  color: var(--pw-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pw-stage[b-zhf18t8yl0]  .pw-num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pw-stage[b-zhf18t8yl0]  .pw-panel {
  border-radius: 1.6cqw;
  border: 1px solid var(--pw-line);
  background: var(--pw-panel);
}

/* Status pills */
.pw-stage[b-zhf18t8yl0]  .pw-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.6cqw;
  padding: 0.45cqw 1.15cqw 0.45cqw 0.95cqw;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, currentColor 32%, transparent);
  font-size: 1.42cqw;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  color: var(--pw-muted);
  background: var(--pw-sunken);
}

.pw-stage[b-zhf18t8yl0]  .pw-pill::before {
  content: "";
  width: 0.8cqw;
  height: 0.8cqw;
  border-radius: 50%;
  background: currentColor;
}

.pw-stage[b-zhf18t8yl0]  .pw-pill--plain::before {
  display: none;
}

.pw-stage[b-zhf18t8yl0]  .pw-pill--warn {
  color: var(--pw-warn);
  background: var(--pw-warn-bg);
}

.pw-stage[b-zhf18t8yl0]  .pw-pill--blue {
  color: var(--pw-blue);
  background: var(--pw-blue-bg);
}

.pw-stage[b-zhf18t8yl0]  .pw-pill--accent {
  color: var(--pw-accent);
  background: var(--pw-accent-bg);
}

.pw-stage[b-zhf18t8yl0]  .pw-pill--ok {
  color: var(--pw-ok);
  background: var(--pw-ok-bg);
}

/* Mini buttons */
.pw-stage[b-zhf18t8yl0]  .pw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4cqw;
  padding: 0 2cqw;
  border-radius: 1cqw;
  border: 1px solid var(--pw-line-strong);
  font-size: 1.55cqw;
  font-weight: 600;
  color: var(--pw-text);
  background: var(--pw-win);
  white-space: nowrap;
}

.pw-stage[b-zhf18t8yl0]  .pw-btn--primary {
  border-color: transparent;
  color: var(--brand-navy);
  background: var(--brand-cyan);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1cqw 2.4cqw -1.2cqw rgba(49, 199, 213, 0.8);
}

/* Floating card */
.pw-stage[b-zhf18t8yl0]  .pw-float {
  position: absolute;
  z-index: 2;
  display: flex;
  gap: 1.5cqw;
  padding: 1.6cqw 2.2cqw 1.6cqw 1.6cqw;
  border-radius: 2cqw;
  border: 1px solid var(--pw-line-strong);
  background: var(--pw-win);
  box-shadow: var(--pw-float-shadow);
  transition:
    opacity 700ms var(--ease-out) 420ms,
    transform 700ms var(--ease-out) 420ms;
  animation: pw-float-b-zhf18t8yl0 7s var(--ease-in-out) 1.4s infinite both;
}

.pw.reveal-pending[b-zhf18t8yl0]  .pw-float {
  opacity: 0;
  transform: translate3d(0, 2.4cqw, 0);
}

.pw-stage[b-zhf18t8yl0]  .pw-float__icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 4.4cqw;
  height: 4.4cqw;
  border-radius: 50%;
  color: var(--pw-accent);
  background: var(--pw-accent-bg);
}

.pw-stage[b-zhf18t8yl0]  .pw-float__icon .icon {
  width: 2.3cqw;
  height: 2.3cqw;
}

.pw-stage[b-zhf18t8yl0]  .pw-float__icon--ok {
  color: var(--pw-ok);
  background: var(--pw-ok-bg);
}

.pw-stage[b-zhf18t8yl0]  .pw-float__icon--warn {
  color: var(--pw-warn);
  background: var(--pw-warn-bg);
}

.pw-stage[b-zhf18t8yl0]  .pw-float__icon--blue {
  color: var(--pw-blue);
  background: var(--pw-blue-bg);
}

.pw-stage[b-zhf18t8yl0]  .pw-float__text {
  display: flex;
  flex-direction: column;
  gap: 0.35cqw;
  min-width: 0;
}

.pw-stage[b-zhf18t8yl0]  .pw-float__title {
  font-family: var(--font-display);
  font-size: 1.85cqw;
  font-weight: 800;
  line-height: 1.2;
  color: var(--pw-text);
  white-space: nowrap;
}

.pw-stage[b-zhf18t8yl0]  .pw-float__meta {
  font-size: 1.5cqw;
  color: var(--pw-muted);
  white-space: nowrap;
}

@keyframes pw-float-b-zhf18t8yl0 {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -0.7cqw; }
}
/* /Components/Illustrations/Solutions/StockAuditIllustration.razor.rz.scp.css */
/* Sizes in cqw relative to the ProductWindow container (reference width 600px). */
.sa[b-7aid094y5c] {
  display: flex;
  flex-direction: column;
  gap: 2.2cqw;
  padding: 2.4cqw 2.6cqw 3cqw;
}

.sa-head[b-7aid094y5c] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2cqw;
}

.sa-head__text[b-7aid094y5c] {
  display: flex;
  flex-direction: column;
  gap: 0.5cqw;
  min-width: 0;
}

/* ---- Filters ------------------------------------------------------------------------- */
.sa-filters[b-7aid094y5c] {
  display: flex;
  align-items: center;
  gap: 0.9cqw;
}

.sa-filter[b-7aid094y5c] {
  display: inline-flex;
  align-items: center;
  gap: 0.7cqw;
  height: 3.5cqw;
  padding: 0 1.3cqw;
  border-radius: 999px;
  border: 1px solid var(--pw-line);
  font-size: 1.45cqw;
  font-weight: 500;
  color: var(--pw-muted);
  white-space: nowrap;
}

.sa-filter b[b-7aid094y5c] {
  font-weight: 700;
  color: var(--pw-text);
}

.sa-filter--active[b-7aid094y5c] {
  border-color: color-mix(in srgb, var(--pw-accent) 45%, transparent);
  color: var(--pw-accent);
  background: var(--pw-accent-bg);
}

.sa-filter--active b[b-7aid094y5c] {
  color: var(--pw-accent);
}

.sa-filters__method[b-7aid094y5c] {
  margin-left: auto;
  font-size: 1.35cqw;
  color: var(--pw-faint);
  white-space: nowrap;
}

/* ---- Reconciliation table ------------------------------------------------------------ */
.sa-table[b-7aid094y5c] {
  display: flex;
  flex-direction: column;
  border-radius: 1.6cqw;
  border: 1px solid var(--pw-line);
  overflow: hidden;
}

.sa-row[b-7aid094y5c] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 10cqw 10cqw 9cqw 11cqw;
  align-items: center;
  gap: 1.4cqw;
  min-height: 4.4cqw;
  padding: 0 1.8cqw;
  border-top: 1px solid var(--pw-line);
  font-size: 1.6cqw;
  color: var(--pw-body);
}

.sa-row--head[b-7aid094y5c] {
  min-height: 3.6cqw;
  border-top: 0;
  background: var(--pw-panel);
}

/* Highlighted variances: tinted row + left marker */
.sa-row--short[b-7aid094y5c],
.sa-row--minor[b-7aid094y5c],
.sa-row--over[b-7aid094y5c] {
  background: var(--pw-warn-bg);
}

.sa-row--over[b-7aid094y5c] {
  background: var(--pw-blue-bg);
}

.sa-row--minor[b-7aid094y5c] {
  background: color-mix(in srgb, var(--pw-warn-bg) 55%, transparent);
}

.sa-row--short[b-7aid094y5c]::before,
.sa-row--minor[b-7aid094y5c]::before,
.sa-row--over[b-7aid094y5c]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.45cqw;
  background: var(--pw-warn-fill);
}

.sa-row--over[b-7aid094y5c]::before {
  background: var(--pw-blue-fill);
}

.sa-row--minor[b-7aid094y5c]::before {
  opacity: 0.55;
}

.sa-item[b-7aid094y5c] {
  display: flex;
  align-items: baseline;
  gap: 0.8cqw;
  min-width: 0;
}

.sa-item__name[b-7aid094y5c] {
  font-weight: 600;
  color: var(--pw-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sa-item__uom[b-7aid094y5c] {
  font-size: 1.3cqw;
  color: var(--pw-faint);
}

.sa-r[b-7aid094y5c] {
  text-align: right;
}

.sa-muted[b-7aid094y5c] {
  color: var(--pw-muted);
}

.sa-zero[b-7aid094y5c] {
  color: var(--pw-faint);
}

.sa-delta[b-7aid094y5c] {
  display: inline-block;
  padding: 0.2cqw 0.9cqw;
  border-radius: 0.8cqw;
  font-weight: 700;
  color: var(--pw-warn);
  background: var(--pw-warn-bg);
}

.sa-row--over .sa-delta[b-7aid094y5c] {
  color: var(--pw-blue);
  background: var(--pw-blue-bg);
}

.sa-value[b-7aid094y5c] {
  font-weight: 700;
  color: var(--pw-warn);
}

.sa-row--over .sa-value[b-7aid094y5c] {
  color: var(--pw-blue);
}

/* ---- Summary --------------------------------------------------------------------------- */
.sa-summary[b-7aid094y5c] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-radius: 1.6cqw;
  border: 1px solid var(--pw-line);
  background: var(--pw-panel);
}

.sa-stat[b-7aid094y5c] {
  display: flex;
  flex-direction: column;
  gap: 0.55cqw;
  min-width: 0;
  padding: 1.8cqw 2cqw;
}

.sa-stat + .sa-stat[b-7aid094y5c] {
  border-left: 1px solid var(--pw-line);
}

.sa-stat__value[b-7aid094y5c] {
  font-family: var(--font-display);
  font-size: 2.9cqw;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--pw-text);
}

.sa-stat__value small[b-7aid094y5c] {
  font-size: 0.6em;
  font-weight: 600;
  color: var(--pw-faint);
}

.sa-stat__value--warn[b-7aid094y5c] {
  color: var(--pw-warn);
}

.sa-stat__note[b-7aid094y5c] {
  font-size: 1.35cqw;
  color: var(--pw-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sa-meter[b-7aid094y5c] {
  position: relative;
  height: 0.8cqw;
  margin-top: 0.5cqw;
  border-radius: 999px;
  background: var(--pw-line-strong);
  overflow: hidden;
}

.sa-meter__fill[b-7aid094y5c] {
  position: absolute;
  inset: 0 auto 0 0;
  width: 99.6%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--cyan-400), var(--blue-500));
  transform-origin: left center;
  transition: transform 1000ms var(--ease-out) 300ms;
}

.reveal-pending .sa-meter__fill[b-7aid094y5c] {
  transform: scaleX(0);
}

/* ---- Floating card ------------------------------------------------------------------- */
.sa-float[b-7aid094y5c] {
  right: 2.4cqw;
  bottom: 2cqw;
  align-items: center;
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.site-footer[b-lu0apb91hv] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: clamp(4rem, 3rem + 4vw, 6rem);
  background: var(--navy-950);
  color: var(--color-text-muted);
  border-top: 1px solid rgba(152, 166, 186, 0.1);
}

.site-footer__glow[b-lu0apb91hv] {
  position: absolute;
  z-index: -1;
  inset: -40% 20% auto 20%;
  height: 32rem;
  background: radial-gradient(closest-side, rgba(49, 199, 213, 0.08), transparent);
  pointer-events: none;
}

.site-footer__top[b-lu0apb91hv] {
  display: grid;
  gap: clamp(2.5rem, 2rem + 3vw, 4rem);
  padding-bottom: clamp(3rem, 2rem + 3vw, 4.5rem);
}

@media (min-width: 64rem) {
  .site-footer__top[b-lu0apb91hv] {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
  }
}

.site-footer__brand[b-lu0apb91hv] {
  display: grid;
  align-content: start;
  gap: var(--space-6);
  max-width: 24rem;
}

.site-footer__statement[b-lu0apb91hv] {
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
  color: var(--color-text-muted);
}

.site-footer__contact[b-lu0apb91hv] {
  display: grid;
  gap: var(--space-3);
  font-size: var(--text-sm);
}

.site-footer__contact li[b-lu0apb91hv] {
  --icon-size: 1.05rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--color-text-secondary);
}

.site-footer__contact li[b-lu0apb91hv]  .icon {
  color: var(--brand-cyan);
}

.site-footer__contact a[b-lu0apb91hv] {
  color: var(--color-text-secondary);
  text-decoration: none;
}

.site-footer__contact a:hover[b-lu0apb91hv] {
  color: #fff;
}

.site-footer__nav[b-lu0apb91hv] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-10) var(--space-6);
}

@media (min-width: 48rem) {
  .site-footer__nav[b-lu0apb91hv] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.site-footer__heading[b-lu0apb91hv] {
  margin-bottom: var(--space-4);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-faint);
}

.site-footer__col ul[b-lu0apb91hv] {
  display: grid;
  gap: 0.15rem;
}

.site-footer__col a[b-lu0apb91hv] {
  display: inline-block;
  padding: 0.35rem 0;
  font-size: var(--text-sm);
  line-height: 1.4;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--dur) var(--ease-out);
}

.site-footer__col a:hover[b-lu0apb91hv] {
  color: #fff;
}

.site-footer__bottom[b-lu0apb91hv] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-3) var(--space-8);
  padding-block: var(--space-6);
  border-top: 1px solid rgba(152, 166, 186, 0.1);
  font-size: var(--text-xs);
  color: var(--color-text-faint);
}

.site-footer__status[b-lu0apb91hv] {
  max-width: 36rem;
}

.site-footer__wordmark[b-lu0apb91hv] {
  display: flex;
  justify-content: center;
  padding-inline: var(--gutter);
  margin-bottom: -2.2vw;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 92%);
  mask-image: linear-gradient(180deg, #000 0%, transparent 92%);
}

.site-footer__wordmark[b-lu0apb91hv]  .wordmark {
  width: min(100%, 84rem);
  height: auto;
  fill: none;
  stroke: rgba(152, 166, 186, 0.14);
  stroke-width: 0.18;
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
/* Fixed, translucent header. The blur lives on ::before so the header itself does not
   become a containing block for the fixed-position mobile menu. */
.site-header[b-tq7mv630h2] {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: var(--z-header);
  height: var(--header-h);
  color: var(--color-text);
  transition: box-shadow var(--dur-slow) var(--ease-out);
}

.site-header[b-tq7mv630h2]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(7, 17, 31, 0.55);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid rgba(152, 166, 186, 0.1);
  transition: background-color var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out);
}

.site-header.is-scrolled[b-tq7mv630h2]::before {
  background: rgba(7, 17, 31, 0.82);
  border-bottom-color: rgba(152, 166, 186, 0.16);
}

.site-header.is-scrolled[b-tq7mv630h2] {
  box-shadow: 0 10px 30px -18px rgba(0, 0, 0, 0.6);
}

.site-header__inner[b-tq7mv630h2] {
  height: 100%;
  display: flex;
  align-items: center;
  gap: var(--space-6);
}

/* ---- Primary navigation (desktop) ---------------------------------------- */
.site-nav[b-tq7mv630h2] {
  margin-left: auto;
}

.site-nav__list[b-tq7mv630h2] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.site-nav__link[b-tq7mv630h2] {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0 0.85rem;
  border-radius: var(--radius-sm);
  font-size: 0.9375rem;
  font-weight: var(--weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);
}

.site-nav__link:hover[b-tq7mv630h2] {
  color: #fff;
  background: rgba(255, 255, 255, 0.04);
}

.site-nav__link.is-active[b-tq7mv630h2] {
  color: #fff;
}

.site-nav__link.is-active[b-tq7mv630h2]::after {
  content: "";
  position: absolute;
  left: 0.85rem;
  right: 0.85rem;
  bottom: 0.3rem;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--brand-cyan), var(--blue-400));
}

.site-nav__mobile-footer[b-tq7mv630h2] {
  display: none;
}

/* ---- Actions ----------------------------------------------------------------- */
.site-header__actions[b-tq7mv630h2] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.theme-toggle[b-tq7mv630h2] {
  --icon-size: 1.15rem;
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  transition: color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);
}

.theme-toggle:hover[b-tq7mv630h2] {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}

.theme-toggle[b-tq7mv630h2]  .icon {
  grid-area: 1 / 1;
  transition: opacity var(--dur) var(--ease-out), transform var(--dur-slow) var(--ease-out);
}

/* Light theme shows the moon (switch to dark); dark theme shows the sun. */
.theme-toggle[b-tq7mv630h2]  .theme-toggle__sun {
  opacity: 0;
  transform: rotate(-60deg) scale(0.7);
}

:root[data-theme="dark"] .theme-toggle[b-tq7mv630h2]  .theme-toggle__sun {
  opacity: 1;
  transform: none;
}

:root[data-theme="dark"] .theme-toggle[b-tq7mv630h2]  .theme-toggle__moon {
  opacity: 0;
  transform: rotate(60deg) scale(0.7);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .theme-toggle[b-tq7mv630h2]  .theme-toggle__sun {
    opacity: 1;
    transform: none;
  }

  :root:not([data-theme="light"]) .theme-toggle[b-tq7mv630h2]  .theme-toggle__moon {
    opacity: 0;
    transform: rotate(60deg) scale(0.7);
  }
}

@media (scripting: none) {
  .theme-toggle[b-tq7mv630h2] {
    display: none;
  }
}

.site-header__actions[b-tq7mv630h2]  .site-header__cta {
  margin-left: var(--space-1);
}

.nav-toggle[b-tq7mv630h2] {
  display: none;
  position: relative;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radius-sm);
  color: #fff;
}

.nav-toggle:hover[b-tq7mv630h2] {
  background: rgba(255, 255, 255, 0.06);
}

.nav-toggle__bar[b-tq7mv630h2] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.25rem;
  height: 1.5px;
  border-radius: 2px;
  background: currentColor;
  transition: transform var(--dur-slow) var(--ease-out);
}

.nav-toggle__bar:first-child[b-tq7mv630h2] {
  transform: translate(-50%, -4px);
}

.nav-toggle__bar:last-child[b-tq7mv630h2] {
  transform: translate(-50%, 3.5px);
}

.nav-toggle[aria-expanded="true"] .nav-toggle__bar:first-child[b-tq7mv630h2] {
  transform: translate(-50%, 0) rotate(45deg);
}

.nav-toggle[aria-expanded="true"] .nav-toggle__bar:last-child[b-tq7mv630h2] {
  transform: translate(-50%, 0) rotate(-45deg);
}

/* ---- Mobile / tablet navigation -------------------------------------------- */
@media (max-width: 63.99rem) {
  .nav-toggle[b-tq7mv630h2] {
    display: inline-block;
  }

  .site-header__actions[b-tq7mv630h2]  .site-header__cta {
    display: none;
  }

  .site-header__actions[b-tq7mv630h2] {
    margin-left: auto;
  }

  .site-nav[b-tq7mv630h2] {
    position: fixed;
    inset: var(--header-h) 0 0 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--space-8);
    padding: var(--space-6) var(--gutter) calc(var(--space-8) + env(safe-area-inset-bottom));
    background:
      radial-gradient(90% 60% at 100% 0%, rgba(82, 123, 255, 0.14), transparent 60%),
      var(--navy-900);
    border-top: 1px solid rgba(152, 166, 186, 0.12);
    overflow-y: auto;
    overscroll-behavior: contain;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-8px);
    transition:
      opacity var(--dur-slow) var(--ease-out),
      transform var(--dur-slow) var(--ease-out),
      visibility 0s linear var(--dur-slow);
  }

  .site-nav.is-open[b-tq7mv630h2] {
    visibility: visible;
    opacity: 1;
    transform: none;
    transition:
      opacity var(--dur-slow) var(--ease-out),
      transform var(--dur-slow) var(--ease-out),
      visibility 0s;
  }

  .site-nav__list[b-tq7mv630h2] {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .site-nav__list li[b-tq7mv630h2] {
    border-bottom: 1px solid rgba(152, 166, 186, 0.1);
  }

  .site-nav__link[b-tq7mv630h2] {
    width: 100%;
    min-height: 3.75rem;
    padding: 0 0.25rem;
    font-family: var(--font-display);
    font-size: 1.375rem;
    font-weight: var(--weight-semibold);
    letter-spacing: var(--tracking-snug);
    color: var(--color-text);
  }

  .site-nav__link:hover[b-tq7mv630h2] {
    background: none;
    color: var(--brand-cyan);
  }

  .site-nav__link.is-active[b-tq7mv630h2] {
    color: var(--brand-cyan);
  }

  .site-nav__link.is-active[b-tq7mv630h2]::after {
    display: none;
  }

  .site-nav__mobile-footer[b-tq7mv630h2] {
    display: grid;
    gap: var(--space-4);
  }

  .site-nav__mobile-footer[b-tq7mv630h2]  .site-nav__mobile-cta {
    width: 100%;
  }

  .site-nav__mobile-note[b-tq7mv630h2] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    color: var(--color-text-faint);
    text-align: center;
  }

  /* Without JavaScript the menu cannot open, so show it inline instead. */
  @media (scripting: none) {
    .nav-toggle[b-tq7mv630h2] {
      display: none;
    }

    .site-nav[b-tq7mv630h2] {
      position: static;
      visibility: visible;
      opacity: 1;
      transform: none;
      padding: 0;
      background: none;
      border: 0;
      overflow: visible;
    }

    .site-nav__list[b-tq7mv630h2] {
      flex-direction: row;
      flex-wrap: wrap;
    }

    .site-nav__list li[b-tq7mv630h2] {
      border: 0;
    }

    .site-nav__link[b-tq7mv630h2] {
      min-height: 2.25rem;
      font-size: var(--text-sm);
    }

    .site-nav__mobile-footer[b-tq7mv630h2] {
      display: none;
    }
  }
}

@media (max-width: 30rem) {
  .site-header__inner[b-tq7mv630h2] {
    gap: var(--space-3);
  }
}
/* /Components/Pages/About.razor.rz.scp.css */
/* ---- Hero fact row ---------------------------------------------------------------- */
.about-hero__facts[b-dhv2t73kjb] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.75rem;
  margin-top: var(--space-10);
  padding-top: var(--space-6);
  border-top: 1px solid rgba(152, 166, 186, 0.14);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  color: var(--color-text-secondary);
  animation: about-hero-rise-b-dhv2t73kjb 900ms 280ms var(--ease-out) both;
}

.about-hero__facts li[b-dhv2t73kjb] {
  --icon-size: 1.0625rem;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.about-hero__facts[b-dhv2t73kjb]  .icon {
  color: var(--brand-cyan);
}

/* ---- Company facts + founder's note ------------------------------------------------ */
/* Flows straight into the closing CTA band (same surface), which supplies the bottom spacing. */
.about-company[b-dhv2t73kjb] {
  padding-top: var(--section-pad);
  padding-bottom: 0;
}

.about-company__grid[b-dhv2t73kjb] {
  display: grid;
  gap: var(--space-6);
  align-items: stretch;
}

@media (min-width: 64rem) {
  .about-company__grid[b-dhv2t73kjb] {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
}

@keyframes about-hero-rise-b-dhv2t73kjb {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-layout[b-6vmbdtyfle] {
  display: grid;
  gap: clamp(2rem, 1.5rem + 2vw, 3rem);
  align-items: start;
}

@media (min-width: 64rem) {
  .contact-layout[b-6vmbdtyfle] {
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 0.85fr);
    gap: var(--space-12);
  }
}

.contact-layout__form[b-6vmbdtyfle] {
  padding: clamp(1.25rem, 0.75rem + 2.5vw, 2.75rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  box-shadow: var(--shadow-md);
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-help[b-t0f7rhxw0d] {
  margin-top: var(--space-8);
  max-width: 38rem;
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.error-reference[b-t0f7rhxw0d] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-top: var(--space-4);
  font-size: var(--text-sm);
}

.error-reference__label[b-t0f7rhxw0d] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.error-reference__value[b-t0f7rhxw0d] {
  padding: 0.2rem 0.55rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  background: var(--color-surface-2);
  color: var(--color-text-secondary);
  overflow-wrap: anywhere;
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
/* ---- Hero visual: the brand ring with one module drifted out of place ------------------ */
.missing-piece[b-hcu5huofuc] {
  width: min(100%, 22rem);
  margin-inline: auto;
}

.missing-piece__svg[b-hcu5huofuc] {
  width: 100%;
  height: auto;
  overflow: visible;
}

.missing-piece__orbit[b-hcu5huofuc] {
  stroke: rgba(152, 166, 186, 0.18);
  stroke-width: 1;
  stroke-dasharray: 2 7;
}

.missing-piece__orbit--solid[b-hcu5huofuc] {
  stroke: rgba(49, 199, 213, 0.18);
  stroke-dasharray: none;
}

.missing-piece__spokes line[b-hcu5huofuc] {
  stroke: rgba(152, 166, 186, 0.45);
  stroke-width: 1.5;
  stroke-linecap: round;
}

.missing-piece__node[b-hcu5huofuc] {
  fill: var(--brand-cyan);
}

.missing-piece__module[b-hcu5huofuc] {
  fill: none;
  stroke-width: 26;
}

.missing-piece__module--c0[b-hcu5huofuc] { stroke: #31C7D5; }
.missing-piece__module--c1[b-hcu5huofuc] { stroke: #36BCDB; }
.missing-piece__module--c2[b-hcu5huofuc] { stroke: #42A1EA; }
.missing-piece__module--c3[b-hcu5huofuc] { stroke: #4D86F9; }
.missing-piece__module--c4[b-hcu5huofuc] { stroke: #527BFF; }

.missing-piece__ghost[b-hcu5huofuc] {
  fill: none;
  stroke: rgba(152, 166, 186, 0.35);
  stroke-width: 26;
  stroke-dasharray: 4 5;
  opacity: 0.6;
}

.missing-piece__module--loose[b-hcu5huofuc] {
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.45));
}

.missing-piece__drift[b-hcu5huofuc] {
  transform-box: fill-box;
  transform-origin: center;
  animation: missing-drift-b-hcu5huofuc 6s var(--ease-in-out) infinite;
}

.missing-piece__core[b-hcu5huofuc] {
  fill: var(--brand-white);
}

.missing-piece__code[b-hcu5huofuc] {
  fill: var(--brand-navy);
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

@keyframes missing-drift-b-hcu5huofuc {
  0%, 100% { translate: 0 0; rotate: 0deg; }
  50% { translate: 4px -6px; rotate: 3deg; }
}

/* ---- Requested path ------------------------------------------------------------------- */
.not-found-path[b-hcu5huofuc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-top: var(--space-8);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.not-found-path__label[b-hcu5huofuc] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
}

.not-found-path__value[b-hcu5huofuc] {
  padding: 0.2rem 0.55rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  background: var(--color-surface-2);
  color: var(--color-text-secondary);
  overflow-wrap: anywhere;
}

/* ---- Destinations -------------------------------------------------------------------- */
.destinations__grid[b-hcu5huofuc] {
  display: grid;
  gap: var(--space-5);
  padding: 0;
  list-style: none;
}

@media (min-width: 40rem) {
  .destinations__grid[b-hcu5huofuc] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .destinations__grid[b-hcu5huofuc] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.destinations__card .icon-tile[b-hcu5huofuc] {
  margin-bottom: var(--space-2);
}

.destinations__title[b-hcu5huofuc] {
  font-size: var(--text-lg);
}

.destinations__card p[b-hcu5huofuc] {
  flex: 1;
  font-size: var(--text-sm);
  line-height: 1.6;
}

.destinations__cue[b-hcu5huofuc] {
  --icon-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-accent);
  transition: gap var(--dur) var(--ease-out);
}

.destinations__card:hover .destinations__cue[b-hcu5huofuc],
.destinations__card:focus-within .destinations__cue[b-hcu5huofuc] {
  gap: 0.6rem;
}

.destinations__help[b-hcu5huofuc] {
  margin-top: var(--space-10);
  color: var(--color-text-muted);
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
/* Cookie cards inside the "Cookies" clause. */
.cookie-list[b-vd83juwxid] {
  display: grid;
  gap: var(--space-4);
  margin-block: var(--space-6);
}

.cookie[b-vd83juwxid] {
  min-width: 0;
  padding: var(--space-5) clamp(1.125rem, 0.9rem + 1vw, 1.5rem);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}

.cookie__head[b-vd83juwxid] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-border);
}

.cookie__name[b-vd83juwxid] {
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
}

.cookie__facts[b-vd83juwxid] {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.cookie__fact[b-vd83juwxid] {
  display: grid;
  gap: var(--space-1);
}

@media (min-width: 40rem) {
  .cookie__fact[b-vd83juwxid] {
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: var(--space-4);
  }
}

.cookie__fact dt[b-vd83juwxid] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-faint);
  line-height: 2.1;
}

.cookie__fact dd[b-vd83juwxid] {
  margin: 0;
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-text-secondary);
}
/* /Components/Pages/Solutions.razor.rz.scp.css */
/* Shared by the sticky product bar and the product sections (anchors, sticky visuals, view timelines). */
.solutions-catalog[b-9vr2zrdijz] {
  --solutions-nav-h: 3.5rem;
  timeline-scope: --sol-erp, --sol-stockaudit, --sol-hr, --sol-insights;
}
/* /Components/Sections/About/AboutDirection.razor.rz.scp.css */
.direction__glow-a[b-aqkeyaf2qo] {
  width: 48rem;
  height: 48rem;
  left: -18rem;
  top: -16rem;
  --glow-opacity: 0.55;
}

.direction__glow-b[b-aqkeyaf2qo] {
  width: 56rem;
  height: 56rem;
  right: -22rem;
  bottom: -26rem;
  --glow-opacity: 0.8;
}

/* ---- Roadmap ------------------------------------------------------------------------
   Mobile: a vertical timeline (node left, card right).
   Desktop: three columns with the nodes on one horizontal track. */
.roadmap[b-aqkeyaf2qo] {
  --node: 3.25rem;
  --stage-gap: var(--space-8);
  display: grid;
  gap: var(--stage-gap);
}

.roadmap__stage[b-aqkeyaf2qo] {
  position: relative;
  display: grid;
  grid-template-columns: var(--node) minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
}

/* Track segment from this node to the next one */
.roadmap__stage:not(:last-child)[b-aqkeyaf2qo]::after {
  content: "";
  position: absolute;
  left: calc(var(--node) / 2);
  top: calc(var(--node) + var(--space-2));
  bottom: calc(var(--stage-gap) * -1 + var(--space-2));
  width: 0;
  border-left: 1.5px solid rgba(49, 199, 213, 0.55);
}

.roadmap__stage--next:not(:last-child)[b-aqkeyaf2qo]::after {
  border-left-style: dashed;
  border-left-color: rgba(152, 166, 186, 0.4);
}

@media (min-width: 64rem) {
  .roadmap[b-aqkeyaf2qo] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    --stage-gap: var(--space-6);
  }

  .roadmap__stage[b-aqkeyaf2qo] {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
  }

  .roadmap__stage:not(:last-child)[b-aqkeyaf2qo]::after {
    left: calc(var(--node) + var(--space-3));
    top: calc(var(--node) / 2);
    bottom: auto;
    width: calc(100% + var(--stage-gap) - var(--node) - var(--space-6));
    height: 0;
    border-left: 0;
    border-top: 1.5px dashed rgba(152, 166, 186, 0.4);
  }

  /* Now → Next is a solid, lit segment; Next → Later stays dashed */
  .roadmap__stage--now:not(:last-child)[b-aqkeyaf2qo]::after {
    height: 1.5px;
    border-top: 0;
    background: linear-gradient(90deg, rgba(49, 199, 213, 0.75), rgba(82, 123, 255, 0.55));
  }
}

/* ---- Brand nodes ------------------------------------------------------------------ */
.roadmap__marker[b-aqkeyaf2qo] {
  position: relative;
  width: var(--node);
  height: var(--node);
}

.roadmap__node[b-aqkeyaf2qo] {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--navy-900);
  border: 1px solid rgba(152, 166, 186, 0.28);
}

.roadmap__node[b-aqkeyaf2qo]  .roadmap__mark {
  width: 58%;
  height: 58%;
}

/* Now: the complete mark, lit */
.roadmap__stage--now .roadmap__node[b-aqkeyaf2qo] {
  border-color: rgba(49, 199, 213, 0.6);
  box-shadow: 0 0 0 5px rgba(49, 199, 213, 0.08), 0 0 26px rgba(49, 199, 213, 0.4);
}

.roadmap__stage--now .roadmap__node[b-aqkeyaf2qo]::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 50%;
  border: 1px solid rgba(49, 199, 213, 0.6);
  opacity: 0;
  animation: roadmap-halo-b-aqkeyaf2qo 3.2s var(--ease-out) infinite;
}

/* Next: the ring in place, the core still forming */
.roadmap__stage--next .roadmap__node[b-aqkeyaf2qo] {
  border-color: rgba(82, 123, 255, 0.45);
}

.roadmap__stage--next[b-aqkeyaf2qo]  .lm-core {
  fill: none;
  stroke: var(--brand-cyan);
  stroke-width: 1.6;
}

/* Later: an outline of what is to come */
.roadmap__stage--later .roadmap__node[b-aqkeyaf2qo] {
  border-style: dashed;
  background: transparent;
}

.roadmap__stage--later[b-aqkeyaf2qo]  .roadmap__mark path {
  stroke: rgba(152, 166, 186, 0.55);
  stroke-width: 1.6;
}

.roadmap__stage--later[b-aqkeyaf2qo]  .lm-core {
  fill: none;
  stroke: rgba(152, 166, 186, 0.55);
  stroke-width: 1.4;
  stroke-dasharray: 2 2;
}

/* ---- Stage cards ------------------------------------------------------------------- */
.roadmap__card[b-aqkeyaf2qo] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: clamp(1.375rem, 1rem + 1.2vw, 2rem);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
}

.roadmap__stage--now .roadmap__card[b-aqkeyaf2qo] {
  background:
    linear-gradient(180deg, rgba(49, 199, 213, 0.07), transparent 55%),
    var(--color-surface);
  border-color: var(--color-border-accent);
  box-shadow: 0 24px 56px -28px rgba(49, 199, 213, 0.35);
}

.roadmap__stage--later .roadmap__card[b-aqkeyaf2qo] {
  border-style: dashed;
  border-color: var(--color-border-strong);
  background: transparent;
}

.roadmap__meta[b-aqkeyaf2qo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-3);
}

.roadmap__phase[b-aqkeyaf2qo] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-accent);
}

.roadmap__state[b-aqkeyaf2qo] {
  padding: 0.15rem 0.625rem;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border-strong);
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  line-height: 1.5;
  color: var(--color-text-muted);
}

.roadmap__state--now[b-aqkeyaf2qo] {
  border-color: color-mix(in srgb, var(--color-accent) 45%, transparent);
  background: var(--color-accent-bg);
  color: var(--color-accent);
}

.roadmap__card h3[b-aqkeyaf2qo] {
  margin-top: var(--space-5);
  font-size: var(--text-2xl);
}

.roadmap__text[b-aqkeyaf2qo] {
  margin-top: var(--space-3);
  color: var(--color-text-muted);
  line-height: 1.65;
}

.roadmap__list[b-aqkeyaf2qo] {
  margin-top: var(--space-6);
  border-bottom: 1px solid var(--color-border);
}

.roadmap__list li[b-aqkeyaf2qo] {
  --icon-size: 1.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: 2.875rem;
  border-top: 1px solid var(--color-border);
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
}

.roadmap__list--plain li[b-aqkeyaf2qo] {
  justify-content: flex-start;
}

.roadmap__list--plain li[b-aqkeyaf2qo]  .icon {
  color: var(--color-text-faint);
}

.roadmap__link[b-aqkeyaf2qo] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 2.75rem;
  color: var(--color-text-secondary);
  font-weight: var(--weight-medium);
  text-decoration: none;
}

.roadmap__link[b-aqkeyaf2qo]  .icon {
  color: var(--color-accent);
}

.roadmap__link:hover[b-aqkeyaf2qo] {
  color: var(--color-heading);
}

.roadmap__link:hover span[b-aqkeyaf2qo] {
  text-decoration: underline;
  text-decoration-color: var(--color-border-accent);
}

.roadmap__more[b-aqkeyaf2qo] {
  margin-top: auto;
  padding-top: var(--space-6);
  align-self: flex-start;
}

/* ---- Disclaimer --------------------------------------------------------------------- */
.direction__note[b-aqkeyaf2qo] {
  --icon-size: 1.125rem;
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  max-width: 48rem;
  margin-top: var(--space-10);
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-text-muted);
}

.direction__note[b-aqkeyaf2qo]  .icon {
  margin-top: 0.15rem;
  color: var(--color-accent);
}

@keyframes roadmap-halo-b-aqkeyaf2qo {
  0% { transform: scale(1); opacity: 0.75; }
  70%, 100% { transform: scale(1.5); opacity: 0; }
}
/* /Components/Sections/About/AboutFacts.razor.rz.scp.css */
.facts[b-petuht0pdf] {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

/* Brand-gradient cap along the top edge */
.facts[b-petuht0pdf]::before {
  content: "";
  position: absolute;
  left: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  top: -1px;
  width: 4.5rem;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue));
}

.facts__head h2[b-petuht0pdf] {
  margin-top: var(--space-4);
  font-size: var(--text-3xl);
}

.facts__intro[b-petuht0pdf] {
  margin-top: var(--space-3);
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-text-muted);
}

.facts__list[b-petuht0pdf] {
  margin-top: var(--space-8);
}

.facts__row[b-petuht0pdf] {
  display: grid;
  gap: var(--space-1-5);
  padding-block: var(--space-4);
  border-top: 1px solid var(--color-border);
}

.facts__row:last-child[b-petuht0pdf] {
  padding-bottom: 0;
}

@media (min-width: 30rem) {
  .facts__row[b-petuht0pdf] {
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: var(--space-4);
    align-items: baseline;
  }
}

.facts__row dt[b-petuht0pdf] {
  --icon-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-faint);
}

.facts__row dt[b-petuht0pdf]  .icon {
  color: var(--color-accent);
  transform: translateY(0.12em);
}

.facts__row dd[b-petuht0pdf] {
  margin: 0;
  font-size: var(--text-base);
  line-height: 1.55;
  font-weight: var(--weight-medium);
  color: var(--color-heading);
  min-width: 0;
  overflow-wrap: anywhere;
}

.facts__email[b-petuht0pdf] {
  color: var(--color-link);
  font-weight: var(--weight-semibold);
  text-decoration: underline;
  text-decoration-color: var(--color-border-accent);
}

.facts__email:hover[b-petuht0pdf] {
  color: var(--color-link-hover);
}
/* /Components/Sections/About/AboutFounder.razor.rz.scp.css */
.founder[b-woev5q4tj1] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(1.5rem, 0.75rem + 3.2vw, 3.5rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background:
    radial-gradient(70% 60% at 100% 0%, rgba(82, 123, 255, 0.07), transparent 65%),
    radial-gradient(60% 60% at 0% 100%, rgba(49, 199, 213, 0.07), transparent 65%),
    var(--color-bg-subtle);
}

.founder__bg[b-woev5q4tj1] {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.founder__glyph[b-woev5q4tj1] {
  position: absolute;
  right: clamp(1.25rem, 0.5rem + 3vw, 3rem);
  top: clamp(1.25rem, 0.5rem + 3vw, 3rem);
  width: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
  height: auto;
  fill: var(--color-accent);
  opacity: 0.12;
}

.founder h2[b-woev5q4tj1] {
  margin-top: var(--space-4);
  max-width: 30rem;
  font-size: var(--text-3xl);
}

.founder__body[b-woev5q4tj1] {
  margin-top: var(--space-6);
  max-width: 40rem;
  font-size: var(--text-md);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
}

.founder__body p + p[b-woev5q4tj1] {
  margin-top: var(--space-4);
}

.founder__sign[b-woev5q4tj1] {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-top: auto;
  padding-top: var(--space-8);
}

.founder__monogram[b-woev5q4tj1] {
  position: relative;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: var(--color-surface);
  border: 1px solid var(--color-border-accent);
  box-shadow: 0 0 0 4px var(--color-accent-bg), var(--shadow-sm);
}

.founder__monogram[b-woev5q4tj1]  .founder__mark {
  width: 2.125rem;
  height: 2.125rem;
}

.founder__who[b-woev5q4tj1] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding-left: var(--space-4);
  border-left: 1px solid var(--color-border-strong);
}

.founder__name[b-woev5q4tj1] {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--weight-bold);
  letter-spacing: -0.01em;
  color: var(--color-heading);
}

.founder__role[b-woev5q4tj1] {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
/* /Components/Sections/About/AboutHeroVisual.razor.rz.scp.css */
/* Sizes use container query units so the composition scales as one piece.
   Reference size: 600px wide, where 1cqw = 6px. Positions are percentages of the 600 × 480 stage. */
.ahv[b-wv83953dxm] {
  container-type: inline-size;
  position: relative;
  width: 100%;
  max-width: 38rem;
  margin-inline: auto;
}

.ahv__stage[b-wv83953dxm] {
  position: relative;
  aspect-ratio: 600 / 480;
}

/* Soft light pooling behind the core */
.ahv__stage[b-wv83953dxm]::before {
  content: "";
  position: absolute;
  left: 30%;
  top: 18%;
  width: 46%;
  height: 64%;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(49, 199, 213, 0.2), rgba(82, 123, 255, 0.08) 55%, transparent);
  pointer-events: none;
}

/* ---- Connection layer ------------------------------------------------------------ */
.ahv__lines[b-wv83953dxm] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.ahv__orbit--outer[b-wv83953dxm] {
  stroke: rgba(152, 166, 186, 0.18);
  stroke-width: 1;
  transform-origin: 318px 240px;
  animation: ahv-spin-b-wv83953dxm 90s linear infinite;
}

.ahv__orbit--inner[b-wv83953dxm] {
  stroke: rgba(49, 199, 213, 0.26);
  stroke-width: 1;
}

.ahv__orbit--port[b-wv83953dxm] {
  stroke: rgba(49, 199, 213, 0.22);
  stroke-width: 1;
}

.ahv__link[b-wv83953dxm] {
  stroke-width: 1.2;
}

/* Inputs: loose, dashed and drifting — information that does not quite connect */
.ahv__link--loose[b-wv83953dxm] {
  stroke: rgba(152, 166, 186, 0.42);
  stroke-dasharray: 3 5;
  animation: ahv-drift-b-wv83953dxm 2.4s linear infinite;
}

.ahv__link--solid[b-wv83953dxm] {
  stroke: rgba(49, 199, 213, 0.45);
}

.ahv__pulse[b-wv83953dxm] {
  stroke: var(--brand-cyan);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-dasharray: 9 100;
  stroke-dashoffset: 9;
  animation: ahv-pulse-b-wv83953dxm 3.4s var(--ease-in-out) infinite;
}

.ahv__pulse--approvals[b-wv83953dxm] { animation-delay: 0.6s; }
.ahv__pulse--reports[b-wv83953dxm] { animation-delay: 1.2s; stroke: var(--blue-400); }

.ahv__node[b-wv83953dxm] {
  fill: var(--navy-850);
  stroke-width: 1.4;
}

.ahv__node--loose[b-wv83953dxm] {
  stroke: rgba(245, 185, 74, 0.7);
}

.ahv__node--core[b-wv83953dxm] {
  stroke: var(--brand-cyan);
}

.ahv__node--out[b-wv83953dxm] {
  stroke: rgba(152, 166, 186, 0.7);
}

/* ---- Column tags ------------------------------------------------------------------ */
.ahv__tag[b-wv83953dxm] {
  position: absolute;
  top: 3%;
  display: inline-flex;
  align-items: center;
  gap: 1cqw;
  font-family: var(--font-mono);
  font-size: 1.55cqw;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--brand-muted);
}

.ahv__tag[b-wv83953dxm]::before {
  content: "";
  width: 1cqw;
  height: 1cqw;
  border-radius: 50%;
}

.ahv__tag--before[b-wv83953dxm] {
  left: 1.333%;
}

.ahv__tag--before[b-wv83953dxm]::before {
  border: 1px dashed var(--amber-400);
}

.ahv__tag--after[b-wv83953dxm] {
  left: 71%;
  color: var(--cyan-300);
}

.ahv__tag--after[b-wv83953dxm]::before {
  background: var(--brand-cyan);
  box-shadow: 0 0 0 0.5cqw rgba(49, 199, 213, 0.18);
}

/* ---- Shared card text ------------------------------------------------------------- */
.ahv__text[b-wv83953dxm] {
  display: flex;
  flex-direction: column;
  gap: 0.35cqw;
  min-width: 0;
}

.ahv__title[b-wv83953dxm] {
  font-family: var(--font-display);
  font-size: 2.05cqw;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ahv__title--mono[b-wv83953dxm] {
  font-family: var(--font-mono);
  font-size: 1.8cqw;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.ahv__sub[b-wv83953dxm] {
  font-size: 1.5cqw;
  color: var(--brand-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---- Scattered fragments (left) --------------------------------------------------- */
.ahv__frag[b-wv83953dxm] {
  position: absolute;
  width: 31.333%;
  height: 11.25%;
  display: flex;
  align-items: center;
  gap: 1.5cqw;
  padding: 0 2.4cqw 0 1.4cqw;
  border-radius: 2cqw;
  background: rgba(13, 27, 47, 0.82);
  border: 1px dashed rgba(152, 166, 186, 0.34);
  color: var(--slate-300);
  transform: rotate(var(--tilt, 0deg));
  box-shadow: 0 2cqw 4cqw -2cqw rgba(0, 0, 0, 0.6);
  animation: ahv-rise-b-wv83953dxm 900ms var(--ease-out) both;
}

.ahv__frag--sheet[b-wv83953dxm]  { left: 1.333%; top: 11.875%; --tilt: -1.6deg; animation-delay: 260ms; }
.ahv__frag--mail[b-wv83953dxm]   { left: 5%;     top: 33.542%; --tilt: 1.2deg;  animation-delay: 340ms; }
.ahv__frag--paper[b-wv83953dxm]  { left: 2.333%; top: 55.208%; --tilt: -0.8deg; animation-delay: 420ms; }
.ahv__frag--legacy[b-wv83953dxm] { left: 5.667%; top: 76.875%; --tilt: 1.5deg;  animation-delay: 500ms; }

.ahv__frag-icon[b-wv83953dxm],
.ahv__out-icon[b-wv83953dxm] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 5cqw;
  height: 5cqw;
  border-radius: 1.3cqw;
}

.ahv__frag-icon[b-wv83953dxm]  .icon,
.ahv__out-icon[b-wv83953dxm]  .icon {
  width: 2.6cqw;
  height: 2.6cqw;
}

.ahv__frag-icon[b-wv83953dxm] {
  color: var(--slate-400);
  background: rgba(152, 166, 186, 0.08);
  border: 1px dashed rgba(152, 166, 186, 0.3);
}

/* Small "out of sync" marker */
.ahv__flag[b-wv83953dxm] {
  position: absolute;
  top: 1.3cqw;
  right: 1.3cqw;
  width: 0.9cqw;
  height: 0.9cqw;
  border-radius: 50%;
  background: var(--amber-400);
  box-shadow: 0 0 0 0.45cqw rgba(245, 185, 74, 0.16);
}

/* ---- Core --------------------------------------------------------------------------- */
.ahv__core[b-wv83953dxm] {
  position: absolute;
  left: 45.333%;
  top: 40.417%;
  width: 15.333%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, #17304F 0%, #0C1A2F 70%);
  border: 1px solid rgba(49, 199, 213, 0.45);
  box-shadow:
    0 0 0 1.2cqw rgba(49, 199, 213, 0.06),
    0 0 8cqw -1cqw rgba(49, 199, 213, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  animation: ahv-rise-b-wv83953dxm 1000ms 120ms var(--ease-out) both;
}

.ahv__core[b-wv83953dxm]  .ahv__mark {
  width: 62%;
  height: 62%;
  animation: ahv-turn-b-wv83953dxm 1600ms 500ms var(--ease-out) both;
}

.ahv__core-halo[b-wv83953dxm] {
  position: absolute;
  inset: -1px;
  border-radius: 50%;
  border: 1px solid rgba(49, 199, 213, 0.55);
  animation: ahv-halo-b-wv83953dxm 3.4s 1.2s var(--ease-out) infinite;
  opacity: 0;
}

/* ---- Connected outcomes (right) ---------------------------------------------------- */
.ahv__out[b-wv83953dxm] {
  position: absolute;
  left: 71%;
  width: 29%;
  height: 11.25%;
  display: flex;
  align-items: center;
  gap: 1.5cqw;
  padding: 0 3cqw 0 1.4cqw;
  border-radius: 2cqw;
  background: linear-gradient(180deg, rgba(24, 43, 70, 0.97), rgba(13, 27, 47, 0.97));
  border: 1px solid rgba(152, 166, 186, 0.22);
  box-shadow:
    0 2.4cqw 5cqw -1.6cqw rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: var(--brand-white);
  animation: ahv-rise-b-wv83953dxm 900ms var(--ease-out) both;
}

.ahv__out--records[b-wv83953dxm]   { top: 19.375%; animation-delay: 700ms; }
.ahv__out--approvals[b-wv83953dxm] { top: 44.375%; animation-delay: 800ms; }
.ahv__out--reports[b-wv83953dxm]   { top: 69.375%; animation-delay: 900ms; }

.ahv__out-icon[b-wv83953dxm] {
  color: var(--brand-cyan);
  background: rgba(49, 199, 213, 0.14);
  border: 1px solid rgba(49, 199, 213, 0.34);
}

.ahv__out--reports .ahv__out-icon[b-wv83953dxm] {
  color: var(--blue-300);
  background: rgba(82, 123, 255, 0.16);
  border-color: rgba(82, 123, 255, 0.4);
}

.ahv__ok[b-wv83953dxm] {
  position: absolute;
  top: 50%;
  right: 1.2cqw;
  display: grid;
  place-items: center;
  width: 2.2cqw;
  height: 2.2cqw;
  margin-top: -1.1cqw;
  border-radius: 50%;
  background: rgba(61, 214, 163, 0.16);
  color: var(--green-400);
}

.ahv__ok[b-wv83953dxm]  .icon {
  width: 1.3cqw;
  height: 1.3cqw;
}

/* Very small renderings: drop the secondary lines so the titles stay legible. */
@container (max-width: 26rem) {
  .ahv__title[b-wv83953dxm] {
    font-size: 2.6cqw;
  }

  .ahv__title--mono[b-wv83953dxm] {
    font-size: 2.2cqw;
  }

  .ahv__sub[b-wv83953dxm],
  .ahv__flag[b-wv83953dxm],
  .ahv__ok[b-wv83953dxm] {
    display: none;
  }

  .ahv__tag[b-wv83953dxm] {
    font-size: 1.9cqw;
  }
}

/* ---- Motion -------------------------------------------------------------------------- */
@keyframes ahv-rise-b-wv83953dxm {
  from {
    opacity: 0;
    translate: 0 1.6cqw;
  }

  to {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes ahv-turn-b-wv83953dxm {
  from { transform: rotate(-45deg); }
  to { transform: rotate(0deg); }
}

@keyframes ahv-pulse-b-wv83953dxm {
  from { stroke-dashoffset: 9; }
  to { stroke-dashoffset: -100; }
}

@keyframes ahv-drift-b-wv83953dxm {
  to { stroke-dashoffset: -16; }
}

@keyframes ahv-spin-b-wv83953dxm {
  to { transform: rotate(360deg); }
}

@keyframes ahv-halo-b-wv83953dxm {
  0% { transform: scale(1); opacity: 0.7; }
  70%, 100% { transform: scale(1.55); opacity: 0; }
}
/* /Components/Sections/About/AboutMission.razor.rz.scp.css */
.mission__grid[b-moweufdoxw] {
  display: grid;
  gap: var(--space-6);
}

@media (min-width: 56rem) {
  .mission__grid[b-moweufdoxw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mission__card[b-moweufdoxw] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: clamp(1.75rem, 1rem + 3vw, 3.25rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  color: var(--color-text);
}

.mission__card--mission[b-moweufdoxw] {
  background:
    radial-gradient(80% 70% at 0% 0%, rgba(49, 199, 213, 0.1), transparent 60%),
    var(--color-surface);
  box-shadow: var(--shadow-sm);
}

.mission__card--vision[b-moweufdoxw] {
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(82, 123, 255, 0.22), transparent 60%),
    radial-gradient(70% 110% at 0% 100%, rgba(49, 199, 213, 0.12), transparent 60%),
    linear-gradient(160deg, var(--navy-800), var(--navy-900));
  border-color: rgba(152, 166, 186, 0.16);
  box-shadow: var(--shadow-lg);
}

.mission__bg[b-moweufdoxw] {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.mission__bg[b-moweufdoxw]  .mission__rings {
  position: absolute;
  width: 30rem;
  height: auto;
  right: -13rem;
  bottom: -13rem;
  color: var(--color-accent);
  opacity: 0.14;
}

.mission__card--vision .mission__bg[b-moweufdoxw]  .mission__rings {
  color: var(--brand-cyan);
  opacity: 0.2;
}

.mission__glow[b-moweufdoxw] {
  width: 28rem;
  height: 28rem;
  right: -10rem;
  top: -12rem;
}

.mission__head[b-moweufdoxw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mission__label[b-moweufdoxw] {
  margin-top: var(--space-8);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-accent);
}

.mission__statement[b-moweufdoxw] {
  margin-top: var(--space-4);
  font-family: var(--font-display);
  font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
  font-weight: var(--weight-bold);
  line-height: 1.28;
  letter-spacing: -0.022em;
  color: var(--color-heading);
  max-width: 34rem;
  text-wrap: balance;
}

.mission__support[b-moweufdoxw] {
  margin-top: auto;
  padding-top: var(--space-8);
  color: var(--color-text-muted);
  line-height: 1.7;
  max-width: 30rem;
}
/* /Components/Sections/About/AboutName.razor.rz.scp.css */
.name__glow-a[b-ypihae8hoa] {
  width: 56rem;
  height: 56rem;
  right: -18rem;
  top: -14rem;
  --glow-opacity: 0.75;
}

.name__glow-b[b-ypihae8hoa] {
  width: 40rem;
  height: 40rem;
  left: -16rem;
  bottom: -20rem;
  --glow-opacity: 0.6;
}

.name__layout[b-ypihae8hoa] {
  display: grid;
  gap: clamp(3rem, 2rem + 4vw, 4.5rem);
  align-items: center;
}

@media (min-width: 64rem) {
  .name__layout[b-ypihae8hoa] {
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    gap: clamp(2.5rem, 0.5rem + 4vw, 5rem);
  }
}

.name__intro h2[b-ypihae8hoa] {
  margin-top: var(--space-4);
}

.name__intro .lead[b-ypihae8hoa] {
  margin-top: var(--space-6);
}

/* ---- Traits ---------------------------------------------------------------------- */
.name__traits[b-ypihae8hoa] {
  display: grid;
  gap: var(--space-6);
  margin-top: var(--space-10);
  padding-top: var(--space-8);
  border-top: 1px solid var(--color-border);
}

.name__trait[b-ypihae8hoa] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-4) var(--space-5);
  align-items: start;
}

.name__trait h3[b-ypihae8hoa] {
  font-size: var(--text-lg);
}

.name__trait p[b-ypihae8hoa] {
  margin-top: var(--space-1-5);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.65;
  max-width: 32rem;
}

/* ---- Diagram ----------------------------------------------------------------------- */
.name__figure[b-ypihae8hoa] {
  container-type: inline-size;
  position: relative;
  width: 100%;
  max-width: 46rem;
  margin-inline: auto;
}

.mark-diagram__stage[b-ypihae8hoa] {
  position: relative;
  aspect-ratio: 760 / 600;
}

.mark-diagram__lines[b-ypihae8hoa] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.md-ring--outer[b-ypihae8hoa] {
  stroke: rgba(152, 166, 186, 0.22);
  stroke-width: 1;
}

.md-ring--track[b-ypihae8hoa] {
  stroke: rgba(152, 166, 186, 0.16);
  stroke-width: 1;
  transform-origin: 380px 300px;
  animation: md-spin-b-ypihae8hoa 120s linear infinite;
}

.md-ring--inner[b-ypihae8hoa] {
  stroke: rgba(49, 199, 213, 0.28);
  stroke-width: 1;
}

.md-leader[b-ypihae8hoa] {
  stroke: rgba(152, 166, 186, 0.45);
  stroke-width: 1.2;
}

/* Signals travelling inward, from each module to the core */
.md-pulse[b-ypihae8hoa] {
  stroke: var(--brand-cyan);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 26 100;
  stroke-dashoffset: 26;
  animation: md-pulse-b-ypihae8hoa 4.8s var(--ease-in-out) infinite;
}

.md-pulse--02[b-ypihae8hoa] { animation-delay: 0.6s; }
.md-pulse--03[b-ypihae8hoa] { animation-delay: 1.2s; }
.md-pulse--04[b-ypihae8hoa] { animation-delay: 1.8s; }
.md-pulse--05[b-ypihae8hoa] { animation-delay: 2.4s; }
.md-pulse--06[b-ypihae8hoa] { animation-delay: 3s; }
.md-pulse--07[b-ypihae8hoa] { animation-delay: 3.6s; }
.md-pulse--08[b-ypihae8hoa] { animation-delay: 4.2s; }

.md-port[b-ypihae8hoa] {
  fill: var(--navy-900);
  stroke: var(--brand-cyan);
  stroke-width: 1.4;
}

.mark-diagram__halo[b-ypihae8hoa] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 58%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(49, 199, 213, 0.2), rgba(82, 123, 255, 0.1) 55%, transparent);
  pointer-events: none;
}

.mark-diagram__mark[b-ypihae8hoa] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 38.684%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 0 2.6cqw rgba(49, 199, 213, 0.28));
}

.mark-diagram__mark[b-ypihae8hoa]  .mark-diagram__logo {
  width: 100%;
  height: 100%;
  transition: transform 1600ms var(--ease-out);
}

/* The mark turns into place as the figure scrolls into view; its arcs land on the module labels. */
.name__figure.reveal-pending[b-ypihae8hoa]  .mark-diagram__logo {
  transform: rotate(-45deg);
}

/* ---- Module chips ------------------------------------------------------------------- */
.md-chip[b-ypihae8hoa] {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 0.7em;
  padding: 0.55em 1em 0.55em 0.85em;
  border-radius: var(--radius-full);
  background: linear-gradient(180deg, rgba(24, 43, 70, 0.96), rgba(13, 27, 47, 0.96));
  border: 1px solid rgba(152, 166, 186, 0.24);
  box-shadow: 0 1.4cqw 3cqw -1cqw rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  font-size: clamp(0.6875rem, 2.05cqw, 0.9375rem);
  line-height: 1.2;
  white-space: nowrap;
  color: var(--brand-white);
}

.md-chip--top[b-ypihae8hoa] { transform: translate(-50%, -100%); }
.md-chip--bottom[b-ypihae8hoa] { transform: translate(-50%, 0); }
.md-chip--right[b-ypihae8hoa] { transform: translate(0, -50%); }
.md-chip--left[b-ypihae8hoa] { transform: translate(-100%, -50%); }

.md-chip--01[b-ypihae8hoa] { left: 50%;      top: 18.333%; }
.md-chip--02[b-ypihae8hoa] { left: 67.678%;  top: 27.608%; }
.md-chip--03[b-ypihae8hoa] { left: 75%;      top: 50%; }
.md-chip--04[b-ypihae8hoa] { left: 67.678%;  top: 72.392%; }
.md-chip--05[b-ypihae8hoa] { left: 50%;      top: 81.667%; }
.md-chip--06[b-ypihae8hoa] { left: 32.322%;  top: 72.392%; }
.md-chip--07[b-ypihae8hoa] { left: 25%;      top: 50%; }
.md-chip--08[b-ypihae8hoa] { left: 32.322%;  top: 27.608%; }

.md-chip__dot[b-ypihae8hoa] {
  width: 0.6em;
  height: 0.6em;
  flex-shrink: 0;
  border-radius: 50%;
}

.md-chip__dot--s0[b-ypihae8hoa] { background: var(--logo-c0); }
.md-chip__dot--s1[b-ypihae8hoa] { background: var(--logo-c1); }
.md-chip__dot--s2[b-ypihae8hoa] { background: var(--logo-c2); }
.md-chip__dot--s3[b-ypihae8hoa] { background: var(--logo-c3); }
.md-chip__dot--s4[b-ypihae8hoa] { background: var(--logo-c4); }

.md-chip__index[b-ypihae8hoa] {
  font-family: var(--font-mono);
  font-size: 0.82em;
  letter-spacing: 0.06em;
  color: var(--brand-muted);
}

.md-chip__name[b-ypihae8hoa] {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.005em;
}

/* ---- Module key (screen readers always; visible on small diagrams) ------------------ */
.mark-diagram__key[b-ypihae8hoa] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.mark-diagram__key li[b-ypihae8hoa] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  color: var(--color-text-secondary);
}

.md-key__index[b-ypihae8hoa] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-text-faint);
}

@container (max-width: 32.5rem) {
  .md-chip[b-ypihae8hoa] {
    width: 7.4cqw;
    min-width: 1.75rem;
    aspect-ratio: 1;
    justify-content: center;
    padding: 0;
    gap: 0;
    transform: translate(-50%, -50%);
  }

  .md-chip .md-chip__dot[b-ypihae8hoa],
  .md-chip .md-chip__name[b-ypihae8hoa] {
    display: none;
  }

  .md-chip__index[b-ypihae8hoa] {
    font-size: clamp(0.625rem, 2.6cqw, 0.75rem);
    color: var(--brand-white);
  }

  .mark-diagram__key[b-ypihae8hoa] {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3) var(--space-4);
    margin-top: var(--space-6);
    padding: var(--space-5);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
  }
}

/* ---- Legend ---------------------------------------------------------------------------- */
.name__legend[b-ypihae8hoa] {
  display: grid;
  gap: var(--space-4);
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-border);
}

@container (min-width: 36rem) {
  .name__legend[b-ypihae8hoa] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
  }
}

.name__legend-item[b-ypihae8hoa] {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  font-size: var(--text-sm);
  line-height: 1.55;
  color: var(--color-text-muted);
}

.name__legend-item strong[b-ypihae8hoa] {
  display: block;
  margin-bottom: 0.1rem;
  color: var(--color-heading);
}

.name__swatch[b-ypihae8hoa] {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  margin-top: 0.1rem;
  fill: none;
}

.name__swatch-arc[b-ypihae8hoa] {
  stroke: var(--logo-c2);
  stroke-width: 3.5;
}

.name__swatch-spoke[b-ypihae8hoa] {
  stroke: var(--logo-spoke);
  stroke-width: 1.6;
  stroke-linecap: round;
}

.name__swatch-node[b-ypihae8hoa] {
  fill: var(--logo-node);
}

.name__swatch-core[b-ypihae8hoa] {
  fill: var(--logo-core);
}

/* ---- Motion ------------------------------------------------------------------------------ */
@keyframes md-pulse-b-ypihae8hoa {
  from { stroke-dashoffset: 26; }
  45%, to { stroke-dashoffset: -100; }
}

@keyframes md-spin-b-ypihae8hoa {
  to { transform: rotate(360deg); }
}
/* /Components/Sections/About/AboutStory.razor.rz.scp.css */
.story__layout[b-q2ctipdxna] {
  display: grid;
  gap: clamp(2.5rem, 2rem + 3vw, 4rem);
  align-items: start;
}

@media (min-width: 64rem) {
  .story__layout[b-q2ctipdxna] {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: clamp(3rem, 1rem + 5vw, 6.5rem);
  }

  .story__aside[b-q2ctipdxna] {
    position: sticky;
    top: calc(var(--header-h) + var(--space-10));
  }
}

.story__intro h2[b-q2ctipdxna] {
  margin-top: var(--space-4);
}

/* ---- "A familiar pattern" card -------------------------------------------------- */
.story__pattern[b-q2ctipdxna] {
  margin-top: var(--space-10);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  border: 1px dashed var(--color-border-strong);
  background:
    linear-gradient(180deg, var(--color-bg-subtle), transparent 140%);
}

.story__pattern-title[b-q2ctipdxna] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-faint);
}

.story__symptoms[b-q2ctipdxna] {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.story__symptoms li[b-q2ctipdxna] {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-text-secondary);
}

.story__symptom-icon[b-q2ctipdxna] {
  --icon-size: 1rem;
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  margin-top: -0.2rem;
  border-radius: 8px;
  border: 1px dashed var(--color-border-strong);
  color: var(--color-text-faint);
}

.story__answer[b-q2ctipdxna] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-text-secondary);
}

.story__answer[b-q2ctipdxna]  .story__answer-mark {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
}

.story__answer strong[b-q2ctipdxna] {
  color: var(--color-accent);
  font-weight: var(--weight-semibold);
}

/* ---- Narrative ---------------------------------------------------------------------- */
.story__opening[b-q2ctipdxna] {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 1.15rem + 1.4vw, 2.25rem);
  font-weight: var(--weight-semibold);
  line-height: 1.28;
  letter-spacing: -0.022em;
  color: var(--color-heading);
  text-wrap: pretty;
}

.story__mark[b-q2ctipdxna] {
  background: linear-gradient(transparent 70%, var(--color-accent-bg) 70%);
  color: var(--color-accent);
}

.story__prose[b-q2ctipdxna] {
  margin-top: var(--space-8);
  max-width: 40rem;
  font-size: var(--text-md);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
}

.story__prose p + p[b-q2ctipdxna] {
  margin-top: var(--space-5);
}

/* ---- Pull quote --------------------------------------------------------------------- */
.story__quote[b-q2ctipdxna] {
  position: relative;
  margin-top: var(--space-12);
  margin-bottom: var(--space-4);
  padding: var(--space-8) 0 var(--space-8) clamp(1.5rem, 1rem + 2vw, 2.5rem);
  max-width: 42rem;
}

/* Gradient rail echoing the brand colors */
.story__quote[b-q2ctipdxna]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--brand-cyan), var(--brand-blue));
}

.story__quote-glyph[b-q2ctipdxna] {
  width: 2rem;
  height: auto;
  margin-bottom: var(--space-4);
  fill: var(--color-accent);
  opacity: 0.35;
}

.story__quote blockquote p[b-q2ctipdxna] {
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 1.05rem + 0.8vw, 1.625rem);
  font-weight: var(--weight-semibold);
  line-height: 1.4;
  letter-spacing: -0.016em;
  color: var(--color-heading);
}

.story__quote figcaption[b-q2ctipdxna] {
  margin-top: var(--space-4);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-faint);
}
/* /Components/Sections/About/AboutValues.razor.rz.scp.css */
.values__grid[b-8fzt4fwnvo] {
  display: grid;
  gap: 1px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-border);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 40rem) {
  .values__grid[b-8fzt4fwnvo] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .values__grid[b-8fzt4fwnvo] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.values__item[b-8fzt4fwnvo] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: clamp(1.5rem, 1.1rem + 1.4vw, 2.5rem);
  background: var(--color-surface);
  transition: background-color var(--dur) var(--ease-out);
}

/* Accent hairline that draws in along the top edge on hover */
.values__item[b-8fzt4fwnvo]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue));
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--dur-slow) var(--ease-out);
}

.values__item:hover[b-8fzt4fwnvo] {
  background: var(--color-surface-hover);
}

.values__item:hover[b-8fzt4fwnvo]::before {
  transform: scaleX(1);
}

.values__top[b-8fzt4fwnvo] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: var(--space-5);
}

.values__item h3[b-8fzt4fwnvo] {
  font-size: var(--text-xl);
}

.values__item p[b-8fzt4fwnvo] {
  color: var(--color-text-muted);
  line-height: 1.7;
  max-width: 24rem;
}
/* /Components/Sections/Contact/ContactAside.razor.rz.scp.css */
.contact-aside[b-9vm4f037b5] {
  display: grid;
  gap: var(--space-5);
  align-content: start;
}

@media (min-width: 64rem) {
  .contact-aside[b-9vm4f037b5] {
    position: sticky;
    top: calc(var(--header-h) + var(--space-8));
  }
}

.contact-aside__title[b-9vm4f037b5] {
  font-size: var(--text-xl);
}

.contact-aside__steps[b-9vm4f037b5] {
  position: relative;
  display: grid;
  gap: var(--space-6);
  margin-top: var(--space-6);
  padding: 0;
  list-style: none;
}

.contact-aside__steps[b-9vm4f037b5]::before {
  content: "";
  position: absolute;
  left: 0.3125rem;
  top: 0.5rem;
  bottom: 0.5rem;
  width: 1px;
  background: linear-gradient(180deg, var(--color-border-accent), var(--color-border));
}

.contact-aside__step[b-9vm4f037b5] {
  position: relative;
  display: grid;
  gap: 0.2rem;
  padding-left: 2rem;
}

.contact-aside__node[b-9vm4f037b5] {
  position: absolute;
  left: 0;
  top: 0.25rem;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: var(--color-bg-subtle);
  border: 1.5px solid var(--color-accent);
  box-shadow: 0 0 0 4px var(--color-accent-bg);
}

.contact-aside__step-title[b-9vm4f037b5] {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  color: var(--color-heading);
}

.contact-aside__step-text[b-9vm4f037b5] {
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-text-muted);
}

.contact-aside__card[b-9vm4f037b5] {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
}

.contact-aside__label[b-9vm4f037b5] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.contact-aside__email[b-9vm4f037b5] {
  display: inline-block;
  margin-top: var(--space-1);
  font-weight: var(--weight-semibold);
  overflow-wrap: anywhere;
}

.contact-aside__text[b-9vm4f037b5] {
  margin-top: var(--space-1);
  font-size: var(--text-sm);
  line-height: 1.55;
  color: var(--color-text-secondary);
}

.contact-aside__topics[b-9vm4f037b5] {
  margin-top: var(--space-3);
}
/* /Components/Sections/Contact/ContactHero.razor.rz.scp.css */
/* Below the two-column breakpoint the visual is hidden; drop the grid row gap it would leave. */
@media (max-width: 63.99rem) {
  .contact-hero[b-tnnyuv0xzw]  .page-hero__inner--split {
    row-gap: 0;
  }
}

@media (min-width: 64rem) {
  .contact-hero[b-tnnyuv0xzw]  .page-hero__inner--split {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  }
}
/* /Components/Sections/Contact/ContactHeroVisual.razor.rz.scp.css */
/* Container query units: at the 400px reference width, 1cqw = 4px. Hidden below 64rem. */
.chv[b-s1h20x9zlb] {
  display: none;
}

@media (min-width: 64rem) {
  .chv[b-s1h20x9zlb] {
    display: block;
    container-type: inline-size;
    width: min(100%, 25rem);
    margin-left: auto;
  }
}

.chv__stage[b-s1h20x9zlb] {
  position: relative;
  aspect-ratio: 1;
}

.chv__stage[b-s1h20x9zlb]::before {
  content: "";
  position: absolute;
  inset: 14%;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(49, 199, 213, 0.16), rgba(82, 123, 255, 0.07) 60%, transparent);
  pointer-events: none;
}

/* ---- Connection layer ------------------------------------------------------------ */
.chv__lines[b-s1h20x9zlb] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.chv__orbit--outer[b-s1h20x9zlb] {
  stroke: rgba(152, 166, 186, 0.2);
  stroke-width: 1;
}

.chv__orbit--inner[b-s1h20x9zlb] {
  stroke: rgba(49, 199, 213, 0.22);
  stroke-width: 1;
}

.chv__octagon[b-s1h20x9zlb] {
  stroke: rgba(152, 166, 186, 0.22);
  stroke-width: 1;
  stroke-linejoin: round;
}

.chv__spoke[b-s1h20x9zlb] {
  stroke: rgba(152, 166, 186, 0.32);
  stroke-width: 1;
}

.chv__pulse[b-s1h20x9zlb] {
  stroke: var(--brand-cyan);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-dasharray: 16 220;
  stroke-dashoffset: 16;
  opacity: 0;
  animation: chv-flow-b-s1h20x9zlb 5.6s var(--ease-in-out) infinite both;
}

.chv__pulse--2[b-s1h20x9zlb] { animation-delay: 0.7s; }
.chv__pulse--3[b-s1h20x9zlb] { animation-delay: 1.4s; }
.chv__pulse--4[b-s1h20x9zlb] { animation-delay: 2.1s; }
.chv__pulse--5[b-s1h20x9zlb] { animation-delay: 2.8s; stroke: var(--blue-400); }
.chv__pulse--6[b-s1h20x9zlb] { animation-delay: 3.5s; stroke: var(--blue-400); }
.chv__pulse--7[b-s1h20x9zlb] { animation-delay: 4.2s; stroke: var(--blue-400); }
.chv__pulse--8[b-s1h20x9zlb] { animation-delay: 4.9s; stroke: var(--blue-400); }

@keyframes chv-flow-b-s1h20x9zlb {
  0% {
    stroke-dashoffset: 16;
    opacity: 0;
  }

  8% {
    opacity: 1;
  }

  30% {
    stroke-dashoffset: -100;
    opacity: 0.9;
  }

  34%,
  100% {
    stroke-dashoffset: -100;
    opacity: 0;
  }
}

/* ---- Core ---------------------------------------------------------------------------- */
.chv__core[b-s1h20x9zlb] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 27cqw;
  height: 27cqw;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
}

.chv__core-ring[b-s1h20x9zlb] {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px dashed rgba(49, 199, 213, 0.45);
  animation: chv-spin-b-s1h20x9zlb 48s linear infinite both;
}

.chv__core-ring[b-s1h20x9zlb]::before {
  content: "";
  position: absolute;
  top: -0.9cqw;
  left: 50%;
  width: 1.8cqw;
  height: 1.8cqw;
  margin-left: -0.9cqw;
  border-radius: 50%;
  background: var(--brand-cyan);
  box-shadow: 0 0 0 1cqw rgba(49, 199, 213, 0.16), 0 0 3cqw rgba(49, 199, 213, 0.7);
}

.chv__core-tile[b-s1h20x9zlb] {
  --icon-size: 8.5cqw;
  position: relative;
  display: grid;
  place-items: center;
  width: 18.5cqw;
  height: 18.5cqw;
  border-radius: 5.5cqw;
  color: var(--brand-white);
  background:
    linear-gradient(150deg, rgba(49, 199, 213, 0.35), rgba(82, 123, 255, 0.28)),
    var(--navy-800);
  border: 1px solid rgba(49, 199, 213, 0.55);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 0 1.6cqw rgba(49, 199, 213, 0.07),
    0 4cqw 10cqw -2cqw rgba(49, 199, 213, 0.45);
}

@keyframes chv-spin-b-s1h20x9zlb {
  to {
    transform: rotate(360deg);
  }
}

/* ---- Nodes ----------------------------------------------------------------------------- */
.chv__node[b-s1h20x9zlb] {
  --icon-size: 5.6cqw;
  position: absolute;
  display: grid;
  place-items: center;
  width: 12.5cqw;
  height: 12.5cqw;
  transform: translate(-50%, -50%);
  border-radius: 3.6cqw;
  color: var(--blue-300);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)), var(--navy-850);
  border: 1px solid rgba(152, 166, 186, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 3cqw 6cqw -3cqw rgba(0, 0, 0, 0.6);
}

.chv__node--product[b-s1h20x9zlb] {
  color: var(--cyan-300);
  border-color: rgba(49, 199, 213, 0.38);
}

/* Positions: radius 150 of 400 around the center, starting at -67.5° (flat-top octagon). */
.chv__node--1[b-s1h20x9zlb] { left: 64.35%; top: 15.35%; }
.chv__node--2[b-s1h20x9zlb] { left: 84.65%; top: 35.65%; }
.chv__node--3[b-s1h20x9zlb] { left: 84.65%; top: 64.35%; }
.chv__node--4[b-s1h20x9zlb] { left: 64.35%; top: 84.65%; }
.chv__node--5[b-s1h20x9zlb] { left: 35.65%; top: 84.65%; }
.chv__node--6[b-s1h20x9zlb] { left: 15.35%; top: 64.35%; }
.chv__node--7[b-s1h20x9zlb] { left: 15.35%; top: 35.65%; }
.chv__node--8[b-s1h20x9zlb] { left: 35.65%; top: 15.35%; }

/* ---- Floating tag ------------------------------------------------------------------------ */
.chv__tag[b-s1h20x9zlb] {
  position: absolute;
  left: 50%;
  top: 69%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 2cqw;
  padding: 1.7cqw 3.4cqw 1.7cqw 2.8cqw;
  border-radius: var(--radius-full);
  border: 1px solid rgba(152, 166, 186, 0.26);
  background: rgba(11, 23, 41, 0.88);
  box-shadow: 0 4cqw 9cqw -4cqw rgba(0, 0, 0, 0.7);
  font-size: max(0.6875rem, 3.1cqw);
  font-weight: var(--weight-semibold);
  color: var(--brand-white);
  white-space: nowrap;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.chv__tag-dot[b-s1h20x9zlb] {
  width: 1.8cqw;
  height: 1.8cqw;
  border-radius: 50%;
  background: var(--brand-cyan);
  box-shadow: 0 0 0 0.9cqw rgba(49, 199, 213, 0.2);
}

.chv__tag-sep[b-s1h20x9zlb] {
  width: 1px;
  height: 2.6cqw;
  background: rgba(152, 166, 186, 0.35);
}

.chv__tag-muted[b-s1h20x9zlb] {
  font-weight: var(--weight-medium);
  color: var(--brand-muted);
}
/* /Components/Sections/Home/HomeHero.razor.rz.scp.css */
.home-hero[b-3q0zk9nnmq] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: calc(var(--header-h) + clamp(3rem, 1.5rem + 5vw, 6.5rem));
  padding-bottom: clamp(4.5rem, 2.5rem + 6vw, 8rem);
  background:
    radial-gradient(70% 60% at 78% 32%, rgba(82, 123, 255, 0.14), transparent 70%),
    linear-gradient(180deg, var(--navy-950) 0%, var(--navy-900) 55%, var(--navy-850) 100%);
  color: var(--color-text);
}

.home-hero__bg[b-3q0zk9nnmq] {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.home-hero__grid[b-3q0zk9nnmq] {
  -webkit-mask-image: radial-gradient(ellipse 70% 75% at 60% 40%, #000 20%, transparent 85%);
  mask-image: radial-gradient(ellipse 70% 75% at 60% 40%, #000 20%, transparent 85%);
}

.home-hero__glow-a[b-3q0zk9nnmq] {
  width: 56rem;
  height: 56rem;
  right: -16rem;
  top: -20rem;
}

.home-hero__glow-b[b-3q0zk9nnmq] {
  width: 40rem;
  height: 40rem;
  left: -18rem;
  bottom: -20rem;
  --glow-opacity: 0.75;
}

/* Luminous horizon line along the bottom edge */
.home-hero__horizon[b-3q0zk9nnmq] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(49, 199, 213, 0.55) 30%, rgba(82, 123, 255, 0.55) 70%, transparent);
}

.home-hero__horizon[b-3q0zk9nnmq]::after {
  content: "";
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 0;
  height: 7rem;
  background: radial-gradient(50% 100% at 50% 100%, rgba(49, 199, 213, 0.12), transparent);
}

.home-hero__inner[b-3q0zk9nnmq] {
  position: relative;
  display: grid;
  gap: clamp(3rem, 2rem + 4vw, 4.5rem);
  align-items: center;
}

@media (min-width: 64rem) {
  .home-hero__inner[b-3q0zk9nnmq] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr);
    gap: clamp(2rem, 1rem + 2.5vw, 3.5rem);
  }
}

.home-hero__content > *[b-3q0zk9nnmq] {
  animation: home-hero-rise-b-3q0zk9nnmq 1000ms var(--ease-out) both;
}

.home-hero__content > :nth-child(2)[b-3q0zk9nnmq] { animation-delay: 80ms; }
.home-hero__content > :nth-child(3)[b-3q0zk9nnmq] { animation-delay: 160ms; }
.home-hero__content > :nth-child(4)[b-3q0zk9nnmq] { animation-delay: 240ms; }
.home-hero__content > :nth-child(5)[b-3q0zk9nnmq] { animation-delay: 320ms; }

.home-hero__chip[b-3q0zk9nnmq] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
  padding: 0.4rem 0.9rem 0.4rem 0.7rem;
  border-radius: var(--radius-full);
  border: 1px solid rgba(152, 166, 186, 0.22);
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.8125rem;
  font-weight: var(--weight-medium);
  color: var(--color-text-secondary);
}

.home-hero__chip-dot[b-3q0zk9nnmq] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--brand-cyan);
  box-shadow: 0 0 0 4px rgba(49, 199, 213, 0.18);
  animation: home-hero-beacon-b-3q0zk9nnmq 2.8s ease-in-out infinite;
}

.home-hero__chip-sep[b-3q0zk9nnmq] {
  width: 1px;
  height: 0.75rem;
  background: rgba(152, 166, 186, 0.32);
}

.home-hero__chip-muted[b-3q0zk9nnmq] {
  color: var(--color-text-muted);
}

.home-hero__title[b-3q0zk9nnmq] {
  margin-top: var(--space-7);
  font-size: clamp(2.625rem, 1.5rem + 3.4vw, 4.125rem);
  line-height: 1.04;
  letter-spacing: -0.038em;
}

.home-hero__lead[b-3q0zk9nnmq] {
  margin-top: var(--space-6);
  max-width: 34rem;
  font-size: var(--text-xl);
  line-height: 1.6;
  color: var(--color-text-secondary);
}

.home-hero__actions[b-3q0zk9nnmq] {
  margin-top: var(--space-10);
}

.home-hero__points[b-3q0zk9nnmq] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
  margin-top: var(--space-10);
  padding-top: var(--space-6);
  border-top: 1px solid rgba(152, 166, 186, 0.12);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.home-hero__points li[b-3q0zk9nnmq] {
  --icon-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.home-hero__points li[b-3q0zk9nnmq]  .icon {
  color: var(--brand-cyan);
}

.home-hero__visual[b-3q0zk9nnmq] {
  position: relative;
  width: 100%;
  max-width: 44rem;
  margin-inline: auto;
  animation: home-hero-rise-b-3q0zk9nnmq 1200ms 200ms var(--ease-out) both;
}

@media (min-width: 64rem) {
  .home-hero__visual[b-3q0zk9nnmq] {
    margin-right: calc(var(--gutter) * -0.5);
  }
}

@media (max-width: 30rem) {
  .home-hero__actions[b-3q0zk9nnmq]  .btn {
    flex: 1 1 100%;
  }

  .home-hero__chip-sep[b-3q0zk9nnmq],
  .home-hero__chip-muted[b-3q0zk9nnmq] {
    display: none;
  }
}

@keyframes home-hero-rise-b-3q0zk9nnmq {
  from {
    opacity: 0;
    transform: translate3d(0, 16px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes home-hero-beacon-b-3q0zk9nnmq {
  0%, 100% { box-shadow: 0 0 0 4px rgba(49, 199, 213, 0.18); }
  50% { box-shadow: 0 0 0 7px rgba(49, 199, 213, 0.06); }
}
/* /Components/Sections/Home/HomeIndustries.razor.rz.scp.css */
.industries__grid[b-3mhjtm4ugf] {
  display: grid;
  gap: var(--space-5);
  padding: 0;
  list-style: none;
}

@media (min-width: 40rem) {
  .industries__grid[b-3mhjtm4ugf] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .industries__grid[b-3mhjtm4ugf] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.industry-card[b-3mhjtm4ugf] {
  gap: var(--space-4);
}

.industry-card__head[b-3mhjtm4ugf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
}

.industry-card h3[b-3mhjtm4ugf] {
  font-size: var(--text-xl);
}

.industry-card p[b-3mhjtm4ugf] {
  flex: 1;
  line-height: 1.65;
}

.industry-card__chips[b-3mhjtm4ugf] {
  margin-top: var(--space-2);
}

.industry-card__tag[b-3mhjtm4ugf] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-accent);
  padding: 0.3rem 0.6rem;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border-accent);
  background: var(--color-accent-bg);
}

/* Featured (textile) card spans two columns and carries the value-chain strip */
.industry-card--featured[b-3mhjtm4ugf] {
  background:
    radial-gradient(90% 120% at 100% 0%, var(--color-accent-blue-bg), transparent 60%),
    radial-gradient(80% 100% at 0% 100%, var(--color-accent-bg), transparent 60%),
    var(--color-surface);
}

@media (min-width: 40rem) {
  .industry-card--featured[b-3mhjtm4ugf] {
    grid-column: span 2;
  }
}

@media (min-width: 64rem) {
  .industry-card--featured[b-3mhjtm4ugf] {
    grid-column: span 2;
    padding: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
  }

  .industry-card--featured h3[b-3mhjtm4ugf] {
    font-size: var(--text-3xl);
  }

  .industry-card--featured p[b-3mhjtm4ugf] {
    flex: 0 1 auto;
    font-size: var(--text-lg);
    max-width: 36rem;
  }
}

.industry-card__flow[b-3mhjtm4ugf] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) 0;
  margin: var(--space-4) 0 var(--space-2);
  padding: 0;
  list-style: none;
}

.industry-card__flow li[b-3mhjtm4ugf] {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.industry-card__flow li[b-3mhjtm4ugf]::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  border: 1.5px solid var(--color-accent);
  background: var(--color-surface);
}

.industry-card__flow li:not(:last-child)[b-3mhjtm4ugf]::after {
  content: "";
  width: clamp(1rem, 0.5rem + 2vw, 2.5rem);
  height: 1px;
  margin-inline: 0.625rem;
  background: linear-gradient(90deg, var(--color-accent), var(--color-border-strong));
}
/* /Components/Sections/Home/HomePositioning.razor.rz.scp.css */
.positioning__intro[b-4l6gr90rws] {
  max-width: 62rem;
}

.positioning__statement[b-4l6gr90rws] {
  margin-top: var(--space-5);
  font-size: clamp(1.75rem, 1.2rem + 2.2vw, 3rem);
  font-weight: var(--weight-semibold);
  line-height: 1.2;
  letter-spacing: -0.026em;
  color: var(--color-text-muted);
}

.positioning__term[b-4l6gr90rws] {
  color: var(--color-heading);
  font-weight: var(--weight-bold);
  background: linear-gradient(transparent 72%, var(--color-accent-bg) 72%);
}

.positioning__grid[b-4l6gr90rws] {
  position: relative;
  display: grid;
  gap: var(--space-10);
  margin-top: clamp(3rem, 2rem + 4vw, 5rem);
  padding: 0;
  list-style: none;
}

@media (min-width: 48rem) {
  .positioning__grid[b-4l6gr90rws] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-8);
    padding-top: var(--space-10);
  }

  /* Connector line joining the three nodes */
  .positioning__grid[b-4l6gr90rws]::before {
    content: "";
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--color-border-accent), var(--color-border) 85%, transparent);
  }
}

.positioning__item[b-4l6gr90rws] {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-4);
}

.positioning__node[b-4l6gr90rws] {
  display: none;
}

@media (min-width: 48rem) {
  .positioning__node[b-4l6gr90rws] {
    display: block;
    position: absolute;
    top: calc(var(--space-10) * -1);
    left: 0;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background: var(--color-bg);
    border: 1.5px solid var(--color-accent);
    box-shadow: 0 0 0 4px var(--color-accent-bg);
  }
}

.positioning__item h3[b-4l6gr90rws] {
  margin-top: var(--space-2);
  font-size: var(--text-2xl);
}

.positioning__item p[b-4l6gr90rws] {
  color: var(--color-text-muted);
  line-height: 1.7;
  max-width: 22rem;
}
/* /Components/Sections/Home/HomeServices.razor.rz.scp.css */
.home-services__glow[b-ihbk0h5jyq] {
  width: 60rem;
  height: 60rem;
  right: -24rem;
  top: -26rem;
  --glow-opacity: 0.8;
}

.home-services__grid[b-ihbk0h5jyq] {
  display: grid;
  gap: var(--space-5);
}

@media (min-width: 40rem) {
  .home-services__grid[b-ihbk0h5jyq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .home-services__grid[b-ihbk0h5jyq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.home-services__grid > div[b-ihbk0h5jyq] {
  display: flex;
}

.home-services__footer[b-ihbk0h5jyq] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4) var(--space-6);
  margin-top: var(--space-12);
  padding-top: var(--space-8);
  border-top: 1px solid var(--color-border);
}

.home-services__footer p[b-ihbk0h5jyq] {
  color: var(--color-text-muted);
}
/* /Components/Sections/Home/HomeSolutions.razor.rz.scp.css */
.home-solutions__grid[b-7jmhoexthx] {
  display: grid;
  gap: var(--space-6);
}

@media (min-width: 48rem) {
  .home-solutions__grid[b-7jmhoexthx] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.home-solutions__grid > div[b-7jmhoexthx] {
  display: flex;
}

.home-solutions__note[b-7jmhoexthx] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-5);
  margin-top: var(--space-8);
  padding: var(--space-5) var(--space-6);
  border-radius: var(--radius-lg);
  border: 1px dashed var(--color-border-strong);
  background: var(--color-surface);
}

.home-solutions__note p[b-7jmhoexthx] {
  flex: 1 1 22rem;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.6;
}

.home-solutions__note strong[b-7jmhoexthx] {
  margin-right: 0.25rem;
}
/* /Components/Sections/Home/HomeTechnology.razor.rz.scp.css */
.tech[b-xwkxswda55] {
  display: grid;
  gap: clamp(2.5rem, 2rem + 3vw, 4rem);
  align-items: start;
}

@media (min-width: 64rem) {
  .tech[b-xwkxswda55] {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: var(--space-16);
  }

  .tech__intro[b-xwkxswda55] {
    position: sticky;
    top: calc(var(--header-h) + var(--space-10));
  }
}

.tech__intro h2[b-xwkxswda55] {
  margin-top: var(--space-4);
  font-size: var(--text-3xl);
}

.tech__intro .lead[b-xwkxswda55] {
  margin-top: var(--space-5);
}

.tech__disclaimer[b-xwkxswda55] {
  margin-top: var(--space-6);
  padding-left: var(--space-4);
  border-left: 2px solid var(--color-border-strong);
  font-size: var(--text-xs);
  line-height: 1.6;
  color: var(--color-text-muted);
  max-width: 30rem;
}

.tech__grid[b-xwkxswda55] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 0;
  list-style: none;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-border);
  border: 1px solid var(--color-border);
}

@media (min-width: 48rem) {
  .tech__grid[b-xwkxswda55] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .tech__grid[b-xwkxswda55] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .tech__grid[b-xwkxswda55] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.tech__item[b-xwkxswda55] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-height: 9.5rem;
  padding: var(--space-6) var(--space-5);
  background: var(--color-surface);
  transition: background-color var(--dur) var(--ease-out);
}

.tech__item:hover[b-xwkxswda55] {
  background: var(--color-surface-hover);
}

.tech__icon[b-xwkxswda55] {
  --icon-size: 1.5rem;
  display: inline-flex;
  margin-bottom: auto;
  padding-bottom: var(--space-5);
  color: var(--color-accent);
}

.tech__name[b-xwkxswda55] {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--weight-bold);
  color: var(--color-heading);
  letter-spacing: -0.01em;
}

.tech__descriptor[b-xwkxswda55] {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  line-height: 1.45;
}
/* /Components/Sections/Home/HomeWhy.razor.rz.scp.css */
.why__rings[b-daym9zt1sg] {
  position: absolute;
  z-index: -1;
  left: 50%;
  bottom: -38rem;
  width: 64rem;
  transform: translateX(-50%);
  color: var(--brand-cyan);
  opacity: 0.12;
  pointer-events: none;
}

.why__grid[b-daym9zt1sg] {
  position: relative;
  display: grid;
  gap: var(--space-10);
  padding: 0;
  list-style: none;
}

@media (min-width: 40rem) {
  .why__grid[b-daym9zt1sg] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-12) var(--space-8);
  }
}

@media (min-width: 64rem) {
  .why__grid[b-daym9zt1sg] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-8);
  }

  /* Circuit line through the four nodes */
  .why__grid[b-daym9zt1sg]::before {
    content: "";
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    right: 0.3125rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(49, 199, 213, 0.6), rgba(82, 123, 255, 0.45) 60%, rgba(152, 166, 186, 0.2));
  }
}

.why__item[b-daym9zt1sg] {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-4);
}

.why__marker[b-daym9zt1sg] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.why__node[b-daym9zt1sg] {
  position: relative;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: var(--navy-900);
  border: 1.5px solid var(--brand-cyan);
  box-shadow: 0 0 0 4px rgba(49, 199, 213, 0.14), 0 0 18px rgba(49, 199, 213, 0.5);
}

.why__item h3[b-daym9zt1sg] {
  margin-top: var(--space-2);
  font-size: var(--text-xl);
}

.why__item p[b-daym9zt1sg] {
  color: var(--color-text-muted);
  line-height: 1.7;
}
/* /Components/Sections/Industries/IndustriesComplexity.razor.rz.scp.css */
/* Eight cells in one engineered panel, separated by hairlines rather than gaps. */
.cx-grid[b-xkdu96tv7v] {
  display: grid;
  gap: 1px;
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: var(--color-border);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

@media (min-width: 40rem) {
  .cx-grid[b-xkdu96tv7v] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .cx-grid[b-xkdu96tv7v] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.cx-item[b-xkdu96tv7v] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
  background: var(--color-surface);
  transition: background-color var(--dur) var(--ease-out);
}

.cx-item[b-xkdu96tv7v]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--brand-cyan), var(--blue-400));
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--dur-slow) var(--ease-out);
}

.cx-item:hover[b-xkdu96tv7v] {
  background: var(--color-surface-hover);
}

.cx-item:hover[b-xkdu96tv7v]::before {
  transform: scaleX(1);
}

.cx-item__top[b-xkdu96tv7v] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-2);
}

.cx-item__title[b-xkdu96tv7v] {
  font-size: var(--text-lg);
  line-height: 1.3;
}

.cx-item__text[b-xkdu96tv7v] {
  flex: 1;
  font-size: 0.9375rem;
  line-height: 1.65;
  color: var(--color-text-muted);
}

.cx-item__readout[b-xkdu96tv7v] {
  margin-top: var(--space-3);
  padding: 0.55rem 0.75rem;
  border-radius: var(--radius-sm);
  border-left: 2px solid var(--color-accent);
  background: var(--color-bg-subtle);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: 1.5;
  color: var(--color-text-secondary);
  overflow-wrap: anywhere;
}

.cx-summary[b-xkdu96tv7v] {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  max-width: 54rem;
  margin: clamp(2.5rem, 2rem + 2vw, 3.5rem) auto 0;
  text-align: left;
}

.cx-summary__mark[b-xkdu96tv7v] {
  flex-shrink: 0;
  display: inline-grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

.cx-summary__mark[b-xkdu96tv7v]  .cx-summary__logo {
  width: 2.25rem;
  height: 2.25rem;
}

.cx-summary p[b-xkdu96tv7v] {
  font-size: var(--text-lg);
  line-height: 1.6;
  color: var(--color-text-secondary);
}

@media (max-width: 30rem) {
  .cx-summary[b-xkdu96tv7v] {
    align-items: flex-start;
  }
}
/* /Components/Sections/Industries/IndustriesHero.razor.rz.scp.css */
.ind-hero[b-pfcmhm36rp]  .page-hero__title {
  font-size: clamp(2.25rem, 1.45rem + 2.6vw, 3.5rem);
  line-height: 1.08;
}

.ind-hero[b-pfcmhm36rp]  .page-hero__lead {
  max-width: 38rem;
}

@media (max-width: 30rem) {
  .ind-hero[b-pfcmhm36rp]  .page-hero__actions .btn {
    flex: 1 1 100%;
  }
}

@media (min-width: 64rem) {
  .ind-hero[b-pfcmhm36rp]  .page-hero__visual {
    margin-right: calc(var(--gutter) * -0.5);
  }
}
/* /Components/Sections/Industries/IndustriesOverview.razor.rz.scp.css */
.ifo-grid[b-6ccxukxps7] {
  display: grid;
  gap: var(--space-4);
}

@media (min-width: 40rem) {
  .ifo-grid[b-6ccxukxps7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .ifo-grid[b-6ccxukxps7] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.ifo-tile[b-6ccxukxps7] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  transition:
    transform var(--dur-slow) var(--ease-out),
    border-color var(--dur) var(--ease-out),
    box-shadow var(--dur-slow) var(--ease-out);
}

.ifo-tile:hover[b-6ccxukxps7],
.ifo-tile:focus-within[b-6ccxukxps7] {
  transform: translateY(-3px);
  border-color: var(--color-border-accent);
  box-shadow: var(--shadow-md);
}

.ifo-tile--featured[b-6ccxukxps7] {
  background:
    radial-gradient(120% 90% at 100% 0%, var(--color-accent-blue-bg), transparent 60%),
    radial-gradient(90% 80% at 0% 100%, var(--color-accent-bg), transparent 65%),
    var(--color-surface);
  border-color: var(--color-border-accent);
}

@media (min-width: 40rem) and (max-width: 63.99rem) {
  .ifo-tile--featured[b-6ccxukxps7] {
    grid-column: span 2;
  }
}

.ifo-tile__top[b-6ccxukxps7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-2);
}

.ifo-tile__link[b-6ccxukxps7] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-bold);
  line-height: 1.3;
  letter-spacing: var(--tracking-snug);
  color: var(--color-heading);
}

.ifo-tile__workflows[b-6ccxukxps7] {
  flex: 1;
  font-size: var(--text-sm);
  line-height: 1.55;
  color: var(--color-text-muted);
}

.ifo-tile__more[b-6ccxukxps7] {
  --icon-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: var(--space-2);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-accent);
}

.ifo-tile__more[b-6ccxukxps7]  .icon {
  transition: transform var(--dur) var(--ease-out);
}

.ifo-tile:hover .ifo-tile__more[b-6ccxukxps7]  .icon {
  transform: translateX(3px);
}
/* /Components/Sections/Industries/IndustriesScenarios.razor.rz.scp.css */
.scn__glow[b-mbc93vy06d] {
  width: 52rem;
  height: 52rem;
  right: -22rem;
  top: -16rem;
  --glow-opacity: 0.8;
}

.scn__layout[b-mbc93vy06d] {
  display: grid;
  gap: var(--space-10);
}

@media (min-width: 64rem) {
  .scn__layout[b-mbc93vy06d] {
    grid-template-columns: 15.5rem minmax(0, 1fr);
    gap: clamp(3rem, 1rem + 3vw, 4.5rem);
    align-items: start;
  }

  .scn__aside[b-mbc93vy06d] {
    position: sticky;
    top: calc(var(--header-h) + 2rem);
  }
}

/* ---- Index -------------------------------------------------------------------------- */
.scn-index__label[b-mbc93vy06d] {
  margin-bottom: var(--space-4);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-faint);
}

.scn-index__list[b-mbc93vy06d] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.scn-index__link[b-mbc93vy06d] {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.75rem;
  padding: 0.4rem 0.95rem;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text-secondary);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: 1.3;
  text-decoration: none;
  transition:
    color var(--dur) var(--ease-out),
    border-color var(--dur) var(--ease-out),
    background-color var(--dur) var(--ease-out);
}

.scn-index__link:hover[b-mbc93vy06d] {
  color: var(--color-heading);
  border-color: var(--color-border-accent);
  background: var(--color-surface-hover);
}

.scn-index__num[b-mbc93vy06d] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: 0.04em;
  color: var(--color-accent);
}

@media (min-width: 64rem) {
  .scn-index__list[b-mbc93vy06d] {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    border-left: 1px solid var(--color-border-strong);
  }

  .scn-index__link[b-mbc93vy06d] {
    display: flex;
    margin-left: -1px;
    padding: 0.5rem 1rem;
    border: 0;
    border-left: 2px solid transparent;
    border-radius: 0 var(--radius) var(--radius) 0;
    background: none;
  }

  .scn-index__link:hover[b-mbc93vy06d] {
    border-left-color: var(--color-accent);
    background: var(--color-surface);
  }

  .scn-index__link:focus-visible[b-mbc93vy06d] {
    border-radius: 0 var(--radius) var(--radius) 0;
  }
}

.scn-index__note[b-mbc93vy06d] {
  --icon-size: 1rem;
  display: flex;
  gap: var(--space-3);
  margin-top: var(--space-6);
  font-size: var(--text-xs);
  line-height: 1.6;
  color: var(--color-text-muted);
}

.scn-index__note[b-mbc93vy06d]  .icon {
  margin-top: 0.1rem;
  color: var(--color-accent);
}

@media (min-width: 64rem) {
  .scn-index__note[b-mbc93vy06d] {
    margin-top: var(--space-8);
    padding-top: var(--space-6);
    border-top: 1px solid var(--color-border);
  }
}

/* ---- Scenario cards ----------------------------------------------------------------- */
.scn__list[b-mbc93vy06d] {
  display: grid;
  gap: var(--space-6);
}

.scn-card[b-mbc93vy06d] {
  scroll-margin-top: calc(var(--header-h) + 1.5rem);
  display: grid;
  gap: var(--space-6);
  padding: clamp(1.375rem, 0.9rem + 1.8vw, 2.5rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: border-color var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out);
}

.scn-card:target[b-mbc93vy06d] {
  border-color: var(--color-border-accent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 0 4px rgba(49, 199, 213, 0.08);
}

.scn-card__head[b-mbc93vy06d] {
  display: flex;
  align-items: flex-start;
  gap: var(--space-5);
}

.scn-card__heading[b-mbc93vy06d] {
  min-width: 0;
}

.scn-card__meta[b-mbc93vy06d] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem 0.75rem;
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-faint);
  line-height: 1.5;
}

.scn-card__num[b-mbc93vy06d] {
  color: var(--color-accent);
}

.scn-card__area[b-mbc93vy06d] {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.scn-card__area[b-mbc93vy06d]::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
}

.scn-card__title[b-mbc93vy06d] {
  margin-top: 0.375rem;
  font-size: var(--text-2xl);
  line-height: 1.2;
}

.scn-card__hook[b-mbc93vy06d] {
  margin-top: 0.375rem;
  color: var(--color-text-muted);
  line-height: 1.55;
}

.scn-label[b-mbc93vy06d] {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  line-height: 1.4;
}

.scn-label[b-mbc93vy06d]::before {
  content: "";
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 1.5px solid currentColor;
}

.scn-label--situation[b-mbc93vy06d] {
  color: var(--color-warning);
}

.scn-label--change[b-mbc93vy06d] {
  color: var(--color-accent);
}

.scn-label--measure[b-mbc93vy06d] {
  color: var(--color-accent-strong);
}

.scn-card__situation[b-mbc93vy06d] {
  padding: var(--space-5) clamp(1.125rem, 0.8rem + 1vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 185, 74, 0.18);
  background: linear-gradient(180deg, rgba(245, 185, 74, 0.06), rgba(245, 185, 74, 0.025));
}

.scn-card__situation p[b-mbc93vy06d] {
  margin-top: var(--space-3);
  font-size: var(--text-md);
  line-height: 1.7;
  color: var(--color-text-secondary);
}

.scn-card__grid[b-mbc93vy06d] {
  display: grid;
  gap: var(--space-8);
}

@media (min-width: 48rem) {
  .scn-card__grid[b-mbc93vy06d] {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: var(--space-8);
  }

  .scn-card__block--measure[b-mbc93vy06d] {
    padding-left: var(--space-8);
    border-left: 1px solid var(--color-border);
  }
}

.scn-card__block > .scn-label + *[b-mbc93vy06d] {
  margin-top: var(--space-4);
}

.scn-card__changes[b-mbc93vy06d] {
  gap: var(--space-3);
}

.scn-card__changes > li[b-mbc93vy06d] {
  line-height: 1.6;
}

.scn-kpis[b-mbc93vy06d] {
  display: grid;
  gap: 0.625rem;
}

.scn-kpis > li[b-mbc93vy06d] {
  --icon-size: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.625rem 0.8rem;
  border-radius: var(--radius);
  border: 1px solid rgba(126, 155, 255, 0.2);
  background: var(--color-accent-blue-bg);
  font-size: var(--text-sm);
  line-height: 1.45;
  color: var(--color-text-secondary);
}

.scn-kpis > li[b-mbc93vy06d]  .icon {
  margin-top: 0.08rem;
  color: var(--color-accent-strong);
}

.scn-card__foot[b-mbc93vy06d] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-5);
  padding-top: var(--space-6);
  border-top: 1px dashed var(--color-border-strong);
}

.scn-card__foot-label[b-mbc93vy06d] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-faint);
}

@media (max-width: 30rem) {
  .scn-card__head[b-mbc93vy06d] {
    flex-direction: column;
    gap: var(--space-4);
  }
}
/* /Components/Sections/Industries/IndustryRelatedLinks.razor.rz.scp.css */
.rel-links[b-0seslybmkc] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: 0;
  list-style: none;
}

.rel-links > li[b-0seslybmkc] {
  display: flex;
  min-width: 0;
  max-width: 100%;
}

.rel-link[b-0seslybmkc] {
  --icon-size: 1.0625rem;
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 3rem;
  max-width: 100%;
  padding: 0.45rem 0.9rem 0.45rem 0.5rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-heading);
  text-decoration: none;
  transition:
    border-color var(--dur) var(--ease-out),
    background-color var(--dur) var(--ease-out),
    box-shadow var(--dur) var(--ease-out);
}

.rel-link:hover[b-0seslybmkc] {
  color: var(--color-heading);
  border-color: var(--color-border-accent);
  background: var(--color-surface-hover);
  box-shadow: var(--shadow-sm);
}

.rel-link:focus-visible[b-0seslybmkc] {
  border-radius: var(--radius-md);
}

.rel-link__icon[b-0seslybmkc] {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 9px;
  color: var(--color-accent);
  background: var(--color-accent-bg);
  border: 1px solid var(--color-border-accent);
}

.rel-link__text[b-0seslybmkc] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.25;
}

.rel-link__kind[b-0seslybmkc] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-faint);
}

.rel-link__label[b-0seslybmkc] {
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
}

.rel-link[b-0seslybmkc]  .rel-link__badge {
  flex-shrink: 0;
  font-size: var(--text-2xs);
}

.rel-link[b-0seslybmkc]  .rel-link__arrow {
  --icon-size: 0.95rem;
  color: var(--color-text-faint);
  transition: transform var(--dur) var(--ease-out), color var(--dur) var(--ease-out);
}

.rel-link:hover[b-0seslybmkc]  .rel-link__arrow {
  color: var(--color-accent);
  transform: translateX(3px);
}
/* /Components/Sections/Industries/IndustrySection.razor.rz.scp.css */
/* html already reserves the fixed header via scroll-padding-top. A negative margin skips most of the
   section's top padding, so /industries#<slug> lands with the heading just below the header. */
.ind-sec[b-t5fzhlont3] {
  scroll-margin-top: calc(1.75rem - var(--section-pad-sm));
}

.ind-sec--featured[b-t5fzhlont3] {
  scroll-margin-top: calc(1.75rem - var(--section-pad));
}

.ind-sec__decor[b-t5fzhlont3] {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.ind-sec__glow[b-t5fzhlont3] {
  width: 54rem;
  height: 54rem;
  left: -26rem;
  top: -24rem;
  --glow-opacity: 0.55;
}

/* ---- Header ------------------------------------------------------------------------ */
.ind-sec__kicker[b-t5fzhlont3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  line-height: 1.4;
}

.ind-sec__count[b-t5fzhlont3] {
  color: var(--color-text-faint);
}

.ind-sec__tag[b-t5fzhlont3] {
  padding: 0.28rem 0.65rem;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border-strong);
  background: var(--color-surface);
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  color: var(--color-text-muted);
}

.ind-sec__tag--accent[b-t5fzhlont3] {
  color: var(--color-accent);
  border-color: var(--color-border-accent);
  background: var(--color-accent-bg);
}

.ind-sec__title-row[b-t5fzhlont3] {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-5);
}

.ind-sec__title[b-t5fzhlont3] {
  font-size: var(--text-3xl);
  line-height: 1.12;
}

.ind-sec--featured .ind-sec__title[b-t5fzhlont3] {
  font-size: var(--text-4xl);
}

.ind-sec__intro[b-t5fzhlont3] {
  margin-top: var(--space-5);
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
}

.ind-sec__chips[b-t5fzhlont3] {
  margin-top: var(--space-6);
}

.ind-sec__head--split[b-t5fzhlont3] {
  display: grid;
  gap: var(--space-6);
}

.ind-sec__head--split .ind-sec__intro[b-t5fzhlont3] {
  margin-top: 0;
}

@media (min-width: 64rem) {
  .ind-sec__head--split[b-t5fzhlont3] {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: var(--space-16);
    align-items: end;
  }
}

/* ---- Featured parts ------------------------------------------------------------------ */
.ind-sec__part[b-t5fzhlont3] {
  margin-top: clamp(3rem, 2rem + 3vw, 4.5rem);
}

.ind-sec__part-head[b-t5fzhlont3] {
  max-width: 46rem;
  margin-bottom: var(--space-8);
}

.ind-sec__part-head h3[b-t5fzhlont3] {
  font-size: var(--text-2xl);
}

.ind-sec__part-head p[b-t5fzhlont3] {
  margin-top: var(--space-3);
  color: var(--color-text-muted);
  line-height: 1.65;
}

@media (min-width: 64rem) {
  .ind-sec__part--split[b-t5fzhlont3] {
    display: grid;
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.6fr);
    gap: var(--space-16);
    align-items: start;
  }

  .ind-sec__part--split > .ind-sec__part-head[b-t5fzhlont3] {
    position: sticky;
    top: calc(var(--header-h) + 2rem);
    margin-bottom: 0;
  }
}

/* Textile specifics: a spec-sheet list with hairline rows */
.ind-specs[b-t5fzhlont3] {
  border-top: 1px solid var(--color-border);
}

.ind-specs__item[b-t5fzhlont3] {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: 0.3rem var(--space-4);
  padding: var(--space-5) 0;
  border-bottom: 1px solid var(--color-border);
}

.ind-specs__num[b-t5fzhlont3] {
  grid-row: span 2;
  padding-top: 0.2rem;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.04em;
  color: var(--color-accent);
}

.ind-specs__title[b-t5fzhlont3] {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--weight-bold);
  line-height: 1.35;
  letter-spacing: var(--tracking-snug);
}

.ind-specs__text[b-t5fzhlont3] {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--color-text-muted);
}

@media (min-width: 48rem) {
  .ind-specs__item[b-t5fzhlont3] {
    grid-template-columns: 2.5rem minmax(0, 0.75fr) minmax(0, 1.5fr);
    align-items: baseline;
    gap: var(--space-6);
  }

  .ind-specs__num[b-t5fzhlont3] {
    grid-row: auto;
    padding-top: 0;
  }
}

/* ---- Columns and blocks ------------------------------------------------------------- */
.ind-sec__columns[b-t5fzhlont3] {
  display: grid;
  gap: var(--space-5);
}

@media (min-width: 48rem) {
  .ind-sec__columns--2[b-t5fzhlont3],
  .ind-sec__columns--3[b-t5fzhlont3] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ind-sec__columns--3 > :last-child[b-t5fzhlont3] {
    grid-column: 1 / -1;
  }
}

@media (min-width: 64rem) {
  .ind-sec__columns--3[b-t5fzhlont3] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ind-sec__columns--3 > :last-child[b-t5fzhlont3] {
    grid-column: auto;
  }
}

.ind-block[b-t5fzhlont3] {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding: clamp(1.375rem, 1rem + 1vw, 1.875rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
}

.ind-block__title[b-t5fzhlont3] {
  --icon-size: 1.125rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: var(--text-lg);
  line-height: 1.3;
}

.ind-block__title[b-t5fzhlont3]  .icon {
  color: var(--color-accent);
}

.ind-block__title[b-t5fzhlont3]  .ind-block__mark {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.ind-points[b-t5fzhlont3] {
  display: grid;
  gap: var(--space-4);
}

.ind-points > li[b-t5fzhlont3] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding-left: 1.5rem;
}

.ind-points > li[b-t5fzhlont3]::before {
  content: "";
  position: absolute;
  left: 0.125rem;
  top: 0.45em;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 1.5px solid var(--color-accent);
  box-shadow: 0 0 0 3px var(--color-accent-bg);
}

.ind-points strong[b-t5fzhlont3] {
  font-size: 0.9375rem;
  line-height: 1.45;
}

.ind-points span[b-t5fzhlont3] {
  font-size: var(--text-sm);
  line-height: 1.55;
  color: var(--color-text-muted);
}

.ind-challenges[b-t5fzhlont3] {
  display: grid;
  gap: var(--space-3);
}

.ind-challenges > li[b-t5fzhlont3] {
  position: relative;
  padding-left: 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--color-text-secondary);
}

.ind-challenges > li[b-t5fzhlont3]::before {
  content: "";
  position: absolute;
  left: 0.125rem;
  top: 0.72em;
  width: 0.6rem;
  height: 2px;
  border-radius: 2px;
  background: var(--color-warning);
}

.ind-block--approach[b-t5fzhlont3] {
  border-color: var(--color-border-accent);
  background:
    radial-gradient(120% 90% at 100% 0%, var(--color-accent-blue-bg), transparent 60%),
    radial-gradient(90% 90% at 0% 100%, var(--color-accent-bg), transparent 65%),
    var(--color-surface);
}

.ind-steps[b-t5fzhlont3] {
  display: grid;
  gap: var(--space-5);
}

.ind-steps > li[b-t5fzhlont3] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.875rem;
  align-items: start;
}

.ind-steps__num[b-t5fzhlont3] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid var(--color-border-accent);
  background: var(--color-surface);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  color: var(--color-accent);
}

.ind-steps__body[b-t5fzhlont3] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding-top: 0.2rem;
}

.ind-steps__body strong[b-t5fzhlont3] {
  font-size: 0.9375rem;
  line-height: 1.4;
}

.ind-steps__body span[b-t5fzhlont3] {
  font-size: var(--text-sm);
  line-height: 1.55;
  color: var(--color-text-muted);
}

/* ---- Related ------------------------------------------------------------------------- */
.ind-related[b-t5fzhlont3] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.ind-sec--featured .ind-related[b-t5fzhlont3] {
  margin-top: var(--space-10);
}

.ind-related__title[b-t5fzhlont3] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-faint);
}

/* ---- Standard layout: sticky header beside the detail ------------------------------- */
.ind-sec__layout[b-t5fzhlont3] {
  display: grid;
  gap: var(--space-10);
}

.ind-sec__body[b-t5fzhlont3] {
  display: grid;
  gap: var(--space-5);
}

.ind-sec__body .ind-related[b-t5fzhlont3] {
  padding-top: var(--space-3);
}

@media (min-width: 48rem) {
  .ind-sec__body .ind-steps[b-t5fzhlont3] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .ind-sec__body .ind-steps > li[b-t5fzhlont3] {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }
}

@media (min-width: 64rem) {
  .ind-sec__layout[b-t5fzhlont3] {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.25fr);
    gap: clamp(3rem, 1rem + 3vw, 4.5rem);
    align-items: start;
  }

  .ind-sec__layout > .ind-sec__head[b-t5fzhlont3] {
    position: sticky;
    top: calc(var(--header-h) + 2rem);
  }
}
/* /Components/Sections/Industries/TextileValueChain.razor.rz.scp.css */
/* Vertical timeline on small screens, five connected columns from 64rem. */
.tvc[b-4t08gko61u] {
  position: relative;
  display: grid;
  gap: var(--space-6);
}

.tvc[b-4t08gko61u]::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  bottom: 0.5rem;
  left: 0.3125rem;
  width: 1px;
  background: linear-gradient(180deg, var(--color-accent), var(--color-accent-strong) 60%, var(--color-border));
  opacity: 0.6;
}

.tvc-stage[b-4t08gko61u] {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-5);
}

.tvc-stage__marker[b-4t08gko61u] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  padding-top: 0.3rem;
}

.tvc-stage__marker .kicker-number[b-4t08gko61u] {
  display: none;
}

.tvc-stage__node[b-4t08gko61u] {
  position: relative;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: var(--color-bg);
  border: 1.5px solid var(--color-accent);
  box-shadow: 0 0 0 4px var(--color-accent-bg);
}

.tvc-stage__body[b-4t08gko61u] {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
  height: 100%;
}

.tvc-stage__name[b-4t08gko61u] {
  font-size: var(--text-lg);
  line-height: 1.25;
}

.tvc-stage__transform[b-4t08gko61u] {
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-accent);
}

.tvc-stage__units[b-4t08gko61u] {
  align-self: flex-start;
  margin-top: var(--space-1);
  padding: 0.3rem 0.6rem;
  border-radius: var(--radius-sm);
  background: var(--color-bg-subtle);
  border: 1px solid var(--color-border);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  line-height: 1.5;
  color: var(--color-text-secondary);
  overflow-wrap: anywhere;
}

.tvc-stage__controls[b-4t08gko61u] {
  display: grid;
  gap: 0.4rem;
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border);
}

.tvc-stage__controls > li[b-4t08gko61u] {
  position: relative;
  padding-left: 0.9rem;
  font-size: var(--text-sm);
  line-height: 1.45;
  color: var(--color-text-muted);
}

.tvc-stage__controls > li[b-4t08gko61u]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background: var(--color-accent);
  opacity: 0.8;
}

@media (min-width: 64rem) {
  .tvc[b-4t08gko61u] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .tvc[b-4t08gko61u]::before {
    top: 0.3125rem;
    bottom: auto;
    left: 0.3125rem;
    right: 0;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, var(--color-accent), var(--color-accent-strong) 60%, var(--color-border) 92%, transparent);
  }

  .tvc-stage[b-4t08gko61u] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    gap: var(--space-5);
  }

  .tvc-stage__marker[b-4t08gko61u] {
    flex-direction: row;
    align-items: center;
    gap: var(--space-3);
    padding-top: 0;
  }

  .tvc-stage__marker .kicker-number[b-4t08gko61u] {
    display: inline;
    padding-right: 0.5rem;
    background: var(--color-bg);
  }
}
/* /Components/Sections/Legal/LegalDocument.razor.rz.scp.css */
/* ---- Layout ----------------------------------------------------------------- */
.legal__layout[b-ly98iavnx9] {
  display: grid;
  gap: var(--space-8);
}

@media (min-width: 64rem) {
  .legal__layout[b-ly98iavnx9] {
    grid-template-columns: minmax(0, 15.5rem) minmax(0, 1fr);
    gap: clamp(3rem, 1rem + 4vw, 6rem);
    align-items: start;
  }
}

.legal__article[b-ly98iavnx9] {
  min-width: 0;
  max-width: 47rem;
}

/* ---- Table of contents (desktop: sticky list) ------------------------------- */
.legal__toc[b-ly98iavnx9] {
  display: none;
}

@media (min-width: 64rem) {
  .legal__aside[b-ly98iavnx9] {
    position: sticky;
    top: calc(var(--header-h) + var(--space-8));
    max-height: calc(100vh - var(--header-h) - var(--space-12));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  .legal__toc[b-ly98iavnx9] {
    display: block;
  }

  .legal__toc-mobile[b-ly98iavnx9] {
    display: none;
  }
}

.legal__toc-title[b-ly98iavnx9] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: var(--space-4);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-faint);
}

.legal__toc-title[b-ly98iavnx9]::before {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  border: 1.5px solid var(--color-accent);
  background: radial-gradient(circle, var(--color-accent) 0 1.6px, transparent 2.2px);
}

.legal__toc-list[b-ly98iavnx9] {
  position: relative;
  display: grid;
  gap: 0.125rem;
  padding: 0;
  list-style: none;
  border-left: 1px solid var(--color-border);
}

.legal__toc-link[b-ly98iavnx9] {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-left: -1px;
  padding: 0.45rem 0.75rem 0.45rem 1rem;
  border-left: 2px solid transparent;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  font-size: var(--text-sm);
  line-height: 1.4;
  color: var(--color-text-muted);
  text-decoration: none;
  transition:
    color var(--dur) var(--ease-out),
    background-color var(--dur) var(--ease-out),
    border-color var(--dur) var(--ease-out);
}

.legal__toc-link:hover[b-ly98iavnx9] {
  color: var(--color-heading);
  background: var(--color-bg-subtle);
  border-left-color: var(--color-accent);
}

.legal__toc-link:focus-visible[b-ly98iavnx9] {
  outline-offset: 0;
  border-radius: var(--radius-sm);
}

.legal__toc-num[b-ly98iavnx9] {
  flex-shrink: 0;
  min-width: 1.25rem;
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-faint);
  transition: color var(--dur) var(--ease-out);
}

.legal__toc-link:hover .legal__toc-num[b-ly98iavnx9] {
  color: var(--color-accent);
}

/* ---- Table of contents (mobile: collapsible) --------------------------------- */
.legal__toc-mobile[b-ly98iavnx9] {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}

.legal__toc-summary[b-ly98iavnx9] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 3.5rem;
  padding: var(--space-3) var(--space-4);
  cursor: pointer;
  list-style: none;
  border-radius: inherit;
}

.legal__toc-summary[b-ly98iavnx9]::-webkit-details-marker {
  display: none;
}

.legal__toc-summary-icon[b-ly98iavnx9] {
  --icon-size: 1.125rem;
  display: inline-grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 10px;
  color: var(--color-accent);
  background: var(--color-accent-bg);
  border: 1px solid var(--color-border-accent);
}

.legal__toc-summary-text[b-ly98iavnx9] {
  display: grid;
  flex: 1;
  gap: 0.1rem;
}

.legal__toc-summary-label[b-ly98iavnx9] {
  font-weight: var(--weight-semibold);
  color: var(--color-heading);
  line-height: 1.3;
}

.legal__toc-summary-count[b-ly98iavnx9] {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}

.legal__toc-summary[b-ly98iavnx9]  .legal__toc-chevron {
  color: var(--color-text-muted);
  transition: transform var(--dur) var(--ease-out);
}

.legal__toc-mobile[open] .legal__toc-summary[b-ly98iavnx9]  .legal__toc-chevron {
  transform: rotate(180deg);
}

.legal__toc-mobile-nav[b-ly98iavnx9] {
  padding: 0 var(--space-4) var(--space-4);
}

.legal__toc-mobile-nav .legal__toc-list[b-ly98iavnx9] {
  border-left: 0;
  border-top: 1px solid var(--color-border);
  padding-top: var(--space-3);
}

.legal__toc-mobile-nav .legal__toc-link[b-ly98iavnx9] {
  min-height: 2.75rem;
  align-items: center;
  margin-left: 0;
  padding-left: 0.5rem;
  border-left: 0;
  border-radius: var(--radius-sm);
}

/* ---- "The short version" ------------------------------------------------------- */
.legal__summary[b-ly98iavnx9] {
  position: relative;
  overflow: hidden;
  padding: clamp(1.5rem, 1rem + 2vw, 2.25rem);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(120% 140% at 100% 0%, var(--color-accent-bg), transparent 55%),
    var(--color-bg-subtle);
}

.legal__summary[b-ly98iavnx9]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue) 55%, transparent);
  opacity: 0.85;
}

.legal__summary-title[b-ly98iavnx9] {
  font-size: var(--text-2xl);
}

.legal__summary-lead[b-ly98iavnx9] {
  margin-top: var(--space-2);
  color: var(--color-text-muted);
}

.legal__highlights[b-ly98iavnx9] {
  display: grid;
  gap: var(--space-6);
  margin-top: var(--space-6);
  padding: 0;
  list-style: none;
}

@media (min-width: 40rem) {
  .legal__highlights[b-ly98iavnx9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6) var(--space-8);
  }
}

.legal__highlight[b-ly98iavnx9] {
  display: flex;
  gap: var(--space-4);
  align-items: flex-start;
}

.legal__highlight-body[b-ly98iavnx9] {
  min-width: 0;
}

.legal__highlight-title[b-ly98iavnx9] {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  font-weight: var(--weight-semibold);
  letter-spacing: -0.006em;
  line-height: 1.4;
}

.legal__highlight-body p[b-ly98iavnx9] {
  margin-top: var(--space-1);
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-text-muted);
}

/* ---- Clauses (rendered by LegalClause / the page, hence ::deep) ------------------ */
.legal__prose[b-ly98iavnx9] {
  max-width: none;
  margin-top: var(--space-4);
}

.legal__prose[b-ly98iavnx9]  .legal-clause {
  margin-top: 0;
  padding-block: var(--space-10);
  border-bottom: 1px solid var(--color-border);
}

.legal__prose[b-ly98iavnx9]  .legal-clause:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.legal__prose[b-ly98iavnx9]  .legal-clause > * + * {
  margin-top: var(--space-4);
}

.legal__prose[b-ly98iavnx9]  .legal-clause > h2 + * {
  margin-top: var(--space-5);
}

.legal__prose[b-ly98iavnx9]  .legal-clause__title {
  display: flex;
  align-items: baseline;
  gap: 0.875rem;
  margin-top: 0;
  font-size: var(--text-2xl);
  line-height: 1.25;
}

.legal__prose[b-ly98iavnx9]  .legal-clause__num {
  flex-shrink: 0;
  min-width: 1.6rem;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wide);
  color: var(--color-accent);
  transform: translateY(-0.18em);
}

.legal__prose[b-ly98iavnx9]  .legal-clause h3 {
  font-size: var(--text-lg);
}

.legal__prose[b-ly98iavnx9]  .legal-clause ul,
.legal__prose[b-ly98iavnx9]  .legal-clause ol {
  padding-left: 1.25rem;
}

.legal__prose[b-ly98iavnx9]  .legal-clause li {
  padding-left: 0.25rem;
}

.legal__prose[b-ly98iavnx9]  .legal-clause li + li {
  margin-top: var(--space-2);
}

.legal__prose[b-ly98iavnx9]  strong {
  color: var(--color-heading);
}

.legal__prose[b-ly98iavnx9]  a:not(.btn) {
  overflow-wrap: anywhere;
}

.legal__prose[b-ly98iavnx9]  code {
  padding: 0.1em 0.4em;
  border-radius: var(--radius-xs);
  background: var(--color-bg-muted);
  color: var(--color-heading);
  font-size: 0.86em;
  overflow-wrap: anywhere;
}

/* ---- Closing contact clause --------------------------------------------------- */
.legal__prose .legal-clause--contact[b-ly98iavnx9] {
  padding-top: var(--space-10);
}

.legal-contact[b-ly98iavnx9] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(1.5rem, 1rem + 2.4vw, 2.5rem);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

.legal-contact > * + *[b-ly98iavnx9] {
  margin-top: var(--space-4);
}

.legal-contact__rings[b-ly98iavnx9] {
  position: absolute;
  z-index: -1;
  right: -9rem;
  top: 50%;
  width: 22rem;
  transform: translateY(-50%);
  color: var(--color-accent);
  opacity: 0.14;
  pointer-events: none;
}

.legal-contact p[b-ly98iavnx9] {
  max-width: 34rem;
}

.legal .legal-contact__actions[b-ly98iavnx9] {
  margin-top: var(--space-6);
}

/* Long email addresses must never force horizontal scrolling on small screens. */
.legal-contact__actions[b-ly98iavnx9]  .btn {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
}

/* ---- Footer -------------------------------------------------------------------- */
.legal__footer[b-ly98iavnx9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3) var(--space-6);
  margin-top: var(--space-10);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-border);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.legal__footer time[b-ly98iavnx9] {
  color: var(--color-text-secondary);
  font-weight: var(--weight-medium);
}
/* /Components/Sections/Legal/LegalHeroMeta.razor.rz.scp.css */
.legal-meta[b-1c071k75jp] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-3);
  margin-top: var(--space-8);
  padding: 0;
  list-style: none;
  animation: legal-meta-rise-b-1c071k75jp 900ms 260ms var(--ease-out) both;
}

.legal-meta__item[b-1c071k75jp] {
  --icon-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.25rem;
  padding: 0.35rem 0.85rem 0.35rem 0.7rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.03);
  font-size: var(--text-sm);
  line-height: 1.35;
  color: var(--color-text-secondary);
}

.legal-meta__item[b-1c071k75jp]  .icon {
  color: var(--color-accent);
}

.legal-meta time[b-1c071k75jp] {
  color: var(--color-heading);
  font-weight: var(--weight-medium);
}

@keyframes legal-meta-rise-b-1c071k75jp {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
/* /Components/Sections/Services/ServiceBenefits.razor.rz.scp.css */
.svc-label[b-so7n6bh2fg] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--color-text-muted);
  text-wrap: nowrap;
}

.svc-label[b-so7n6bh2fg]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-border);
}

.svc-benefits__list[b-so7n6bh2fg] {
  display: grid;
  margin-top: var(--space-6);
}

.svc-benefits__item dt[b-so7n6bh2fg] {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--weight-bold);
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--color-heading);
}

.svc-benefits__item dd[b-so7n6bh2fg] {
  margin: var(--space-2) 0 0;
  color: var(--color-text-muted);
  line-height: 1.65;
}

.svc-benefits__icon[b-so7n6bh2fg] {
  --icon-size: 1.25rem;
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 11px;
  color: var(--color-accent);
  background: linear-gradient(160deg, rgba(49, 199, 213, 0.16), rgba(82, 123, 255, 0.08));
  border: 1px solid var(--color-border-accent);
}

/* ---- cards: 2-up surface cards, icon on top ---------------------------------- */
.svc-benefits--cards .svc-benefits__list[b-so7n6bh2fg] {
  gap: var(--space-4);
}

@media (min-width: 36rem) {
  .svc-benefits--cards .svc-benefits__list[b-so7n6bh2fg] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.svc-benefits--cards .svc-benefits__item[b-so7n6bh2fg] {
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  transition:
    border-color var(--dur) var(--ease-out),
    box-shadow var(--dur-slow) var(--ease-out),
    transform var(--dur-slow) var(--ease-out);
}

.svc-benefits--cards .svc-benefits__item:hover[b-so7n6bh2fg] {
  border-color: var(--color-border-accent);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.svc-benefits--cards .svc-benefits__icon[b-so7n6bh2fg] {
  display: grid;
  margin-bottom: var(--space-5);
}

.svc-benefits--cards dd[b-so7n6bh2fg] {
  font-size: var(--text-sm);
}

/* Phones: icon beside the title, so stacked cards stay compact. */
@media (max-width: 35.99rem) {
  .svc-benefits--cards .svc-benefits__item[b-so7n6bh2fg] {
    padding: var(--space-5);
  }

  .svc-benefits--cards dt[b-so7n6bh2fg] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
  }

  .svc-benefits--cards .svc-benefits__icon[b-so7n6bh2fg] {
    display: inline-grid;
    margin-bottom: 0;
    flex-shrink: 0;
  }
}

/* ---- list: stacked rows, icon on the left ---------------------------------------- */
.svc-benefits--list .svc-benefits__item[b-so7n6bh2fg] {
  position: relative;
  padding: var(--space-5) 0 var(--space-5) 3.5rem;
  border-bottom: 1px solid var(--color-border);
}

.svc-benefits--list .svc-benefits__item:first-child[b-so7n6bh2fg] {
  padding-top: 0;
}

.svc-benefits--list .svc-benefits__item:last-child[b-so7n6bh2fg] {
  padding-bottom: 0;
  border-bottom: 0;
}

.svc-benefits--list .svc-benefits__icon[b-so7n6bh2fg] {
  position: absolute;
  left: 0;
  top: var(--space-5);
}

.svc-benefits--list .svc-benefits__item:first-child .svc-benefits__icon[b-so7n6bh2fg] {
  top: 0;
}

.svc-benefits--list dt[b-so7n6bh2fg] {
  padding-top: 0.1rem;
}

.svc-benefits--list dd[b-so7n6bh2fg] {
  font-size: var(--text-sm);
}

/* ---- columns: side-by-side with an accent rule on top ------------------------------ */
.svc-benefits--columns .svc-benefits__list[b-so7n6bh2fg] {
  gap: var(--space-8) var(--space-6);
}

@media (min-width: 40rem) {
  .svc-benefits--columns .svc-benefits__list[b-so7n6bh2fg] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  /* One equal column per benefit (three or four). */
  .svc-benefits--columns .svc-benefits__list[b-so7n6bh2fg] {
    grid-template-columns: none;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
  }
}

.svc-benefits--columns .svc-benefits__item[b-so7n6bh2fg] {
  position: relative;
  padding-top: var(--space-6);
}

.svc-benefits--columns .svc-benefits__item[b-so7n6bh2fg]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--color-accent), var(--color-border) 45%, transparent);
}

.svc-benefits--columns .svc-benefits__item[b-so7n6bh2fg]::after {
  content: "";
  position: absolute;
  top: -0.25rem;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--color-bg);
  border: 1.5px solid var(--color-accent);
}

.svc-benefits--columns .svc-benefits__icon[b-so7n6bh2fg] {
  display: grid;
  margin-bottom: var(--space-4);
}

.svc-benefits--columns dd[b-so7n6bh2fg] {
  font-size: var(--text-sm);
  max-width: 24rem;
}
/* /Components/Sections/Services/ServiceCapabilities.razor.rz.scp.css */
.svc-label[b-0bi9dxapag] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--color-text-muted);
  text-wrap: nowrap;
}

.svc-label[b-0bi9dxapag]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-border);
}

.svc-caps__list[b-0bi9dxapag] {
  display: grid;
  margin-top: var(--space-6);
}

.svc-caps__item dt[b-0bi9dxapag] {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: var(--weight-bold);
  line-height: 1.35;
  letter-spacing: -0.008em;
  color: var(--color-heading);
}

.svc-caps__item dd[b-0bi9dxapag] {
  margin: var(--space-1-5) 0 0;
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-text-muted);
}

/* ---- list ---------------------------------------------------------------------- */
.svc-caps--list .svc-caps__list[b-0bi9dxapag] {
  column-gap: var(--space-8);
}

@media (min-width: 40rem) {
  .svc-caps--list.svc-caps--cols-2 .svc-caps__list[b-0bi9dxapag] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.svc-caps--list .svc-caps__item[b-0bi9dxapag] {
  position: relative;
  padding: var(--space-4) 0 var(--space-4) 1.25rem;
  border-top: 1px solid var(--color-border);
}

.svc-caps--list .svc-caps__item[b-0bi9dxapag]::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(var(--space-4) + 0.5em);
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 1px;
  background: var(--color-accent);
  transform: rotate(45deg);
}

/* ---- table (diagnostic rows with mono tags) ------------------------------------------ */
.svc-caps--table .svc-caps__list[b-0bi9dxapag] {
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.svc-caps--table .svc-caps__item[b-0bi9dxapag] {
  position: relative;
  padding: var(--space-5) var(--space-5);
  border-top: 1px solid var(--color-border);
  transition: background-color var(--dur) var(--ease-out);
}

.svc-caps--table .svc-caps__item:first-child[b-0bi9dxapag] {
  border-top: 0;
}

.svc-caps--table .svc-caps__item:hover[b-0bi9dxapag] {
  background: var(--color-surface-hover);
}

.svc-caps__tag[b-0bi9dxapag] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.25rem;
  margin-bottom: var(--space-2);
  padding: 0.2rem 0.5rem;
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-border-accent);
  background: var(--color-accent-bg);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-wide);
  color: var(--color-accent);
}

.svc-caps--table .svc-caps__name[b-0bi9dxapag] {
  display: block;
}

@media (min-width: 36rem) {
  .svc-caps--table .svc-caps__item[b-0bi9dxapag] {
    padding-left: calc(var(--space-5) + 5.5rem);
  }

  .svc-caps__tag[b-0bi9dxapag] {
    position: absolute;
    left: var(--space-5);
    top: calc(var(--space-5) + 0.05rem);
    margin-bottom: 0;
  }
}

/* ---- cells (hairline grid) ------------------------------------------------------------- */
.svc-caps--cells .svc-caps__list[b-0bi9dxapag] {
  gap: 1px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-border);
  overflow: hidden;
}

@media (min-width: 36rem) {
  .svc-caps--cells .svc-caps__list[b-0bi9dxapag] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .svc-caps--cells.svc-caps--cols-3 .svc-caps__list[b-0bi9dxapag] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Surfaces are translucent on inverse bands, so each cell gets a solid base layer
   (the page background) under the surface tint; the 1px gaps then read as hairlines. */
.svc-caps--cells .svc-caps__item[b-0bi9dxapag] {
  padding: var(--space-6);
  background: linear-gradient(var(--color-surface), var(--color-surface)), var(--color-bg);
}

.svc-caps--cells .svc-caps__item:hover[b-0bi9dxapag] {
  background: linear-gradient(var(--color-surface-hover), var(--color-surface-hover)), var(--color-bg);
}

.svc-caps--cells .svc-caps__item dt[b-0bi9dxapag]::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 2px;
  margin-bottom: var(--space-4);
  border-radius: 2px;
  background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue));
}
/* /Components/Sections/Services/ServiceDeliverables.razor.rz.scp.css */
.svc-label[b-bjbz19uyls] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--color-text-muted);
  text-wrap: nowrap;
}

.svc-label[b-bjbz19uyls]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-border);
}

.svc-deliver[b-bjbz19uyls] {
  display: grid;
  gap: var(--space-8);
}

.svc-deliver__list[b-bjbz19uyls] {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.svc-deliver__list li[b-bjbz19uyls] {
  --icon-size: 1rem;
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

.svc-deliver__list li[b-bjbz19uyls]  .icon {
  margin-top: 0.15rem;
  padding: 0.1rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  color: var(--color-accent);
  background: var(--color-accent-bg);
  border: 1px solid var(--color-border-accent);
}

.svc-deliver__engage p[b-bjbz19uyls] {
  margin-top: var(--space-5);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 38rem;
}

.svc-deliver__cta[b-bjbz19uyls] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

/* ---- card -------------------------------------------------------------------- */
.svc-deliver--card[b-bjbz19uyls] {
  padding: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background:
    radial-gradient(110% 80% at 0% 100%, var(--color-accent-blue-bg), transparent 60%),
    var(--color-surface);
}

/* ---- split ------------------------------------------------------------------- */
.svc-deliver--split[b-bjbz19uyls] {
  padding: clamp(1.5rem, 1rem + 2vw, 2.75rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background:
    radial-gradient(80% 120% at 100% 0%, var(--color-accent-bg), transparent 55%),
    var(--color-surface);
}

@media (min-width: 52rem) {
  .svc-deliver--split[b-bjbz19uyls] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-12);
  }

  .svc-deliver--split .svc-deliver__engage[b-bjbz19uyls] {
    padding-left: var(--space-12);
    border-left: 1px solid var(--color-border);
  }
}
/* /Components/Sections/Services/ServiceHighlights.razor.rz.scp.css */
.svc-hl[b-w5ufy9s571] {
  margin: 0;
}

.svc-hl__label[b-w5ufy9s571] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.svc-hl__label[b-w5ufy9s571]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-border);
}

.svc-hl__list[b-w5ufy9s571] {
  display: grid;
  gap: var(--space-5);
  margin-top: var(--space-8);
  padding: 0;
  list-style: none;
}

.svc-hl__item[b-w5ufy9s571] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
}

.svc-hl__name[b-w5ufy9s571] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-bold);
  letter-spacing: -0.01em;
  color: var(--color-heading);
}

.svc-hl__text[b-w5ufy9s571] {
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-text-muted);
}

.svc-hl__icon[b-w5ufy9s571] {
  --icon-size: 1.25rem;
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 11px;
  color: var(--color-accent);
  background: linear-gradient(160deg, rgba(49, 199, 213, 0.16), rgba(82, 123, 255, 0.08));
  border: 1px solid var(--color-border-accent);
}

/* ---- steps: numbered nodes on a shared line ------------------------------------- */
@media (min-width: 48rem) {
  .svc-hl--steps .svc-hl__list[b-w5ufy9s571] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-8);
  }

  .svc-hl--steps .svc-hl__item[b-w5ufy9s571]::before {
    content: "";
    position: absolute;
    top: 0.3125rem;
    left: 1.25rem;
    right: calc(var(--space-8) * -1);
    height: 1px;
    background: linear-gradient(90deg, var(--color-border-accent), var(--color-border));
  }

  .svc-hl--steps .svc-hl__item:last-child[b-w5ufy9s571]::before {
    right: 0;
    background: linear-gradient(90deg, var(--color-border-accent), transparent);
  }
}

.svc-hl--steps .svc-hl__marker[b-w5ufy9s571] {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}

.svc-hl--steps .svc-hl__node[b-w5ufy9s571] {
  position: relative;
  z-index: 1;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: var(--color-bg);
  border: 1.5px solid var(--color-accent);
  box-shadow: 0 0 0 4px var(--color-accent-bg);
}

.svc-hl--steps .svc-hl__num[b-w5ufy9s571] {
  position: relative;
  z-index: 1;
  padding-right: var(--space-2);
  background: var(--color-bg);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-wide);
  color: var(--color-accent);
}

/* ---- pipeline: stages joined by arrows ----------------------------------------------- */
.svc-hl--pipeline .svc-hl__item[b-w5ufy9s571] {
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
}

.svc-hl--pipeline .svc-hl__marker[b-w5ufy9s571] {
  margin-bottom: var(--space-3);
}

@media (min-width: 48rem) {
  .svc-hl--pipeline .svc-hl__list[b-w5ufy9s571] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .svc-hl--pipeline .svc-hl__item:not(:last-child)[b-w5ufy9s571]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(var(--space-6) * -1);
    width: var(--space-6);
    height: 1px;
    background: var(--color-border-accent);
  }

  .svc-hl--pipeline .svc-hl__item:not(:last-child)[b-w5ufy9s571]::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: calc(50% - 0.25rem);
    right: calc(var(--space-6) * -0.5 - 0.25rem);
    width: 0.5rem;
    height: 0.5rem;
    border-top: 1.5px solid var(--color-accent);
    border-right: 1.5px solid var(--color-accent);
    transform: rotate(45deg);
  }

  .svc-hl--pipeline .svc-hl__item:last-child[b-w5ufy9s571] {
    border-color: var(--color-border-accent);
    background:
      radial-gradient(120% 100% at 100% 0%, var(--color-accent-bg), transparent 60%),
      var(--color-surface);
  }
}

/* ---- tiles --------------------------------------------------------------------------- */
.svc-hl--tiles .svc-hl__item[b-w5ufy9s571] {
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  transition: border-color var(--dur) var(--ease-out), transform var(--dur-slow) var(--ease-out);
}

.svc-hl--tiles .svc-hl__item:hover[b-w5ufy9s571] {
  border-color: var(--color-border-accent);
  transform: translateY(-2px);
}

.svc-hl--tiles .svc-hl__marker[b-w5ufy9s571] {
  margin-bottom: var(--space-3);
}

@media (min-width: 40rem) {
  .svc-hl--tiles .svc-hl__list[b-w5ufy9s571] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .svc-hl--tiles .svc-hl__list[b-w5ufy9s571] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* ---- hub: endpoints around a central integration core ---------------------------------- */
.svc-hl__hub[b-w5ufy9s571] {
  display: grid;
  gap: var(--space-5);
  margin-top: var(--space-8);
  padding: clamp(1.25rem, 0.75rem + 2vw, 2.5rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background:
    radial-gradient(50% 70% at 50% 50%, var(--color-accent-bg), transparent 75%),
    var(--color-bg-subtle);
}

.svc-hl__ends[b-w5ufy9s571] {
  display: grid;
  gap: var(--space-3);
  padding: 0;
  list-style: none;
}

@media (min-width: 30rem) and (max-width: 51.99rem) {
  .svc-hl__ends[b-w5ufy9s571] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.svc-hl__end[b-w5ufy9s571] {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}

.svc-hl__end-icon[b-w5ufy9s571] {
  --icon-size: 1.125rem;
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 10px;
  color: var(--color-accent);
  background: var(--color-accent-bg);
  border: 1px solid var(--color-border-accent);
}

.svc-hl__end-text[b-w5ufy9s571] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.svc-hl__end-name[b-w5ufy9s571] {
  font-weight: var(--weight-semibold);
  font-size: var(--text-sm);
  color: var(--color-heading);
}

.svc-hl__end-sub[b-w5ufy9s571] {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}

.svc-hl__core[b-w5ufy9s571] {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: var(--space-2);
  padding: var(--space-8) var(--space-6);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border-accent);
  background:
    radial-gradient(90% 90% at 50% 0%, var(--color-accent-blue-bg), transparent 70%),
    var(--color-surface);
  box-shadow: var(--shadow-glow);
  text-align: center;
}

.svc-hl__core[b-w5ufy9s571]  .svc-hl__core-mark {
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: var(--space-2);
}

.svc-hl__core-name[b-w5ufy9s571] {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: var(--weight-bold);
  color: var(--color-heading);
}

.svc-hl__core-sub[b-w5ufy9s571] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-accent);
}

@media (min-width: 52rem) {
  .svc-hl__hub[b-w5ufy9s571] {
    grid-template-columns: minmax(0, 1fr) minmax(11rem, 0.7fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--space-12);
  }

  /* Hairline connectors from each endpoint toward the core. */
  .svc-hl__ends--left .svc-hl__end[b-w5ufy9s571]::after,
  .svc-hl__ends--right .svc-hl__end[b-w5ufy9s571]::after {
    content: "";
    position: absolute;
    top: 50%;
    width: var(--space-12);
    height: 1px;
  }

  .svc-hl__ends--left .svc-hl__end[b-w5ufy9s571]::after {
    left: 100%;
    background: linear-gradient(90deg, var(--color-border-strong), var(--color-border-accent));
  }

  .svc-hl__ends--right .svc-hl__end[b-w5ufy9s571]::after {
    right: 100%;
    background: linear-gradient(90deg, var(--color-border-accent), var(--color-border-strong));
  }
}
/* /Components/Sections/Services/ServiceIntro.razor.rz.scp.css */
.svc-intro__kicker[b-tubvkun36p] {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

.svc-intro__count[b-tubvkun36p] {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4em;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-faint);
  white-space: nowrap;
}

.svc-intro__num[b-tubvkun36p] {
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-accent);
}

.svc-intro__rule[b-tubvkun36p] {
  flex: 1;
  min-width: 2rem;
  height: 1px;
  background: linear-gradient(90deg, var(--color-border-strong), transparent);
}

.svc-intro__title[b-tubvkun36p] {
  margin-top: var(--space-6);
  font-size: clamp(1.875rem, 1.35rem + 1.7vw, 2.75rem);
  line-height: 1.1;
  letter-spacing: var(--tracking-tight);
}

.svc-intro__lead[b-tubvkun36p] {
  margin-top: var(--space-5);
  max-width: 40rem;
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
}

.svc-intro__audience[b-tubvkun36p] {
  margin-top: var(--space-6);
  max-width: 38rem;
  padding-left: var(--space-4);
  border-left: 2px solid var(--color-border-accent);
  font-size: var(--text-sm);
  line-height: 1.65;
  color: var(--color-text-muted);
}

.svc-intro__label[b-tubvkun36p] {
  display: block;
  margin-bottom: 0.3rem;
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-accent);
}
/* /Components/Sections/Services/ServiceLine.razor.rz.scp.css */
.svc-line__glow[b-v25jluipi1] {
  width: 56rem;
  height: 56rem;
  right: -22rem;
  top: -24rem;
  --glow-opacity: 0.75;
}

.svc-line__top[b-v25jluipi1] {
  display: grid;
  gap: clamp(2.5rem, 2rem + 2vw, 3.5rem);
  align-items: start;
}

@media (min-width: 64rem) {
  .svc-line__top[b-v25jluipi1] {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: var(--space-16);
  }

  /* The benefits list starts level with the heading rather than the counter row above it. */
  .svc-line--benefits .svc-line__aside[b-v25jluipi1] {
    padding-top: var(--space-12);
  }
}

.svc-line__feature[b-v25jluipi1] {
  margin-top: clamp(3rem, 2rem + 3vw, 4.5rem);
}

.svc-line__body[b-v25jluipi1] {
  display: grid;
  gap: clamp(2.5rem, 2rem + 2vw, 3.5rem);
  margin-top: clamp(3rem, 2rem + 3vw, 4.5rem);
}

@media (min-width: 64rem) {
  .svc-line--benefits .svc-line__body[b-v25jluipi1] {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: var(--space-16);
  }
}

.svc-line__block[b-v25jluipi1] {
  min-width: 0;
}

.svc-line__deliver[b-v25jluipi1] {
  margin-top: clamp(3rem, 2rem + 3vw, 4.5rem);
}
/* /Components/Sections/Services/ServiceSection.razor.rz.scp.css */
/* html already reserves the header height through scroll-padding-top. The negative margin
   skips most of the section's top padding, so the heading lands ~1.5rem below the header. */
.svc-section[b-2cjo7dyzvy] {
  scroll-margin-top: calc(var(--space-6) - var(--section-pad));
}

.svc-section--compact[b-2cjo7dyzvy] {
  scroll-margin-top: calc(var(--space-6) - var(--section-pad-sm));
}
/* /Components/Sections/Services/ServicesEngagement.razor.rz.scp.css */
.svc-models[b-228qm1h1x0] {
  display: grid;
  gap: var(--space-5);
  padding: 0;
  list-style: none;
}

@media (min-width: 64rem) {
  .svc-models[b-228qm1h1x0] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.svc-models__card[b-228qm1h1x0] {
  gap: var(--space-4);
}

.svc-models__head[b-228qm1h1x0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-2);
}

.svc-models__title[b-228qm1h1x0] {
  font-size: var(--text-2xl);
}

.svc-models__summary[b-228qm1h1x0] {
  line-height: 1.65;
}

.svc-models__label[b-228qm1h1x0] {
  margin-top: var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-accent);
}

.svc-models__list[b-228qm1h1x0] {
  flex: 1;
  font-size: var(--text-sm);
  line-height: 1.55;
}

.svc-models__traits[b-228qm1h1x0] {
  margin-top: var(--space-3);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}
/* /Components/Sections/Services/ServicesHero.razor.rz.scp.css */
/* Technology strip under the hero actions (rendered inside PageHero's content column). */
.services-hero__stack[b-l4dnn2qi7a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) 0;
  margin-top: var(--space-10);
  padding-top: var(--space-6);
  border-top: 1px solid rgba(152, 166, 186, 0.12);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.services-hero__stack li[b-l4dnn2qi7a] {
  display: inline-flex;
  align-items: center;
}

.services-hero__stack li:not(:last-child)[b-l4dnn2qi7a]::after {
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  margin-inline: 0.85rem;
  border-radius: 50%;
  background: var(--brand-cyan);
  opacity: 0.7;
}

@media (max-width: 30rem) {
  .services-hero__stack[b-l4dnn2qi7a] {
    font-size: var(--text-2xs);
  }

  .services-hero__stack li:not(:last-child)[b-l4dnn2qi7a]::after {
    margin-inline: 0.6rem;
  }
}

/* Full-width hero buttons on small phones (buttons are rendered by ButtonLink inside PageHero). */
@media (max-width: 30rem) {
  .services-hero[b-l4dnn2qi7a]  .page-hero__actions .btn {
    flex: 1 1 100%;
  }
}
/* /Components/Sections/Services/ServiceSignals.razor.rz.scp.css */
.svc-label[b-3qpms4byrw] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--color-text-muted);
  text-wrap: nowrap;
}

.svc-label[b-3qpms4byrw]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-border);
}

.svc-signals__list[b-3qpms4byrw] {
  display: grid;
  gap: var(--space-4);
  margin-top: var(--space-5);
}

.svc-signals__list li[b-3qpms4byrw] {
  position: relative;
  padding-left: 1.625rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
}

/* Ring-and-core node echoing the brand mark */
.svc-signals__list li[b-3qpms4byrw]::before {
  content: "";
  position: absolute;
  left: 0.1rem;
  top: 0.42em;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  border: 1.5px solid var(--color-accent);
  background: radial-gradient(circle, var(--color-accent) 0 1.5px, transparent 2px);
  box-shadow: 0 0 0 3px var(--color-accent-bg);
}

.svc-signals__audience[b-3qpms4byrw] {
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
  font-size: var(--text-sm);
  line-height: 1.65;
  color: var(--color-text-muted);
}

.svc-signals--card[b-3qpms4byrw] {
  padding: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background:
    radial-gradient(120% 90% at 100% 0%, var(--color-accent-bg), transparent 60%),
    var(--color-surface);
  box-shadow: var(--shadow-sm);
}
/* /Components/Sections/Services/ServicesIndex.razor.rz.scp.css */
.svc-index[b-dkgrfjl0uz] {
  position: relative;
  z-index: 2;
  padding-bottom: clamp(3rem, 2rem + 3vw, 4.5rem);
  background-color: var(--color-bg-subtle);
}

.svc-index__card[b-dkgrfjl0uz] {
  position: relative;
  margin-top: calc(-1 * clamp(2rem, 1rem + 3vw, 3.5rem));
  padding: clamp(1.25rem, 0.75rem + 2vw, 2.25rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  box-shadow: var(--shadow-lg);
}

.svc-index__head[b-dkgrfjl0uz] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-4) var(--space-10);
}

.svc-index__title[b-dkgrfjl0uz] {
  margin-top: var(--space-3);
  font-size: var(--text-2xl);
  line-height: 1.2;
}

.svc-index__note[b-dkgrfjl0uz] {
  max-width: 27rem;
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-text-muted);
}

.svc-index__grid[b-dkgrfjl0uz] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin-top: var(--space-6);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-border);
  overflow: hidden;
}

@media (min-width: 56rem) {
  .svc-index__grid[b-dkgrfjl0uz] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.svc-index__grid li[b-dkgrfjl0uz] {
  display: flex;
}

.svc-index__link[b-dkgrfjl0uz] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  min-height: 3.5rem;
  padding: var(--space-4);
  background: var(--color-surface);
  color: var(--color-heading);
  text-decoration: none;
  transition: background-color var(--dur) var(--ease-out);
}

.svc-index__link:hover[b-dkgrfjl0uz] {
  color: var(--color-heading);
  background: var(--color-surface-hover);
}

.svc-index__link:focus-visible[b-dkgrfjl0uz] {
  outline-offset: -3px;
  border-radius: 0;
}

.svc-index__icon[b-dkgrfjl0uz] {
  --icon-size: 1.125rem;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 10px;
  color: var(--color-accent);
  background: linear-gradient(160deg, rgba(49, 199, 213, 0.16), rgba(82, 123, 255, 0.08));
  border: 1px solid var(--color-border-accent);
  transition: box-shadow var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);
}

.svc-index__link:hover .svc-index__icon[b-dkgrfjl0uz] {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px -10px rgba(49, 199, 213, 0.6);
}

.svc-index__text[b-dkgrfjl0uz] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.svc-index__num[b-dkgrfjl0uz] {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-faint);
}

.svc-index__name[b-dkgrfjl0uz] {
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: var(--weight-bold);
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.svc-index__arrow[b-dkgrfjl0uz] {
  --icon-size: 1rem;
  display: none;
  color: var(--color-text-faint);
  transform: rotate(90deg);
  transition: transform var(--dur) var(--ease-out), color var(--dur) var(--ease-out);
}

.svc-index__link:hover .svc-index__arrow[b-dkgrfjl0uz] {
  color: var(--color-accent);
  transform: rotate(90deg) translateX(3px);
}

/* Horizontal tiles once there is room: icon · number + name · arrow */
@media (min-width: 36rem) {
  .svc-index__link[b-dkgrfjl0uz] {
    flex-direction: row;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-5) var(--space-5);
  }

  .svc-index__text[b-dkgrfjl0uz] {
    flex: 1;
  }

  .svc-index__arrow[b-dkgrfjl0uz] {
    display: inline-flex;
  }
}
/* /Components/Sections/Services/ServicesPrinciples.razor.rz.scp.css */
.svc-principles[b-mjsqxm54mj] {
  display: grid;
  gap: clamp(2.5rem, 2rem + 3vw, 4rem);
  align-items: start;
}

@media (min-width: 64rem) {
  .svc-principles[b-mjsqxm54mj] {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: var(--space-16);
  }

  .svc-principles__intro[b-mjsqxm54mj] {
    position: sticky;
    top: calc(var(--header-h) + var(--space-10));
  }
}

.svc-principles__title[b-mjsqxm54mj] {
  margin-top: var(--space-4);
  font-size: var(--text-3xl);
}

.svc-principles__intro .lead[b-mjsqxm54mj] {
  margin-top: var(--space-5);
}

.svc-principles__grid[b-mjsqxm54mj] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  padding: 0;
  list-style: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-border);
  overflow: hidden;
}

@media (min-width: 40rem) {
  .svc-principles__grid[b-mjsqxm54mj] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Five items: the last one spans the full row. */
  .svc-principles__item:last-child:nth-child(odd)[b-mjsqxm54mj] {
    grid-column: 1 / -1;
  }
}

.svc-principles__item[b-mjsqxm54mj] {
  display: grid;
  align-content: start;
  gap: var(--space-3);
  padding: var(--space-6);
  background: var(--color-surface);
}

.svc-principles__item .icon-tile[b-mjsqxm54mj] {
  margin-bottom: var(--space-2);
}

.svc-principles__name[b-mjsqxm54mj] {
  font-size: var(--text-lg);
}

.svc-principles__text[b-mjsqxm54mj] {
  font-size: var(--text-sm);
  line-height: 1.65;
  color: var(--color-text-muted);
}
/* /Components/Sections/Services/ServicesProcess.razor.rz.scp.css */
.svc-process__rings[b-5281xdy0i4] {
  position: absolute;
  z-index: -1;
  left: 50%;
  bottom: -40rem;
  width: 66rem;
  transform: translateX(-50%);
  color: var(--brand-cyan);
  opacity: 0.1;
  pointer-events: none;
}

.svc-process__steps[b-5281xdy0i4] {
  position: relative;
  display: grid;
  gap: var(--space-10);
  padding: 0;
  list-style: none;
}

@media (min-width: 40rem) {
  .svc-process__steps[b-5281xdy0i4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-12) var(--space-8);
  }
}

@media (min-width: 72rem) {
  .svc-process__steps[b-5281xdy0i4] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-6);
  }

  /* Connector through the five nodes */
  .svc-process__steps[b-5281xdy0i4]::before {
    content: "";
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    right: 0.3125rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(49, 199, 213, 0.6), rgba(82, 123, 255, 0.45) 70%, rgba(152, 166, 186, 0.2));
  }
}

.svc-process__step[b-5281xdy0i4] {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-4);
}

.svc-process__marker[b-5281xdy0i4] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}

.svc-process__node[b-5281xdy0i4] {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: var(--navy-900);
  border: 1.5px solid var(--brand-cyan);
  box-shadow: 0 0 0 4px rgba(49, 199, 213, 0.14), 0 0 18px rgba(49, 199, 213, 0.5);
}

.svc-process__title[b-5281xdy0i4] {
  margin-top: var(--space-1);
  font-size: var(--text-xl);
}

.svc-process__summary[b-5281xdy0i4] {
  font-size: var(--text-sm);
  line-height: 1.65;
  color: var(--color-text-muted);
}

.svc-process__outputs[b-5281xdy0i4] {
  margin-top: var(--space-2);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
}

.svc-process__outputs-label[b-5281xdy0i4] {
  margin-bottom: var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-accent);
}
/* /Components/Sections/Solutions/SolutionShowcase.razor.rz.scp.css */
/* One product section on /solutions. --solutions-nav-h comes from the .solutions-catalog wrapper. */
.sol[b-c94tyhwf3w] {
  /* html reserves the header height (scroll-padding-top); also clear the sticky product bar
     and skip most of the section's top padding so the product heading lands just below it. */
  scroll-margin-top: calc(var(--solutions-nav-h, 3.5rem) + var(--space-4) - var(--section-pad));
  /* Publishes a timeline for the sticky nav's active link: the band just under the bar. */
  view-timeline-inset: calc(var(--header-h) + var(--solutions-nav-h, 3.5rem))
                       calc(100% - var(--header-h) - var(--solutions-nav-h, 3.5rem) - 2px);
}

.sol--erp[b-c94tyhwf3w] { view-timeline-name: --sol-erp; }
.sol--stockaudit[b-c94tyhwf3w] { view-timeline-name: --sol-stockaudit; }
.sol--hr[b-c94tyhwf3w] { view-timeline-name: --sol-hr; }
.sol--insights[b-c94tyhwf3w] { view-timeline-name: --sol-insights; }

.sol--dark[b-c94tyhwf3w] {
  background:
    radial-gradient(80% 60% at 100% 0%, rgba(82, 123, 255, 0.14), transparent 60%),
    var(--navy-900);
}

.sol__glow-a[b-c94tyhwf3w] {
  width: 50rem;
  height: 50rem;
  right: -20rem;
  top: -22rem;
}

.sol__glow-b[b-c94tyhwf3w] {
  width: 36rem;
  height: 36rem;
  left: -16rem;
  bottom: -18rem;
  --glow-opacity: 0.7;
}

/* ---- Intro / visual / story ----------------------------------------------------------- */
.sol__top[b-c94tyhwf3w] {
  display: grid;
  gap: clamp(2.5rem, 2rem + 2vw, 3.5rem);
}

@media (min-width: 64rem) {
  .sol__top[b-c94tyhwf3w] {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    grid-template-areas:
      "intro visual"
      "story visual";
    grid-template-rows: auto 1fr;
    column-gap: clamp(3rem, 1rem + 4vw, 5rem);
    row-gap: var(--space-10);
  }

  .sol--reverse .sol__top[b-c94tyhwf3w] {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    grid-template-areas:
      "visual intro"
      "visual story";
  }

  .sol__intro[b-c94tyhwf3w] { grid-area: intro; }
  .sol__story[b-c94tyhwf3w] { grid-area: story; }

  .sol__visual[b-c94tyhwf3w] {
    grid-area: visual;
    align-self: start;
    position: sticky;
    top: calc(var(--header-h) + var(--solutions-nav-h, 3.5rem) + var(--space-8));
  }
}

.sol__meta[b-c94tyhwf3w] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
}

.sol__index[b-c94tyhwf3w] {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-accent);
}

.sol__index-total[b-c94tyhwf3w] {
  font-weight: var(--weight-regular);
  color: var(--color-text-faint);
}

.sol__category[b-c94tyhwf3w] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.sol__title[b-c94tyhwf3w] {
  margin-top: var(--space-5);
  font-size: clamp(2rem, 1.4rem + 2vw, 3rem);
  line-height: 1.08;
  letter-spacing: var(--tracking-tight);
}

.sol__summary[b-c94tyhwf3w] {
  margin-top: var(--space-5);
  max-width: 36rem;
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
}

.sol__visual[b-c94tyhwf3w] {
  min-width: 0;
}

/* Problem -> solution story with a connected pair of nodes */
.sol__story[b-c94tyhwf3w] {
  position: relative;
  display: grid;
  gap: var(--space-8);
}

.sol__story[b-c94tyhwf3w]::before {
  content: "";
  position: absolute;
  left: 0.3125rem;
  top: 0.75rem;
  bottom: 0.75rem;
  width: 1px;
  background: linear-gradient(180deg, var(--color-warning), var(--color-border-accent) 55%, var(--color-accent));
  opacity: 0.6;
}

.sol__step[b-c94tyhwf3w] {
  position: relative;
  padding-left: 2rem;
}

.sol__node[b-c94tyhwf3w] {
  position: absolute;
  left: 0;
  top: 0.3rem;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: var(--color-bg);
  border: 1.5px solid var(--color-accent);
  box-shadow: 0 0 0 4px var(--color-accent-bg);
}

.sol__step--problem .sol__node[b-c94tyhwf3w] {
  border-color: var(--color-warning);
  box-shadow: 0 0 0 4px var(--color-warning-bg);
}

.sol--dark .sol__node[b-c94tyhwf3w],
.sol--dark .sol__step--problem .sol__node[b-c94tyhwf3w] {
  background: var(--navy-900);
}

.sol__label[b-c94tyhwf3w] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.sol__label--rule[b-c94tyhwf3w] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.sol__label--rule[b-c94tyhwf3w]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-border);
}

.sol__problems[b-c94tyhwf3w] {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-4);
  padding: 0;
  list-style: none;
}

.sol__problems li[b-c94tyhwf3w] {
  position: relative;
  padding-left: 1.25rem;
  line-height: 1.6;
  color: var(--color-text-secondary);
}

.sol__problems li[b-c94tyhwf3w]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  width: 0.5rem;
  height: 1.5px;
  border-radius: 1px;
  background: var(--color-warning);
}

.sol__approach[b-c94tyhwf3w] {
  margin-top: var(--space-4);
  line-height: 1.7;
  color: var(--color-text-secondary);
}

/* ---- Capabilities ------------------------------------------------------------------- */
.sol__caps[b-c94tyhwf3w] {
  margin-top: clamp(3.5rem, 2rem + 4vw, 5.5rem);
}

.sol__cap-grid[b-c94tyhwf3w] {
  display: grid;
  gap: 1px;
  margin-top: var(--space-6);
  padding: 0;
  list-style: none;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-border);
  overflow: hidden;
}

@media (min-width: 40rem) {
  .sol__cap-grid[b-c94tyhwf3w] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .sol__cap-grid[b-c94tyhwf3w] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Surfaces are translucent on dark bands: a solid base layer keeps the 1px gaps reading as hairlines. */
.sol__cap[b-c94tyhwf3w] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: var(--space-4);
  row-gap: var(--space-1);
  align-content: start;
  padding: var(--space-6);
  background: linear-gradient(var(--color-surface), var(--color-surface)), var(--color-bg);
  transition: background-color var(--dur) var(--ease-out);
}

.sol__cap:hover[b-c94tyhwf3w] {
  background: linear-gradient(var(--color-surface-hover), var(--color-surface-hover)), var(--color-bg);
}

.sol__cap-icon[b-c94tyhwf3w] {
  --icon-size: 1.125rem;
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 10px;
  color: var(--color-accent);
  background: var(--color-accent-bg);
  border: 1px solid var(--color-border-accent);
}

.sol__cap-title[b-c94tyhwf3w] {
  font-size: var(--text-base);
  line-height: 1.35;
}

.sol__cap-text[b-c94tyhwf3w] {
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-text-muted);
}

/* ---- Users + CTA ---------------------------------------------------------------------- */
.sol__footer[b-c94tyhwf3w] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-6) var(--space-10);
  margin-top: clamp(2.5rem, 2rem + 2vw, 3.5rem);
  padding-top: var(--space-8);
  border-top: 1px solid var(--color-border);
}

.sol__users[b-c94tyhwf3w] {
  flex: 1 1 28rem;
  min-width: 0;
}

.sol__chips[b-c94tyhwf3w] {
  margin-top: var(--space-4);
}

.sol__cta[b-c94tyhwf3w] {
  flex-shrink: 0;
}

@media (max-width: 30rem) {
  .sol__cta[b-c94tyhwf3w],
  .sol__cta[b-c94tyhwf3w]  .btn {
    width: 100%;
  }
}
/* /Components/Sections/Solutions/SolutionsNav.razor.rz.scp.css */
/* --solutions-nav-h is defined on the .solutions-catalog wrapper (Solutions.razor.css) so the
   product sections can offset their anchors and sticky visuals by the same amount. */
.sol-nav[b-4tjje85fvu] {
  position: sticky;
  top: var(--header-h);
  z-index: 50;
  height: var(--solutions-nav-h, 3.5rem);
  background: color-mix(in srgb, var(--color-bg) 84%, transparent);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.sol-nav__inner[b-4tjje85fvu] {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  height: 100%;
}

.sol-nav__label[b-4tjje85fvu] {
  display: none;
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-faint);
}

.sol-nav__list[b-4tjje85fvu] {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  justify-content: space-between;
  gap: var(--space-1);
  min-width: 0;
  height: 100%;
  margin-inline: calc(var(--space-3) * -1);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.sol-nav__list[b-4tjje85fvu]::-webkit-scrollbar {
  display: none;
}

.sol-nav__list > li[b-4tjje85fvu] {
  display: flex;
  flex-shrink: 0;
}

.sol-nav__link[b-4tjje85fvu] {
  --icon-size: 1.0625rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
  padding: 0 var(--space-3);
  font-size: 0.9375rem;
  font-weight: var(--weight-medium);
  color: var(--color-text-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--dur) var(--ease-out);
}

.sol-nav__link[b-4tjje85fvu]  .icon {
  display: none;
  opacity: 0.85;
}

.sol-nav__link:hover[b-4tjje85fvu] {
  color: var(--color-heading);
}

/* Focus ring drawn inside: the scrolling list would clip an outside outline. */
.sol-nav__link:focus-visible[b-4tjje85fvu] {
  outline-offset: -0.375rem;
  border-radius: var(--radius-sm);
}

.sol-nav__link[b-4tjje85fvu]::after {
  content: "";
  position: absolute;
  left: var(--space-3);
  right: var(--space-3);
  bottom: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--color-border-strong);
  transform: scaleX(0);
  transition: transform var(--dur) var(--ease-out);
}

.sol-nav__link:hover[b-4tjje85fvu]::after {
  transform: scaleX(1);
}

.sol-nav__note[b-4tjje85fvu] {
  display: none;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  white-space: nowrap;
}

.sol-nav__dot[b-4tjje85fvu] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: var(--color-accent-strong);
  box-shadow: 0 0 0 3px var(--color-accent-blue-bg);
}

@media (min-width: 30rem) {
  .sol-nav__list[b-4tjje85fvu] {
    justify-content: flex-start;
  }

  .sol-nav__link[b-4tjje85fvu]  .icon {
    display: block;
  }
}

@media (min-width: 64rem) {
  .sol-nav__label[b-4tjje85fvu],
  .sol-nav__note[b-4tjje85fvu] {
    display: inline-flex;
  }

  .sol-nav__list[b-4tjje85fvu] {
    margin-inline: 0;
  }
}

/* ---- Active link (progressive enhancement) ---------------------------------------------
   Each product section publishes a view timeline (--sol-<slug>); the matching link is
   highlighted while its section crosses the line just below this bar. Browsers without
   scroll-driven animations simply show no active state. */
@supports (animation-timeline: --a) and (timeline-scope: --a) {
  .sol-nav__link[b-4tjje85fvu] {
    animation-name: sol-nav-active-b-4tjje85fvu;
    animation-timing-function: linear;
    animation-fill-mode: none;
  }

  .sol-nav__link[b-4tjje85fvu]::after {
    animation-name: sol-nav-underline-b-4tjje85fvu;
    animation-timing-function: linear;
    animation-fill-mode: none;
  }

  .sol-nav__link--erp[b-4tjje85fvu],
  .sol-nav__link--erp[b-4tjje85fvu]::after {
    animation-timeline: --sol-erp;
  }

  .sol-nav__link--stockaudit[b-4tjje85fvu],
  .sol-nav__link--stockaudit[b-4tjje85fvu]::after {
    animation-timeline: --sol-stockaudit;
  }

  .sol-nav__link--hr[b-4tjje85fvu],
  .sol-nav__link--hr[b-4tjje85fvu]::after {
    animation-timeline: --sol-hr;
  }

  .sol-nav__link--insights[b-4tjje85fvu],
  .sol-nav__link--insights[b-4tjje85fvu]::after {
    animation-timeline: --sol-insights;
  }
}

@keyframes sol-nav-active-b-4tjje85fvu {
  from, to { color: var(--color-heading); }
}

@keyframes sol-nav-underline-b-4tjje85fvu {
  from, to {
    transform: scaleX(1);
    background: var(--color-accent);
  }
}
/* /Components/Sections/Solutions/SolutionsPrinciples.razor.rz.scp.css */
.sol-principles[b-i1gvm39x8c] {
  display: grid;
  gap: var(--space-5);
  padding: 0;
  list-style: none;
}

@media (min-width: 40rem) {
  .sol-principles[b-i1gvm39x8c] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 72rem) {
  .sol-principles[b-i1gvm39x8c] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sol-principles__item .icon-tile[b-i1gvm39x8c] {
  margin-bottom: var(--space-2);
}

.sol-principles__title[b-i1gvm39x8c] {
  font-size: var(--text-lg);
}

.sol-principles__item p[b-i1gvm39x8c] {
  font-size: var(--text-sm);
  line-height: 1.65;
}

.sol-early[b-i1gvm39x8c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6) var(--space-10);
  margin-top: var(--space-10);
  padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border-accent);
  background:
    radial-gradient(80% 140% at 0% 0%, var(--color-accent-bg), transparent 60%),
    radial-gradient(80% 140% at 100% 100%, var(--color-accent-blue-bg), transparent 60%),
    var(--color-surface);
}

.sol-early__text[b-i1gvm39x8c] {
  flex: 1 1 26rem;
  max-width: 44rem;
}

.sol-early__title[b-i1gvm39x8c] {
  margin-bottom: var(--space-2);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: var(--weight-bold);
  color: var(--color-heading);
}

.sol-early__text p:not(.sol-early__title)[b-i1gvm39x8c] {
  color: var(--color-text-muted);
  line-height: 1.65;
}
/* /Components/Sections/Solutions/SolutionsStatus.razor.rz.scp.css */
/* The card overlaps the bottom of the dark hero; the section itself stays transparent so the
   overlap shows the hero behind it. */
.sol-status[b-yeoo9nsb6f] {
  --sol-status-overlap: clamp(2rem, 1rem + 2.5vw, 3.5rem);
  position: relative;
  z-index: 2;
  margin-top: calc(var(--sol-status-overlap) * -1);
  padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 4rem);
}

.sol-status__card[b-yeoo9nsb6f] {
  display: grid;
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

@media (min-width: 56rem) {
  .sol-status__card[b-yeoo9nsb6f] {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  }
}

.sol-status__block[b-yeoo9nsb6f] {
  display: flex;
  align-items: flex-start;
  gap: var(--space-5);
  padding: clamp(1.5rem, 1rem + 1.6vw, 2.25rem);
}

.sol-status__block--now[b-yeoo9nsb6f] {
  border-top: 1px solid var(--color-border);
  background:
    radial-gradient(90% 140% at 100% 0%, var(--color-accent-bg), transparent 70%),
    var(--color-surface-2);
}

@media (min-width: 56rem) {
  .sol-status__block--now[b-yeoo9nsb6f] {
    border-top: 0;
    border-left: 1px solid var(--color-border);
  }
}

.sol-status__tile--now[b-yeoo9nsb6f] {
  color: var(--color-accent-strong);
  background: linear-gradient(160deg, rgba(82, 123, 255, 0.16), rgba(49, 199, 213, 0.08));
  border-color: color-mix(in srgb, var(--color-accent-strong) 38%, transparent);
}

.sol-status__text[b-yeoo9nsb6f] {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.sol-status__heading[b-yeoo9nsb6f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
}

.sol-status__title[b-yeoo9nsb6f] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-bold);
  line-height: 1.3;
  letter-spacing: var(--tracking-snug);
  color: var(--color-heading);
}

.sol-status__text p:not(.sol-status__title)[b-yeoo9nsb6f] {
  max-width: 40rem;
  font-size: var(--text-sm);
  line-height: 1.65;
  color: var(--color-text-muted);
}

.sol-status__link[b-yeoo9nsb6f] {
  justify-self: start;
  margin-top: var(--space-1);
  min-height: 2.75rem;
}

@media (max-width: 30rem) {
  .sol-status__block[b-yeoo9nsb6f] {
    flex-direction: column;
    gap: var(--space-4);
  }
}
/* /Components/Shared/CtaBand.razor.rz.scp.css */
.cta-band[b-4vfu4se3l2] {
  padding-block: var(--section-pad-sm);
}

.cta-band__card[b-4vfu4se3l2] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--radius-xl);
  padding: clamp(2.5rem, 1.5rem + 5vw, 5.5rem) clamp(1.5rem, 0.5rem + 5vw, 5.5rem);
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(82, 123, 255, 0.22), transparent 60%),
    radial-gradient(70% 110% at 0% 100%, rgba(49, 199, 213, 0.14), transparent 60%),
    linear-gradient(160deg, var(--navy-800), var(--navy-900));
  border: 1px solid rgba(152, 166, 186, 0.16);
  box-shadow: var(--shadow-lg);
  color: var(--color-text);
}

.cta-band__bg[b-4vfu4se3l2] {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.cta-band__bg[b-4vfu4se3l2]  .cta-band__rings {
  position: absolute;
  width: 46rem;
  height: auto;
  right: -14rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--brand-cyan);
  opacity: 0.2;
}

.cta-band__glow-a[b-4vfu4se3l2] {
  width: 30rem;
  height: 30rem;
  left: -10rem;
  top: -12rem;
}

.cta-band__glow-b[b-4vfu4se3l2] {
  width: 34rem;
  height: 34rem;
  right: -8rem;
  bottom: -16rem;
}

.cta-band__content[b-4vfu4se3l2] {
  position: relative;
  max-width: 40rem;
}

.cta-band__title[b-4vfu4se3l2] {
  margin-top: var(--space-4);
  font-size: var(--text-4xl);
}

.cta-band__content > .cta-band__title:first-child[b-4vfu4se3l2] {
  margin-top: 0;
}

.cta-band__text[b-4vfu4se3l2] {
  margin-top: var(--space-5);
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
}

.cta-band__actions[b-4vfu4se3l2] {
  margin-top: var(--space-8);
}
/* /Components/Shared/PageHero.razor.rz.scp.css */
.page-hero[b-sqbtlw12q6] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: calc(var(--header-h) + clamp(4rem, 2.5rem + 6vw, 7.5rem));
  padding-bottom: clamp(4rem, 2.5rem + 5vw, 7rem);
  background:
    radial-gradient(120% 80% at 85% -10%, rgba(82, 123, 255, 0.16), transparent 55%),
    linear-gradient(180deg, var(--navy-900) 0%, var(--navy-850) 100%);
  color: var(--color-text);
  border-bottom: 1px solid var(--color-border);
}

.page-hero--compact[b-sqbtlw12q6] {
  padding-top: calc(var(--header-h) + clamp(3rem, 2rem + 4vw, 5rem));
  padding-bottom: clamp(3rem, 2rem + 3vw, 4.5rem);
}

.page-hero__bg[b-sqbtlw12q6] {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.page-hero__bg[b-sqbtlw12q6]  .page-hero__rings {
  position: absolute;
  width: min(62rem, 120vw);
  height: auto;
  right: -18rem;
  top: 50%;
  transform: translateY(-46%);
  color: var(--brand-cyan);
  opacity: 0.16;
}

.page-hero__glow-a[b-sqbtlw12q6] {
  width: 44rem;
  height: 44rem;
  right: -12rem;
  top: -18rem;
}

.page-hero__glow-b[b-sqbtlw12q6] {
  width: 36rem;
  height: 36rem;
  left: -16rem;
  bottom: -22rem;
  --glow-opacity: 0.7;
}

.page-hero__inner[b-sqbtlw12q6] {
  position: relative;
  display: grid;
  gap: clamp(2.5rem, 2rem + 3vw, 4.5rem);
  align-items: center;
}

.page-hero__inner--split[b-sqbtlw12q6] {
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 64rem) {
  .page-hero__inner--split[b-sqbtlw12q6] {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  }
}

.page-hero__content[b-sqbtlw12q6] {
  max-width: 48rem;
}

.page-hero__content > *[b-sqbtlw12q6] {
  animation: page-hero-rise-b-sqbtlw12q6 900ms var(--ease-out) both;
}

.page-hero__content > :nth-child(2)[b-sqbtlw12q6] { animation-delay: 70ms; }
.page-hero__content > :nth-child(3)[b-sqbtlw12q6] { animation-delay: 140ms; }
.page-hero__content > :nth-child(4)[b-sqbtlw12q6] { animation-delay: 210ms; }
.page-hero__content > :nth-child(5)[b-sqbtlw12q6] { animation-delay: 280ms; }

.page-hero__title[b-sqbtlw12q6] {
  margin-top: var(--space-5);
  font-size: clamp(2.375rem, 1.6rem + 3.2vw, 4rem);
  line-height: 1.06;
}

.page-hero__lead[b-sqbtlw12q6] {
  margin-top: var(--space-6);
  max-width: 42rem;
  color: var(--color-text-secondary);
}

.page-hero__actions[b-sqbtlw12q6] {
  margin-top: var(--space-10);
}

.page-hero__visual[b-sqbtlw12q6] {
  position: relative;
  animation: page-hero-rise-b-sqbtlw12q6 1100ms 180ms var(--ease-out) both;
}

@keyframes page-hero-rise-b-sqbtlw12q6 {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
/* /Components/Shared/ServiceCard.razor.rz.scp.css */
.service-card[b-1bdyiemtk4] {
  gap: var(--space-4);
  height: 100%;
}

.service-card .icon-tile[b-1bdyiemtk4] {
  margin-bottom: var(--space-3);
  transition:
    transform var(--dur-slow) var(--ease-out),
    box-shadow var(--dur-slow) var(--ease-out);
}

.service-card:hover .icon-tile[b-1bdyiemtk4],
.service-card:focus-within .icon-tile[b-1bdyiemtk4] {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -10px rgba(49, 199, 213, 0.55);
}

.service-card__title[b-1bdyiemtk4] {
  font-size: var(--text-xl);
  line-height: 1.3;
}

.service-card__summary[b-1bdyiemtk4] {
  flex: 1;
  color: var(--color-text-muted);
  line-height: 1.65;
}

.service-card__more[b-1bdyiemtk4] {
  --icon-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: var(--space-2);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-accent);
  opacity: 0.85;
  transition: opacity var(--dur) var(--ease-out), gap var(--dur) var(--ease-out);
}

.service-card:hover .service-card__more[b-1bdyiemtk4],
.service-card:focus-within .service-card__more[b-1bdyiemtk4] {
  opacity: 1;
  gap: 0.6rem;
}
/* /Components/Shared/SolutionCard.razor.rz.scp.css */
.solution-card[b-uc3vvhjmrd] {
  padding: 0;
  gap: 0;
  overflow: hidden;
  height: 100%;
}

/* The card clips its overflow (rounded preview), so draw the keyboard focus ring inside it. */
.solution-card .card-link:focus-visible[b-uc3vvhjmrd]::after {
  outline-offset: -3px;
}

.solution-card__preview[b-uc3vvhjmrd] {
  position: relative;
  display: grid;
  place-items: center;
  padding: var(--space-6) var(--space-6) var(--space-5);
  background:
    radial-gradient(80% 120% at 0% 0%, var(--color-accent-bg), transparent 70%),
    var(--color-surface-2);
  border-bottom: 1px solid var(--color-border);
}

.solution-card__body[b-uc3vvhjmrd] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  flex: 1;
  padding: clamp(1.5rem, 1.2rem + 1vw, 2rem);
}

.solution-card__meta[b-uc3vvhjmrd] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-3);
}

.solution-card__category[b-uc3vvhjmrd] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.solution-card__title[b-uc3vvhjmrd] {
  font-size: var(--text-2xl);
  letter-spacing: var(--tracking-tight);
}

.solution-card__summary[b-uc3vvhjmrd] {
  color: var(--color-text-muted);
  line-height: 1.65;
}

.solution-card .check-list[b-uc3vvhjmrd] {
  margin-top: var(--space-1);
}

.solution-card__more[b-uc3vvhjmrd] {
  --icon-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: auto;
  padding-top: var(--space-3);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-accent);
  transition: gap var(--dur) var(--ease-out);
}

.solution-card:hover .solution-card__more[b-uc3vvhjmrd],
.solution-card:focus-within .solution-card__more[b-uc3vvhjmrd] {
  gap: 0.6rem;
}
/* /Components/Shared/SolutionGlyph.razor.rz.scp.css */
.solution-glyph[b-s48zpr7rk5] {
  width: 100%;
  max-width: 23rem;
  height: auto;
  overflow: visible;
}

.g-line[b-s48zpr7rk5] {
  stroke: var(--color-border-strong);
  stroke-width: 1.2;
}

.g-grid[b-s48zpr7rk5] {
  stroke: var(--color-border);
  stroke-width: 1;
}

.g-ring[b-s48zpr7rk5] {
  fill: var(--color-surface);
  stroke: var(--color-accent);
  stroke-width: 1.5;
}

.g-tile[b-s48zpr7rk5] {
  fill: var(--color-surface);
  stroke: var(--color-border-strong);
  stroke-width: 1;
}

.g-tile--accent[b-s48zpr7rk5] {
  fill: var(--color-accent-bg);
  stroke: var(--color-accent);
}

.g-label[b-s48zpr7rk5] {
  fill: var(--color-text-muted);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
}

.g-bar[b-s48zpr7rk5] {
  fill: var(--color-border-strong);
}

.g-bar--soft[b-s48zpr7rk5] {
  opacity: 0.55;
}

.g-muted[b-s48zpr7rk5] {
  fill: var(--color-border-strong);
}

.g-accent[b-s48zpr7rk5] {
  fill: var(--color-accent);
}

.g-accent-stroke[b-s48zpr7rk5] {
  stroke: var(--color-accent);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.g-blue-stroke[b-s48zpr7rk5] {
  stroke: var(--color-accent-strong);
  stroke-width: 1.6;
  stroke-linecap: round;
  opacity: 0.8;
}

.g-area[b-s48zpr7rk5] {
  fill: var(--color-accent);
  fill-opacity: 0.12;
}

.g-dot[b-s48zpr7rk5] {
  fill: var(--color-surface);
  stroke: var(--color-accent);
  stroke-width: 2;
}

.g-warn[b-s48zpr7rk5] {
  fill: var(--color-warning);
}

.g-warn-stroke[b-s48zpr7rk5] {
  stroke: var(--color-warning);
  stroke-width: 1.4;
}

.g-pill[b-s48zpr7rk5] {
  fill: var(--color-warning-bg);
  stroke: var(--color-warning);
  stroke-width: 1;
}

.g-pill-text[b-s48zpr7rk5] {
  fill: var(--color-warning);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
}

.g-avatar[b-s48zpr7rk5] {
  fill: var(--color-accent-bg);
  stroke: var(--color-accent);
  stroke-width: 1.4;
}

.g-avatar--b[b-s48zpr7rk5] {
  fill: var(--color-accent-blue-bg);
  stroke: var(--color-accent-strong);
}

.g-avatar--c[b-s48zpr7rk5] {
  fill: var(--color-surface);
  stroke: var(--color-border-strong);
}

.g-cell--present[b-s48zpr7rk5] {
  fill: var(--color-accent);
  fill-opacity: 0.75;
}

.g-cell--leave[b-s48zpr7rk5] {
  fill: var(--color-warning);
  fill-opacity: 0.8;
}

.g-cell--absent[b-s48zpr7rk5] {
  fill: none;
  stroke: var(--color-danger);
  stroke-width: 1.2;
}

.g-cell--off[b-s48zpr7rk5] {
  fill: var(--color-border);
}

.g-track[b-s48zpr7rk5] {
  stroke: var(--color-border);
  stroke-width: 9;
}

.g-arc-a[b-s48zpr7rk5] {
  stroke: var(--color-accent);
  stroke-width: 9;
}

.g-arc-b[b-s48zpr7rk5] {
  stroke: var(--color-accent-strong);
  stroke-width: 9;
}

.g-donut[b-s48zpr7rk5] {
  fill: var(--color-heading);
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
}