/* Shared process visual for the homepage and services page. */
.hero-process{position:relative;width:min(100%,570px);aspect-ratio:1.2/1;margin-left:auto;}
.process-line{position:absolute;background:linear-gradient(90deg,rgba(84,161,248,.26),rgba(84,161,248,.9),rgba(84,161,248,.26));z-index:0;}
.process-line-v{width:1px;height:62%;left:50%;top:19%;background:linear-gradient(180deg,rgba(84,161,248,.25),rgba(84,161,248,.92),rgba(84,161,248,.25));}
.process-line-h{height:1px;width:66%;left:17%;top:50%;}
.process-core,.process-node{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.14);}
.process-core{left:50%;top:50%;transform:translate(-50%,-50%);width:142px;height:112px;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 45px rgba(2,16,36,.24);}
.process-core strong{font-size:1.45rem;letter-spacing:-.05em;color:#10233d;}
.process-core small{margin-top:.2rem;color:#6d7f93;font-size:.72rem;}
.process-node{width:190px;min-height:82px;padding:1rem 1.05rem;border-radius:12px;background:rgba(255,255,255,.055);backdrop-filter:blur(3px);display:flex;align-items:center;gap:.8rem;}
.process-node::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#4da2ff;box-shadow:0 0 0 4px rgba(77,162,255,.11);}
.process-node strong{display:block;color:#f6f9fd;font-size:.92rem;letter-spacing:-.01em;}
.process-node small{display:block;margin-top:.18rem;color:#aebdd0;font-size:.7rem;}
.process-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:rgba(91,166,255,.11);border:1px solid rgba(111,182,255,.18);color:#7db7ff;font-size:1.1rem;font-weight:800;flex:none;}
.process-node-top{left:50%;top:0;transform:translateX(-50%);}
.process-node-top::after{left:calc(50% - 3px);bottom:-27px;}
.process-node-left{left:0;top:50%;transform:translateY(-50%);width:min(190px,calc((100% - 142px) / 2 - 16px));}
.process-node-left::after{right:-12px;top:calc(50% - 3px);}
.process-node-right{right:0;top:50%;transform:translateY(-50%);width:min(190px,calc((100% - 142px) / 2 - 16px));}
.process-node-right::after{left:-12px;top:calc(50% - 3px);}
.process-node-bottom{left:50%;bottom:0;transform:translateX(-50%);}
.process-node-bottom::after{left:calc(50% - 3px);top:-27px;}


@media(max-width:1200px){.hero-process{margin:1rem auto 0;}}

@media(max-width:900px){.hero-process{width:min(100%,620px);margin:1rem auto 0;transform:none;}}

@media(max-width:640px){.hero-process{aspect-ratio:auto;display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:2.6rem;}}

@media(max-width:640px){.process-line,.process-node::after{display:none;}.process-core,.process-node{position:static;transform:none;width:100%;min-height:0;height:auto;}.process-core{order:-1;align-items:flex-start;padding:1rem 1.1rem;background:#fff;}.process-node{padding:.85rem 1rem;}}

.process-hero-grid{grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);gap:5.5rem;}
@media(max-width:1200px){.process-hero-grid{grid-template-columns:1fr;gap:3rem;}}