.az-site .az-process {
  padding-block: var(--az-section-space);
  background:
    radial-gradient(38rem 16rem at 10% 0%, color-mix(in srgb, var(--az-primary) 10%, transparent), transparent 72%),
    linear-gradient(180deg, transparent, color-mix(in srgb, var(--az-surface) 90%, var(--az-bg)));
}

.az-site .az-process__head {
  max-inline-size: 48rem;
  margin: 0 auto clamp(var(--az-space-5), 3vw, 1.75rem);
  text-align: center;
}

.az-site .az-process__title {
  margin: 0 0 var(--az-space-3);
  font-size: clamp(1.45rem, 3vw, 2.05rem);
}

.az-site .az-process__text {
  color: var(--az-muted);
  line-height: var(--az-line-base);
}

.az-site .az-process__text p:last-child {
  margin-bottom: 0;
}

.az-site .az-process__timeline {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: clamp(var(--az-space-3), 2.8vw, var(--az-space-6));
}

.az-site .az-process__timeline-item {
  position: relative;
  margin: 0;
  padding-inline-end: calc(var(--az-space-8) + var(--az-space-2));
}

.az-site .az-process__timeline-item::before {
  content: "";
  position: absolute;
  inset-inline-end: var(--az-space-4);
  inset-block-start: 0;
  inset-block-end: calc(var(--az-space-5) * -1);
  inline-size: 1px;
  background: var(--az-divider-color);
}

.az-site .az-process__timeline-item:last-child::before {
  display: none;
}

.az-site .az-process__dot {
  position: absolute;
  inset-inline-end: calc(var(--az-space-4) - 0.34rem);
  inset-block-start: var(--az-space-5);
  inline-size: 0.68rem;
  block-size: 0.68rem;
  border-radius: 999px;
  background: var(--az-primary);
}

.az-site .az-process__timeline-card {
  display: grid;
  gap: var(--az-space-3);
}

.az-site .az-process__step-number,
.az-site .az-process__alt-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 2rem;
  min-block-size: 2rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--az-primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--az-primary) 42%, var(--az-border));
  color: var(--az-primary);
  font-size: var(--az-font-size-sm);
  font-weight: 700;
  line-height: 1;
}

.az-site .az-process__step-number {
  box-shadow: var(--az-shadow-sm);
}

.az-site .az-process__step-title {
  margin: 0;
  font-size: var(--az-font-size-lg);
}

.az-site .az-process__step-text {
  color: var(--az-muted);
  line-height: var(--az-line-base);
}

.az-site .az-process__step-text p:last-child {
  margin-bottom: 0;
}

.az-site .az-process__alternating {
  display: grid;
  gap: clamp(var(--az-space-3), 2.5vw, var(--az-space-6));
}

.az-site .az-process__alt-item {
  border: 1px solid color-mix(in srgb, var(--az-border) 80%, var(--az-primary));
  border-radius: var(--az-radius-module);
  background: color-mix(in srgb, var(--az-surface) 95%, var(--az-bg));
  padding: var(--az-space-5);
  box-shadow: var(--az-shadow-sm);
  transition: transform 200ms ease, box-shadow 200ms ease;
}

.az-site .az-process__alt-head {
  display: flex;
  align-items: center;
  gap: var(--az-space-3);
  margin-bottom: var(--az-space-3);
}

.az-site .az-process--authority .az-process__timeline {
  --az-authority-node-size: 2.5rem;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: clamp(var(--az-space-3), 2.5vw, var(--az-space-5));
}

.az-site .az-process--authority .az-process__timeline::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--az-authority-node-size) / 2);
  inset-block-end: calc(var(--az-authority-node-size) / 2);
  inset-inline-start: calc((var(--az-authority-node-size) / 2) - 1px);
  inline-size: 2px;
  background: color-mix(in srgb, var(--az-primary) 42%, var(--az-border));
}

.az-site .az-process--authority .az-process__step {
  margin: 0;
  display: grid;
  grid-template-columns: var(--az-authority-node-size) minmax(0, 1fr);
  gap: var(--az-space-4);
  align-items: start;
}

.az-site .az-process--authority .az-process__node {
  inline-size: var(--az-authority-node-size);
  block-size: var(--az-authority-node-size);
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--az-primary) 60%, var(--az-border));
  background: var(--az-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.az-site .az-process--authority .az-process__num {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--az-primary-contrast);
  line-height: 1;
}

.az-site .az-process--authority .az-process__card {
  border: 1px solid color-mix(in srgb, var(--az-border) 82%, var(--az-primary));
  border-radius: var(--az-radius-module);
  background: color-mix(in srgb, var(--az-surface) 96%, var(--az-bg));
  box-shadow: var(--az-shadow-sm);
  transition: transform 200ms ease, box-shadow 200ms ease;
  padding: var(--az-space-5);
  margin-inline-start: var(--az-space-2);
}

.az-site .az-process--authority .az-process__card-grid {
  display: grid;
  grid-template-columns: minmax(40px, 44px) minmax(0, 1fr);
  gap: var(--az-space-3);
  align-items: start;
}

.az-site .az-process--authority .az-process__card-content {
  min-width: 0;
}

.az-site .az-process__icon {
  inline-size: clamp(2.5rem, 2.8vw, 2.75rem);
  block-size: clamp(2.5rem, 2.8vw, 2.75rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--az-radius-card);
  border: 1px solid color-mix(in srgb, var(--az-border) 74%, var(--az-primary));
  background: color-mix(in srgb, var(--az-surface) 93%, var(--az-bg));
  overflow: hidden;
}

.az-site .az-process__icon img {
  display: block;
  width: auto;
  height: auto;
  max-inline-size: 100%;
  max-block-size: 100%;
  opacity: 0.88;
  filter: saturate(0.42) contrast(1.06);
}

.az-site .az-process--authority .az-process__card .az-process__step-title {
  margin: 0;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  font-weight: 700;
  color: var(--az-text);
}

.az-site .az-process--authority .az-process__card .az-process__step-text {
  margin: var(--az-space-2) 0 0;
  color: var(--az-muted);
  line-height: var(--az-line-base);
}

.az-site .az-process--authority .az-process__step-number,
.az-site .az-process--authority .az-process__node {
  background: var(--az-brand-gold);
  color: var(--az-primary-contrast);
  font-weight: 600;
  box-shadow: var(--az-shadow-sm);
}

.az-site .az-process--authority .az-process__num {
  color: var(--az-primary-contrast);
  font-weight: 600;
}

.az-site .az-process--authority .az-process__num {
  color: #fff !important;
}

.az-site .az-process--authority .az-process__line,
.az-site .az-process--authority .az-process__timeline::before {
  background: linear-gradient(
    to bottom,
    var(--az-brand-gold),
    color-mix(in srgb, var(--az-brand-gold) 35%, transparent)
  );
}

.az-site .az-process--authority {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.az-site .az-process--authority > .az-container {
  width: 100%;
  max-width: var(--az-boxed-max);
  margin-inline: auto;
  padding-inline: var(--az-boxed-pad);
  box-sizing: border-box;
}

.az-site .az-process--authority::before {
  content: none;
}

.az-site .az-process--authority::after {
  content: none;
}

.az-site .az-process--authority > * {
  position: relative;
  z-index: 1;
}

@media (min-width: 900px) {
  .az-site .az-process__alternating {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .az-site .az-process__alt-item--even {
    transform: translateY(var(--az-space-8));
  }
}

@media (max-width: 767px) {
  .az-site .az-process__head {
    text-align: right;
    margin-inline: 0;
  }

  .az-site .az-process__timeline-item {
    padding-inline-end: calc(var(--az-space-6) + var(--az-space-2));
  }

  .az-site .az-process__timeline-item::before {
    inset-inline-end: 0.6rem;
  }

  .az-site .az-process__dot {
    inset-inline-end: 0.28rem;
  }

  .az-site .az-process--authority .az-process__timeline {
    --az-authority-node-size: 2rem;
    gap: var(--az-space-4);
  }

  .az-site .az-process--authority .az-process__step {
    grid-template-columns: 1fr;
    gap: var(--az-space-3);
  }

  .az-site .az-process--authority .az-process__node {
    margin-inline-start: var(--az-space-2);
  }

  .az-site .az-process--authority .az-process__card {
    margin-inline-start: calc(var(--az-space-2) + var(--az-space-3));
  }

  .az-site .az-process--authority .az-process__timeline::before {
    inset-inline-start: calc(var(--az-space-2) + (var(--az-authority-node-size) / 2) - 1px);
  }
}

@media (hover: hover) {
  .az-site .az-process__card:hover,
  .az-site .az-process__alt-item:hover,
  .az-site .az-process--authority .az-process__card:hover,
  .az-site .az-process__card:focus-within,
  .az-site .az-process__alt-item:focus-within,
  .az-site .az-process--authority .az-process__card:focus-within {
    transform: translateY(-2px);
    box-shadow: var(--az-shadow-md);
  }
}

@media (prefers-reduced-motion: reduce) {
  .az-site .az-process__card,
  .az-site .az-process__alt-item,
  .az-site .az-process--authority .az-process__card {
    transition: none !important;
    transform: none !important;
  }
}