/* Volgard – Szolgáltatások (interaktív, kinyíló oszlopok). Minden szabály a
   .vgdk wrapperre szűkítve, így nem érinti az oldal többi részét. */

@property --vga{syntax:"<angle>";inherits:false;initial-value:0deg;}
.vgdk{--acc:#2f63e6;--lilac:#DCE3FF;box-sizing:border-box;width:100%;}
.vgdk *{box-sizing:border-box;}
.vgdk a{text-decoration:none!important;}
.vgdk-acc{display:flex;gap:6px;}
.vgdk-col{position:relative;flex:1 1 0;min-width:0;background:#fff;border:1px solid #e4e6f1;border-radius:16px;
  padding:24px;height:214px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;
  transition:flex-grow .45s cubic-bezier(.35,.8,.3,1),background .35s,opacity .35s,box-shadow .3s;}
.vgdk-col::before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:2px;
  background:conic-gradient(from var(--vga), rgba(70,176,255,0) 0deg, rgba(70,176,255,0) 268deg, #6cc0ff 312deg, #46b0ff 330deg, #3b46d6 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;pointer-events:none;animation:vgdk-beam 12s linear infinite;}
.vgdk-col:nth-child(2)::before{animation-delay:3s;}
.vgdk-col:nth-child(3)::before{animation-delay:6s;}
.vgdk-col:nth-child(4)::before{animation-delay:9s;}
@keyframes vgdk-beam{
  0%   {opacity:0;    --vga:315deg}
  2%   {opacity:1;    --vga:347deg}
  13%  {opacity:1;    --vga:587deg}
  16%  {opacity:.8;   --vga:619deg}
  19%  {opacity:.6;   --vga:641deg}
  22%  {opacity:.38;  --vga:661deg}
  25%  {opacity:.16;  --vga:689deg}
  28%  {opacity:0;    --vga:699deg}
  100% {opacity:0;    --vga:699deg}
}
.vgdk-acc:hover .vgdk-col::before{animation:none;opacity:0;}
.vgdk-acc:hover .vgdk-col{flex-grow:.72;opacity:.5;}
.vgdk-acc .vgdk-col:hover{flex-grow:2.9;opacity:1;background:linear-gradient(120deg,#3b46d6,#46b0ff);box-shadow:0 14px 34px rgba(59,70,214,.28);}
.vgdk-num{font-weight:800;color:var(--lilac);font-size:46px;line-height:.8;letter-spacing:1px;}
.vgdk-foot{margin-top:20px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;}
.vgdk-lead{display:flex;flex-direction:column;gap:15px;min-width:0;}
.vgdk-ic{fill:var(--acc);width:50px;height:50px;display:block;transition:fill .3s;flex:0 0 auto;}
.vgdk-nm{font-size:18px;font-weight:700;line-height:1.2;color:#0A0D31;transition:color .3s;white-space:nowrap;}
.vgdk-col:hover .vgdk-ic{fill:#fff;}
.vgdk-col:hover .vgdk-nm{color:#fff;}
.vgdk-btns{display:flex;gap:11px;opacity:0;transform:translateY(8px);pointer-events:none;white-space:nowrap;
  transition:opacity .25s,transform .3s;}
.vgdk-col:hover .vgdk-btns{opacity:1;transform:none;pointer-events:auto;transition:opacity .35s .12s,transform .4s .12s;}
.vgdk-btn{font-size:13.5px;font-weight:700;padding:12px 24px;border-radius:9px;white-space:nowrap;transition:background .15s;}
.vgdk-cta{background:#fff!important;color:#3b46d6!important;}
.vgdk-cta:hover{background:#ecedff!important;}
.vgdk-gh{background:#172150!important;color:#fff!important;}
.vgdk-gh:hover{background:#1f2c66!important;}