/* Vexmotion · Enterprise AI Platform – pagina dedicată */
.vx{--vx-pl:#e8ecf4;--vx-si:#9aa3b5;--vx-g:#0b0f1a;--vx-ln:rgba(232,236,244,.09);--vx-spec:linear-gradient(100deg,#f39221 0%,#f59e0b 14%,#58e0a0 32%,#2dd4bf 46%,#38bdf8 60%,#4f5bd5 74%,#9b6bff 88%,#f2545b 100%);position:relative;z-index:1;color:var(--vx-pl)}
.vx h1,.vx h2{font-family:var(--f-wide);font-weight:400;letter-spacing:-.01em;;overflow-wrap:break-word}
.vx .vx-k{font-family:var(--f-mono);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--vx-si)}
.vx .vx-sp{background:var(--vx-spec);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:vxsp 10s linear infinite}
@keyframes vxsp{to{background-position:-200% 0}}
.vx-hero{position:relative;min-height:calc(100vh - 76px);min-height:calc(100svh - 76px);display:flex;align-items:center;overflow:hidden;background:radial-gradient(60% 55% at 72% 50%,rgba(79,91,213,.22),transparent 70%),radial-gradient(40% 35% at 78% 45%,rgba(45,212,191,.10),transparent 70%),#04060b;border-bottom:1px solid var(--vx-ln)}
.vx-cv{position:absolute;inset:0;width:100%;height:100%}
.vx-hero .wrap{position:relative;width:100%}
.vx-hc{max-width:600px;padding-block:60px}
.vx-logo{display:flex;align-items:center;gap:14px;margin-bottom:34px}
.vx-logo svg{width:52px;height:52px}
.vx-logo b{font-family:var(--f-wide);font-weight:400;font-size:21px;letter-spacing:.24em}
.vx-badge{display:inline-flex;align-items:center;gap:8px;margin-left:12px;padding:5px 11px;border-radius:999px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#cfd6ff;box-shadow:inset 0 0 0 1px rgba(155,170,255,.35);background:rgba(79,91,213,.14)}
.vx-badge i{width:6px;height:6px;border-radius:50%;background:#9b6bff;box-shadow:0 0 10px #9b6bff;animation:vxbl 1.6s ease-in-out infinite}
@keyframes vxbl{50%{opacity:.25}}
.vx-hero h1{font-size:clamp(32px,4.2vw,58px);line-height:1.1;margin:20px 0 24px;;overflow-wrap:break-word}
.vx-hero h1 span{display:block}
.vx-hero .vx-lead{font-size:clamp(16.5px,1.4vw,19px);line-height:1.65;color:var(--vx-si);max-width:560px;margin:0 0 36px}
.vx-cta{display:flex;flex-wrap:wrap;gap:14px}
.vx-b1,.vx-b2{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font-weight:600;font-size:15.5px}
.vx-b1{background:var(--vx-pl);color:#04060b;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 0 46px rgba(155,107,255,.38)}
.vx-b1:hover{box-shadow:0 0 0 1px #fff,0 0 60px rgba(155,107,255,.55)}
.vx-b2{color:var(--vx-pl);box-shadow:inset 0 0 0 1px rgba(232,236,244,.25)}
.vx-b2:hover{box-shadow:inset 0 0 0 1px rgba(232,236,244,.6)}
.vx-b1 svg,.vx-b2 svg{width:18px;height:18px}
.vx-scroll{position:absolute;left:50%;bottom:26px;width:22px;height:36px;margin-left:-11px;border-radius:12px;box-shadow:inset 0 0 0 1.5px rgba(232,236,244,.3)}
.vx-scroll:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--vx-pl);animation:vxsc 1.8s ease-in-out infinite}
@keyframes vxsc{60%{transform:translateY(12px);opacity:0}100%{opacity:0}}
.vx-s{padding-block:120px 0}
.vx-s h2{font-size:clamp(26px,3vw,40px);line-height:1.2;margin:16px 0 46px;max-width:860px}
.vx-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vx-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vx-c{position:relative;padding:28px 26px;border-radius:22px;background:linear-gradient(180deg,rgba(15,20,34,.9),rgba(8,11,20,.9));box-shadow:inset 0 0 0 1px var(--vx-ln);overflow:hidden}
.vx-c:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.18),transparent 40%,transparent 60%,rgba(155,107,255,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.vx-c .n{font-family:var(--f-mono);font-size:12px;color:var(--vx-si);letter-spacing:.2em}
.vx-c h3{font-size:18px;margin:16px 0 10px;line-height:1.35}
.vx-c p{margin:0;color:var(--vx-si);line-height:1.6;font-size:15px}
.vx-pi{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(232,236,244,.06);box-shadow:inset 0 0 0 1px var(--vx-ln)}
.vx-pi svg{width:22px;height:22px;stroke:var(--vx-pl)}
.vx-big{padding:34px 30px}
.vx-big h3{font-size:21px;margin-top:22px}
.vx-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.vx-steps:before{content:"";position:absolute;left:0;right:0;top:23px;height:1px;background:var(--vx-ln)}
.vx-steps:after{content:"";position:absolute;left:0;top:23px;height:1px;width:0;background:var(--vx-spec);box-shadow:0 0 12px rgba(155,107,255,.6);transition:width 2.4s cubic-bezier(.2,.7,.2,1)}
.vx-steps.on:after{width:100%}
.vx-step{position:relative;padding-top:64px}
.vx-step i{position:absolute;top:12px;left:0;width:23px;height:23px;border-radius:50%;background:#04060b;box-shadow:inset 0 0 0 1.5px rgba(232,236,244,.5),0 0 0 6px #04060b}
.vx-step i:after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--vx-pl)}
.vx-step b{font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;color:var(--vx-si)}
.vx-step h3{font-family:var(--f-wide);font-weight:400;font-size:19px;margin:12px 0 10px}
.vx-step p{margin:0;color:var(--vx-si);line-height:1.6;font-size:15px}
.vx-eco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:50px;align-items:center}
.vx-eco p{color:var(--vx-si);font-size:17px;line-height:1.7;margin:0}
.vx-eco h2{margin-bottom:22px}
.vx-map{position:relative;aspect-ratio:1/1;max-width:520px;width:100%;justify-self:center}
.vx-map svg{width:100%;height:100%;overflow:visible}
.vx-map .sp{stroke-dasharray:3 6;animation:vxdash 1.6s linear infinite}
@keyframes vxdash{to{stroke-dashoffset:-18}}
.vx-map .nd{animation:vxnd 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes vxnd{50%{transform:scale(1.25)}}
.vx-map .rt{transform-origin:260px 260px;animation:vxrt 60s linear infinite}
@keyframes vxrt{to{transform:rotate(360deg)}}
.vx-map text{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;fill:#c8d0e0}
.vx-fw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vx-fw div{padding:26px 22px;border-radius:20px;background:rgba(232,236,244,.03);box-shadow:inset 0 0 0 1px var(--vx-ln);font-size:17px;line-height:1.4;font-weight:600}
.vx-fw div span{display:block;width:28px;height:2px;margin-bottom:18px;background:var(--vx-spec)}
.vx-sec{display:flex;flex-wrap:wrap;gap:12px}
.vx-sec span{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;background:rgba(232,236,244,.04);box-shadow:inset 0 0 0 1px var(--vx-ln);font-size:15px}
.vx-sec svg{width:16px;height:16px;stroke:#9fe7d8}
.vx-fin{position:relative;margin-top:130px;padding:72px 48px;border-radius:32px;text-align:center;overflow:hidden;background:radial-gradient(70% 90% at 50% 0%,rgba(79,91,213,.30),transparent 70%),linear-gradient(180deg,#0b0f1a,#06080f);box-shadow:inset 0 0 0 1px var(--vx-ln)}
.vx-fin:before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:var(--vx-spec);box-shadow:0 0 24px rgba(155,107,255,.8)}
.vx-fin h2{margin:0 auto 18px;max-width:780px}
.vx-fin p{color:var(--vx-si);max-width:620px;margin:0 auto 34px;line-height:1.65;font-size:17px}
.vx-fin .vx-cta{justify-content:center}
.vx-r{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.vx-r.on{opacity:1;transform:none}
.vx-g4 .vx-r:nth-child(2),.vx-g3 .vx-r:nth-child(2){transition-delay:.1s}.vx-g4 .vx-r:nth-child(3),.vx-g3 .vx-r:nth-child(3){transition-delay:.2s}.vx-g4 .vx-r:nth-child(4){transition-delay:.3s}
@media (max-width:1020px){.vx-g4,.vx-fw{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-g3{grid-template-columns:minmax(0,1fr)}.vx-eco{grid-template-columns:minmax(0,1fr)}
 .vx-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.vx-steps:before,.vx-steps:after{display:none}}
@media (max-width:860px){.vx-hero{align-items:flex-start;min-height:0}.vx-cv{height:96vw;bottom:auto}.vx-hc{padding-top:92vw;padding-bottom:64px}.vx-scroll{display:none}}
@media (max-width:640px){.vx h1,.vx h2{hyphens:auto;-webkit-hyphens:auto}.vx-g4,.vx-fw,.vx-steps{grid-template-columns:minmax(0,1fr)}.vx-s{padding-block:84px 0}.vx-fin{padding:52px 22px;margin-top:90px}.vx-b1,.vx-b2{width:100%;justify-content:center}.vx-badge{margin:10px 0 0}.vx-logo{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.vx .vx-sp,.vx-map .sp,.vx-map .nd,.vx-map .rt,.vx-badge i,.vx-scroll:after{animation:none}.vx-r{opacity:1;transform:none;transition:none}}