/* FIVE-GATE TIMELINE — additive, scoped to .fgq-* only. Sits on the existing
   dark .proc (navy) background. One full-width row of five gates, continuous
   thin timeline line with amber dots, hover glow + lift. */
.fgq-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:56px}
.fgq-gate{position:relative;border-top:1px solid rgba(255,255,255,.16);
  padding:30px 30px 26px 0;transition:transform .3s var(--ease)}
.fgq-gate::before{content:"";position:absolute;top:-7px;left:0;width:13px;height:13px;border-radius:50%;
  background:var(--amber);box-shadow:0 0 0 0 rgba(246,167,0,0);
  transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
/* terminal end-dot closing the line at the far right (desktop single row) */
.fgq-track::after{content:"";position:absolute;top:-7px;right:0;width:13px;height:13px;border-radius:50%;
  background:var(--amber);opacity:.9}
.fgq-num{font-family:'IBM Plex Mono',monospace;font-size:clamp(22px,1.9vw,30px);font-weight:600;
  letter-spacing:.04em;color:rgba(255,255,255,.28);line-height:1;transition:color .3s var(--ease);padding-bottom: 20px}
.fgq-h{font-family:'Archivo',sans-serif;font-size:19px;font-weight:800;color:#fff;margin:8px 0 16px;
  letter-spacing:-.01em}
.fgq-list{list-style:none;margin:0;padding:0}
.fgq-list li{color:#9fb4d6;font-size:14px;line-height:1.5;padding:5px 0}
/* hover: content lifts, dot glows */
.fgq-gate:hover{transform:translateY(-6px)}
.fgq-gate:hover::before{transform:scale(1.18);
  box-shadow:0 0 0 6px rgba(246,167,0,.16),0 0 18px 3px rgba(246,167,0,.55)}
.fgq-gate:hover .fgq-num{color:rgba(255,255,255,.5)}
/* responsive: 5 (desktop) -> 3 (tablet) -> 2 -> 1 (mobile) */
@media(max-width:1024px){
  .fgq-track{grid-template-columns:repeat(3,1fr);row-gap:12px}
  .fgq-track::after{display:none}
}
@media(max-width:680px){.fgq-track{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.fgq-track{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.fgq-gate,.fgq-gate::before,.fgq-num{transition:none}}