/* services hub */

.hub{padding:0 var(--pad) clamp(40px,6vw,80px);display:grid;gap:clamp(18px,2.4vw,32px)}
.hcard{position:relative;overflow:hidden;border-radius:22px;background:var(--panel);color:#fff}
.hcard::before,.hcard::after{content:"";position:absolute;width:52vw;height:52vw;max-width:720px;max-height:720px;border-radius:50%;background:radial-gradient(circle,rgba(43,45,255,.8) 0,rgba(43,45,255,0) 68%);filter:blur(20px);pointer-events:none;z-index:0}
.hcard::after{right:-18%;bottom:-45%;animation:orb 14s ease-in-out infinite}
.hcard::before{left:-22%;top:-50%;animation:orb 14s ease-in-out infinite reverse;opacity:.7}
.hcard.alt::after{right:auto;left:-18%}.hcard.alt::before{left:auto;right:-22%}
@keyframes orb{50%{transform:translate(-6%,-8%) scale(1.12)}}
.hcard-in{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);padding:clamp(36px,5vw,72px)}
.hcard .count{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-bottom:18px}
.hcard h2{font-family:Barlow,sans-serif;font-weight:900;font-size:clamp(40px,5.6vw,84px);line-height:.92;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:18px}
.hcard p{max-width:38ch;opacity:.85;margin-bottom:28px}
.hcard-r{border-top:1px solid rgba(255,255,255,.22);align-self:center}
.hrow{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.22);font-family:Barlow,sans-serif;font-weight:600;font-size:clamp(20px,2.1vw,30px);letter-spacing:-.01em;transition:padding .45s var(--ease)}
.hrow:hover{padding-left:14px}
.harr{flex:none;width:44px;height:44px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;transition:background .3s,transform .5s var(--ease),border-color .3s}
.harr svg{width:15px;height:15px}
.hrow:hover .harr{background:var(--kb);border-color:var(--kb);transform:rotate(-45deg)}

.hcard h2{margin-bottom:18px}.hcard p{color:#fff;opacity:1}
.hub{padding-top:10px}
@media (max-width:940px){.hcard-in{grid-template-columns:1fr;gap:26px}.hcard::before,.hcard::after{width:110vw;height:110vw}.hrow{font-size:20px;padding:16px 0}}