/* VexDesk · pagina de prezentare (platformă de business, ton închis, identitate pin + mentă) */
.vdl{--m:#86D6C6;--m2:#B9EEE3;--pi:#1F4F4D;--te:#2E6B67;--bg:#030A0A;--p1:#071312;--p2:#0B1C1B;--ln:rgba(134,214,198,.12);--ln2:rgba(134,214,198,.26);--ink:#E9F5F2;--mu:#8FA9A4;--so:#5E7773;position:relative;z-index:1;color:var(--ink);background:var(--bg);overflow:hidden}
.vdl *{box-sizing:border-box}
.vdl h1,.vdl h2,.vdl h3{font-family:var(--f-display);font-weight:600;letter-spacing:-.015em;margin:0;overflow-wrap:break-word}
.vdl p{margin:0}
.vdl .k{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--m)}
.vdl .k:before{content:"";width:18px;height:1px;background:var(--m);opacity:.7}
.vdl .gr{background:linear-gradient(100deg,#86D6C6 0%,#E9F5F2 30%,#86D6C6 55%,#3FA796 80%,#86D6C6 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vdlSh 9s linear infinite}
@keyframes vdlSh{to{background-position:-220% 0}}
.vdl-s{position:relative;padding:110px 0}
.vdl-s .hd{max-width:760px;margin-bottom:46px;display:grid;gap:16px}
.vdl-s .hd h2{font-size:clamp(30px,4.2vw,50px);line-height:1.08}
.vdl-s .hd p{color:var(--mu);font-size:18px;line-height:1.6}
.vdl-b{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:16px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}
.vdl-b svg{width:18px;height:18px}
.vdl-b.pri{background:linear-gradient(135deg,#86D6C6,#4FB3A2);color:#03201D;box-shadow:0 0 0 1px rgba(185,238,227,.45),0 14px 40px -10px rgba(134,214,198,.55)}
.vdl-b.pri:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(185,238,227,.7),0 18px 50px -10px rgba(134,214,198,.75)}
.vdl-b.sec{color:var(--ink);border:1px solid var(--ln2);background:rgba(11,28,27,.6);backdrop-filter:blur(8px)}
.vdl-b.sec:hover{border-color:var(--m)}
/* reveal */
.vdl-r{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.vdl-r.in{opacity:1;transform:none}
.vdl-r.d1{transition-delay:.08s}.vdl-r.d2{transition-delay:.16s}.vdl-r.d3{transition-delay:.24s}.vdl-r.d4{transition-delay:.32s}
/* ---------- HERO ---------- */
.vdl-hero{position:relative;min-height:calc(100vh - 76px);min-height:calc(100svh - 76px);display:flex;align-items:center;padding:70px 0 90px;background:radial-gradient(55% 60% at 75% 45%,rgba(46,107,103,.42),transparent 70%),radial-gradient(35% 40% at 15% 85%,rgba(134,214,198,.10),transparent 70%),var(--bg);border-bottom:1px solid var(--ln)}
.vdl-bg{position:absolute;inset:0;width:100%;height:100%;display:block}
.vdl-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(134,214,198,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(134,214,198,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 60% 45%,#000 30%,transparent 75%);mask-image:radial-gradient(70% 70% at 60% 45%,#000 30%,transparent 75%);pointer-events:none}
.vdl-hg{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.vdl-hc{display:grid;gap:22px;align-content:center}
.vdl-hc .k{margin-top:-4px}
.vdl-badge{justify-self:start;display:inline-flex;align-items:center;white-space:nowrap;gap:10px;padding:8px 14px 8px 10px;border-radius:999px;background:rgba(11,28,27,.75);box-shadow:inset 0 0 0 1px var(--ln2);font-family:var(--f-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.vdl-badge b{color:#9ff0c4;font-weight:500;display:inline-flex;align-items:center;gap:8px}
.vdl-badge i{width:8px;height:8px;border-radius:50%;background:#58e0a0;box-shadow:0 0 12px #58e0a0;animation:vdlBl 1.6s steps(2,start) infinite}
@keyframes vdlBl{to{visibility:hidden}}
.vdl-badge em{font-style:normal;width:1px;height:12px;background:var(--ln2)}
.vdl-hero h1{font-size:clamp(36px,4.5vw,60px);line-height:1.05}
.vdl-hero h1 span{display:block}
.vdl-sub{color:var(--mu);font-size:clamp(17px,1.5vw,19.5px);line-height:1.6;max-width:560px}
.vdl-cta{display:flex;flex-wrap:wrap;gap:12px}
.vdl-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--mu);font-size:14px}
.vdl-trust li{display:inline-flex;align-items:center;gap:8px}
.vdl-trust svg{width:15px;height:15px;color:var(--m)}
/* dashboard */
.vdl-dw{position:relative;perspective:1600px}
.vdl-dash{position:relative;border-radius:22px;background:linear-gradient(180deg,rgba(13,32,31,.96),rgba(6,17,16,.96));box-shadow:0 0 0 1px var(--ln2),0 50px 120px -40px rgba(134,214,198,.45),inset 0 1px 0 rgba(185,238,227,.12);transform:rotateY(-11deg) rotateX(6deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);overflow:hidden}
.vdl-dash:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(185,238,227,.07) 50%,transparent 65%);background-size:250% 100%;animation:vdlGl 6s ease-in-out infinite;pointer-events:none}
@keyframes vdlGl{0%{background-position:150% 0}60%,100%{background-position:-100% 0}}
.vdl-dt{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--ln)}
.vdl-dt .mk{width:34px;height:34px;flex:none}
.vdl-dt b{display:block;font-family:var(--f-display);font-size:15px}
.vdl-dt small{display:block;color:var(--mu);font-size:12px}
.vdl-dt .lv{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;color:#9ff0c4}
.vdl-dt .lv i{width:7px;height:7px;border-radius:50%;background:#58e0a0;box-shadow:0 0 10px #58e0a0;animation:vdlBl 1.6s steps(2,start) infinite}
.vdl-db{padding:16px;display:grid;gap:10px}
.vdl-ks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.vdl-ks div{padding:13px 14px;border-radius:14px;background:rgba(134,214,198,.06);box-shadow:inset 0 0 0 1px var(--ln)}
.vdl-ks b{display:block;font-family:var(--f-display);font-size:28px;line-height:1.05;color:var(--m)}
.vdl-ks small{display:block;margin-top:3px;color:var(--mu);font-size:11.5px;line-height:1.3}
.vdl-ap{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px var(--ln);font-size:14px;overflow:hidden}
.vdl-ap time{font-family:var(--f-mono);font-size:12.5px;color:var(--mu)}
.vdl-ap b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vdl-ap span{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.vdl-ap .a{background:rgba(56,189,248,.14);color:#9BDCFB}.vdl-ap .b{background:rgba(245,158,11,.14);color:#FCD58A}.vdl-ap .c{background:rgba(134,214,198,.14);color:var(--m2)}.vdl-ap .d{background:rgba(88,224,160,.16);color:#9ff0c4}
.vdl-ap:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:var(--p,40%);background:linear-gradient(90deg,transparent,var(--m));opacity:.65;animation:vdlPr 4s ease-in-out infinite alternate}
@keyframes vdlPr{from{width:calc(var(--p,40%) - 18%)}to{width:var(--p,40%)}}
.vdl-ts{position:absolute;right:-26px;bottom:-30px;z-index:3;display:grid;gap:0;width:min(370px,85%);pointer-events:none}
.vdl-t{grid-area:1/1;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(9,24,23,.92);backdrop-filter:blur(10px);box-shadow:0 0 0 1px var(--ln2),0 20px 40px -18px rgba(0,0,0,.8);font-size:13.5px;font-weight:600;opacity:0;transform:translateY(14px) scale(.97);transition:opacity .5s,transform .5s}
.vdl-t.on{opacity:1;transform:none}
.vdl-t i{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(134,214,198,.14);color:var(--m)}
.vdl-t i svg{width:15px;height:15px}
.vdl-fl{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(9,24,23,.9);box-shadow:0 0 0 1px var(--ln2);font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;color:var(--ink);animation:vdlFl 6s ease-in-out infinite}
.vdl-fl i{width:7px;height:7px;border-radius:50%}
.vdl-fl.f1{left:-34px;bottom:-16px}.vdl-fl.f2{right:-14px;top:-18px;animation-delay:-2s}
@keyframes vdlFl{50%{transform:translateY(-10px)}}
/* marquee */
.vdl-mq{position:relative;border-bottom:1px solid var(--ln);background:var(--p1);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.vdl-mqt{display:flex;width:max-content;animation:vdlMq 42s linear infinite}
.vdl-mqt span{display:inline-flex;align-items:center;gap:14px;padding:22px 26px;font-family:var(--f-display);font-size:18px;color:var(--mu);white-space:nowrap}
.vdl-mqt span:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--m);opacity:.7;transform:rotate(45deg)}
@keyframes vdlMq{to{transform:translateX(-50%)}}
/* stats */
.vdl-sts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.vdl-st{position:relative;padding:28px 24px;border-radius:22px;background:linear-gradient(180deg,var(--p2),var(--p1));box-shadow:inset 0 0 0 1px var(--ln);overflow:hidden}
.vdl-st:after{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--m),transparent);opacity:.6}
.vdl-st b{display:block;font-family:var(--f-display);font-size:clamp(44px,5vw,64px);line-height:1;color:var(--ink)}
.vdl-st b em{font-style:normal;font-size:.45em;color:var(--m);margin-left:4px}
.vdl-st small{display:block;margin-top:12px;color:var(--mu);font-size:15px;line-height:1.45}
/* bento */
.vdl-bn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:14px}
.vdl-tl{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:24px;background:linear-gradient(180deg,var(--p2),var(--p1));box-shadow:inset 0 0 0 1px var(--ln);overflow:hidden;transition:box-shadow .3s,transform .3s}
.vdl-tl:hover{box-shadow:inset 0 0 0 1px var(--ln2),0 30px 60px -36px rgba(134,214,198,.5);transform:translateY(-3px)}
.vdl-tl.w2{grid-column:span 2}
.vdl-tl h3{font-size:18px;margin-top:6px}
.vdl-tl p{color:var(--mu);font-size:14.5px;line-height:1.55}
.vdl-tl .n{position:absolute;right:18px;top:16px;font-family:var(--f-mono);font-size:11px;color:var(--so)}
.vv{position:relative;height:150px;border-radius:16px;background:rgba(3,10,10,.6);box-shadow:inset 0 0 0 1px var(--ln);overflow:hidden;padding:14px}
.vv .ml{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;color:var(--mu)}
/* v0 command */
.v0{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:end}
.v0 div{display:grid;gap:8px}
.v0 i{display:block;height:6px;border-radius:9px;background:rgba(134,214,198,.12);overflow:hidden}
.v0 i:before{content:"";display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--te),var(--m));animation:v0 3.2s ease-in-out infinite alternate}
.v0 div:nth-child(2) i:before{animation-delay:-1s}.v0 div:nth-child(3) i:before{animation-delay:-2s}
.v0 i:nth-child(3):before{animation-duration:4s}
@keyframes v0{from{width:25%}to{width:92%}}
.v0 b{font-family:var(--f-display);font-size:30px;color:var(--ink)}
/* v1 calendar */
.v1{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.v1 .c{display:grid;gap:5px;align-content:start}
.v1 .c>small{font-family:var(--f-mono);font-size:10px;color:var(--mu);text-align:center}
.v1 .c i{height:16px;border-radius:5px;background:rgba(134,214,198,.06);box-shadow:inset 0 0 0 1px var(--ln)}
.v1 .c i.f{animation:v1 6s ease-in-out infinite;background:rgba(134,214,198,.06)}
@keyframes v1{0%,12%{background:rgba(134,214,198,.06)}22%,85%{background:linear-gradient(90deg,var(--te),#3FA796);box-shadow:0 0 12px -2px rgba(134,214,198,.6)}100%{background:rgba(134,214,198,.06)}}
.v1 .g{background:rgba(66,133,244,.35)!important;box-shadow:inset 0 0 0 1px rgba(66,133,244,.5)!important}
.vsy{position:absolute;right:12px;top:10px;display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:10px;color:#9ff0c4;letter-spacing:.06em}
.vsy svg{width:12px;height:12px;animation:vsp 2.4s linear infinite}
@keyframes vsp{to{transform:rotate(360deg)}}
/* v2 atelier */
.v2{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.v2 .c{position:relative;border-radius:10px;background:rgba(134,214,198,.04);box-shadow:inset 0 0 0 1px var(--ln);padding:8px 6px;min-height:120px}
.v2 .c small{display:block;font-family:var(--f-mono);font-size:9.5px;color:var(--mu);text-align:center;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2 .c i{display:block;height:20px;border-radius:6px;background:rgba(134,214,198,.08);margin-bottom:6px}
.v2 .car{position:absolute;left:calc(0% + 6px);top:44px;width:calc(25% - 18px);height:34px;border-radius:8px;background:linear-gradient(135deg,#2E6B67,#1F4F4D);box-shadow:0 0 0 1px var(--m),0 10px 24px -8px rgba(134,214,198,.7);animation:v2 8s cubic-bezier(.6,0,.3,1) infinite;z-index:2}
.v2 .car:before{content:"";position:absolute;left:8px;top:9px;width:55%;height:5px;border-radius:9px;background:rgba(255,255,255,.75)}
.v2 .car:after{content:"";position:absolute;left:8px;top:19px;width:35%;height:4px;border-radius:9px;background:rgba(255,255,255,.4)}
@keyframes v2{0%,14%{transform:translateX(0)}25%,39%{transform:translateX(calc(100% + 26px))}50%,64%{transform:translateX(calc(200% + 52px))}75%,92%{transform:translateX(calc(300% + 78px));box-shadow:0 0 0 1px #58e0a0,0 0 26px -2px rgba(88,224,160,.8)}100%{transform:translateX(0);opacity:0}}
/* v3 offer */
.v3{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.v3 .dc{display:grid;gap:7px}
.v3 .dc i{display:block;height:7px;border-radius:9px;background:rgba(134,214,198,.12)}
.v3 .dc i:nth-child(3){width:80%}.v3 .dc i:nth-child(4){width:65%}.v3 .dc i:nth-child(5){width:72%}
.v3 .tot{display:flex;justify-content:space-between;margin-top:6px;font-family:var(--f-mono);font-size:12px;color:var(--mu)}
.v3 .tot b{color:var(--ink);font-family:var(--f-display);font-size:18px}
.v3 .st{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#9ff0c4;box-shadow:0 0 0 2px #58e0a0,inset 0 0 0 6px rgba(88,224,160,.1);transform:rotate(-12deg) scale(.4);opacity:0;animation:v3 5s cubic-bezier(.2,1.4,.4,1) infinite}
.v3 .st svg{width:22px;height:22px;display:block;margin:0 auto 4px}
@keyframes v3{0%,30%{opacity:0;transform:rotate(-12deg) scale(1.6)}40%,88%{opacity:1;transform:rotate(-12deg) scale(1)}100%{opacity:0;transform:rotate(-12deg) scale(1)}}
/* v4 ai */
.v4{display:flex;flex-direction:column;gap:8px;justify-content:flex-end}
.v4 .q,.v4 .a{max-width:88%;padding:9px 12px;border-radius:12px;font-size:12.5px;line-height:1.45}
.v4 .q{align-self:flex-end;background:rgba(134,214,198,.16);color:var(--ink);border-bottom-right-radius:4px}
.v4 .a{align-self:flex-start;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--ln);color:var(--ink);border-bottom-left-radius:4px;position:relative}
.v4 .a .tx{animation:v4t 7s steps(1) infinite}
.v4 .a .dt{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;gap:4px;animation:v4d 7s steps(1) infinite}
.v4 .a .dt i{width:6px;height:6px;border-radius:50%;background:var(--m);animation:v4b 1s ease-in-out infinite}
.v4 .a .dt i:nth-child(2){animation-delay:.15s}.v4 .a .dt i:nth-child(3){animation-delay:.3s}
@keyframes v4t{0%{opacity:0}30%{opacity:1}100%{opacity:1}}
@keyframes v4d{0%{opacity:1}30%{opacity:0}}
@keyframes v4b{50%{transform:translateY(-4px);opacity:.4}}
/* v5 car file */
.v5{display:grid;gap:9px;align-content:center;padding-left:40px}
.v5:before{content:"";position:absolute;left:24px;top:24px;bottom:24px;width:1px;background:linear-gradient(var(--m),transparent)}
.v5 div{position:relative;font-size:12.5px;color:var(--ink);opacity:.25;animation:v5 6s ease-in-out infinite}
.v5 div:before{content:"";position:absolute;left:-21px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 2px var(--m)}
.v5 div:nth-child(2){animation-delay:.6s}.v5 div:nth-child(3){animation-delay:1.2s}.v5 div:nth-child(4){animation-delay:1.8s}
.v5 div:nth-child(4):before{box-shadow:0 0 0 2px #f59e0b}
@keyframes v5{0%{opacity:.25}15%,80%{opacity:1}100%{opacity:.25}}
/* v6 reports */
.v6{display:flex;align-items:flex-end;gap:7px;padding-bottom:16px}
.v6 i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--m),rgba(46,107,103,.4));transform-origin:bottom;animation:v6 4s ease-in-out infinite alternate}
.v6 i:nth-child(odd){animation-duration:5s}.v6 i:nth-child(3n){animation-delay:-2s}
@keyframes v6{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
/* v7 brand */
.v7{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.v7 .sw{display:grid;gap:7px}
.v7 .sw i{width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.v7 .cd{border-radius:14px;background:#fff;color:#10201F;padding:12px;display:grid;gap:7px}
.v7 .cd .hb{height:26px;border-radius:9px;animation:v7 8s steps(1) infinite}
.v7 .cd i{display:block;height:6px;border-radius:9px;background:#E3ECEA}
.v7 .cd i:nth-child(3){width:70%}
.v7 .cd .bt{height:22px;width:58%;border-radius:8px;animation:v7 8s steps(1) infinite}
@keyframes v7{0%{background:#1F4F4D}25%{background:#C8323D}50%{background:#1D4ED8}75%{background:#B45309}}
/* core */
.vdl-core{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.vdl-sync{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.vdl-sync li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(11,28,27,.6);box-shadow:inset 0 0 0 1px var(--ln)}
.vdl-sync li i{grid-row:span 2;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(134,214,198,.12);color:var(--m)}
.vdl-sync li i svg{width:16px;height:16px}
.vdl-sync b{font-size:15.5px}
.vdl-sync small{font-family:var(--f-mono);font-size:11.5px;color:var(--mu);letter-spacing:.03em}
.vdl-cv{position:relative;height:560px;border-radius:28px;background:radial-gradient(60% 60% at 50% 50%,rgba(46,107,103,.35),transparent 70%),var(--p1);box-shadow:inset 0 0 0 1px var(--ln)}
.vdl-cv canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
/* growth */
.vdl-gw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.vdl-g{padding:24px;border-radius:24px;background:linear-gradient(180deg,var(--p2),var(--p1));box-shadow:inset 0 0 0 1px var(--ln);display:grid;gap:12px;align-content:start}
.vdl-g svg.sp{width:100%;height:70px;display:block}
.vdl-g svg.sp path.l{fill:none;stroke:var(--m);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 2.2s cubic-bezier(.3,.7,.2,1) .2s}
.vdl-g.in svg.sp path.l{stroke-dashoffset:0}
.vdl-g svg.sp path.a{fill:url(#vdlg);opacity:0;transition:opacity 1.4s 1s}
.vdl-g.in svg.sp path.a{opacity:1}
.vdl-g h3{font-size:19px}
.vdl-g p{color:var(--mu);font-size:14.5px;line-height:1.55}
.vdl-g .up{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9ff0c4}
.vdl-g .up svg{width:14px;height:14px}
/* journey */
.vdl-jr{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.vdl-jr:before,.vdl-jr:after{content:"";position:absolute;left:4%;right:4%;top:27px;height:2px;border-radius:9px;background:var(--ln)}
.vdl-jr:after{right:auto;width:0;background:linear-gradient(90deg,var(--te),var(--m));box-shadow:0 0 16px rgba(134,214,198,.7);transition:width 2.6s cubic-bezier(.4,.1,.2,1)}
.vdl-jr.in:after{width:92%}
.vdl-jr li{position:relative;z-index:1;display:grid;gap:8px;justify-items:start;align-content:start}
.vdl-jr li i{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--p2);box-shadow:inset 0 0 0 1px var(--ln2);color:var(--mu);transition:background .4s,color .4s,box-shadow .4s}
.vdl-jr li i svg{width:22px;height:22px}
.vdl-jr.in li i{background:linear-gradient(135deg,#2E6B67,#1F4F4D);color:#fff;box-shadow:0 0 0 1px var(--m),0 0 24px -4px rgba(134,214,198,.7)}
.vdl-jr.in li:nth-child(2) i{transition-delay:.45s}.vdl-jr.in li:nth-child(3) i{transition-delay:.9s}.vdl-jr.in li:nth-child(4) i{transition-delay:1.35s}.vdl-jr.in li:nth-child(5) i{transition-delay:1.8s}.vdl-jr.in li:nth-child(6) i{transition-delay:2.25s}
.vdl-jr small{font-family:var(--f-mono);font-size:11px;color:var(--so);letter-spacing:.1em}
.vdl-jr b{font-family:var(--f-display);font-size:17px}
.vdl-jr p{color:var(--mu);font-size:13.5px;line-height:1.5}
/* who + security */
.vdl-who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.vdl-wc{position:relative;padding:26px 22px;border-radius:24px;background:linear-gradient(180deg,var(--p2),var(--p1));box-shadow:inset 0 0 0 1px var(--ln);display:grid;gap:12px;align-content:start;overflow:hidden}
.vdl-wc:before{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:36px;border:1px solid var(--ln);transform:rotate(20deg);transition:transform .6s}
.vdl-wc:hover:before{transform:rotate(65deg)}
.vdl-wc i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(134,214,198,.12);color:var(--m)}
.vdl-wc i svg{width:22px;height:22px}
.vdl-wc h3{font-size:18px}.vdl-wc p{color:var(--mu);font-size:14.5px;line-height:1.55}
.vdl-sec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-radius:24px;overflow:hidden;background:var(--ln);box-shadow:0 0 0 1px var(--ln)}
.vdl-sec div{padding:26px 22px;background:var(--p1);display:grid;gap:10px;align-content:start}
.vdl-sec svg{width:24px;height:24px;color:var(--m)}
.vdl-sec b{font-size:16px}.vdl-sec p{color:var(--mu);font-size:14px;line-height:1.55}
/* faq */
.vdl-faq{display:grid;gap:10px;max-width:880px}
.vdl-faq details{border-radius:18px;background:var(--p1);box-shadow:inset 0 0 0 1px var(--ln);padding:18px 22px;transition:box-shadow .3s}
.vdl-faq details[open]{box-shadow:inset 0 0 0 1px var(--ln2)}
.vdl-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;font-weight:600;font-size:16.5px}
.vdl-faq summary::-webkit-details-marker{display:none}
.vdl-faq summary:after{content:"+";font-family:var(--f-mono);color:var(--m);font-size:20px;line-height:1;transition:transform .3s}
.vdl-faq details[open] summary:after{transform:rotate(45deg)}
.vdl-faq p{margin-top:10px;color:var(--mu);line-height:1.6}
/* final */
.vdl-fin{position:relative;text-align:center;padding:90px 24px;border-radius:32px;background:radial-gradient(60% 80% at 50% 0%,rgba(46,107,103,.55),transparent 70%),var(--p1);box-shadow:inset 0 0 0 1px var(--ln2);overflow:hidden;display:grid;gap:20px;justify-items:center}
.vdl-fin h2{font-size:clamp(32px,4.6vw,56px);line-height:1.06;max-width:860px}
.vdl-fin p{color:var(--mu);font-size:18px}
.vdl-rg{position:relative;width:120px;height:120px;display:grid;place-items:center;margin-bottom:6px}
.vdl-rg svg.mk{width:64px;height:64px;position:relative;z-index:1;filter:drop-shadow(0 0 22px rgba(134,214,198,.6))}
.vdl-rg i{position:absolute;inset:0;border-radius:34px;border:1px solid var(--m);opacity:0;animation:vdlRg 3.6s ease-out infinite}
.vdl-rg i:nth-child(2){animation-delay:1.2s}.vdl-rg i:nth-child(3){animation-delay:2.4s}
@keyframes vdlRg{0%{transform:scale(.55);opacity:.8}100%{transform:scale(1.9);opacity:0}}
.vdl-fin .vdl-cta{justify-content:center}
/* responsive */
@media (max-width:1060px){.vdl-hg{grid-template-columns:1fr;gap:60px}.vdl-dw{max-width:640px}.vdl-bn{grid-template-columns:repeat(2,minmax(0,1fr))}.vdl-gw,.vdl-who,.vdl-sec,.vdl-sts{grid-template-columns:repeat(2,minmax(0,1fr))}.vdl-core{grid-template-columns:1fr}.vdl-jr{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px}.vdl-jr:before,.vdl-jr:after{display:none}}
@media (max-width:640px){.vdl-s{padding:76px 0}.vdl-hero{padding:40px 0 70px}.vdl-dash{transform:none!important}.vdl-fl{display:none}.vdl-ts{right:8px;bottom:-30px;width:calc(100% - 16px)}.vdl-bn,.vdl-gw,.vdl-who,.vdl-sec{grid-template-columns:1fr}.vdl-tl.w2{grid-column:auto}.vdl-sts{grid-template-columns:repeat(2,minmax(0,1fr))}.vdl-st{padding:22px 18px}.vdl-st small{font-size:13.5px}.vdl-jr{grid-template-columns:repeat(2,minmax(0,1fr))}.vdl-cv{height:420px}.vdl-b{width:100%}.vdl-cta{flex-direction:column}.vdl-ks b{font-size:22px}.vdl-ap{gap:9px;padding:11px 12px;font-size:13px}.vdl-ap span{font-size:10.5px;padding:3px 8px}.vdl-fin{padding:64px 18px}}
@media (prefers-reduced-motion:reduce){.vdl *,.vdl *:before,.vdl *:after{animation:none!important;transition:none!important}.vdl-r{opacity:1;transform:none}.vdl-t{opacity:1;transform:none}}
/* ===== v2: rapoarte, brand, creștere ===== */
/* Rapoarte de business */
.v6n{padding:12px 14px;display:flex;flex-direction:column;gap:6px;background:radial-gradient(420px 160px at 80% 100%,rgba(134,214,198,.12),transparent 70%),rgba(3,10,10,.7)}
.v6n .kp{position:relative;z-index:2;display:flex;align-items:center;gap:18px}
.v6n .kp>div small{display:block;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--so)}
.v6n .kp>div b{display:block;font-family:var(--f-display);font-size:17px;color:var(--ink);margin-top:2px}
.v6n .rg{margin-left:auto;display:flex;align-items:center;gap:8px}
.v6n .rg svg{width:34px;height:34px;transform:rotate(-90deg)}
.v6n .rg circle{fill:none;stroke-width:3.2}
.v6n .rg .b{stroke:rgba(134,214,198,.14)}
.v6n .rg .f{stroke:var(--m);stroke-linecap:round;stroke-dasharray:94.2;stroke-dashoffset:94.2;filter:drop-shadow(0 0 4px rgba(134,214,198,.7));transition:stroke-dashoffset 1.8s cubic-bezier(.3,.7,.2,1) .4s}
.vdl-tl.in .v6n .rg .f{stroke-dashoffset:26.4}
.v6n .rg span b{font-family:var(--f-mono);font-size:13px;color:var(--m2);display:block}
.v6n .rg span small{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--so)}
.v6n svg.ch{position:absolute;left:0;right:0;bottom:0;width:100%;height:92px}
.v6n .gd line{stroke:rgba(134,214,198,.08);stroke-width:1;vector-effect:non-scaling-stroke}
.v6n .ar{fill:url(#vdlg);opacity:0;transition:opacity 1.4s 1.2s}
.v6n .l1{fill:none;stroke:var(--m);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgba(134,214,198,.6));transition:stroke-dashoffset 2.4s cubic-bezier(.3,.7,.2,1) .3s}
.v6n .l2{fill:none;stroke:rgba(66,133,244,.55);stroke-width:1.4;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.v6n .l1{stroke-dasharray:1 0}
.v6n svg.ch .l1{stroke-dasharray:1000;stroke-dashoffset:1000}
.vdl-tl.in .v6n .l1{stroke-dashoffset:0}
.vdl-tl.in .v6n .ar{opacity:.9}
.v6n .sw6{position:absolute;top:44px;bottom:0;width:1px;left:0;background:linear-gradient(180deg,transparent,var(--m),transparent);box-shadow:0 0 12px var(--m);animation:v6scan 5.5s linear infinite;opacity:.8}
.v6n .pt6{position:absolute;right:8px;top:52px;width:8px;height:8px;border-radius:50%;background:var(--m2);box-shadow:0 0 0 4px rgba(134,214,198,.15),0 0 14px var(--m);animation:v6pt 1.8s ease-in-out infinite}
@keyframes v6scan{0%{transform:translateX(0)}100%{transform:translateX(calc(100cqw))}}
@keyframes v6pt{50%{box-shadow:0 0 0 9px rgba(134,214,198,0),0 0 18px var(--m)}}
.v6n{container-type:inline-size}
/* Brandul tău, peste tot */
.v7n{background:radial-gradient(260px 140px at 50% 50%,rgba(134,214,198,.14),transparent 70%),rgba(3,10,10,.7)}
.v7n svg.ln{position:absolute;inset:0;width:100%;height:100%}
.v7n svg.ln path{fill:none;stroke:var(--bc);stroke-width:1.2;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;opacity:.7;animation:v7dash 1.6s linear infinite}
@keyframes v7dash{to{stroke-dashoffset:-16}}
.v7n .core{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;display:grid;place-items:center}
.v7n .core .o{position:absolute;inset:-6px;border-radius:24px;padding:2px;background:conic-gradient(from var(--a),transparent 0 50%,var(--bc) 80%,#fff 86%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:v7rot 3.5s linear infinite}
.v7n .core .o2{position:absolute;inset:-18px;border-radius:30px;box-shadow:inset 0 0 0 1px rgba(134,214,198,.16);animation:v7pl 2.8s ease-out infinite}
@keyframes v7pl{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.v7n .lg{position:relative;width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-family:var(--f-display);font-size:20px;color:#fff;letter-spacing:.02em;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,0) 60%),var(--bc);box-shadow:0 0 28px -4px var(--bc),inset 0 0 0 1px rgba(255,255,255,.25)}
.v7n .c{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(7,19,18,.92);box-shadow:inset 0 0 0 1px var(--ln2);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink);white-space:nowrap}
.v7n .c i{width:7px;height:7px;border-radius:50%;background:var(--bc);box-shadow:0 0 8px var(--bc)}
.v7n .c0{left:6%;top:12%}.v7n .c1{left:6%;bottom:12%}.v7n .c2{right:6%;top:12%}.v7n .c3{right:6%;bottom:12%}
@property --bc{syntax:'<color>';inherits:true;initial-value:#2E8F86}
.v7n{--bc:#2E8F86;animation:v7c 9s ease-in-out infinite}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes v7rot{to{--a:360deg}}
@keyframes v7c{0%,100%{--bc:#2E8F86}25%{--bc:#C8323D}50%{--bc:#2563EB}75%{--bc:#D97706}}
/* Creștere – fiecare card cu vizualul lui */
.vdl-g .up{gap:8px;color:var(--m2)}
.vdl-g .up i{width:6px;height:6px;border-radius:50%;background:var(--m);box-shadow:0 0 8px var(--m);animation:orbBlink 1.6s steps(2,start) infinite}
.vdl-g{position:relative;overflow:hidden}
.vdl-g:before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--m),transparent);opacity:.5}
.gv{position:relative;height:96px;border-radius:16px;background:radial-gradient(200px 90px at 50% 100%,rgba(134,214,198,.10),transparent 70%),rgba(3,10,10,.6);box-shadow:inset 0 0 0 1px var(--ln);display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 14px;overflow:hidden}
.gv:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(134,214,198,.035) 0 1px,transparent 1px 4px);pointer-events:none}
/* g0: inel */
.g0 svg{width:74px;height:74px;transform:rotate(-90deg);flex:none}
.g0 circle{fill:none;stroke-width:4}
.g0 .b{stroke:rgba(134,214,198,.12)}
.g0 .t{stroke:rgba(134,214,198,.35);stroke-width:1;stroke-dasharray:1 5.9}
.g0 .f{stroke:var(--m);stroke-linecap:round;stroke-dasharray:207.3;stroke-dashoffset:207.3;filter:drop-shadow(0 0 5px rgba(134,214,198,.7));transition:stroke-dashoffset 2s cubic-bezier(.3,.7,.2,1) .3s}
.vdl-g.in .g0 .f{stroke-dashoffset:34}
.g0 span b{display:block;font-family:var(--f-display);font-size:34px;line-height:1;color:var(--ink)}
.g0 span small{display:block;max-width:110px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin-top:4px;line-height:1.35}
/* g1: comparație */
.g1{flex-direction:column;align-items:stretch;justify-content:center;gap:9px}
.g1 .r small{display:block;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--so);margin-bottom:4px}
.g1 .tr{display:flex;gap:4px;height:10px}
.g1 .tr i{flex:none;width:9%;border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.3,.7,.2,1)}
.g1 .tr.a i{background:rgba(242,84,91,.55);box-shadow:0 0 6px rgba(242,84,91,.35)}
.g1 .tr.b i{background:var(--m);box-shadow:0 0 8px rgba(134,214,198,.6)}
.vdl-g.in .g1 .tr i{transform:scaleX(1)}
.g1 .tr i:nth-child(2){transition-delay:.08s}.g1 .tr i:nth-child(3){transition-delay:.16s}.g1 .tr i:nth-child(4){transition-delay:.24s}.g1 .tr i:nth-child(5){transition-delay:.32s}.g1 .tr i:nth-child(6){transition-delay:.4s}.g1 .tr i:nth-child(7){transition-delay:.48s}.g1 .tr i:nth-child(8){transition-delay:.56s}.g1 .tr i:nth-child(9){transition-delay:.64s}
.g1 .tr.b i{transition-delay:.9s}.g1 .tr.b i+i{transition-delay:1s}
/* g2: stele */
.g2 b{font-family:var(--f-display);font-size:40px;line-height:1;color:var(--ink);text-shadow:0 0 18px rgba(251,188,5,.35)}
.g2 .stars{display:flex;gap:4px;flex:none}
.g2 svg{flex:none;width:20px;height:20px;fill:rgba(251,188,5,.14);stroke:rgba(251,188,5,.4);stroke-width:1;transition:fill .4s var(--d),filter .4s var(--d)}
.vdl-g.in .g2 svg{fill:#FBBC05;filter:drop-shadow(0 0 6px rgba(251,188,5,.6))}
.vdl-g.in .g2 svg{animation:v2st 3.2s ease-in-out infinite;animation-delay:calc(var(--d) + 1.2s)}
@keyframes v2st{0%,100%{transform:none}10%{transform:scale(1.22)}20%{transform:none}}
/* g3: pâlnie */
.g3{flex-direction:column;align-items:center;justify-content:center;gap:5px}
.g3 .fn{position:relative;width:var(--w);height:22px;border-radius:7px;background:linear-gradient(90deg,rgba(46,107,103,.25),rgba(134,214,198,.35),rgba(46,107,103,.25));box-shadow:inset 0 0 0 1px var(--ln2);display:grid;place-items:center;transform:scaleX(0);transition:transform .7s cubic-bezier(.3,.7,.2,1) var(--d)}
.g3 .fn:last-child{background:linear-gradient(90deg,rgba(134,214,198,.35),var(--m),rgba(134,214,198,.35));box-shadow:0 0 16px -2px rgba(134,214,198,.7)}
.g3 .fn span{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.g3 .fn:last-child span{color:#032220;font-weight:700}
.vdl-g.in .g3 .fn{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.v6n .sw6,.v7n *,.vdl-g .up i,.g2 svg{animation:none!important}}
@container (max-width:440px){.v6n .rg{display:none}.v6n .kp{gap:14px}}