/* Volgard – „Kik vagyunk" háttér szekció. Minden szabály a #vlg-kik alá van
   szűkítve, így nem érinti az oldal többi részét. (A betűtípust a plugin
   külön töltli be, ezért az eredeti @import kimaradt.) */

@property --vlg-glow{syntax:'<color>';inherits:false;initial-value:#46b0ff}
@keyframes vlg-bgpan{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes vlg-glowcol{from{--vlg-glow:#46b0ff}to{--vlg-glow:#3b46d6}}

#vlg-kik{--vlg-c1:#46b0ff;--vlg-c2:#3b46d6;--vlg-base:#243aa8;--vlg-ink2:#0a0e22;
  --vlg-grad:linear-gradient(120deg,var(--vlg-c1),var(--vlg-c2));
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
#vlg-kik *{box-sizing:border-box}
#vlg-kik .vlg-why{position:relative;overflow:hidden;border-radius:24px;height:clamp(380px,50vh,480px);
  background:radial-gradient(circle at 50% 50%,var(--vlg-base),var(--vlg-ink2));background-size:300% 300%;
  animation:vlg-bgpan 22s alternate infinite}
#vlg-kik .vlg-glow{position:absolute;z-index:1;width:300px;height:300px;left:50%;top:50%;pointer-events:none;
  background:radial-gradient(circle closest-side,var(--vlg-glow),transparent);
  transform:translate(-50%,-50%);animation:vlg-glowcol 6s ease infinite alternate}
#vlg-kik .vlg-overlay{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
#vlg-kik .vlg-content{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);
  width:100%;max-width:720px;text-align:center;padding:30px 34px;border-radius:26px;
  background:radial-gradient(120% 130% at 50% 50%,rgba(8,11,30,.86),rgba(8,11,30,.40) 62%,transparent)}
#vlg-kik .vlg-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.22em;
  font-weight:600;text-transform:uppercase;color:#bcd3ff;margin:0 0 30px}
#vlg-kik .vlg-dot{width:6px;height:6px;border-radius:50%;background:var(--vlg-grad)}
#vlg-kik .vlg-title{font-weight:600;font-size:clamp(30px,3.4vw,44px);line-height:1.22;letter-spacing:0.02em;color:#fff;margin:0}
#vlg-kik .vlg-accent{background:var(--vlg-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#vlg-kik .vlg-cta{display:inline-flex;align-items:center;gap:9px;margin-top:24px;font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.18em;color:#fff;text-decoration:none;background:var(--vlg-grad);
  padding:14px 26px;border-radius:10px}

/* mobil: teljes képernyő + „Kik vagyunk" feljebb */
@media(max-width:768px){
  #vlg-kik .vlg-why{height:100vh;height:100svh;border-radius:0;width:100vw;margin-left:calc(50% - 50vw)}
  #vlg-kik .vlg-content{top:50%}
  #vlg-kik .vlg-title{font-size:28px;line-height:1.34}
}
@media(prefers-reduced-motion:reduce){
  #vlg-kik .vlg-why{animation:none}
  #vlg-kik .vlg-glow{animation:none;left:50%!important;top:42%!important}
}