.vn { --navy:#6B1A32; --tint:#F8EEF1; --text:#43202D; --muted:#7A3A50;
font-family: Inter, system-ui, sans-serif; color: var(--text); line-height: 1.65; font-size: 17px; }
.vn *, .vn *::before, .vn *::after { box-sizing: border-box; text-transform: none !important; }
.vn h2 { margin: 0 0 14px; font-family: Georgia, serif; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.15; color: var(--navy); }
.vn h3 { margin: 0 0 10px; font-family: Georgia, serif; font-size: 22px; line-height: 1.25; color: var(--navy); }
.vn p { margin: 0 0 14px; }
.vn-sec { padding: 56px 0; }
.vn-head { text-align: center; max-width: 680px; margin: 0 auto 36px; }
.vn-head p { color: var(--muted); margin: 0; }
.vn-tag { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase !important;
color: var(--navy); background: var(--tint); padding: 5px 12px; border-radius: 999px; margin-bottom: 14px; }
/* PRÍBEH */
.vn-story { max-width: 740px; margin: 0 auto; text-align: center; }
/* TRI PREKRÝVAJÚCE SA KARTY */
.vn-row { display: flex; justify-content: center; align-items: center; max-width: 1060px; margin: 0 auto; padding: 24px 0; }
.vn-card { position: relative; z-index: 1; width: 320px; padding: 34px; background: #fff; border: 1.5px solid var(--navy); border-radius: 22px;
transform: scale(.94); transition: transform .3s ease, box-shadow .3s ease; outline: none; }
.vn-card p { margin: 0; font-size: 16px; }
.vn-left { margin-right: -48px; padding-right: 66px; }
.vn-right { margin-left: -48px; padding-left: 66px; }
.vn-mid { z-index: 3; width: 380px; padding: 48px 40px; background: var(--navy); color: #fff; transform: scale(1); box-shadow: 0 20px 44px rgba(107,26,50,.25); }
.vn-mid h3 { color: #fff; font-size: 28px; }
.vn-mid .vn-tag { background: rgba(255,255,255,.16); color: #fff; }
.vn-left:hover, .vn-right:hover, .vn-left:focus-visible, .vn-right:focus-visible { z-index: 5; transform: scale(1.08); box-shadow: 0 20px 44px rgba(107,26,50,.22); }
.vn-mid:hover { transform: scale(1.03); }
/* AKO S VAMI PRACUJEME */
.vn-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; max-width: 960px; margin: 0 auto; }
.vn-box { border: 1px solid rgba(107,26,50,.22); border-radius: 18px; padding: 30px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.vn-box:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(107,26,50,.12); }
.vn-box p { margin: 0; font-size: 16px; }
/* SPOLOČNÍCI Z VÁŠHO REGIÓNU */
.vn-region { background: var(--navy); color: #fff; border-radius: 28px; padding: 56px; display: flex; flex-wrap: wrap; gap: 36px 56px; align-items: center; }
.vn-region .vn-l { flex: 1 1 380px; min-width: 0; }
.vn-region .vn-r { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.vn-region h2 { color: #fff; }
.vn-region p { color: #fff; opacity: .95; font-size: 18px; margin: 0; }
.vn-small { font-size: 13px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase !important; opacity: .85; margin: 0 0 14px !important; }
.vn-rb { border: 1px solid rgba(255,255,255,.45); border-radius: 16px; padding: 20px 24px; transition: transform .25s ease, background .25s ease; }
.vn-rb:hover { transform: translateX(6px); background: rgba(255,255,255,.1); }
.vn-rb h3 { color: #fff; font-size: 20px; margin: 0 0 6px; }
.vn-rb p { font-size: 16px; }
@media (max-width: 900px) {
.vn-row { flex-direction: column; gap: 20px; padding: 24px 20px; }
.vn-card, .vn-mid { width: 100%; max-width: 460px; transform: none; margin: 0; padding: 30px; }
.vn-left, .vn-right { margin: 0; padding: 30px; }
.vn-left:hover, .vn-right:hover, .vn-mid:hover { transform: none; }
.vn-region { padding: 36px 26px; border-radius: 22px; }
}
Prečo sa voláme VELA
Slovo vela znamená plachtu aj sviecu. Obe významy sedia presne na to, čo robíme.
Svieca osvetlí cestu tam, kde je tma a nevieme sa zorientovať. Plachta chytí vietor a pomôže plaviť sa rýchlejšie. Pre malého podnikateľa je digitálny svet často nepreskúmané more. Vie, čo robí dobre, ale nevie, kde a ako sa o tom dozvedia zákazníci.
Presne tu prichádzame my. Najprv spolu nájdeme smer, potom vám pomôžeme vydať sa na cestu.
Flexibilita
Balíčky podľa potrieb
Od jednorazovej konzultácie po ročnú spoluprácu. Rozsah aj dĺžku si vyberiete sami.
Smer
Jasná stratégia
Nezačíname príspevkom, ale plánom. Najprv vieme, kam smerujete, až potom tvoríme.
Blízkosť
Osobný prístup
Pôsobíme lokálne, poznáme región a každému klientovi sa venujeme osobne.
Ako s vami pracujeme
Dva princípy, na ktorých stojí každá spolupráca.
Rozvaha
Poradíme s jasnou hlavou
Najprv pochopíme vašu situáciu, až potom odporúčame. Vysvetľujeme jednoducho a bez zbytočného marketingového žargónu.
Starostlivosť
Nie ste pre nás len číslo
Venujeme sa vám osobne, počúvame a pomáhame vám, aby ste sa v digitálnom svete cítili istejšie.
Žilinský kraj
Spoločníci z vášho regiónu
Špecializujeme sa na Žilinský kraj. Poznáme miestny trh aj zákazníkov, preto vám vieme poradiť presne a osobne. Nie sme anonymná agentúra z iného kúta krajiny, sme vaši susedia, ktorí vám pomôžu, aby vás našli ľudia z vášho okolia.
Poznáme región
Vieme, ako ľudia v kraji nakupujú a kde ich zastihnete.
Stretneme sa osobne
Osobne alebo online, ako vám to vyhovuje.
Obmedzený počet klientov
Aby sme sa mohli venovať každému tak, ako si zaslúži.