.process-hero{padding-bottom:42px}
.process-hero-side{display:grid;gap:16px}
.process-quick-note{padding:18px 0;border-top:1px solid var(--hx-line)}
.process-quick-note:last-child{border-bottom:1px solid var(--hx-line)}
.process-quick-note strong{display:block;margin:0 0 4px;font-size:16px;letter-spacing:-.015em}
.process-quick-note span{display:block;color:var(--hx-muted);font-size:14px;line-height:1.5}

.process-roadmap-wrap{position:relative;padding:18px 0 0}
.process-roadmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.process-roadmap:before{content:"";position:absolute;left:7%;right:7%;top:31px;height:1px;background:var(--hx-line);z-index:0}
.process-roadmap-step{position:relative;z-index:1;padding:0 19px 26px;text-align:center}
.process-roadmap-step:first-child{padding-left:0}.process-roadmap-step:last-child{padding-right:0}
.process-roadmap-icon{width:62px;height:62px;margin:0 auto 25px;border:1px solid var(--hx-line);border-radius:50%;background:#fff;color:var(--hx-blue);display:grid;place-items:center;box-shadow:0 0 0 9px var(--hx-bg)}
.hx-white .process-roadmap-icon{box-shadow:0 0 0 9px #fff}
.process-roadmap-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.process-roadmap-step small{display:block;margin-bottom:7px;color:var(--hx-blue);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.process-roadmap-step h3{margin:0 0 8px;font-size:19px;letter-spacing:-.022em}
.process-roadmap-step p{margin:0;color:var(--hx-muted);font-size:14px;line-height:1.55}

.process-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hx-line);border:1px solid var(--hx-line)}
.process-route{background:#fff;padding:31px;min-height:340px;display:flex;flex-direction:column}
.process-route-icon{width:48px;height:48px;margin-bottom:38px;color:var(--hx-blue)}
.process-route-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.process-route h3{margin:0 0 9px;font-size:24px;letter-spacing:-.03em}
.process-route>p{margin:0;color:var(--hx-muted);font-size:15px;line-height:1.6}
.process-route ol{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.process-route li{display:grid;grid-template-columns:24px 1fr;gap:10px;color:var(--hx-muted);font-size:14px;line-height:1.45}
.process-route li span{width:24px;height:24px;border-radius:50%;background:#edf5ff;color:var(--hx-blue);display:grid;place-items:center;font-size:11px;font-weight:900}
.process-route .hx-service-link{margin-top:auto;padding-top:24px}

.process-bench{background:#090d14;color:#fff;padding:70px 0}
.process-bench .hx-section-header h2{color:#fff}
.process-bench .hx-section-header p{color:#aeb7c5}
.process-bench-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;align-items:center}
.process-bench-copy h3{margin:0 0 12px;font-size:30px;letter-spacing:-.035em}
.process-bench-copy>p{margin:0;color:#aeb7c5;line-height:1.7}
.process-bench-list{display:grid;gap:0;margin-top:28px;border-top:1px solid rgba(255,255,255,.13)}
.process-bench-item{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.process-bench-item .num{color:#66aaff;font-size:13px;font-weight:900}
.process-bench-item strong{display:block;margin-bottom:4px;font-size:16px}
.process-bench-item span{display:block;color:#9ea8b8;font-size:14px;line-height:1.5}
.process-console{border:1px solid rgba(255,255,255,.13);background:#101722;padding:24px;box-shadow:0 24px 65px rgba(0,0,0,.28)}
.process-console-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.process-console-top small{display:block;color:#7f8a9a;text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.process-console-top strong{display:block;margin-top:5px;font-size:18px}
.process-status-stack{display:grid;gap:0;margin-top:20px}
.process-status{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.process-status:last-child{border-bottom:0}
.process-status-dot{width:11px;height:11px;border:2px solid #677386;border-radius:50%;position:relative}
.process-status.is-done .process-status-dot,.process-status.is-current .process-status-dot{border-color:#3d9aff;background:#3d9aff}
.process-status.is-current .process-status-dot:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(61,154,255,.5);border-radius:50%}
.process-status strong{display:block;font-size:15px}.process-status span{color:#7f8a9a;font-size:12px}.process-status em{font-style:normal;color:#aeb7c5;font-size:12px;font-weight:800}

.process-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hx-line);border:1px solid var(--hx-line)}
.process-info{background:#fff;padding:34px}
.process-info h3{margin:0 0 10px;font-size:25px;letter-spacing:-.03em}
.process-info p{margin:0;color:var(--hx-muted);line-height:1.65}
.process-check-list{display:grid;gap:13px;margin-top:22px}
.process-check{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--hx-muted);font-size:14px;line-height:1.5}
.process-check svg{width:20px;height:20px;fill:none;stroke:var(--hx-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.process-tracker{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:52px;align-items:center;padding:42px 0;border-top:1px solid var(--hx-line);border-bottom:1px solid var(--hx-line)}
.process-tracker h2{margin:0 0 12px;font-size:clamp(32px,4.2vw,48px);line-height:1.08;letter-spacing:-.04em}
.process-tracker p{margin:0;color:var(--hx-muted);font-size:16px;line-height:1.65}
.process-tracker-card{background:#fff;border:1px solid var(--hx-line);padding:24px}
.process-tracker-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--hx-line)}
.process-tracker-head strong{font-size:17px}.process-tracker-head span{padding:6px 9px;border-radius:999px;background:#e9f4ff;color:var(--hx-blue);font-size:12px;font-weight:850}
.process-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:24px}
.process-progress-step{text-align:center;position:relative;padding-top:24px;color:#999;font-size:12px;font-weight:800}
.process-progress-step:before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:#dedee3}
.process-progress-step:first-child:before{left:50%}.process-progress-step:last-child:before{right:50%}
.process-progress-step:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:#d9d9dd;border:3px solid #fff;box-shadow:0 0 0 1px #d9d9dd}
.process-progress-step.is-done,.process-progress-step.is-current{color:var(--hx-text)}
.process-progress-step.is-done:before,.process-progress-step.is-current:before{background:var(--hx-blue)}
.process-progress-step.is-done:after,.process-progress-step.is-current:after{background:var(--hx-blue);box-shadow:0 0 0 1px var(--hx-blue)}

.process-faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;align-items:start}
.process-faq-intro h2{margin:0 0 12px;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;line-height:1.08}
.process-faq-intro p{margin:0;color:var(--hx-muted);line-height:1.65}
.process-faq-list{border-top:1px solid var(--hx-line)}
.process-faq-list details{border-bottom:1px solid var(--hx-line);padding:0}
.process-faq-list summary{list-style:none;cursor:pointer;padding:21px 42px 21px 0;font-size:17px;font-weight:800;position:relative}
.process-faq-list summary::-webkit-details-marker{display:none}
.process-faq-list summary:after{content:"+";position:absolute;right:4px;top:18px;font-size:24px;font-weight:400;color:var(--hx-blue)}
.process-faq-list details[open] summary:after{content:"−"}
.process-faq-list details p{margin:0;padding:0 45px 22px 0;color:var(--hx-muted);font-size:15px;line-height:1.65}

@media(max-width:960px){
  .process-roadmap{grid-template-columns:1fr 1fr}.process-roadmap:before{display:none}.process-roadmap-step{padding:20px;text-align:left;border-bottom:1px solid var(--hx-line)}.process-roadmap-step:nth-child(odd){border-right:1px solid var(--hx-line)}.process-roadmap-icon{margin:0 0 18px;box-shadow:none}.process-roadmap-step:last-child{grid-column:1/-1}
  .process-route-grid{grid-template-columns:1fr}.process-route{min-height:0}
  .process-bench-grid,.process-tracker,.process-faq{grid-template-columns:1fr;gap:36px}
  .process-info-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .process-roadmap{grid-template-columns:1fr}.process-roadmap-step,.process-roadmap-step:nth-child(odd){border-right:0}.process-roadmap-step:last-child{grid-column:auto}.process-roadmap-icon{width:54px;height:54px}
  .process-route{padding:26px}.process-route-icon{margin-bottom:25px}
  .process-bench{padding:56px 0}.process-console{padding:20px 17px}.process-console-top{display:grid}.process-status{grid-template-columns:20px 1fr}.process-status em{grid-column:2}
  .process-info{padding:27px 23px}
  .process-progress-step{font-size:10px}
}