.gybi-process-module.theme-light {
  --gybi-process-bg:#ffffff;
  --gybi-process-ink:#0b1830;
  --gybi-process-muted:#68758c;
}

.gybi-process-module.theme-dark {
  --gybi-process-bg:#07152b;
  --gybi-process-ink:#ffffff;
  --gybi-process-muted:#a8b4ca;
  --gybi-process-line-a:rgba(43,129,255,.46);
  --gybi-process-line-b:rgba(127,77,255,.48);
  position:relative;
  overflow:hidden;
}

.gybi-process-module.theme-dark::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0%, rgba(47,101,190,.22), transparent 42%),
    linear-gradient(180deg,#0a1b37 0%,#061326 100%);
}

.gybi-process-module.theme-dark > .container {
  position:relative;
  z-index:1;
}

.gybi-process-module.theme-dark .gybi-process-eyebrow {
  background:transparent;
  color:#91a7cc;
  padding:0;
  border-radius:0;
  letter-spacing:.18em;
}

.gybi-process-module.theme-dark .gybi-process-number {
  box-shadow:0 10px 28px rgba(33,91,255,.22);
}

.gybi-process-module.theme-dark .gybi-process-title {
  color:#ffffff;
}

.gybi-process-module.theme-dark .gybi-process-text {
  color:#a8b4ca;
}

.gybi-process-module {
  scroll-margin-top:90px;
  --gybi-process-ink:#0b1830;
  --gybi-process-muted:#68758c;
  --gybi-process-blue:#1768ff;
  --gybi-process-violet:#792cff;
  --gybi-process-bg:#ffffff;
  --gybi-process-line-a:rgba(23,104,255,.38);
  --gybi-process-line-b:rgba(121,44,255,.38);
  padding:5.2rem 0;
  background:var(--gybi-process-bg);
}

.gybi-process-module .gybi-process-head {
  max-width:760px;
  margin:0 auto 3rem;
  text-align:center;
}

.gybi-process-module.is-left .gybi-process-head {
  margin-left:0;
  text-align:left;
}

.gybi-process-module .gybi-process-eyebrow {
  display:inline-flex;
  padding:.42rem .8rem;
  border-radius:999px;
  background:#efefff;
  color:#5146e5;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.gybi-process-module .gybi-process-heading {
  margin:.8rem 0;
  color:var(--gybi-process-ink);
  font-size:clamp(2.3rem,4vw,3.8rem);
  font-weight:850;
  line-height:1.06;
  letter-spacing:-.04em;
}

.gybi-process-module .gybi-process-intro {
  color:var(--gybi-process-muted);
  font-size:1.05rem;
  line-height:1.7;
}

.gybi-process-module .gybi-process-track {
  display:grid;
  grid-template-columns:repeat(var(--gybi-process-count,4),minmax(0,1fr));
  align-items:start;
  position:relative;
}

.gybi-process-module .gybi-process-step {
  position:relative;
  min-width:0;
  text-align:center;
  padding:0 1rem;
}

.gybi-process-module.is-left .gybi-process-step {
  text-align:left;
}

.gybi-process-module .gybi-process-step::after {
  content:"";
  position:absolute;
  top:25px;
  left:calc(50% + 28px);
  width:calc(100% - 56px);
  height:2px;
  background:linear-gradient(90deg,var(--gybi-process-line-a),var(--gybi-process-line-b));
  z-index:0;
}

.gybi-process-module .gybi-process-step:last-child::after {
  display:none;
}

.gybi-process-module .gybi-process-number {
  position:relative;
  z-index:1;
  width:52px;
  height:52px;
  margin:0 auto 1rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,var(--gybi-process-blue),var(--gybi-process-violet));
  box-shadow:0 10px 22px rgba(67,74,255,.22);
  font-size:1rem;
  font-weight:900;
}

.gybi-process-module.is-left .gybi-process-number {
  margin-left:0;
}

.gybi-process-module .gybi-process-label {
  margin-bottom:.35rem;
  color:#66738a;
  font-size:.69rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.gybi-process-module .gybi-process-title {
  margin:0 0 .6rem;
  color:var(--gybi-process-ink);
  font-size:1.03rem;
  font-weight:850;
}

.gybi-process-module .gybi-process-text {
  color:var(--gybi-process-muted);
  font-size:.92rem;
  line-height:1.65;
}

@media (max-width:991.98px) {
  .gybi-process-module .gybi-process-track {
    grid-template-columns:1fr;
    gap:0;
    max-width:680px;
    margin:0 auto;
  }

  .gybi-process-module .gybi-process-step,
  .gybi-process-module.is-left .gybi-process-step {
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    grid-template-areas:
      "number content";
    column-gap:1rem;
    text-align:left;
    padding:0 0 2rem;
  }

  .gybi-process-module .gybi-process-number,
  .gybi-process-module.is-left .gybi-process-number {
    grid-area:number;
    margin:0;
  }

  .gybi-process-module .gybi-process-step > .gybi-process-content {
    grid-area:content;
  }

  .gybi-process-module .gybi-process-step::after {
    top:52px;
    left:25px;
    width:2px;
    height:calc(100% - 30px);
    background:linear-gradient(180deg,var(--gybi-process-line-a),var(--gybi-process-line-b));
  }
}

@media (max-width:575.98px) {
  .gybi-process-module {
    padding:3.8rem 0;
  }

  .gybi-process-module .gybi-process-head {
    margin-bottom:2.3rem;
  }

  .gybi-process-module .gybi-process-step {
    grid-template-columns:56px minmax(0,1fr);
  }

  .gybi-process-module .gybi-process-number {
    width:46px;
    height:46px;
  }

  .gybi-process-module .gybi-process-step::after {
    top:46px;
    left:22px;
  }
}