/* A connected sequence in the existing JFC visual language. */
.municipal-technology-layout #postup>.section-heading{margin-bottom:30px}
.municipal-technology-layout #postup>.steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;background:none;padding:0;margin:0;align-items:stretch}
.municipal-technology-layout #postup .steps article{position:relative;isolation:isolate;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.13);padding:22px 18px 24px;background:radial-gradient(ellipse at 12% 0,rgba(70,217,219,.09),transparent 65%),#101212;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.municipal-technology-layout #postup .steps article:before{content:"";position:absolute;z-index:-1;top:48px;left:0;right:-13px;height:1px;background:linear-gradient(90deg,rgba(70,217,219,.12),rgba(70,217,219,.48));pointer-events:none}
.municipal-technology-layout #postup .steps article:first-child:before{left:40px}
.municipal-technology-layout #postup .steps article:last-child:before{right:40px}
.municipal-technology-layout #postup .steps b{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 0 22px;background:#112022;border:1px solid rgba(70,217,219,.4);color:#46d9db;font:900 36px/1 "Barlow Condensed",sans-serif;letter-spacing:-.02em;box-shadow:0 0 24px rgba(70,217,219,.06);transition:box-shadow .22s ease,background-color .22s ease}
.municipal-technology-layout #postup .steps h3{font-size:24px;line-height:1.05;margin:0 0 12px}
.municipal-technology-layout #postup .steps p{font-size:13px;line-height:1.6;max-width:none;margin:0;color:rgba(255,255,255,.68)}
@media(hover:hover){.municipal-technology-layout #postup .steps article:hover{transform:translateY(-4px);border-color:rgba(70,217,219,.6);background-color:#172020;box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 28px rgba(70,217,219,.07)}.municipal-technology-layout #postup .steps article:hover b{background:#173033;box-shadow:0 0 24px rgba(70,217,219,.18)}}
@media(max-width:1100px){.municipal-technology-layout #postup>.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.municipal-technology-layout #postup .steps article:nth-child(3n):before{right:40px}.municipal-technology-layout #postup .steps article:nth-child(3n + 1):before{left:40px}}
@media(max-width:700px){.municipal-technology-layout #postup>.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.municipal-technology-layout #postup .steps article{padding:20px 18px}.municipal-technology-layout #postup .steps article:before{top:46px;left:0;right:-13px}.municipal-technology-layout #postup .steps article:nth-child(odd):before{left:40px;right:-13px}.municipal-technology-layout #postup .steps article:nth-child(even):before{left:0;right:40px}.municipal-technology-layout #postup .steps b{margin-bottom:18px}}
@media(max-width:420px){.municipal-technology-layout #postup>.steps{grid-template-columns:1fr}.municipal-technology-layout #postup .steps article{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;row-gap:8px}.municipal-technology-layout #postup .steps b{grid-column:1;grid-row:1 / span 2;margin:0}.municipal-technology-layout #postup .steps h3,.municipal-technology-layout #postup .steps p{grid-column:2;margin:0}.municipal-technology-layout #postup .steps article:before{display:none}}
@media(prefers-reduced-motion:reduce){.municipal-technology-layout #postup .steps article,.municipal-technology-layout #postup .steps b{transition:none}.municipal-technology-layout #postup .steps article:hover{transform:none}}
