/* kv3-hex-process — source: V3.0/option-3-hive-v2.html (PROCESS) */
.kv3-steps{--kv3-cols:4;position:relative;display:grid;grid-template-columns:repeat(var(--kv3-cols),1fr);gap:24px;list-style:none;margin:0;padding:0}
.kv3-steps.has-lines::before{content:"";position:absolute;top:71px;inset-inline:calc(50% / var(--kv3-cols));height:4px;pointer-events:none;background:repeating-linear-gradient(to left,var(--orange) 0 6px,transparent 6px 16px);border-radius:4px}
.kv3-step{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;margin:0}
.kv3-step__hexwrap{filter:drop-shadow(0 14px 18px rgba(27,37,47,.18));transition:transform .4s var(--ease)}
.kv3-step:hover .kv3-step__hexwrap{transform:translateY(-6px) rotate(-4deg)}
.kv3-step__hex{width:126px;aspect-ratio:.866;display:grid;place-items:center;background:var(--navy);color:#fff;position:relative;clip-path:var(--hex)}
.kv3-step__hex.hexclip{clip-path:url(#hexR)}
.kv3-c-navy2{background:var(--navy-2)}
.kv3-c-orange{background:var(--orange);color:var(--navy)}
.kv3-step__n{font-family:var(--f-head);font-weight:800;font-size:38px;line-height:1}
.kv3-step__n small{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;opacity:.75;margin-top:4px}
.kv3-step h3{font-size:24px;font-weight:700;margin-top:8px}
.kv3-step p{margin:0;color:var(--muted);font-size:16.5px;max-width:250px}
.kv3-step__arrow{position:absolute;top:58px;inset-inline-end:-22px;width:30px;height:30px;border-radius:50%;background:var(--white);display:grid;place-items:center;color:var(--orange-ink);font-weight:800;box-shadow:var(--shadow-s);z-index:2}
html[dir="ltr"] .kv3-step__arrow{transform:scaleX(-1)}
.kv3-process__cta{margin-top:56px;display:flex;justify-content:center}
@media (max-width:860px){
  .kv3-steps{grid-template-columns:1fr;gap:28px;max-width:520px;margin-inline:auto}
  .kv3-steps.has-lines::before{inset-inline:auto;inset-inline-start:50px;top:40px;bottom:40px;width:4px;height:auto;background:repeating-linear-gradient(to bottom,var(--orange) 0 6px,transparent 6px 16px)}
  .kv3-step{flex-direction:row;text-align:start;align-items:center;gap:22px}
  .kv3-step__hex{width:104px}
  .kv3-step__t{flex:1}
  .kv3-step h3{margin-top:0}
  .kv3-step__arrow{display:none}
}
@media (prefers-reduced-motion:reduce){.kv3-step__hexwrap{transition:none}.kv3-step:hover .kv3-step__hexwrap{transform:none}}