.pillar-switcher{grid-template-columns:repeat(4,1fr)!important}.demo-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.demo-filter button{padding:10px 14px;border:1px solid #d7e2eb;border-radius:99px;background:#fff;color:#566d83;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.demo-filter button span{margin-left:6px;color:#8aa0b3}.demo-filter button.active{border-color:#1769e0;background:#1769e0;color:#fff}.demo-filter button.active span{color:#cfe0ff}.showcase-card[hidden]{display:none!important}.home-all-services p a{color:#1769e0;font-weight:850}@media(max-width:850px){.pillar-switcher{grid-template-columns:1fr 1fr!important}}@media(max-width:520px){.pillar-switcher{grid-template-columns:1fr!important}}
.project-shot{display:block;overflow:hidden;background:#0b0d12}
.project-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .45s ease}
.showcase-card:hover .project-shot img{transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){.project-shot img{transition:none}.showcase-card:hover .project-shot img{transform:none}}

.real-project-divider{grid-column:1/-1;margin-top:18px;padding:25px 28px;border:1px solid #cfe0f5;border-radius:18px;background:linear-gradient(135deg,#eef6ff,#fff)}
.real-project-divider span{color:#1769e0;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.real-project-divider h3{font-size:clamp(23px,3vw,34px);line-height:1.15;letter-spacing:-.03em;margin:8px 0}
.real-project-divider p{max-width:760px;margin:0;color:#617086;font-size:13px}
.real-project-card{border-color:#bfd5ef;box-shadow:0 14px 38px rgba(23,105,224,.08)}
.project-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.project-live-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid #cfdbe8;border-radius:9px;color:#294866;font-size:11px;font-weight:800;transition:.2s ease}
.project-live-link:hover{border-color:#1769e0;color:#1769e0;transform:translateY(-1px)}
@media(max-width:760px){.real-project-divider{padding:21px}.project-actions{align-items:stretch;flex-direction:column}.project-live-link{width:100%}}

.hero-system{position:relative;min-height:500px;padding:22px;border:1px solid #dce5ef;border-radius:24px;background:linear-gradient(145deg,#f9fbfe,#edf4fc);box-shadow:0 28px 70px rgba(28,54,83,.11);overflow:hidden}
.hero-system:before{content:"";position:absolute;width:310px;height:310px;right:-105px;top:-120px;border-radius:50%;background:rgba(23,105,224,.11)}
.hero-system-heading{position:relative;z-index:3}
.hero-system-heading span{display:block;color:#1769e0;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.hero-system-heading strong{display:block;margin-top:3px;color:#17263a;font-size:16px}
.hero-system-map{position:relative;height:350px;margin-top:12px}
.hero-system-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hero-system-map path{fill:none;stroke:#a9c8eb;stroke-width:2;stroke-dasharray:5 7}
.system-node,.system-core{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:center;border:1px solid #d4e2f2;border-radius:15px;background:rgba(255,255,255,.95);box-shadow:0 13px 30px rgba(34,72,115,.09)}
.system-node{width:39%;min-height:94px;padding:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.system-node:hover{transform:translateY(-3px);border-color:#83b3eb;box-shadow:0 17px 34px rgba(34,72,115,.15)}
.system-node i{color:#1769e0;font-size:8px;font-style:normal;font-weight:850;letter-spacing:.09em}
.system-node b{margin:4px 0 2px;color:#17263a;font-size:12px}
.system-node small{color:#75879a;font-size:9px}
.node-web{left:0;top:12px}.node-growth{right:0;top:12px}.node-automation{left:0;bottom:12px}.node-software{right:0;bottom:12px}
.system-core{left:50%;top:50%;align-items:center;width:142px;height:142px;padding:15px;text-align:center;transform:translate(-50%,-50%);border-color:#b8d3f1;border-radius:50%;background:#fff;box-shadow:0 18px 40px rgba(23,105,224,.16)}
.system-core img{width:39px;height:39px;object-fit:contain;margin-bottom:4px}
.system-core b{color:#17263a;font-size:14px}.system-core small{max-width:105px;color:#73869a;font-size:8px;line-height:1.35}
.hero-system-note{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:12px 14px;border:1px solid #d5e3f3;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(23,65,110,.07)}
.hero-system-note span{color:#245b96;font-size:9px;font-weight:800}.hero-system-note i{color:#8ba5c0;font-size:10px;font-style:normal}
@media(max-width:980px){.hero-system{min-height:490px}.hero-system-map{max-width:650px;margin-left:auto;margin-right:auto}}
@media(max-width:650px){.hero-system{min-height:520px;padding:15px;border-radius:18px}.hero-system-heading strong{font-size:14px}.hero-system-map{height:405px;margin-top:8px}.hero-system-map svg{display:none}.system-node{width:47%;min-height:88px;padding:11px}.system-node b{font-size:10px}.system-node small{font-size:8px}.node-web,.node-growth{top:10px}.node-automation,.node-software{bottom:10px}.system-core{width:128px;height:128px}.hero-system-note{padding:10px 8px;gap:3px}.hero-system-note span{font-size:7px}.hero-system-note i{font-size:8px}}
@media(prefers-reduced-motion:reduce){.system-node{transition:none}}