.service-logic--orbit .service-visual__stage i.is-active{filter:brightness(1.35);box-shadow:0 0 42px rgba(224,35,146,.48)}
.service-logic--audience .service-visual__stage i.is-active{filter:brightness(1.25);box-shadow:0 0 42px rgba(224,35,146,.4)}
.service-logic--hub .service-visual__stage:after{content:"APNEX";position:absolute;z-index:1;width:140px;height:140px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--apx-start),var(--apx-middle));font-weight:800;box-shadow:0 0 60px rgba(198,31,145,.35)}
.service-logic--hub .service-visual__stage i{position:absolute;width:180px;padding:25px;border:1px solid #423348;border-radius:18px;background:#17131c}.service-logic--hub .service-visual__stage i:nth-child(1){transform:translate(-190px,-105px)}.service-logic--hub .service-visual__stage i:nth-child(2){transform:translate(190px,-105px)}.service-logic--hub .service-visual__stage i:nth-child(3){transform:translate(-190px,105px)}.service-logic--hub .service-visual__stage i:nth-child(4){transform:translate(190px,105px)}.service-logic--hub .service-visual__stage i.is-active{background:linear-gradient(135deg,#42142f,#271548);border-color:#e82c8d}
.service-logic--system .service-visual__stage:before{content:"";position:absolute;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--apx-start),var(--apx-middle),var(--apx-end));box-shadow:0 0 20px rgba(213,35,158,.45)}.service-logic--system .service-visual__stage i{width:150px;min-height:150px;display:grid;place-items:center;text-align:center;border-radius:24px;background:#17131c;border:1px solid #453348}.service-logic--system .service-visual__stage i:nth-child(2),.service-logic--system .service-visual__stage i:nth-child(4){transform:translateY(55px)}.service-logic--system .service-visual__stage i.is-active{background:linear-gradient(135deg,var(--apx-start),var(--apx-middle));border-color:transparent}
.service-logic--matrix .service-visual__stage{display:grid;grid-template-columns:repeat(2,minmax(0,260px));align-content:center}.service-logic--matrix .service-visual__stage i{min-height:145px;padding:25px;border:1px solid #39323f;background:linear-gradient(145deg,#17131c,#101014)}.service-logic--matrix .service-visual__stage i:nth-child(1){border-radius:80px 18px 18px 18px}.service-logic--matrix .service-visual__stage i:nth-child(2){border-radius:18px 80px 18px 18px}.service-logic--matrix .service-visual__stage i:nth-child(3){border-radius:18px 18px 18px 80px}.service-logic--matrix .service-visual__stage i:nth-child(4){border-radius:18px 18px 80px 18px}.service-logic--matrix .service-visual__stage i.is-active{background:linear-gradient(135deg,#5e1642,#30205f);border-color:#e42c8b}
@media(min-width:1001px){.service-logic--orbit .service-visual__stage i:nth-child(1).is-active{transform:translateY(-170px)}.service-logic--orbit .service-visual__stage i:nth-child(2).is-active{transform:translateX(190px)}.service-logic--orbit .service-visual__stage i:nth-child(3).is-active{transform:translateY(170px)}.service-logic--orbit .service-visual__stage i:nth-child(4).is-active{transform:translateX(-190px)}.service-logic--audience .service-visual__stage i:nth-child(1).is-active{transform:translate(-90px,-65px)}.service-logic--audience .service-visual__stage i:nth-child(2).is-active{transform:translate(90px,-65px)}.service-logic--audience .service-visual__stage i:nth-child(3).is-active{transform:translate(-90px,65px)}.service-logic--audience .service-visual__stage i:nth-child(4).is-active{transform:translate(90px,65px)}}
@media(min-width:821px) and (max-width:1000px){.service-logic--orbit .service-visual__stage i:nth-child(1).is-active{transform:translateY(-170px)}.service-logic--orbit .service-visual__stage i:nth-child(2).is-active{transform:translateX(160px)}.service-logic--orbit .service-visual__stage i:nth-child(3).is-active{transform:translateY(170px)}.service-logic--orbit .service-visual__stage i:nth-child(4).is-active{transform:translateX(-160px)}.service-logic--audience .service-visual__stage i:nth-child(1).is-active{transform:translate(-90px,-65px)}.service-logic--audience .service-visual__stage i:nth-child(2).is-active{transform:translate(90px,-65px)}.service-logic--audience .service-visual__stage i:nth-child(3).is-active{transform:translate(-90px,65px)}.service-logic--audience .service-visual__stage i:nth-child(4).is-active{transform:translate(90px,65px)}}
@media(max-width:820px){.service-logic--orbit .service-visual__stage i:nth-child(1).is-active{transform:translateY(-125px)}.service-logic--orbit .service-visual__stage i:nth-child(2).is-active{transform:translateX(125px)}.service-logic--orbit .service-visual__stage i:nth-child(3).is-active{transform:translateY(125px)}.service-logic--orbit .service-visual__stage i:nth-child(4).is-active{transform:translateX(-125px)}.service-logic--audience .service-visual__stage i:nth-child(1).is-active{transform:translate(-60px,-55px)}.service-logic--audience .service-visual__stage i:nth-child(2).is-active{transform:translate(60px,-55px)}.service-logic--audience .service-visual__stage i:nth-child(3).is-active{transform:translate(-60px,55px)}.service-logic--audience .service-visual__stage i:nth-child(4).is-active{transform:translate(60px,55px)}}