/* =====================================================
   SEEK — HOW IT WORKS (how-it-works.css)
===================================================== */
.how-sec {
  background: var(--black); color: var(--white);
  padding: 9rem 5rem; position: relative; overflow: hidden;
}
.how-sec .section-eyebrow { color: var(--gold); }
.how-sec .section-title   { color: var(--white); }
.how-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
  background: rgba(255,255,255,.05);
  margin-top: 4.5rem; border-radius: 24px; overflow: hidden;
}
.how-card {
  background: var(--off-black); padding: 3.2rem 2.8rem;
  position: relative; overflow: hidden; transition: background .4s; cursor: none;
}
.how-card:hover { background: #161616; }
.how-num {
  position: absolute; top: 1rem; right: 1.5rem;
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: 5rem; color: rgba(255,255,255,.04);
  line-height: 1; letter-spacing: -.02em; transition: color .4s; pointer-events: none;
}
.how-card:hover .how-num { color: rgba(203,154,45,.1); }
.how-step {
  display: inline-block; background: var(--gold); color: var(--black);
  font-family: 'Space Mono', monospace;
  font-size: .58rem; font-weight: 700; letter-spacing: .14em;
  padding: .22rem .7rem; border-radius: 99px; margin-bottom: 1.4rem;
}
.how-title {
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: 1.5rem; color: var(--white); letter-spacing: -.01em; margin-bottom: .8rem;
}
.how-desc { font-size: .88rem; color: rgba(255,255,255,.42); line-height: 1.78; font-weight: 500; }

/* Kinetic text bar */
.kinetic-sec {
  background: var(--black); padding: 3.5rem 0;
  overflow: hidden; border-top: 1px solid rgba(255,255,255,.05);
}
.k-row { overflow: hidden; display: flex; }
.k-track { display: flex; white-space: nowrap; }
.k-track.fwd { animation: kFwd 20s linear infinite; }
.k-track.rev { animation: kRev 25s linear infinite; }
.k-item {
  display: inline-flex; align-items: center; padding: .4rem 1.8rem;
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: clamp(1.8rem, 3vw, 2.8rem); letter-spacing: .04em;
  color: rgba(255,255,255,.07);
}
.k-item.accent { color: var(--gold); }

/* CTA section */
.cta-sec {
  background: var(--black); color: var(--white);
  padding: 9rem 5rem; text-align: center; position: relative; overflow: hidden;
}
.cta-sec::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 70% 90% at 50% 0%, rgba(203,154,45,.11), transparent 55%);
}
.cta-eye-bg {
  position: absolute; bottom: -22%; left: 50%; transform: translateX(-50%);
  width: 680px; opacity: .03; pointer-events: none;
}
.cta-title {
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: clamp(3rem, 6.5vw, 6rem);
  line-height: 1.05; letter-spacing: -.02em;
  margin-bottom: 1.5rem; position: relative; z-index: 1;
}
.cta-title .g { color: var(--gold); }
.cta-sub {
  font-size: 1.05rem; color: rgba(255,255,255,.42);
  max-width: 460px; margin: 0 auto 2.5rem; line-height: 1.75;
  font-weight: 500; position: relative; z-index: 1;
}
.cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1; }