:root{--font-family:"coco",sans-serif;overflow-x:hidden}body,html,*{font-family:var(--font-family)!important}.our-services-section{color:#fff;z-index:1;background:#0a0a0a;width:102vw;padding:4rem 0;position:relative}.our-services-cards{z-index:2;flex-wrap:nowrap;justify-content:center;gap:0;padding:0 2rem;display:flex;position:relative}.service-card{z-index:1;width:400px;height:400px;box-shadow:none;background:0 0;border:none;border-radius:32px;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .35s cubic-bezier(.4,.2,.2,1),box-shadow .35s cubic-bezier(.4,.2,.2,1);display:flex;position:relative;overflow:hidden}.card-item{margin-right:10px}.service-card:before{content:"";z-index:-1;opacity:0;filter:blur(1px);pointer-events:none;background:radial-gradient(circle at 60% 40%,#b983ff44 0%,#ff5ecd22 60%,#0000 100%);border-radius:32px;transition:opacity .4s,filter .4s;position:absolute;inset:0}@keyframes cardGlowSweep{0%{filter:blur()brightness(1.1);background-position:0%}50%{filter:blur(12px)brightness(1.5);background-position:100%}to{filter:blur(8px)brightness(1.3);background-position:0%}}.service-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000 60%,#fff8 100%);border-radius:32px;width:50%;height:100%;transition:opacity .3s;position:absolute;top:0;left:-75%}@keyframes shineSweep{0%{opacity:.2;left:-75%}50%{opacity:.6;left:100%}to{opacity:0;left:120%}}.our-services-cards-pyramid{flex-direction:column;align-items:center;margin-top:2rem;display:flex}.services-row{justify-content:center;gap:14rem;display:flex}.top-row,.bottom-row{width:100%}.middle-row{justify-content:center;width:100%}@media (max-width:1100px){.service-card{width:270px;height:270px}.our-services-cards-pyramid,.services-row{gap:1.5rem}}@media (max-width:700px){.services-row{flex-direction:column;align-items:center;gap:1rem}.our-services-cards-pyramid{gap:1rem}}.animated-card{transition:transform .7s cubic-bezier(.4,2,.6,1),opacity .5s}.card-drop-init{opacity:0;transform:translate(-50%,-120px)}.card-drop{opacity:1;transition:transform .7s cubic-bezier(.4,2,.6,1),opacity .5s;animation:.7s cubic-bezier(.4,2,.6,1) cardDrop;transform:translate(-50%,-50%)}@keyframes cardDrop{0%{opacity:0;transform:translate(-50%,-120px)}80%{opacity:1;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.card-stack{opacity:1;transition:transform .5s cubic-bezier(.4,2,.6,1)}.card-spread{transition:transform .7s cubic-bezier(.4,2,.6,1);z-index:1!important;transform:none!important}.stack-center-container{width:100vw;height:420px;position:relative;overflow:visible}.stack-center-card{transition:transform .7s cubic-bezier(.4,2,.6,1),opacity .5s;position:absolute;top:50%;left:50%}.row-layout{flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:100%;height:420px;margin:0 auto;display:flex;position:relative}.row-layout .service-card{flex-shrink:0;width:400px;max-width:90vw;height:400px;max-height:90vw;position:static}@media (max-width:1100px){.row-layout .service-card,.stack-center-card{width:270px;height:270px}.stack-center-container,.row-layout{height:270px}}@media (max-width:700px){.row-layout .service-card,.stack-center-card{width:220px;height:220px}.stack-center-container,.row-layout{height:220px}}.carousel-row-container{justify-content:center;align-items:center;width:100vw;display:flex;position:relative}.carousel-row{perspective:1200px;justify-content:center;align-items:center;gap:0;width:100vw;display:flex;position:relative}.carousel-card{opacity:0;will-change:transform,opacity,filter;margin:0 -180px;transition:transform .5s cubic-bezier(.4,2,.6,1),opacity .7s,filter .4s;position:relative}.carousel-row .carousel-card{opacity:1}.carousel-arrow{color:#b983ff;cursor:pointer;z-index:20;background:#1a1a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 16px;font-size:2rem;transition:background .2s;display:flex;box-shadow:0 2px 8px #0003}.carousel-arrow:hover{background:#b983ff33}@media (max-width:1100px){.carousel-row-container,.stack-center-container,.row-layout{height:320px;min-height:320px}.carousel-card,.row-layout .service-card,.stack-center-card{width:320px;height:320px}}@media (max-width:700px){.carousel-row-container,.stack-center-container,.row-layout{height:220px;min-height:220px}.carousel-card,.row-layout .service-card,.stack-center-card{width:220px;height:220px}}.carousel-card,.row-layout .service-card,.stack-center-card{width:540px;height:540px}.carousel-card:hover{z-index:50!important;filter:none!important;transform:scale(1.1)!important}.service-card-overlay{z-index:2;pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:88%;height:100%;padding:38px 38px 28px;display:flex;position:absolute;top:0;left:0}.service-card-number{background:linear-gradient(90deg,#ff3bff,#ecbfbf,#5c24ff,#d94fd5,#ff3bff) 0 0/300% 300%;-webkit-text-fill-color:transparent;color:#0000;letter-spacing:1px;opacity:.85;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word;text-align:left;-webkit-background-clip:text;background-clip:text;max-width:90%;height:24px;margin-top:70px;margin-bottom:8px;margin-left:70px;font-size:1.7rem;font-weight:700;animation:3s linear infinite gradient-move;position:static}.service-card-title-gradient,.service-card-desc{box-sizing:border-box;word-break:break-word;overflow-wrap:break-word;text-align:left;max-width:90%}.service-card-title-gradient{background:linear-gradient(90deg,#ff3bff,#ecbfbf,#5c24ff,#d94fd5,#ff3bff) 0 0/300% 300%;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:70px;margin-bottom:8px;margin-left:90px;font-size:1.7rem;font-weight:700;line-height:1.1;animation:3s linear infinite gradient-move;display:inline-block}.service-card-desc{color:#bdbdbd;opacity:.85;margin-bottom:0;margin-left:90px;font-size:.85rem;font-weight:400}.service-card-arrow{background:linear-gradient(90deg,#ff3bff,#ecbfbf,#5c24ff,#d94fd5,#ff3bff) 0 0/300% 300%;-webkit-text-fill-color:transparent;text-fill-color:transparent;opacity:.9;-webkit-background-clip:text;background-clip:text;margin-bottom:70px;margin-right:20px;font-size:1.3rem;font-weight:700;animation:3s linear infinite gradient-move;display:inline-block;position:absolute;bottom:28px;right:38px}@keyframes gradient-move{0%{background-position:0%}to{background-position:100%}}.our-services-gradient-title{background:linear-gradient(90deg,#ff3bff,#ecbfbf,#5c24ff,#d94fd5,#ff3bff) 0 0/300% 300%;-webkit-text-fill-color:transparent;color:#0000;text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;width:100%;font-weight:700;animation:3s linear infinite gradient-move;display:block}@media (max-width:480px){.our-services-section{width:100vw;min-width:0;padding:1.5rem 0}.our-services-gradient-title{text-align:center;width:100%;margin-bottom:1rem;font-size:1.2rem}.carousel-row-container{flex-direction:column;gap:0;width:100vw;height:auto;min-height:180px;padding:0;position:relative}.carousel-arrow.left{z-index:10;position:absolute;top:50%;left:0;transform:translateY(-50%)}.carousel-arrow.right{z-index:10;position:absolute;top:50%;right:0;transform:translateY(-50%)}.nucleus-bg,.nucleus-bg-extra1,.nucleus-bg-extra2,.nucleus-bg-extra3,.nucleus-bg-extra4,img[alt^=Nucleus]{display:none!important}.carousel-row{perspective:900px;flex-direction:row;justify-content:center;align-items:center;gap:0;width:100vw;min-width:0;padding:0;overflow-x:hidden}.carousel-card,.row-layout .service-card,.stack-center-card{scroll-snap-align:center;border-radius:14px;flex-shrink:0;max-width:80vw;box-shadow:0 2px 8px #b983ff22;width:120px!important;height:170px!important;max-height:170px!important;margin:0 -49px!important}.service-card-overlay{flex-direction:column;justify-content:flex-start;align-items:center;max-width:100%;padding:8px 4px 4px}.service-card-title-gradient{text-align:center;order:-1;margin-top:6px;margin-bottom:2px;margin-left:0;padding:0 2px;font-size:.75rem;font-weight:600;line-height:1.1}.service-card-number{text-align:center;margin-top:4px;margin-left:0;font-size:.8rem;font-weight:700;line-height:1.1}.service-card-desc{text-align:center;margin-bottom:0;margin-left:0;padding:0 2px;font-size:.6rem;line-height:1.1}.service-card-arrow{margin-bottom:0;margin-right:0;font-size:1rem;bottom:8px;right:12px}.carousel-arrow{width:32px;height:32px;margin:0 4px;font-size:1.2rem;box-shadow:0 1px 4px #0002}}
