:root{--page-title-display:none;}body.elementor-page-88443:not(.elementor-motion-effects-element-type-background), body.elementor-page-88443 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS *//* Relentless — service page template (class-based, reusable across service pages) */
@keyframes rxBar{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@keyframes rxFaqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes rxGlowPulse{0%,100%{box-shadow:0 40px 120px -40px rgba(122,90,248,.55)}50%{box-shadow:0 40px 140px -30px rgba(122,90,248,.85)}}

body{background:#000}

.rx-glass{animation:rxGlowPulse 5s ease-in-out infinite}
.rx-bar{animation:rxBar 2.4s ease-in-out infinite}

.rx-icard span > span{color:#6F7174;font-weight:500;margin:0 4px}
.rx-shot{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s}
a:hover > .rx-shot,.rx-shot:hover{transform:scale(1.015);filter:brightness(1.08)}

.rx-faq{counter-reset:rxfaq;border:0!important}
.rx-faq > details{counter-increment:rxfaq;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px;background:rgba(255,255,255,.02);overflow:hidden;transition:border-color .35s,background-color .35s,box-shadow .35s}
.rx-faq > details:hover{border-color:rgba(212,197,249,.28)!important;background-color:rgba(255,255,255,.035)}
.rx-faq > details[open]{border-color:rgba(212,197,249,.4)!important;background:linear-gradient(160deg,rgba(122,90,248,.16) 0%,rgba(10,11,18,0) 60%),#0A0B12;box-shadow:0 30px 80px -40px rgba(122,90,248,.7)}
.rx-faq > details > summary{padding:24px 26px!important;gap:18px!important;list-style:none;cursor:pointer}
.rx-faq > details > summary::-webkit-details-marker{display:none}
.rx-faq > details > summary::before{content:counter(rxfaq,decimal-leading-zero);position:static!important;inset:auto!important;width:auto!important;height:auto!important;display:block!important;opacity:1!important;flex:0 0 auto;font:700 13px/1 Inter,sans-serif;color:#D4C5F9;padding:7px 10px;border-radius:999px;border:1px solid rgba(212,197,249,.3);background:rgba(122,90,248,.12)}
.rx-faq > details > summary > *{flex:1 1 auto;min-width:0}
.rx-faq > details > summary::after{content:"";position:static!important;inset:auto!important;display:block!important;opacity:1!important;width:38px;flex:0 0 38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(#fff,#fff) center/12px 1.5px no-repeat,linear-gradient(#fff,#fff) center/1.5px 12px no-repeat,rgba(255,255,255,.03);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
.rx-faq > details > summary:hover::after{border-color:rgba(212,197,249,.5)}
.rx-faq > details[open] > summary::after{transform:rotate(135deg);border-color:transparent;box-shadow:0 8px 24px -8px rgba(122,90,248,.9);
  background:linear-gradient(#0A0B12,#0A0B12) center/12px 1.5px no-repeat,linear-gradient(#0A0B12,#0A0B12) center/1.5px 12px no-repeat,linear-gradient(135deg,#E5CCFF,#CCF3FF)}
.rx-faq > details > div{padding:0 84px 26px 84px!important}
.rx-faq > details[open] > div{animation:rxFaqIn .45s ease both}
@media (min-width:1025px){*:has(> .rx-faq) > :first-child{position:sticky;top:120px;align-self:start}}
@media (max-width:767px){
  .rx-faq > details > summary{padding:20px 18px!important;gap:12px!important}
  .rx-faq > details > summary::after{flex-basis:32px;width:32px;height:32px}
  .rx-faq > details > div{padding:0 18px 22px 18px!important}
}

/* Animated icon set */
@keyframes rxIcoPing{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.7);opacity:0}}
@keyframes rxIcoScan{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}}
@keyframes rxIcoTile{0%,100%{opacity:.28}25%{opacity:1}}
@keyframes rxIcoGrow{0%,100%{transform:scaleX(.45)}50%{transform:scaleX(1)}}
@keyframes rxIcoSlide{0%,100%{transform:translateX(0)}50%{transform:translateX(16px)}}
@keyframes rxIcoBar{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
@keyframes rxIcoPacket{0%{transform:translateX(0);opacity:0}15%,85%{opacity:1}100%{transform:translateX(17px);opacity:0}}
@keyframes rxIcoPop{0%,100%{transform:rotate(45deg) scale(1)}50%{transform:rotate(45deg) scale(1.15)}}
@keyframes rxIcoDot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
@keyframes rxIcoHead{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.rx-ico{display:block!important;width:56px!important;height:56px!important;min-width:56px!important;padding:0!important;overflow:hidden;
  border:1px solid rgba(212,197,249,.24);background:linear-gradient(145deg,rgba(122,90,248,.24) 0%,rgba(10,11,18,.7) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px -14px rgba(122,90,248,.9);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.rx-ico > *{position:absolute!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;width:auto;height:auto;display:block!important}
.rx-icard:hover .rx-ico{transform:translateY(-2px) scale(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 40px -12px rgba(122,90,248,1)}
.rx-ico-scan > :nth-child(1){left:15px;top:15px;width:26px!important;height:26px!important;border-radius:6px;border:2px solid rgba(229,204,255,.85)}
.rx-ico-scan > :nth-child(2){left:13px;top:17px;width:30px!important;height:2px!important;border-radius:2px;background:linear-gradient(90deg,transparent,#CCF3FF,transparent);box-shadow:0 0 10px #CCF3FF;animation:rxIcoScan 2.4s ease-in-out infinite}
.rx-ico-grid > *{width:11px!important;height:11px!important;border-radius:3px;background:linear-gradient(135deg,#E5CCFF,#CCF3FF);animation:rxIcoTile 2.4s ease-in-out infinite}
.rx-ico-grid > :nth-child(1){left:16px;top:16px}
.rx-ico-grid > :nth-child(2){left:29px;top:16px;animation-delay:.6s}
.rx-ico-grid > :nth-child(4){left:29px;top:29px;animation-delay:1.2s}
.rx-ico-grid > :nth-child(3){left:16px;top:29px;animation-delay:1.8s}
.rx-ico-funnel > *{left:15px;height:5px!important;border-radius:3px;transform-origin:left center;background:linear-gradient(90deg,#E5CCFF,#CCF3FF);animation:rxIcoGrow 2.6s ease-in-out infinite}
.rx-ico-funnel > :nth-child(1){top:17px;width:26px!important}
.rx-ico-funnel > :nth-child(2){top:26px;width:18px!important;opacity:.8;animation-delay:.3s}
.rx-ico-funnel > :nth-child(3){top:35px;width:10px!important;opacity:.6;animation-delay:.6s}
.rx-ico-sliders > :nth-child(-n+3){left:15px;width:26px!important;height:2px!important;border-radius:2px;background:rgba(255,255,255,.22)}
.rx-ico-sliders > :nth-child(1){top:18px}.rx-ico-sliders > :nth-child(2){top:28px}.rx-ico-sliders > :nth-child(3){top:38px}
.rx-ico-sliders > :nth-child(n+4){width:8px!important;height:8px!important;border-radius:50%;background:linear-gradient(135deg,#E5CCFF,#CCF3FF);box-shadow:0 0 8px rgba(204,243,255,.7);animation:rxIcoSlide 2.8s ease-in-out infinite}
.rx-ico-sliders > :nth-child(4){left:15px;top:15px}
.rx-ico-sliders > :nth-child(5){left:31px;top:25px;animation-direction:reverse}
.rx-ico-sliders > :nth-child(6){left:19px;top:35px;animation-delay:.7s}
.rx-ico-bars > *{bottom:15px;width:5px!important;border-radius:3px 3px 1px 1px;transform-origin:bottom center;background:linear-gradient(180deg,#E5CCFF,#7A5AF8);animation:rxIcoBar 2.2s ease-in-out infinite}
.rx-ico-bars > :nth-child(1){left:15px;height:10px!important}
.rx-ico-bars > :nth-child(2){left:23px;height:16px!important;animation-delay:.2s}
.rx-ico-bars > :nth-child(3){left:31px;height:13px!important;animation-delay:.4s}
.rx-ico-bars > :nth-child(4){left:39px;height:24px!important;animation-delay:.6s;background:linear-gradient(180deg,#CCF3FF,#7A5AF8)}
.rx-ico-sync > :nth-child(1),.rx-ico-sync > :nth-child(2){top:23px;width:10px!important;height:10px!important;border-radius:50%;border:2px solid #E5CCFF}
.rx-ico-sync > :nth-child(1){left:12px}.rx-ico-sync > :nth-child(2){left:34px}
.rx-ico-sync > :nth-child(3){left:22px;top:27px;width:12px!important;height:2px!important;background:rgba(255,255,255,.25)}
.rx-ico-sync > :nth-child(4){left:18px;top:25px;width:6px!important;height:6px!important;border-radius:50%;background:#CCF3FF;box-shadow:0 0 8px #CCF3FF;animation:rxIcoPacket 1.6s linear infinite}
.rx-ico-check > :nth-child(1){left:14px;top:14px;width:28px!important;height:28px!important;border-radius:50%;border:2px solid rgba(229,204,255,.5)}
.rx-ico-check > :nth-child(2){left:24px;top:18px;width:8px!important;height:15px!important;border:solid #CCF3FF;border-width:0 3px 3px 0;border-radius:1px;transform:rotate(45deg);animation:rxIcoPop 2.4s ease-in-out infinite}
.rx-ico-target > *{border-radius:50%}
.rx-ico-target > :nth-child(1){left:13px;top:13px;width:30px!important;height:30px!important;border:2px solid rgba(229,204,255,.45)}
.rx-ico-target > :nth-child(2){left:20px;top:20px;width:16px!important;height:16px!important;border:2px solid rgba(229,204,255,.8)}
.rx-ico-target > :nth-child(3){left:25px;top:25px;width:6px!important;height:6px!important;background:#CCF3FF;box-shadow:0 0 8px #CCF3FF}
.rx-ico-target > :nth-child(4){left:13px;top:13px;width:30px!important;height:30px!important;border:2px solid #CCF3FF;animation:rxIcoPing 2s ease-out infinite}
.rx-ico-chat > :nth-child(1){left:12px;top:16px;width:32px!important;height:22px!important;border-radius:9px 9px 9px 3px;border:2px solid rgba(229,204,255,.85)}
.rx-ico-chat > :nth-child(n+2){top:26px;width:4px!important;height:4px!important;border-radius:50%;background:#CCF3FF;animation:rxIcoDot 1.2s ease-in-out infinite}
.rx-ico-chat > :nth-child(2){left:20px}.rx-ico-chat > :nth-child(3){left:26px;animation-delay:.2s}.rx-ico-chat > :nth-child(4){left:32px;animation-delay:.4s}
.rx-ico-dash > :nth-child(1){left:12px;top:14px;width:32px!important;height:28px!important;border-radius:6px;border:2px solid rgba(229,204,255,.8)}
.rx-ico-dash > :nth-child(2){left:12px;top:20px;width:32px!important;height:2px!important;background:rgba(229,204,255,.6)}
.rx-ico-dash > :nth-child(3){left:17px;top:26px;width:8px!important;height:10px!important;border-radius:2px;background:rgba(229,204,255,.35)}
.rx-ico-dash > :nth-child(4){left:28px;top:31px;width:11px!important;height:5px!important;border-radius:2px;transform-origin:left center;background:linear-gradient(90deg,#E5CCFF,#CCF3FF);animation:rxIcoGrow 2.4s ease-in-out infinite}
.rx-ico-team > *{top:22px;width:12px!important;height:12px!important;border-radius:50%;border:2px solid #0A0B12;background:linear-gradient(135deg,#E5CCFF,#CCF3FF);animation:rxIcoHead 2.4s ease-in-out infinite}
.rx-ico-team > :nth-child(1){left:12px;opacity:.75}
.rx-ico-team > :nth-child(2){left:22px;top:19px;width:13px!important;height:13px!important;z-index:2;animation-delay:.3s}
.rx-ico-team > :nth-child(3){left:32px;opacity:.75;animation-delay:.6s}
.rx-feat-grid{counter-reset:rxf}
.rx-feat-grid > .rx-icard{counter-increment:rxf;position:relative;overflow:hidden;isolation:isolate}
.rx-feat-grid > .rx-icard::after{content:counter(rxf,decimal-leading-zero);position:absolute;top:28px;right:30px;font:600 12px/1 Inter,sans-serif;letter-spacing:1px;color:rgba(255,255,255,.28);transition:color .4s}
.rx-feat-grid > .rx-icard::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;transition:opacity .5s;background:radial-gradient(420px 220px at 0% 0%,rgba(122,90,248,.22),transparent 70%)}
.rx-feat-grid > .rx-icard:hover::before{opacity:1}
.rx-feat-grid > .rx-icard:hover::after{color:#D4C5F9}
.rx-feat-grid > .rx-icard:hover{box-shadow:0 30px 80px -44px rgba(122,90,248,.8)}

/* Website screenshots: auto-scroll in hero, scroll-on-hover in portfolio */
@keyframes rxShotScroll{0%,8%{object-position:50% 0%}92%,100%{object-position:50% 100%}}
.rx-scrollshot{animation:rxShotScroll 14s ease-in-out infinite alternate}
.rx-hoverscroll{transition:object-position 5s cubic-bezier(.45,.05,.35,1),transform .5s,filter .5s!important}
.rx-icard:hover .rx-hoverscroll{object-position:50% 100%!important}

@media (prefers-reduced-motion:reduce){
  .rx-glass,.rx-bar,.rx-faq > details > div,.rx-ico *,.rx-scrollshot{animation:none!important}
}

/* case studies grid: η κριτική πιάνει όλη τη σειρά */
.elementor-element-350f1fad{grid-column:1/-1}/* End custom CSS */