{"id":31,"date":"2026-05-14T09:28:26","date_gmt":"2026-05-14T09:28:26","guid":{"rendered":"https:\/\/forpami.hu\/?page_id=31"},"modified":"2026-05-15T08:58:52","modified_gmt":"2026-05-15T08:58:52","slug":"fooldal","status":"publish","type":"page","link":"https:\/\/forpami.hu\/?page_id=31","title":{"rendered":"F\u0151oldal \/"},"content":{"rendered":"<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   V\u00c1LTOZ\u00d3K \u2013 SZ\u00cdNEK K\u00d6NNY\u0170 M\u00d3DOS\u00cdT\u00c1SHOZ\r\n   ============================================================ *\/\r\n:root {\r\n  \/* --- F\u0150SZ\u00cdNEK --- *\/\r\n  --szin-navy:          #0d2242;   \/* s\u00f6t\u00e9tk\u00e9k \u2013 h\u00e1tt\u00e9r, header *\/\r\n  --szin-navy-kozepes:  #163460;   \/* k\u00f6z\u00e9pk\u00e9k *\/\r\n  --szin-navy-vilagos:  #1e4a8a;   \/* vil\u00e1gosk\u00e9k *\/\r\n  --szin-grafit:        #1c1f26;   \/* grafitsz\u00fcrke s\u00f6t\u00e9t *\/\r\n  --szin-grafit-kozepes:#2d3240;   \/* grafitsz\u00fcrke k\u00f6zepes *\/\r\n  --szin-grafit-vilagos:#3d4255;   \/* grafitsz\u00fcrke vil\u00e1gos *\/\r\n\r\n  \/* --- FEH\u00c9R \/ H\u00c1TT\u00c9R --- *\/\r\n  --szin-feher:         #ffffff;\r\n  --szin-halvany-szurke:#f7f8fa;   \/* szekci\u00f3 h\u00e1tt\u00e9r *\/\r\n  --szin-szurke-100:    #e2e6ec;   \/* keretek *\/\r\n  --szin-szurke-200:    #c8cfd9;\r\n  --szin-szurke-400:    #8a94a6;   \/* halv\u00e1ny sz\u00f6veg *\/\r\n  --szin-szurke-600:    #5a6476;   \/* le\u00edr\u00f3sz\u00f6veg *\/\r\n\r\n  \/* --- NARANCS (CTA) --- *\/\r\n  --szin-narancs:       #e8601c;   \/* \ud83c\udfaf F\u0150 CTA GOMBSZ\u00cdN *\/\r\n  --szin-narancs-hover: #cf5218;   \/* hover \u00e1llapot *\/\r\n  --szin-narancs-halvany:#fff0e8;  \/* ikon h\u00e1tt\u00e9r *\/\r\n\r\n  \/* --- TIPOGR\u00c1FIA --- *\/\r\n  --font-cim:    'Syne', sans-serif;     \/* F\u0150C\u00cdMEK, LOG\u00d3 *\/\r\n  --font-szoveg: 'DM Sans', sans-serif;  \/* T\u00d6RZS SZ\u00d6VEG *\/\r\n\r\n  \/* --- EGY\u00c9B --- *\/\r\n  --arnyek-kozepes: 0 4px 16px rgba(0,0,0,0.08);\r\n  --arnyek-nagy:    0 12px 40px rgba(0,0,0,0.10);\r\n  --atm: 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n  --r-kozepes: 10px;\r\n  --r-nagy:    16px;\r\n  --r-xl:      24px;\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n  font-family: var(--font-szoveg);\r\n  color: var(--szin-grafit);\r\n  background: var(--szin-feher);\r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 BET\u00d6LT\u0150 \u2500\u2500 *\/\r\n#betolto {\r\n  position: fixed; inset: 0;\r\n  background: var(--szin-navy);\r\n  display: flex; align-items: center; justify-content: center;\r\n  z-index: 9999;\r\n  transition: opacity 0.5s ease, visibility 0.5s ease;\r\n}\r\n#betolto.rejtett { opacity: 0; visibility: hidden; }\r\n.betolto-logo {\r\n  display: flex; flex-direction: column; align-items: center; gap: 0;\r\n  animation: villog 1.2s ease-in-out infinite;\r\n}\r\n.betolto-logo img { width: 120px; height: auto; }\r\n.betolto-logo-nev {\r\n  font-family: var(--font-cim);\r\n  font-size: 1.5rem; font-weight: 800;\r\n  color: var(--szin-feher);\r\n  letter-spacing: 0.12em; margin-top: 0.5rem;\r\n}\r\n.betolto-logo-szlogen {\r\n  font-size: 0.65rem; font-weight: 600; letter-spacing: 0.18em;\r\n  text-transform: uppercase; color: rgba(255,255,255,0.45);\r\n  margin-top: 0.15rem;\r\n}\r\n@keyframes villog { 0%,100%{opacity:1} 50%{opacity:0.4} }\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\nheader {\r\n  position: fixed; top: 0; left: 0; right: 0;\r\n  z-index: 1000; padding: 0 2rem;\r\n  transition: all var(--atm);\r\n}\r\nheader.gorgetett {\r\n  background: rgba(255,255,255,0.97);\r\n  backdrop-filter: blur(12px);\r\n  border-bottom: 1px solid var(--szin-szurke-100);\r\n  box-shadow: 0 1px 3px rgba(0,0,0,0.06);\r\n}\r\n.header-belso {\r\n  max-width: 1280px; margin: 0 auto;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  height: 76px;\r\n}\r\n\r\n\/* LOG\u00d3 *\/\r\n.logo {\r\n  display: flex; align-items: center; gap: 0.75rem;\r\n  text-decoration: none;\r\n  transition: opacity var(--atm);\r\n}\r\n.logo:hover { opacity: 0.85; }\r\n.logo-img {\r\n  height: 44px; width: auto;\r\n  \/* Feh\u00e9r h\u00e1tt\u00e9rrel rendelkez\u0151 PNG \u2192 s\u00f6t\u00e9t headerben filter: brightness(0) invert(1) feh\u00e9rre v\u00e1lt *\/\r\n  filter: brightness(0) invert(1);\r\n  transition: filter var(--atm);\r\n}\r\n\/* G\u00f6rget\u00e9s ut\u00e1n (feh\u00e9r fejl\u00e9c) \u2192 vissza\u00e1ll\u00edtjuk az eredeti sz\u00edneket *\/\r\nheader.gorgetett .logo-img { filter: none; }\r\n.logo-szoveg { display: flex; flex-direction: column; line-height: 1.1; }\r\n.logo-nev {\r\n  font-family: var(--font-cim);\r\n  font-size: 1.1rem; font-weight: 800;\r\n  color: var(--szin-feher);\r\n  letter-spacing: 0.08em;\r\n  transition: color var(--atm);\r\n}\r\nheader.gorgetett .logo-nev { color: var(--szin-navy); }\r\n.logo-szlogen {\r\n  font-size: 0.55rem; font-weight: 600; letter-spacing: 0.14em;\r\n  text-transform: uppercase; color: rgba(255,255,255,0.5);\r\n  transition: color var(--atm);\r\n}\r\nheader.gorgetett .logo-szlogen { color: var(--szin-szurke-400); }\r\n\r\nnav { display: flex; align-items: center; gap: 0.25rem; }\r\nnav a {\r\n  font-size: 0.875rem; font-weight: 500;\r\n  color: rgba(255,255,255,0.85);\r\n  text-decoration: none; padding: 0.5rem 0.875rem;\r\n  border-radius: 6px;\r\n  transition: all var(--atm);\r\n}\r\nnav a:hover { color: var(--szin-feher); background: rgba(255,255,255,0.1); }\r\nheader.gorgetett nav a { color: var(--szin-grafit-vilagos); }\r\nheader.gorgetett nav a:hover { color: var(--szin-navy); background: var(--szin-halvany-szurke); }\r\n\r\n.nav-legordulo { position: relative; }\r\n.nav-legordulo > a::after { content: ' \u2193'; font-size: 0.7em; opacity: 0.7; }\r\n.legordulo-menu {\r\n  position: absolute; top: calc(100% + 8px); left: 0;\r\n  background: var(--szin-feher);\r\n  border: 1px solid var(--szin-szurke-100);\r\n  border-radius: var(--r-kozepes);\r\n  box-shadow: var(--arnyik-nagy);\r\n  min-width: 220px; padding: 0.5rem;\r\n  opacity: 0; visibility: hidden; transform: translateY(-8px);\r\n  transition: all var(--atm); z-index: 100;\r\n}\r\n.nav-legordulo:hover .legordulo-menu { opacity: 1; visibility: visible; transform: translateY(0); }\r\n.legordulo-menu a { display: block; color: var(--szin-grafit) !important; padding: 0.625rem 0.875rem !important; background: transparent !important; font-size: 0.875rem; border-radius: 6px; }\r\n.legordulo-menu a:hover { color: var(--szin-navy) !important; background: var(--szin-halvany-szurke) !important; }\r\n.legordulo-elvalaszto { height: 1px; background: var(--szin-szurke-100); margin: 0.25rem 0; }\r\n.legordulo-cimke { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--szin-szurke-400); padding: 0.5rem 0.875rem 0.25rem; }\r\n\r\n.header-cta { display: flex; align-items: center; gap: 0.75rem; }\r\n.gomb-header-keret {\r\n  font-size: 0.875rem; font-weight: 500;\r\n  color: rgba(255,255,255,0.9); border: 1px solid rgba(255,255,255,0.3);\r\n  padding: 0.5rem 1.125rem; border-radius: 6px;\r\n  text-decoration: none; transition: all var(--atm);\r\n}\r\n.gomb-header-keret:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.6); }\r\nheader.gorgetett .gomb-header-keret { color: var(--szin-navy); border-color: var(--szin-szurke-200); }\r\nheader.gorgetett .gomb-header-keret:hover { background: var(--szin-halvany-szurke); }\r\n\r\n\/* \u2500\u2500 NARANCS GOMB (CTA) \u2500\u2500 *\/\r\n.gomb-narancs {\r\n  font-family: var(--font-szoveg); font-size: 0.875rem; font-weight: 600;\r\n  color: var(--szin-feher); background: var(--szin-narancs); \/* #e8601c *\/\r\n  padding: 0.5625rem 1.25rem; border-radius: 6px;\r\n  text-decoration: none; border: none; cursor: pointer;\r\n  transition: all var(--atm);\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n}\r\n.gomb-narancs:hover { background: var(--szin-narancs-hover); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(232,96,28,0.35); }\r\n.gomb-narancs-nagy { font-size: 1rem; padding: 0.875rem 2rem; border-radius: var(--r-kozepes); box-shadow: 0 4px 16px rgba(232,96,28,0.3); }\r\n\r\n.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }\r\n.hamburger span { display: block; width: 24px; height: 2px; background: var(--szin-feher); border-radius: 2px; transition: all var(--atm); }\r\nheader.gorgetett .hamburger span { background: var(--szin-navy); }\r\n\r\n\/* \u2500\u2500 HERO SZEKCI\u00d3 \u2500\u2500 *\/\r\n.hero {\r\n  min-height: 100vh;\r\n  background: var(--szin-navy); \/* #0d2242 *\/\r\n  position: relative; overflow: hidden;\r\n  display: flex; align-items: center;\r\n}\r\n\r\n\/* ============================================================\r\n   \ud83d\uddbc\ufe0f HERO H\u00c1TT\u00c9RK\u00c9P \u2013 IDE CSER\u00c9LD A K\u00c9PET\r\n   Jelenlegi: absztrakt gradi\u00e1ns (nincs k\u00e9p)\r\n   Csere: .hero-hatter-kep { background-image: url('kepek\/hero-bg.jpg'); }\r\n   ============================================================ *\/\r\n.hero-hatter-kep {\r\n  position: absolute; inset: 0;\r\n  \/* Ha k\u00e9pet szeretn\u00e9l: uncommenteld ezt \u00e9s add meg az el\u00e9r\u00e9si utat:\r\n     background-image: url('kepek\/hero-hatter.jpg');\r\n     background-size: cover;\r\n     background-position: center;\r\n     opacity: 0.15; *\/\r\n  background:\r\n    radial-gradient(ellipse 80% 60% at 70% 40%, rgba(37,99,235,0.18) 0%, transparent 60%),\r\n    radial-gradient(ellipse 50% 50% at 10% 80%, rgba(232,96,28,0.08) 0%, transparent 50%),\r\n    linear-gradient(165deg, #0a1628 0%, #0d2242 40%, #162e58 100%);\r\n}\r\n.hero-racs {\r\n  position: absolute; inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 0%, transparent 75%);\r\n}\r\n.hero-gomb-deko {\r\n  position: absolute; border-radius: 50%; filter: blur(60px);\r\n  animation: lebeg 8s ease-in-out infinite;\r\n}\r\n.hero-gomb-1 { width: 500px; height: 500px; background: rgba(37,99,235,0.12); right: -100px; top: -100px; }\r\n.hero-gomb-2 { width: 300px; height: 300px; background: rgba(232,96,28,0.08); left: 10%; bottom: 10%; animation-delay: -3s; }\r\n@keyframes lebeg { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-30px)} }\r\n\r\n.hero-tartalom {\r\n  position: relative; z-index: 2;\r\n  max-width: 1280px; margin: 0 auto;\r\n  padding: 8rem 2rem 5rem; width: 100%;\r\n}\r\n\r\n\/* ============================================================\r\n   \ud83d\udcdd HERO SZ\u00d6VEGEK \u2013 SZERKESZTHET\u0150 TARTALOM\r\n   ============================================================ *\/\r\n\r\n\/* Hero badge \/ fels\u0151 chip *\/\r\n.hero-chip {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);\r\n  color: rgba(255,255,255,0.75); font-size: 0.8rem; font-weight: 500;\r\n  padding: 0.375rem 0.875rem; border-radius: 100px;\r\n  margin-bottom: 2rem; backdrop-filter: blur(8px);\r\n  letter-spacing: 0.04em; text-transform: uppercase;\r\n  animation: felFade 0.6s ease both;\r\n}\r\n.hero-chip-pont { width: 6px; height: 6px; border-radius: 50%; background: var(--szin-narancs); animation: villog 2s ease infinite; }\r\n\r\n\/* Hero f\u0151c\u00edm *\/\r\n.hero h1 {\r\n  font-family: var(--font-cim);\r\n  font-size: clamp(2.8rem, 6vw, 5rem);\r\n  font-weight: 800; line-height: 1.08;\r\n  color: var(--szin-feher);\r\n  letter-spacing: -0.03em;\r\n  max-width: 800px;\r\n  animation: felFade 0.6s ease 0.1s both;\r\n}\r\n.hero h1 em { font-style: normal; color: var(--szin-narancs); } \/* narancs sz\u00f3 *\/\r\n\r\n\/* Hero alc\u00edm *\/\r\n.hero-alcim {\r\n  font-size: 1.2rem; font-weight: 300;\r\n  color: rgba(255,255,255,0.6);\r\n  max-width: 560px; margin-top: 1.5rem;\r\n  line-height: 1.7;\r\n  animation: felFade 0.6s ease 0.2s both;\r\n}\r\n\r\n.hero-gombok {\r\n  display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;\r\n  margin-top: 2.5rem;\r\n  animation: felFade 0.6s ease 0.3s both;\r\n}\r\n.gomb-hero-masodlagos {\r\n  font-size: 1rem; font-weight: 500;\r\n  color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.2);\r\n  padding: 0.875rem 2rem; border-radius: var(--r-kozepes);\r\n  text-decoration: none; transition: all var(--atm);\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  backdrop-filter: blur(8px); background: rgba(255,255,255,0.05);\r\n}\r\n.gomb-hero-masodlagos:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.4); transform: translateY(-1px); }\r\n\r\n\/* Hero statisztik\u00e1k *\/\r\n.hero-statisztikak {\r\n  display: flex; gap: 2.5rem; flex-wrap: wrap;\r\n  margin-top: 4rem; padding-top: 2.5rem;\r\n  border-top: 1px solid rgba(255,255,255,0.08);\r\n  animation: felFade 0.6s ease 0.4s both;\r\n}\r\n.hero-stat-szam {\r\n  font-family: var(--font-cim);\r\n  font-size: 2rem; font-weight: 800;\r\n  color: var(--szin-feher); letter-spacing: -0.03em; display: block;\r\n}\r\n.hero-stat-szam span { color: var(--szin-narancs); }\r\n.hero-stat-felirat { font-size: 0.8rem; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 500; }\r\n\r\n@keyframes felFade { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n.gorgets-le {\r\n  position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%);\r\n  display: flex; flex-direction: column; align-items: center; gap: 0.5rem;\r\n  color: rgba(255,255,255,0.35); font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase;\r\n}\r\n.gorgets-vonal { width: 1px; height: 40px; background: linear-gradient(to bottom, rgba(255,255,255,0.3), transparent); animation: leGorditas 1.5s ease infinite; }\r\n@keyframes leGorditas { 0%{transform:scaleY(0);transform-origin:top} 50%{transform:scaleY(1);transform-origin:top} 51%{transform-origin:bottom} 100%{transform:scaleY(0);transform-origin:bottom} }\r\n\r\n\/* \u2500\u2500 SZEKCI\u00d3 K\u00d6Z\u00d6S ST\u00cdLUSOK \u2500\u2500 *\/\r\nsection { padding: 6rem 2rem; }\r\n.kontenjer { max-width: 1280px; margin: 0 auto; }\r\n.szekci\u00f3-cimke {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  font-size: 0.75rem; font-weight: 600; letter-spacing: 0.1em;\r\n  text-transform: uppercase; color: var(--szin-narancs);\r\n  margin-bottom: 1rem;\r\n}\r\n.szekci\u00f3-cimke::before { content: ''; display: block; width: 20px; height: 2px; background: var(--szin-narancs); border-radius: 2px; }\r\n.szekci\u00f3-cim {\r\n  font-family: var(--font-cim);\r\n  font-size: clamp(1.8rem, 3.5vw, 2.75rem);\r\n  font-weight: 700; line-height: 1.15;\r\n  color: var(--szin-navy); letter-spacing: -0.025em;\r\n}\r\n.szekci\u00f3-alcim {\r\n  font-size: 1.05rem; color: var(--szin-szurke-600); max-width: 560px;\r\n  margin-top: 0.75rem; line-height: 1.7; font-weight: 300;\r\n}\r\n\r\n.megjeleno { opacity: 0; transform: translateY(32px); transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.33,1,0.68,1); }\r\n.megjeleno.lathat\u00f3 { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2500\u2500 BEMUTATKOZ\u00c1S (ABOUT) \u2500\u2500 *\/\r\n.bemutatkozas { background: var(--szin-feher); }\r\n.bemutatkozas-racs { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }\r\n\r\n\/* ============================================================\r\n   \ud83d\uddbc\ufe0f BEMUTATKOZ\u00c1S K\u00c9P\/K\u00c1RTYA \u2013 SZERKESZTHET\u0150\r\n   ============================================================ *\/\r\n.bemutatkozas-vizual { position: relative; }\r\n.bemutatkozas-kartya-fo {\r\n  background: var(--szin-navy);\r\n  border-radius: var(--r-xl); padding: 2.5rem;\r\n  color: var(--szin-feher); position: relative; overflow: hidden;\r\n}\r\n\/* Ha saj\u00e1t k\u00e9pet szeretn\u00e9l a k\u00e1rtya helyett:\r\n   .bemutatkozas-vizual img { width:100%; border-radius:var(--r-xl); } *\/\r\n.bemutatkozas-kartya-fo::after {\r\n  content: ''; position: absolute; right: -40px; top: -40px;\r\n  width: 200px; height: 200px; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(37,99,235,0.3), transparent 70%);\r\n}\r\n.bemutatkozas-kartya-accent {\r\n  position: absolute; bottom: -20px; right: -20px;\r\n  background: var(--szin-narancs); border-radius: var(--r-nagy);\r\n  padding: 1.25rem 1.5rem; color: var(--szin-feher);\r\n  box-shadow: var(--arnyek-nagy);\r\n}\r\n.bc-accent-szam { font-family: var(--font-cim); font-size: 2rem; font-weight: 800; display: block; }\r\n.bc-accent-felirat { font-size: 0.8rem; opacity: 0.85; font-weight: 500; }\r\n.bc-stat { margin-top: 1.5rem; }\r\n.bc-stat-szam { font-family: var(--font-cim); font-size: 2.5rem; font-weight: 800; display: block; }\r\n.bc-stat-felirat { font-size: 0.85rem; opacity: 0.55; margin-top: 0.2rem; }\r\n.bc-tagek { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 1.5rem; }\r\n.bc-tag {\r\n  font-size: 0.75rem; font-weight: 500; padding: 0.35rem 0.75rem;\r\n  border-radius: 100px; background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.75);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n}\r\n.bemutatkozas-lista { list-style: none; margin-top: 1.5rem; display: flex; flex-direction: column; gap: 0.875rem; }\r\n.bemutatkozas-lista li { display: flex; align-items: flex-start; gap: 0.75rem; font-size: 0.95rem; color: var(--szin-szurke-600); }\r\n.bemutatkozas-lista li i { color: var(--szin-narancs); margin-top: 3px; font-size: 1rem; flex-shrink: 0; }\r\n\r\n\/* \u2500\u2500 \u00dcZLET\u00c1GAK \u2500\u2500 *\/\r\n.uzletag { background: var(--szin-halvany-szurke); }\r\n.uzletag-racs { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }\r\n.ua-kartya {\r\n  border-radius: var(--r-xl); overflow: hidden;\r\n  position: relative; min-height: 520px;\r\n  display: flex; flex-direction: column; justify-content: flex-end;\r\n  transition: transform var(--atm), box-shadow var(--atm);\r\n  cursor: pointer; text-decoration: none; color: inherit;\r\n}\r\n.ua-kartya:hover { transform: translateY(-6px); box-shadow: 0 24px 64px rgba(0,0,0,0.12); }\r\n\r\n\/* ============================================================\r\n   \ud83d\uddbc\ufe0f \u00dcZLET\u00c1GI K\u00c1RTYA H\u00c1TT\u00c9RK\u00c9PEK \u2013 SZERKESZTHET\u0150\r\n   .ua-com: FORPAMI.COM k\u00e1rtya (informatika)\r\n   .ua-eu:  FORPAMI.EU k\u00e1rtya (csomagol\u00e1s)\r\n   \r\n   Saj\u00e1t k\u00e9p haszn\u00e1lat\u00e1hoz:\r\n   .ua-kartya-hatter { background-image: url('kepek\/informatika-bg.jpg'); background-size: cover; }\r\n   Az al\u00e1bbi gradiens overlay megtarthat\u00f3 a k\u00e9p felett!\r\n   ============================================================ *\/\r\n.ua-kartya-hatter { position: absolute; inset: 0; transition: transform 0.4s ease; }\r\n.ua-kartya:hover .ua-kartya-hatter { transform: scale(1.03); }\r\n.ua-com .ua-kartya-hatter {\r\n  \/* Csere: background-image: url('kepek\/it-hatter.jpg'); background-size: cover; *\/\r\n  background: linear-gradient(145deg, #0d2242 0%, #163460 35%, #1e4a8a 100%);\r\n}\r\n.ua-eu .ua-kartya-hatter {\r\n  \/* Csere: background-image: url('kepek\/csomagolas-hatter.jpg'); background-size: cover; *\/\r\n  background: linear-gradient(145deg, #1c1f26 0%, #2d3240 35%, #3d4255 100%);\r\n}\r\n\/* \u00c1tfed\u0151 gradiens (k\u00e9p felett is sz\u00e9p lesz) *\/\r\n.ua-kartya-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 60%);\r\n}\r\n.ua-kartya-minta {\r\n  position: absolute; inset: 0; opacity: 0.06;\r\n  background-image: radial-gradient(circle, white 1px, transparent 1px);\r\n  background-size: 24px 24px;\r\n}\r\n.ua-kartya-deko {\r\n  position: absolute; top: 0; right: 0;\r\n  width: 280px; height: 280px; border-radius: 50%;\r\n  filter: blur(60px); opacity: 0.25;\r\n}\r\n.ua-com .ua-kartya-deko { background: #2563eb; }\r\n.ua-eu .ua-kartya-deko  { background: var(--szin-narancs); }\r\n.ua-kartya-ikon {\r\n  position: absolute; top: 2.5rem; left: 2.5rem;\r\n  width: 60px; height: 60px; border-radius: var(--r-kozepes);\r\n  background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.15);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.5rem; color: var(--szin-feher);\r\n  backdrop-filter: blur(8px);\r\n}\r\n.ua-kartya-badge {\r\n  position: absolute; top: 2.5rem; right: 2.5rem;\r\n  font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;\r\n  color: rgba(255,255,255,0.6); background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.12); padding: 0.3rem 0.75rem; border-radius: 100px;\r\n}\r\n.ua-kartya-tartalom { position: relative; z-index: 2; padding: 2.5rem; }\r\n.ua-kartya-domain {\r\n  font-family: var(--font-cim); font-size: 0.85rem; font-weight: 700;\r\n  letter-spacing: 0.06em; text-transform: uppercase;\r\n  color: var(--szin-narancs); margin-bottom: 0.5rem;\r\n}\r\n.ua-eu .ua-kartya-domain { color: #7ab4f5; }\r\n.ua-kartya-cim {\r\n  font-family: var(--font-cim); font-size: 1.9rem; font-weight: 800;\r\n  color: var(--szin-feher); letter-spacing: -0.02em; line-height: 1.15; margin-bottom: 0.75rem;\r\n}\r\n.ua-kartya-leiras { font-size: 0.9rem; color: rgba(255,255,255,0.55); line-height: 1.65; margin-bottom: 1.5rem; font-weight: 300; }\r\n.ua-kartya-elemek { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1.75rem; }\r\n.ua-elem {\r\n  font-size: 0.75rem; font-weight: 500; padding: 0.3rem 0.7rem;\r\n  border-radius: 100px; background: rgba(255,255,255,0.08);\r\n  color: rgba(255,255,255,0.65); border: 1px solid rgba(255,255,255,0.1);\r\n}\r\n.ua-gomb {\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n  font-size: 0.9rem; font-weight: 600; color: var(--szin-feher);\r\n  text-decoration: none; padding: 0.75rem 1.5rem;\r\n  border-radius: 6px; transition: all var(--atm);\r\n}\r\n.ua-com .ua-gomb { background: var(--szin-narancs); }\r\n.ua-com .ua-gomb:hover { background: var(--szin-narancs-hover); transform: translateX(4px); }\r\n.ua-eu .ua-gomb { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.25); }\r\n.ua-eu .ua-gomb:hover { background: rgba(255,255,255,0.22); transform: translateX(4px); }\r\n\r\n\/* \u2500\u2500 MI\u00c9RT FORPAMI \u2500\u2500 *\/\r\n.miert { background: var(--szin-feher); }\r\n.miert-fejlec { text-align: center; max-width: 640px; margin: 0 auto 4rem; }\r\n.miert-racs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }\r\n.miert-kartya {\r\n  padding: 2rem; border-radius: var(--r-nagy);\r\n  border: 1px solid var(--szin-szurke-100);\r\n  background: var(--szin-feher); transition: all var(--atm);\r\n}\r\n.miert-kartya:hover { border-color: var(--szin-szurke-200); box-shadow: var(--arnyek-kozepes); transform: translateY(-4px); }\r\n.miert-ikon {\r\n  width: 48px; height: 48px; border-radius: var(--r-kozepes);\r\n  background: var(--szin-narancs-halvany); color: var(--szin-narancs);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.25rem; margin-bottom: 1.25rem;\r\n  transition: all var(--atm);\r\n}\r\n.miert-kartya:hover .miert-ikon { background: var(--szin-narancs); color: var(--szin-feher); }\r\n.miert-kartya h3 { font-family: var(--font-cim); font-size: 1rem; font-weight: 700; color: var(--szin-navy); margin-bottom: 0.5rem; }\r\n.miert-kartya p { font-size: 0.875rem; color: var(--szin-szurke-600); line-height: 1.65; }\r\n\r\n\/* \u2500\u2500 SZOLG\u00c1LTAT\u00c1SOK \u2500\u2500 *\/\r\n.szolgaltatasok { background: var(--szin-navy); }\r\n.szolgaltatasok .szekci\u00f3-cim { color: var(--szin-feher); }\r\n.szolgaltatasok .szekci\u00f3-alcim { color: rgba(255,255,255,0.5); }\r\n.sz-fejlec-sor { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; }\r\n.sz-racs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(255,255,255,0.07); border-radius: var(--r-nagy); overflow: hidden; }\r\n.sz-elem { background: var(--szin-navy); padding: 2.5rem 2rem; transition: background var(--atm); }\r\n.sz-elem:hover { background: var(--szin-navy-kozepes); }\r\n.sz-elem-ikon { font-size: 1.75rem; color: var(--szin-narancs); margin-bottom: 1.25rem; display: block; transition: transform var(--atm); }\r\n.sz-elem:hover .sz-elem-ikon { transform: scale(1.1); }\r\n.sz-elem h3 { font-family: var(--font-cim); font-size: 1.05rem; font-weight: 700; color: var(--szin-feher); margin-bottom: 0.625rem; }\r\n.sz-elem p { font-size: 0.85rem; color: rgba(255,255,255,0.45); line-height: 1.65; }\r\n.sz-elem-link {\r\n  display: inline-flex; align-items: center; gap: 0.4rem;\r\n  font-size: 0.8rem; font-weight: 600; color: var(--szin-narancs);\r\n  text-decoration: none; margin-top: 1.25rem;\r\n  opacity: 0; transform: translateY(6px); transition: all var(--atm);\r\n}\r\n.sz-elem:hover .sz-elem-link { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2500\u2500 SZ\u00c1MOK \/ BIZALOM \u2500\u2500 *\/\r\n.bizalom { background: var(--szin-halvany-szurke); padding: 5rem 2rem; }\r\n.bizalom-belso { max-width: 1280px; margin: 0 auto; }\r\n.bizalom-fejlec { text-align: center; margin-bottom: 3.5rem; }\r\n.bizalom-sor {\r\n  display: flex; justify-content: center; align-items: center;\r\n  background: rgba(255,255,255,0.7); backdrop-filter: blur(12px);\r\n  border: 1px solid rgba(255,255,255,0.9);\r\n  border-radius: var(--r-xl); padding: 0;\r\n  box-shadow: var(--arnyek-kozepes);\r\n}\r\n.bizalom-elem {\r\n  display: flex; flex-direction: column; align-items: center;\r\n  padding: 2rem 2.5rem; border-right: 1px solid var(--szin-szurke-200); flex: 1;\r\n}\r\n.bizalom-elem:last-child { border-right: none; }\r\n.bizalom-szam { font-family: var(--font-cim); font-size: 2.5rem; font-weight: 800; color: var(--szin-navy); letter-spacing: -0.03em; line-height: 1; }\r\n.bizalom-szam span { color: var(--szin-narancs); }\r\n.bizalom-felirat { font-size: 0.8rem; color: var(--szin-szurke-400); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 500; margin-top: 0.5rem; text-align: center; }\r\n\r\n\/* V\u00e9lem\u00e9nyek *\/\r\n.velemenyek-racs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-top: 3rem; }\r\n.velemeny-kartya {\r\n  background: var(--szin-feher); border-radius: var(--r-nagy);\r\n  border: 1px solid var(--szin-szurke-100); padding: 1.75rem;\r\n  transition: all var(--atm);\r\n}\r\n.velemeny-kartya:hover { box-shadow: var(--arnyek-kozepes); border-color: var(--szin-szurke-200); transform: translateY(-3px); }\r\n.velemeny-csillagok { color: #f59e0b; font-size: 0.875rem; margin-bottom: 1rem; }\r\n.velemeny-szoveg { font-size: 0.9rem; color: var(--szin-szurke-600); line-height: 1.7; font-style: italic; margin-bottom: 1.25rem; }\r\n.velemeny-szerzo { display: flex; align-items: center; gap: 0.75rem; }\r\n.velemeny-avatar {\r\n  width: 40px; height: 40px; border-radius: 50%;\r\n  background: var(--szin-navy-kozepes); color: var(--szin-feher);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: var(--font-cim); font-size: 0.8rem; font-weight: 700; flex-shrink: 0;\r\n}\r\n.velemeny-nev { font-size: 0.875rem; font-weight: 600; color: var(--szin-navy); }\r\n.velemeny-beoszt\u00e1s { font-size: 0.75rem; color: var(--szin-szurke-400); }\r\n\r\n\/* \u2500\u2500 CTA S\u00c1V \u2500\u2500 *\/\r\n.cta-sav {\r\n  background: var(--szin-narancs); \/* #e8601c *\/\r\n  padding: 4rem 2rem; text-align: center;\r\n  position: relative; overflow: hidden;\r\n}\r\n.cta-sav::before {\r\n  content: ''; position: absolute; inset: 0;\r\n  background: linear-gradient(135deg, rgba(0,0,0,0.08), transparent);\r\n}\r\n.cta-sav-belso { position: relative; max-width: 720px; margin: 0 auto; }\r\n.cta-sav h2 { font-family: var(--font-cim); font-size: 2.2rem; font-weight: 800; color: var(--szin-feher); letter-spacing: -0.025em; margin-bottom: 1rem; }\r\n.cta-sav p { color: rgba(255,255,255,0.8); font-size: 1.05rem; margin-bottom: 2rem; font-weight: 300; }\r\n.cta-sav-gombok { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\r\n.gomb-feher {\r\n  font-family: var(--font-szoveg); font-size: 1rem; font-weight: 600;\r\n  color: var(--szin-narancs); background: var(--szin-feher);\r\n  padding: 0.875rem 2rem; border-radius: var(--r-kozepes);\r\n  text-decoration: none; transition: all var(--atm);\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n}\r\n.gomb-feher:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.15); }\r\n.gomb-feher-keret {\r\n  font-size: 1rem; font-weight: 500; color: var(--szin-feher);\r\n  border: 2px solid rgba(255,255,255,0.4); padding: 0.875rem 2rem;\r\n  border-radius: var(--r-kozepes); text-decoration: none; transition: all var(--atm);\r\n  display: inline-flex; align-items: center; gap: 0.5rem;\r\n}\r\n.gomb-feher-keret:hover { border-color: rgba(255,255,255,0.8); background: rgba(255,255,255,0.1); transform: translateY(-2px); }\r\n\r\n\/* \u2500\u2500 BLOG \u2500\u2500 *\/\r\n.blog { background: var(--szin-feher); }\r\n.blog-fejlec-sor { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3.5rem; }\r\n.blog-racs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }\r\n.blog-kartya {\r\n  background: var(--szin-feher); border-radius: var(--r-nagy);\r\n  border: 1px solid var(--szin-szurke-100); overflow: hidden;\r\n  transition: all var(--atm); text-decoration: none; color: inherit; display: block;\r\n}\r\n.blog-kartya:hover { box-shadow: var(--arnyek-nagy); border-color: var(--szin-szurke-200); transform: translateY(-4px); }\r\n\r\n\/* ============================================================\r\n   \ud83d\uddbc\ufe0f BLOG K\u00c1RTY\u00c1K K\u00c9PEI \u2013 SZERKESZTHET\u0150\r\n   Jelenlegi: gradiens h\u00e1tt\u00e9r\r\n   Csere: <img decoding=\"async\" src=\"kepek\/blog-1.jpg\" alt=\"Cikk c\u00edme\" class=\"blog-thumbnail-kep\">\r\n   .blog-thumbnail-kep { width:100%; height:200px; object-fit:cover; }\r\n   ============================================================ *\/\r\n.blog-thumb {\r\n  height: 200px; background: var(--szin-navy);\r\n  position: relative; overflow: hidden;\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.blog-thumb-gradiens { position: absolute; inset: 0; }\r\n.blog-thumb-minta { position: absolute; inset: 0; opacity: 0.04; background-image: linear-gradient(rgba(255,255,255,1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,1) 1px, transparent 1px); background-size: 20px 20px; }\r\n.blog-kartya-belso { padding: 1.5rem; }\r\n.blog-tag { display: inline-block; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--szin-narancs); background: var(--szin-narancs-halvany); padding: 0.25rem 0.625rem; border-radius: 4px; margin-bottom: 0.875rem; }\r\n.blog-cim { font-family: var(--font-cim); font-size: 1.05rem; font-weight: 700; color: var(--szin-navy); line-height: 1.35; margin-bottom: 0.625rem; }\r\n.blog-kivonat { font-size: 0.85rem; color: var(--szin-szurke-600); line-height: 1.65; }\r\n.blog-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--szin-szurke-100); }\r\n.blog-datum { font-size: 0.75rem; color: var(--szin-szurke-400); }\r\n.blog-olvasom { font-size: 0.75rem; font-weight: 600; color: var(--szin-navy); display: flex; align-items: center; gap: 0.3rem; }\r\n.blog-kartya:hover .blog-olvasom { color: var(--szin-narancs); }\r\n\r\n\/* \u2500\u2500 KAPCSOLAT \u2500\u2500 *\/\r\n.kapcsolat { background: var(--szin-halvany-szurke); }\r\n.kapcsolat-racs { display: grid; grid-template-columns: 1fr 1.3fr; gap: 4rem; align-items: start; }\r\n.kapcsolat-info h2 { font-family: var(--font-cim); font-size: 2rem; font-weight: 700; color: var(--szin-navy); letter-spacing: -0.025em; margin-bottom: 1rem; }\r\n.kapcsolat-info p { font-size: 0.95rem; color: var(--szin-szurke-600); line-height: 1.7; margin-bottom: 2rem; }\r\n.kapcsolat-elemek { display: flex; flex-direction: column; gap: 1.25rem; }\r\n.kapcsolat-elem { display: flex; align-items: flex-start; gap: 1rem; }\r\n.kapcsolat-elem-ikon { width: 44px; height: 44px; border-radius: var(--r-kozepes); background: var(--szin-navy); color: var(--szin-feher); display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; }\r\n.kapcsolat-elem-cimke { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--szin-szurke-400); margin-bottom: 0.2rem; }\r\n.kapcsolat-elem-ertek { font-size: 0.95rem; font-weight: 500; color: var(--szin-navy); }\r\n\r\n.kapcsolat-urlap-kartya {\r\n  background: var(--szin-feher); border-radius: var(--r-xl);\r\n  padding: 2.5rem; border: 1px solid var(--szin-szurke-100);\r\n  box-shadow: 0 1px 3px rgba(0,0,0,0.06);\r\n}\r\n.urlap-sor { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }\r\n.urlap-mezo { margin-bottom: 1rem; }\r\n.urlap-mezo label { display: block; font-size: 0.8rem; font-weight: 600; color: var(--szin-grafit-vilagos); margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.04em; }\r\n.urlap-mezo input, .urlap-mezo select, .urlap-mezo textarea {\r\n  width: 100%; padding: 0.75rem 1rem;\r\n  border: 1px solid var(--szin-szurke-200); border-radius: var(--r-kozepes);\r\n  font-family: var(--font-szoveg); font-size: 0.9rem; color: var(--szin-grafit);\r\n  background: var(--szin-feher); outline: none; transition: all var(--atm);\r\n}\r\n.urlap-mezo input:focus, .urlap-mezo select:focus, .urlap-mezo textarea:focus {\r\n  border-color: var(--szin-navy-vilagos); box-shadow: 0 0 0 3px rgba(22,52,96,0.08);\r\n}\r\n.urlap-mezo textarea { resize: vertical; min-height: 120px; }\r\n\r\n\/* \u2500\u2500 L\u00c1BL\u00c9C \u2500\u2500 *\/\r\nfooter { background: var(--szin-grafit); color: rgba(255,255,255,0.6); padding: 4rem 2rem 2rem; }\r\n.labl\u00e9c-racs { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; max-width: 1280px; margin: 0 auto; }\r\n.labl\u00e9c-marka .logo { display: flex; align-items: center; gap: 0.625rem; margin-bottom: 1rem; }\r\n.labl\u00e9c-marka .logo-img { height: 38px; width: auto; filter: brightness(0) invert(1); opacity: 0.9; }\r\n.labl\u00e9c-marka .logo-nev { color: var(--szin-feher); font-size: 1rem; }\r\n.labl\u00e9c-marka .logo-szlogen { color: rgba(255,255,255,0.35); }\r\n.labl\u00e9c-marka p { font-size: 0.85rem; line-height: 1.7; max-width: 280px; }\r\n.labl\u00e9c-kozossegi { display: flex; gap: 0.5rem; margin-top: 1.5rem; }\r\n.labl\u00e9c-kozossegi a {\r\n  width: 36px; height: 36px; border-radius: 6px;\r\n  background: rgba(255,255,255,0.07); color: rgba(255,255,255,0.6);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 0.875rem; text-decoration: none; transition: all var(--atm);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n}\r\n.labl\u00e9c-kozossegi a:hover { background: var(--szin-narancs); color: var(--szin-feher); border-color: var(--szin-narancs); }\r\n.labl\u00e9c-oszlop h4 { font-family: var(--font-cim); font-size: 0.85rem; font-weight: 700; color: var(--szin-feher); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 1.25rem; }\r\n.labl\u00e9c-oszlop a { display: block; font-size: 0.85rem; color: rgba(255,255,255,0.5); text-decoration: none; padding: 0.3rem 0; transition: color var(--atm); }\r\n.labl\u00e9c-oszlop a:hover { color: rgba(255,255,255,0.9); }\r\n.labl\u00e9c-also { max-width: 1280px; margin: 3rem auto 0; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.08); display: flex; justify-content: space-between; align-items: center; font-size: 0.8rem; flex-wrap: wrap; gap: 1rem; }\r\n\r\n\/* \u2500\u2500 LEBEG\u0150 GOMBOK \u2500\u2500 *\/\r\n.lebego-gombok {\r\n  position: fixed; bottom: 2rem; right: 2rem;\r\n  display: flex; flex-direction: column; gap: 0.625rem; z-index: 500;\r\n}\r\n.lebego-gomb {\r\n  width: 52px; height: 52px; border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 1.25rem; text-decoration: none; color: var(--szin-feher);\r\n  box-shadow: var(--arnyek-nagy); transition: all var(--atm);\r\n  border: none; cursor: pointer; position: relative;\r\n}\r\n.lg-whatsapp { background: #25d366; }\r\n.lg-whatsapp:hover { transform: scale(1.1); box-shadow: 0 8px 24px rgba(37,211,102,0.4); }\r\n.lg-telefon { background: var(--szin-navy); }\r\n.lg-telefon:hover { transform: scale(1.1); box-shadow: 0 8px 24px rgba(13,34,66,0.4); }\r\n.lebego-felirat {\r\n  position: absolute; right: 64px; background: var(--szin-grafit);\r\n  color: var(--szin-feher); font-size: 0.75rem; font-weight: 500;\r\n  padding: 0.35rem 0.75rem; border-radius: 4px; white-space: nowrap;\r\n  opacity: 0; transform: translateX(4px); transition: all var(--atm); pointer-events: none;\r\n}\r\n.lebego-gomb:hover .lebego-felirat { opacity: 1; transform: translateX(0); }\r\n\r\n\/* \u2500\u2500 BET\u00d6LT\u0150 \u2500\u2500 *\/\r\n#betolto { position: fixed; inset: 0; background: var(--szin-navy); display: flex; align-items: center; justify-content: center; z-index: 9999; transition: opacity 0.5s ease, visibility 0.5s ease; }\r\n#betolto.rejtett { opacity: 0; visibility: hidden; }\r\n\r\n\/* \u2500\u2500 MOBIL MEN\u00dc \u2500\u2500 *\/\r\n.mobil-menu { display: none; position: fixed; inset: 0; background: var(--szin-navy); z-index: 999; flex-direction: column; padding: 2rem; transform: translateX(100%); transition: transform 0.3s ease; }\r\n.mobil-menu.nyitva { transform: translateX(0); }\r\n.mobil-menu-zar { align-self: flex-end; background: none; border: none; color: var(--szin-feher); font-size: 1.5rem; cursor: pointer; padding: 0.5rem; }\r\n.mobil-nav { display: flex; flex-direction: column; gap: 0.25rem; margin-top: 2rem; }\r\n.mobil-nav a { font-size: 1.2rem; font-weight: 500; color: rgba(255,255,255,0.8); text-decoration: none; padding: 0.875rem 0; border-bottom: 1px solid rgba(255,255,255,0.07); }\r\n.mobil-nav a:hover { color: var(--szin-feher); }\r\n.mobil-akcio { margin-top: 2rem; display: flex; flex-direction: column; gap: 0.75rem; }\r\n\r\n\/* \u2500\u2500 RESZPONZ\u00cdV \u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .sz-racs { grid-template-columns: repeat(2, 1fr); }\r\n  .labl\u00e9c-racs { grid-template-columns: 1fr 1fr; }\r\n  .bemutatkozas-racs { gap: 3rem; }\r\n  .hero-tartalom.kontenjer { grid-template-columns: 1fr !important; }\r\n  .hero-logo-vizual { display: none !important; }\r\n}\r\n@media (max-width: 768px) {\r\n  section { padding: 4rem 1.25rem; }\r\n  nav, .header-cta .gomb-header-keret, .header-cta .gomb-narancs { display: none; }\r\n  .hamburger { display: flex; }\r\n  .mobil-menu { display: flex; }\r\n  .hero-tartalom { padding: 6rem 1.25rem 4rem; }\r\n  .hero h1 { font-size: 2.4rem; }\r\n  .bemutatkozas-racs, .uzletag-racs, .miert-racs, .sz-racs, .velemenyek-racs, .blog-racs, .kapcsolat-racs, .labl\u00e9c-racs { grid-template-columns: 1fr; }\r\n  .urlap-sor { grid-template-columns: 1fr; }\r\n  .hero-statisztikak { gap: 1.5rem; }\r\n  .ua-kartya { min-height: 420px; }\r\n  .sz-fejlec-sor, .blog-fejlec-sor { flex-direction: column; align-items: flex-start; gap: 1.5rem; }\r\n  .labl\u00e9c-also { flex-direction: column; text-align: center; }\r\n  .bizalom-sor { flex-direction: column; border-radius: var(--r-nagy); }\r\n  .bizalom-elem { border-right: none; border-bottom: 1px solid var(--szin-szurke-200); padding: 1.5rem; }\r\n  .bizalom-elem:last-child { border-bottom: none; }\r\n  .cta-sav h2 { font-size: 1.7rem; }\r\n  .lebego-gombok { bottom: 1.25rem; right: 1.25rem; }\r\n}\r\n@media (max-width: 480px) {\r\n  .hero h1 { font-size: 2rem; }\r\n  .hero-gombok { flex-direction: column; }\r\n  .hero-gombok .gomb-hero-masodlagos { text-align: center; justify-content: center; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     BET\u00d6LT\u0150 ANIM\u00c1CI\u00d3\r\n     M\u00f3dos\u00edthat\u00f3: log\u00f3 sz\u00f6veg\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"betolto\">\r\n  <div class=\"betolto-logo\">\r\n    <img decoding=\"async\" src=\"1778702220282_image.png\" alt=\"FORPAMI log\u00f3\">\r\n    <span class=\"betolto-logo-nev\">FORPAMI TEAM<\/span>\r\n    <span class=\"betolto-logo-szlogen\">Minden, ami a m\u0171k\u00f6d\u00e9shez kell<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     LEBEG\u0150 GYORSGOMBOK (jobb als\u00f3 sarok)\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: telefon- \u00e9s WhatsApp-sz\u00e1mot\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"lebego-gombok\">\r\n  <!-- WhatsApp gomb -->\r\n  <a href=\"https:\/\/wa.me\/36201234567\" class=\"lebego-gomb lg-whatsapp\" title=\"WhatsApp \u00fczenet\" rel=\"noopener\">\r\n    <span class=\"lebego-felirat\">WhatsApp<\/span>\r\n    <i class=\"fab fa-whatsapp\"><\/i>\r\n  <\/a>\r\n  <!-- Telefon gomb -->\r\n  <a href=\"tel:+36201234567\" class=\"lebego-gomb lg-telefon\" title=\"H\u00edvj minket\">\r\n    <span class=\"lebego-felirat\">+36 20 123 4567<\/span><!-- \ud83d\udcdd TELEFONSZ\u00c1M -->\r\n    <i class=\"fas fa-phone\"><\/i>\r\n  <\/a>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MOBIL MEN\u00dc\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"mobil-menu\" id=\"mobilMenu\">\r\n  <button class=\"mobil-menu-zar\" id=\"menuZar\" aria-label=\"Bez\u00e1r\u00e1s\"><i class=\"fas fa-times\"><\/i><\/button>\r\n  <nav class=\"mobil-nav\">\r\n    <a href=\"#bemutatkozas\">R\u00f3lunk<\/a>\r\n    <a href=\"#uzletag\">\u00dczlet\u00e1gaink<\/a>\r\n    <a href=\"#miert\">Mi\u00e9rt FORPAMI?<\/a>\r\n    <a href=\"#szolgaltatasok\">Szolg\u00e1ltat\u00e1sok<\/a>\r\n    <a href=\"#blog\">Blog<\/a>\r\n    <a href=\"#kapcsolat\">Kapcsolat<\/a>\r\n  <\/nav>\r\n  <div class=\"mobil-akcio\">\r\n    <a href=\"#kapcsolat\" class=\"gomb-narancs gomb-narancs-nagy\" style=\"justify-content:center\">Aj\u00e1nlatot k\u00e9rek<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     FEJL\u00c9C \/ NAVIG\u00c1CI\u00d3\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: men\u00fcpontok, telefonsz\u00e1m, gombok\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<header id=\"fojlec\">\r\n  <div class=\"header-belso\">\r\n\r\n    <!-- LOG\u00d3: k\u00e9p + sz\u00f6veges fallback -->\r\n    <a href=\"#\" class=\"logo\">\r\n      <img decoding=\"async\" src=\"1778702220282_image.png\" alt=\"FORPAMI TEAM log\u00f3\" class=\"logo-img\">\r\n      <div class=\"logo-szoveg\">\r\n        <span class=\"logo-nev\">FORPAMI TEAM<\/span>\r\n        <span class=\"logo-szlogen\">Minden, ami a m\u0171k\u00f6d\u00e9shez kell<\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <nav>\r\n      <a href=\"#bemutatkozas\">R\u00f3lunk<\/a><!-- \ud83d\udcdd MEN\u00dcPONT -->\r\n\r\n      <div class=\"nav-legordulo\">\r\n        <a href=\"#uzletag\">\u00dczlet\u00e1gaink<\/a><!-- \ud83d\udcdd MEN\u00dcPONT -->\r\n        <div class=\"legordulo-menu\">\r\n          <span class=\"legordulo-cimke\">FORPAMI.COM<\/span>\r\n          <a href=\"#uzletag\"><i class=\"fas fa-server\" style=\"margin-right:8px;width:16px;color:var(--szin-narancs)\"><\/i>Informatikai megold\u00e1sok<\/a><!-- \ud83d\udcdd -->\r\n          <a href=\"#uzletag\"><i class=\"fas fa-laptop\" style=\"margin-right:8px;width:16px;color:var(--szin-narancs)\"><\/i>V\u00e1llalati technol\u00f3gia<\/a><!-- \ud83d\udcdd -->\r\n          <a href=\"#uzletag\"><i class=\"fas fa-code\" style=\"margin-right:8px;width:16px;color:var(--szin-narancs)\"><\/i>Digit\u00e1lis megold\u00e1sok<\/a><!-- \ud83d\udcdd -->\r\n          <div class=\"legordulo-elvalaszto\"><\/div>\r\n          <span class=\"legordulo-cimke\">FORPAMI.EU<\/span>\r\n          <a href=\"#uzletag\"><i class=\"fas fa-box\" style=\"margin-right:8px;width:16px;color:var(--szin-szurke-400)\"><\/i>Csomagol\u00e1stechnika<\/a><!-- \ud83d\udcdd -->\r\n          <a href=\"#uzletag\"><i class=\"fas fa-truck\" style=\"margin-right:8px;width:16px;color:var(--szin-szurke-400)\"><\/i>Logisztikai megold\u00e1sok<\/a><!-- \ud83d\udcdd -->\r\n          <a href=\"#uzletag\"><i class=\"fas fa-warehouse\" style=\"margin-right:8px;width:16px;color:var(--szin-szurke-400)\"><\/i>Rakt\u00e1ri kell\u00e9kek<\/a><!-- \ud83d\udcdd -->\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"#miert\">El\u0151ny\u00f6k<\/a><!-- \ud83d\udcdd MEN\u00dcPONT -->\r\n      <a href=\"#szolgaltatasok\">Szolg\u00e1ltat\u00e1sok<\/a><!-- \ud83d\udcdd MEN\u00dcPONT -->\r\n      <a href=\"#blog\">Blog<\/a><!-- \ud83d\udcdd MEN\u00dcPONT -->\r\n      <a href=\"#kapcsolat\">Kapcsolat<\/a><!-- \ud83d\udcdd MEN\u00dcPONT -->\r\n    <\/nav>\r\n\r\n    <div class=\"header-cta\">\r\n      <a href=\"tel:+36201234567\" class=\"gomb-header-keret\">\r\n        <i class=\"fas fa-phone\" style=\"margin-right:6px;font-size:0.8em\"><\/i>+36 20 123 4567<!-- \ud83d\udcdd TELEFONSZ\u00c1M -->\r\n      <\/a>\r\n      <a href=\"#kapcsolat\" class=\"gomb-narancs\">Aj\u00e1nlatot k\u00e9rek <i class=\"fas fa-arrow-right\"><\/i><\/a><!-- \ud83d\udcdd GOMB SZ\u00d6VEG -->\r\n    <\/div>\r\n\r\n    <button class=\"hamburger\" id=\"menuNyit\" aria-label=\"Men\u00fc\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/button>\r\n  <\/div>\r\n<\/header>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     1. HERO SZEKCI\u00d3\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: chip sz\u00f6veg, f\u0151c\u00edm, alc\u00edm, gombok, statisztik\u00e1k\r\n     \ud83d\uddbc\ufe0f H\u00e1tt\u00e9rk\u00e9p: l\u00e1sd .hero-hatter-kep CSS komment fent\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hero\" id=\"fooldal\">\r\n  <div class=\"hero-hatter-kep\"><\/div><!-- \ud83d\uddbc\ufe0f H\u00c1TT\u00c9RK\u00c9P IDE -->\r\n  <div class=\"hero-racs\"><\/div>\r\n  <div class=\"hero-gomb-deko hero-gomb-1\"><\/div>\r\n  <div class=\"hero-gomb-deko hero-gomb-2\"><\/div>\r\n\r\n  <div class=\"hero-tartalom kontenjer\" style=\"display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center\">\r\n  <div>\r\n\r\n    <!-- FELS\u0150 CHIP \/ BADGE -->\r\n    <div class=\"hero-chip\">\r\n      <span class=\"hero-chip-pont\"><\/span>\r\n      Minden, ami a m\u0171k\u00f6d\u00e9shez kell<!-- \ud83d\udcdd CHIP SZ\u00d6VEG -->\r\n    <\/div>\r\n\r\n    <!-- F\u0150C\u00cdM \u2013 az <em> narancs lesz -->\r\n    <h1>Modern \u00fczleti megold\u00e1sok <em>v\u00e1llalkoz\u00e1soknak.<\/em><\/h1><!-- \ud83d\udcdd F\u0150C\u00cdM -->\r\n\r\n    <!-- ALC\u00cdM -->\r\n    <p class=\"hero-alcim\">Technol\u00f3gia, csomagol\u00e1stechnika \u00e9s \u00fczleti t\u00e1mogat\u00e1s egy helyen. Tapasztalt csapat, pr\u00e9mium min\u0151s\u00e9g, szem\u00e9lyes kapcsolat.<\/p><!-- \ud83d\udcdd ALC\u00cdM -->\r\n\r\n    <!-- GOMBOK -->\r\n    <div class=\"hero-gombok\">\r\n      <a href=\"#uzletag\" class=\"gomb-narancs gomb-narancs-nagy\">\r\n        <i class=\"fas fa-laptop-code\"><\/i> Informatikai megold\u00e1sok<!-- \ud83d\udcdd GOMB 1 -->\r\n      <\/a>\r\n      <a href=\"#uzletag\" class=\"gomb-hero-masodlagos\">\r\n        <i class=\"fas fa-box-open\"><\/i> Csomagol\u00e1stechnika<!-- \ud83d\udcdd GOMB 2 -->\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- STATISZTIK\u00c1K -->\r\n    <div class=\"hero-statisztikak\">\r\n      <div>\r\n        <span class=\"hero-stat-szam\">500<span>+<\/span><\/span><!-- \ud83d\udcdd SZ\u00c1M -->\r\n        <span class=\"hero-stat-felirat\">V\u00e1llalati \u00fcgyf\u00e9l<\/span><!-- \ud83d\udcdd FELIRAT -->\r\n      <\/div>\r\n      <div>\r\n        <span class=\"hero-stat-szam\">15<span>+<\/span><\/span><!-- \ud83d\udcdd SZ\u00c1M -->\r\n        <span class=\"hero-stat-felirat\">\u00c9v tapasztalat<\/span><!-- \ud83d\udcdd FELIRAT -->\r\n      <\/div>\r\n      <div>\r\n        <span class=\"hero-stat-szam\">2<\/span><!-- \ud83d\udcdd SZ\u00c1M -->\r\n        <span class=\"hero-stat-felirat\">\u00dczlet\u00e1g<\/span><!-- \ud83d\udcdd FELIRAT -->\r\n      <\/div>\r\n      <div>\r\n        <span class=\"hero-stat-szam\">98<span>%<\/span><\/span><!-- \ud83d\udcdd SZ\u00c1M -->\r\n        <span class=\"hero-stat-felirat\">\u00dcgyf\u00e9l-el\u00e9gedetts\u00e9g<\/span><!-- \ud83d\udcdd FELIRAT -->\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- JOBB OLDAL: LOG\u00d3 VIZU\u00c1L -->\r\n  <div class=\"hero-logo-vizual\" style=\"display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:felFade 0.8s ease 0.5s both\">\r\n    <div style=\"position:relative\">\r\n      <!-- H\u00e1tt\u00e9r glowing k\u00f6r -->\r\n      <div style=\"position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,0.25),transparent 70%);animation:lebeg 6s ease-in-out infinite\"><\/div>\r\n      <!-- Log\u00f3 k\u00e9p -->\r\n      <img decoding=\"async\" src=\"1778702220282_image.png\"\r\n           alt=\"FORPAMI TEAM log\u00f3\"\r\n           style=\"width:280px;height:auto;position:relative;z-index:1;filter:drop-shadow(0 20px 60px rgba(37,99,235,0.4)) drop-shadow(0 0 40px rgba(255,255,255,0.1));animation:lebeg 7s ease-in-out infinite\">\r\n    <\/div>\r\n    <!-- Szlogen a log\u00f3 alatt -->\r\n    <div style=\"text-align:center\">\r\n      <div style=\"font-family:var(--font-cim);font-size:1.3rem;font-weight:800;color:var(--szin-feher);letter-spacing:0.1em\">FORPAMI TEAM<\/div>\r\n      <div style=\"font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-top:0.35rem\">Minden, ami a m\u0171k\u00f6d\u00e9shez kell<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"gorgets-le\">\r\n    <span>G\u00f6rgets le<\/span>\r\n    <div class=\"gorgets-vonal\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     2. BEMUTATKOZ\u00c1S SZEKCI\u00d3\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: cimke, c\u00edm, alc\u00edm, lista elemek\r\n     \ud83d\uddbc\ufe0f Bal oldali k\u00e1rtya: cser\u00e9lhet\u0151 k\u00e9pre (l\u00e1sd fent)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"bemutatkozas\" id=\"bemutatkozas\">\r\n  <div class=\"kontenjer\">\r\n    <div class=\"bemutatkozas-racs\">\r\n\r\n      <!-- BAL OLDAL: VIZU\u00c1LIS ELEM \/ K\u00c9P -->\r\n      <div class=\"bemutatkozas-vizual megjeleno\">\r\n        <!-- \ud83d\uddbc\ufe0f IDE TEHETSZ K\u00c9PET: t\u00f6r\u00f6ld ki az eg\u00e9sz .bemutatkozas-kartya-fo div-et\r\n             \u00e9s \u00edrd be helyette: <img decoding=\"async\" src=\"kepek\/csapat.jpg\" alt=\"FORPAMI csapat\" style=\"width:100%;border-radius:24px\"> -->\r\n        <div class=\"bemutatkozas-kartya-fo\">\r\n          <div style=\"display:inline-flex;align-items:center;gap:0.5rem;background:rgba(232,96,28,0.2);border:1px solid rgba(232,96,28,0.3);color:var(--szin-narancs);font-size:0.75rem;font-weight:600;padding:0.35rem 0.875rem;border-radius:100px;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:1.25rem\">\r\n            <i class=\"fas fa-building\"><\/i> R\u00f3lunk<!-- \ud83d\udcdd BADGE SZ\u00d6VEG -->\r\n          <\/div>\r\n          <h3 style=\"font-family:var(--font-cim);font-size:1.4rem;font-weight:700;color:var(--szin-feher);line-height:1.3;letter-spacing:-0.02em\">\r\n            Modern v\u00e1llalat.<br>Megb\u00edzhat\u00f3 partner.<!-- \ud83d\udcdd K\u00c1RTYA F\u0150C\u00cdM -->\r\n          <\/h3>\r\n          <div class=\"bc-stat\">\r\n            <span class=\"bc-stat-szam\" style=\"color:var(--szin-feher)\">2010<\/span><!-- \ud83d\udcdd \u00c9V -->\r\n            <span class=\"bc-stat-felirat\">Alap\u00edt\u00e1s \u00e9ve<\/span><!-- \ud83d\udcdd FELIRAT -->\r\n          <\/div>\r\n          <div class=\"bc-tagek\">\r\n            <span class=\"bc-tag\">ISO tan\u00fas\u00edtott<\/span><!-- \ud83d\udcdd TAG -->\r\n            <span class=\"bc-tag\">B2B f\u00f3kusz<\/span><!-- \ud83d\udcdd TAG -->\r\n            <span class=\"bc-tag\">Magyar v\u00e1llalat<\/span><!-- \ud83d\udcdd TAG -->\r\n            <span class=\"bc-tag\">EU-s jelenl\u00e9t<\/span><!-- \ud83d\udcdd TAG -->\r\n          <\/div>\r\n          <!-- Narancs accent k\u00e1rtya jobb-alul -->\r\n          <div class=\"bemutatkozas-kartya-accent\">\r\n            <span class=\"bc-accent-szam\">500+<\/span><!-- \ud83d\udcdd SZ\u00c1M -->\r\n            <span class=\"bc-accent-felirat\">akt\u00edv \u00fcgyf\u00e9l<\/span><!-- \ud83d\udcdd FELIRAT -->\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- JOBB OLDAL: SZ\u00d6VEG -->\r\n      <div class=\"megjeleno\">\r\n        <span class=\"szekci\u00f3-cimke\">C\u00e9gbemutat\u00f3<\/span><!-- \ud83d\udcdd CIMKE -->\r\n        <h2 class=\"szekci\u00f3-cim\">Megb\u00edzhat\u00f3 B2B partner,<br>modern megk\u00f6zel\u00edt\u00e9ssel.<\/h2><!-- \ud83d\udcdd C\u00cdM -->\r\n        <p class=\"szekci\u00f3-alcim\">A FORPAMI egy dinamikusan fejl\u0151d\u0151 magyar v\u00e1llalat, amely k\u00e9t er\u0151s \u00fczlet\u00e1gon kereszt\u00fcl ny\u00fajt komplex megold\u00e1sokat B2B partnereinek \u2013 informatikai technol\u00f3gi\u00e1t\u00f3l a csomagol\u00e1stechnik\u00e1ig.<\/p><!-- \ud83d\udcdd LE\u00cdR\u00c1S -->\r\n\r\n        <!-- PIPA LISTA \u2013 szerkeszd a li elemeket -->\r\n        <ul class=\"bemutatkozas-lista\">\r\n          <li><i class=\"fas fa-check-circle\"><\/i><span>T\u00f6bb mint 15 \u00e9ves tapasztalat a v\u00e1llalati technol\u00f3gia \u00e9s logisztika ter\u00fclet\u00e9n<\/span><\/li><!-- \ud83d\udcdd -->\r\n          <li><i class=\"fas fa-check-circle\"><\/i><span>Dedik\u00e1lt account managerek \u00e9s szem\u00e9lyes \u00fcgyf\u00e9lkezel\u00e9s minden partnern\u00e9l<\/span><\/li><!-- \ud83d\udcdd -->\r\n          <li><i class=\"fas fa-check-circle\"><\/i><span>Rugalmas szerz\u0151d\u00e9ses felt\u00e9telek \u00e9s versenyk\u00e9pes B2B \u00e1rak<\/span><\/li><!-- \ud83d\udcdd -->\r\n          <li><i class=\"fas fa-check-circle\"><\/i><span>Gyors v\u00e1laszid\u0151, proakt\u00edv kommunik\u00e1ci\u00f3 \u00e9s megb\u00edzhat\u00f3 ut\u00f3k\u00f6vet\u00e9s<\/span><\/li><!-- \ud83d\udcdd -->\r\n          <li><i class=\"fas fa-check-circle\"><\/i><span>K\u00e9t specializ\u00e1lt \u00fczlet\u00e1g \u2013 egy kapcsolattart\u00f3, teljes k\u00f6r\u0171 kiszolg\u00e1l\u00e1s<\/span><\/li><!-- \ud83d\udcdd -->\r\n        <\/ul>\r\n\r\n        <!-- GOMBOK -->\r\n        <div style=\"margin-top:2.5rem;display:flex;gap:1rem;flex-wrap:wrap\">\r\n          <a href=\"#kapcsolat\" class=\"gomb-narancs gomb-narancs-nagy\"><i class=\"fas fa-handshake\"><\/i> Legyen partner\u00fcnk<\/a><!-- \ud83d\udcdd GOMB -->\r\n          <a href=\"#uzletag\" style=\"display:inline-flex;align-items:center;gap:0.5rem;font-size:0.95rem;font-weight:600;color:var(--szin-navy);text-decoration:none;padding:0.875rem 1.5rem;border:1px solid var(--szin-szurke-200);border-radius:var(--r-kozepes);transition:all var(--atm)\" onmouseover=\"this.style.background='var(--szin-halvany-szurke)'\" onmouseout=\"this.style.background='transparent'\">\u00dczlet\u00e1gaink <i class=\"fas fa-arrow-right\"><\/i><\/a><!-- \ud83d\udcdd GOMB -->\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     3. \u00dcZLET\u00c1GI BLOKKOK\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: dom\u00e9n, c\u00edm, le\u00edr\u00e1s, elemek, linkek\r\n     \ud83d\uddbc\ufe0f K\u00e1rty\u00e1k h\u00e1tt\u00e9rk\u00e9pe: l\u00e1sd .ua-com\/.ua-eu CSS komment\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"uzletag\" id=\"uzletag\">\r\n  <div class=\"kontenjer\">\r\n    <div style=\"text-align:center;max-width:640px;margin:0 auto 3.5rem\">\r\n      <span class=\"szekci\u00f3-cimke\">\u00dczlet\u00e1gaink<\/span><!-- \ud83d\udcdd CIMKE -->\r\n      <h2 class=\"szekci\u00f3-cim\">K\u00e9t er\u0151s \u00fczlet\u00e1g,<br>egy megb\u00edzhat\u00f3 v\u00e1llalat.<\/h2><!-- \ud83d\udcdd C\u00cdM -->\r\n      <p class=\"szekci\u00f3-alcim\" style=\"margin:0.75rem auto 0\">Specializ\u00e1lt csapatokkal \u00e9s m\u00e9lyre ny\u00fal\u00f3 ipar\u00e1gi tapasztalattal szolg\u00e1ljuk ki B2B partnereinket.<\/p><!-- \ud83d\udcdd LE\u00cdR\u00c1S -->\r\n    <\/div>\r\n\r\n    <div class=\"uzletag-racs megjeleno\">\r\n\r\n      <!-- \u2500\u2500\u2500 FORPAMI.COM K\u00c1RTYA \u2500\u2500\u2500 -->\r\n      <a href=\"https:\/\/forpami.com\" class=\"ua-kartya ua-com\" rel=\"noopener\"><!-- \ud83d\udcdd LINK -->\r\n        <div class=\"ua-kartya-hatter\"><\/div><!-- \ud83d\uddbc\ufe0f H\u00c1TT\u00c9RK\u00c9P IDE (l\u00e1sd CSS) -->\r\n        <div class=\"ua-kartya-overlay\"><\/div>\r\n        <div class=\"ua-kartya-minta\"><\/div>\r\n        <div class=\"ua-kartya-deko\"><\/div>\r\n        <div class=\"ua-kartya-ikon\"><i class=\"fas fa-microchip\"><\/i><\/div><!-- \ud83d\udcdd IKON -->\r\n        <span class=\"ua-kartya-badge\">Informatika &amp; Tech<\/span><!-- \ud83d\udcdd BADGE -->\r\n        <div class=\"ua-kartya-tartalom\">\r\n          <div class=\"ua-kartya-domain\">FORPAMI.COM<\/div><!-- \ud83d\udcdd DOMAIN -->\r\n          <h2 class=\"ua-kartya-cim\">Informatikai &amp; \u00fczleti technol\u00f3giai megold\u00e1sok<\/h2><!-- \ud83d\udcdd C\u00cdM -->\r\n          <p class=\"ua-kartya-leiras\">V\u00e1llalati szint\u0171 IT-eszk\u00f6z\u00f6k, digit\u00e1lis infrastrukt\u00fara \u00e9s B2B technol\u00f3giai megold\u00e1sok modern v\u00e1llalkoz\u00e1soknak. Megb\u00edzhat\u00f3 partner a digitaliz\u00e1ci\u00f3 \u00fatj\u00e1n.<\/p><!-- \ud83d\udcdd LE\u00cdR\u00c1S -->\r\n          <div class=\"ua-kartya-elemek\">\r\n            <!-- \ud83d\udcdd CHIPEK \u2013 adj hozz\u00e1\/vegy\u00e9l el szabadon -->\r\n            <span class=\"ua-elem\"><i class=\"fas fa-server\" style=\"margin-right:4px\"><\/i>Informatikai eszk\u00f6z\u00f6k<\/span>\r\n            <span class=\"ua-elem\"><i class=\"fas fa-network-wired\" style=\"margin-right:4px\"><\/i>V\u00e1llalati technol\u00f3gia<\/span>\r\n            <span class=\"ua-elem\"><i class=\"fas fa-code\" style=\"margin-right:4px\"><\/i>Digit\u00e1lis megold\u00e1sok<\/span>\r\n            <span class=\"ua-elem\"><i class=\"fas fa-headset\" style=\"margin-right:4px\"><\/i>B2B t\u00e1mogat\u00e1s<\/span>\r\n          <\/div>\r\n          <span class=\"ua-gomb\">Informatikai megold\u00e1sok <i class=\"fas fa-arrow-right\"><\/i><\/span><!-- \ud83d\udcdd GOMB -->\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- \u2500\u2500\u2500 FORPAMI.EU K\u00c1RTYA \u2500\u2500\u2500 -->\r\n      <a href=\"https:\/\/forpami.eu\" class=\"ua-kartya ua-eu\" rel=\"noopener\"><!-- \ud83d\udcdd LINK -->\r\n        <div class=\"ua-kartya-hatter\"><\/div><!-- \ud83d\uddbc\ufe0f H\u00c1TT\u00c9RK\u00c9P IDE (l\u00e1sd CSS) -->\r\n        <div class=\"ua-kartya-overlay\"><\/div>\r\n        <div class=\"ua-kartya-minta\"><\/div>\r\n        <div class=\"ua-kartya-deko\"><\/div>\r\n        <div class=\"ua-kartya-ikon\"><i class=\"fas fa-boxes-stacked\"><\/i><\/div><!-- \ud83d\udcdd IKON -->\r\n        <span class=\"ua-kartya-badge\">Logisztika &amp; Csomagol\u00e1s<\/span><!-- \ud83d\udcdd BADGE -->\r\n        <div class=\"ua-kartya-tartalom\">\r\n          <div class=\"ua-kartya-domain\">FORPAMI.EU<\/div><!-- \ud83d\udcdd DOMAIN -->\r\n          <h2 class=\"ua-kartya-cim\">Csomagol\u00e1stechnika &amp; logisztikai megold\u00e1sok<\/h2><!-- \ud83d\udcdd C\u00cdM -->\r\n          <p class=\"ua-kartya-leiras\">Ipari csomagol\u00f3anyagok, rakt\u00e1ri kell\u00e9kek \u00e9s logisztikai eszk\u00f6z\u00f6k B2B webshopb\u00f3l \u00e9s szem\u00e9lyes tan\u00e1csad\u00e1ssal. Egyszer\u0171s\u00edtse be a csomagol\u00e1si folyamatait.<\/p><!-- \ud83d\udcdd LE\u00cdR\u00c1S -->\r\n          <div class=\"ua-kartya-elemek\">\r\n            <span class=\"ua-elem\"><i class=\"fas fa-box\" style=\"margin-right:4px\"><\/i>Csomagol\u00f3anyagok<\/span>\r\n            <span class=\"ua-elem\"><i class=\"fas fa-truck\" style=\"margin-right:4px\"><\/i>Logisztika<\/span>\r\n            <span class=\"ua-elem\"><i class=\"fas fa-warehouse\" style=\"margin-right:4px\"><\/i>Rakt\u00e1ri kell\u00e9kek<\/span>\r\n            <span class=\"ua-elem\"><i class=\"fas fa-shopping-cart\" style=\"margin-right:4px\"><\/i>B2B webshop<\/span>\r\n          <\/div>\r\n          <span class=\"ua-gomb\">Csomagol\u00e1stechnika <i class=\"fas fa-arrow-right\"><\/i><\/span><!-- \ud83d\udcdd GOMB -->\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     4. MI\u00c9RT FORPAMI? SZEKCI\u00d3\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: minden k\u00e1rtya ikonj\u00e1t, c\u00edm\u00e9t, sz\u00f6veg\u00e9t\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"miert\" id=\"miert\">\r\n  <div class=\"kontenjer\">\r\n    <div class=\"miert-fejlec megjeleno\">\r\n      <span class=\"szekci\u00f3-cimke\">Mi\u00e9rt FORPAMI?<\/span><!-- \ud83d\udcdd -->\r\n      <h2 class=\"szekci\u00f3-cim\">Az el\u0151ny\u00f6k, amelyek sz\u00e1m\u00edtanak \u00fczleti partner\u00fcnknek.<\/h2><!-- \ud83d\udcdd -->\r\n      <p class=\"szekci\u00f3-alcim\" style=\"margin:0.75rem auto 0\">Nem csak sz\u00e1ll\u00edt\u00f3k vagyunk \u2013 hossz\u00fa t\u00e1v\u00fa \u00fczleti partnerek, akik \u00e9rtik az \u00d6n v\u00e1llalkoz\u00e1s\u00e1nak ig\u00e9nyeit.<\/p><!-- \ud83d\udcdd -->\r\n    <\/div>\r\n    <div class=\"miert-racs\">\r\n\r\n      <!-- K\u00c1RTYA 1 -->\r\n      <div class=\"miert-kartya megjeleno\">\r\n        <div class=\"miert-ikon\"><i class=\"fas fa-bolt\"><\/i><\/div><!-- \ud83d\udcdd IKON -->\r\n        <h3>Gyors \u00fcgyint\u00e9z\u00e9s<\/h3><!-- \ud83d\udcdd C\u00cdM -->\r\n        <p>Aj\u00e1nlatot 24 \u00f3r\u00e1n bel\u00fcl, megrendel\u00e9st a lehet\u0151 legr\u00f6videbb id\u0151 alatt teljes\u00edtj\u00fck. Az \u00d6n ideje \u00e9rt\u00e9kes.<\/p><!-- \ud83d\udcdd SZ\u00d6VEG -->\r\n      <\/div>\r\n\r\n      <!-- K\u00c1RTYA 2 -->\r\n      <div class=\"miert-kartya megjeleno\">\r\n        <div class=\"miert-ikon\"><i class=\"fas fa-handshake\"><\/i><\/div><!-- \ud83d\udcdd IKON -->\r\n        <h3>Szem\u00e9lyes kapcsolat<\/h3><!-- \ud83d\udcdd C\u00cdM -->\r\n        <p>Minden partner\u00fcnknek dedik\u00e1lt kapcsolattart\u00f3ja van. Nem call centert h\u00edvnak, hanem az \u00d6n ember\u00e9t.<\/p><!-- \ud83d\udcdd SZ\u00d6VEG -->\r\n      <\/div>\r\n\r\n      <!-- K\u00c1RTYA 3 -->\r\n      <div class=\"miert-kartya megjeleno\">\r\n        <div class=\"miert-ikon\"><i class=\"fas fa-rocket\"><\/i><\/div><!-- \ud83d\udcdd IKON -->\r\n        <h3>Modern megold\u00e1sok<\/h3><!-- \ud83d\udcdd C\u00cdM -->\r\n        <p>Mindig a legaktu\u00e1lisabb technol\u00f3gi\u00e1val \u00e9s ipar\u00e1gi trendekkel dolgozunk. Partnereink el\u0151nnyel indulnak.<\/p><!-- \ud83d\udcdd SZ\u00d6VEG -->\r\n      <\/div>\r\n\r\n      <!-- K\u00c1RTYA 4 -->\r\n      <div class=\"miert-kartya megjeleno\">\r\n        <div class=\"miert-ikon\"><i class=\"fas fa-shield-halved\"><\/i><\/div><!-- \ud83d\udcdd IKON -->\r\n        <h3>Megb\u00edzhat\u00f3 partner<\/h3><!-- \ud83d\udcdd C\u00cdM -->\r\n        <p>15+ \u00e9ves tapasztalat, t\u00f6bb sz\u00e1z el\u00e9gedett v\u00e1llalati \u00fcgyf\u00e9l \u00e9s bizony\u00edtott referenci\u00e1k szavatolj\u00e1k megb\u00edzhat\u00f3s\u00e1gunkat.<\/p><!-- \ud83d\udcdd SZ\u00d6VEG -->\r\n      <\/div>\r\n\r\n      <!-- K\u00c1RTYA 5 -->\r\n      <div class=\"miert-kartya megjeleno\">\r\n        <div class=\"miert-ikon\"><i class=\"fas fa-sliders\"><\/i><\/div><!-- \ud83d\udcdd IKON -->\r\n        <h3>Rugalmas kiszolg\u00e1l\u00e1s<\/h3><!-- \ud83d\udcdd C\u00cdM -->\r\n        <p>Ig\u00e9nyekre szabott aj\u00e1nlatok, rugalmas fizet\u00e9si felt\u00e9telek \u00e9s testreszabhat\u00f3 csomagok minden \u00fczleti m\u00e9retre.<\/p><!-- \ud83d\udcdd SZ\u00d6VEG -->\r\n      <\/div>\r\n\r\n      <!-- K\u00c1RTYA 6 -->\r\n      <div class=\"miert-kartya megjeleno\">\r\n        <div class=\"miert-ikon\"><i class=\"fas fa-briefcase\"><\/i><\/div><!-- \ud83d\udcdd IKON -->\r\n        <h3>B2B f\u00f3kusz<\/h3><!-- \ud83d\udcdd C\u00cdM -->\r\n        <p>Minden folyamatunk, \u00e1rk\u00e9pz\u00e9s\u00fcnk \u00e9s t\u00e1mogat\u00e1sunk a v\u00e1llalati \u00fcgyfelekre van optimaliz\u00e1lva. Ez a szakter\u00fclet\u00fcnk.<\/p><!-- \ud83d\udcdd SZ\u00d6VEG -->\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     5. SZOLG\u00c1LTAT\u00c1SOK SZEKCI\u00d3 (s\u00f6t\u00e9tk\u00e9k h\u00e1tt\u00e9r)\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: c\u00edm, le\u00edr\u00e1s, minden .sz-elem tartalma\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"szolgaltatasok\" id=\"szolgaltatasok\">\r\n  <div class=\"kontenjer\">\r\n    <div class=\"sz-fejlec-sor\">\r\n      <div class=\"megjeleno\">\r\n        <span class=\"szekci\u00f3-cimke\" style=\"color:rgba(255,255,255,0.5)\">Szolg\u00e1ltat\u00e1saink<\/span><!-- \ud83d\udcdd -->\r\n        <h2 class=\"szekci\u00f3-cim\">Komplex \u00fczleti<br>megold\u00e1sok egyablakb\u00f3l.<\/h2><!-- \ud83d\udcdd -->\r\n        <p class=\"szekci\u00f3-alcim\">Mindent egy helyen \u2013 a modern v\u00e1llalatok ig\u00e9nyeire szabva.<\/p><!-- \ud83d\udcdd -->\r\n      <\/div>\r\n      <a href=\"#kapcsolat\" class=\"gomb-narancs gomb-narancs-nagy megjeleno\" style=\"flex-shrink:0\">\u00d6sszes szolg\u00e1ltat\u00e1s <i class=\"fas fa-arrow-right\"><\/i><\/a><!-- \ud83d\udcdd GOMB -->\r\n    <\/div>\r\n\r\n    <div class=\"sz-racs megjeleno\">\r\n      <!-- SZOLG\u00c1LTAT\u00c1S 1 -->\r\n      <div class=\"sz-elem\">\r\n        <i class=\"fas fa-laptop sz-elem-ikon\"><\/i><!-- \ud83d\udcdd IKON -->\r\n        <h3>IT Eszk\u00f6z\u00f6k &amp; Hardware<\/h3><!-- \ud83d\udcdd C\u00cdM -->\r\n        <p>V\u00e1llalati notebookok, szerverek, h\u00e1l\u00f3zati eszk\u00f6z\u00f6k \u00e9s perif\u00e9ri\u00e1k versenyk\u00e9pes B2B \u00e1ron, gyors sz\u00e1ll\u00edt\u00e1ssal.<\/p><!-- \ud83d\udcdd SZ\u00d6VEG -->\r\n        <a href=\"#\" class=\"sz-elem-link\">B\u0151vebben <i class=\"fas fa-arrow-right\"><\/i><\/a><!-- \ud83d\udcdd LINK -->\r\n      <\/div>\r\n      <!-- SZOLG\u00c1LTAT\u00c1S 2 -->\r\n      <div class=\"sz-elem\">\r\n        <i class=\"fas fa-cloud sz-elem-ikon\"><\/i>\r\n        <h3>Felh\u0151alap\u00fa megold\u00e1sok<\/h3>\r\n        <p>Microsoft 365, Azure, felh\u0151s t\u00e1rhelyek \u00e9s v\u00e1llalati szoftver licencek kezel\u00e9se \u00e9s bevezet\u00e9se.<\/p>\r\n        <a href=\"#\" class=\"sz-elem-link\">B\u0151vebben <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n      <!-- SZOLG\u00c1LTAT\u00c1S 3 -->\r\n      <div class=\"sz-elem\">\r\n        <i class=\"fas fa-network-wired sz-elem-ikon\"><\/i>\r\n        <h3>H\u00e1l\u00f3zat &amp; Biztons\u00e1g<\/h3>\r\n        <p>V\u00e1llalati h\u00e1l\u00f3zattervez\u00e9s, t\u0171zfalak, VPN megold\u00e1sok \u00e9s kiberbiztons\u00e1gi tan\u00e1csad\u00e1s.<\/p>\r\n        <a href=\"#\" class=\"sz-elem-link\">B\u0151vebben <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n      <!-- SZOLG\u00c1LTAT\u00c1S 4 -->\r\n      <div class=\"sz-elem\">\r\n        <i class=\"fas fa-headset sz-elem-ikon\"><\/i>\r\n        <h3>IT T\u00e1mogat\u00e1s &amp; Helpdesk<\/h3>\r\n        <p>Gyors hibaelh\u00e1r\u00edt\u00e1s, proakt\u00edv monitoring \u00e9s folyamatos IT-t\u00e1mogat\u00e1s SLA szerz\u0151d\u00e9ssel.<\/p>\r\n        <a href=\"#\" class=\"sz-elem-link\">B\u0151vebben <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n      <!-- SZOLG\u00c1LTAT\u00c1S 5 -->\r\n      <div class=\"sz-elem\">\r\n        <i class=\"fas fa-box-open sz-elem-ikon\"><\/i>\r\n        <h3>Csomagol\u00f3anyagok<\/h3>\r\n        <p>Dobozok, f\u00f3li\u00e1k, p\u00e1rn\u00e1z\u00f3anyagok, szalagok \u00e9s egy\u00e9b ipari csomagol\u00e1stechnikai kell\u00e9kek.<\/p>\r\n        <a href=\"#\" class=\"sz-elem-link\">B\u0151vebben <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n      <!-- SZOLG\u00c1LTAT\u00c1S 6 -->\r\n      <div class=\"sz-elem\">\r\n        <i class=\"fas fa-truck-fast sz-elem-ikon\"><\/i>\r\n        <h3>Logisztikai megold\u00e1sok<\/h3>\r\n        <p>Rakt\u00e1roz\u00e1s optimaliz\u00e1l\u00e1s, csomagol\u00e1si audit \u00e9s komplex logisztikai tan\u00e1csad\u00e1s B2B \u00fcgyfeleknek.<\/p>\r\n        <a href=\"#\" class=\"sz-elem-link\">B\u0151vebben <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n      <!-- SZOLG\u00c1LTAT\u00c1S 7 -->\r\n      <div class=\"sz-elem\">\r\n        <i class=\"fas fa-warehouse sz-elem-ikon\"><\/i>\r\n        <h3>Rakt\u00e1ri kell\u00e9kek<\/h3>\r\n        <p>Raklapok, polcrendszerek, jel\u00f6l\u0151k, biztons\u00e1gi eszk\u00f6z\u00f6k \u00e9s teljes rakt\u00e1rfelszerel\u00e9s egy forr\u00e1sb\u00f3l.<\/p>\r\n        <a href=\"#\" class=\"sz-elem-link\">B\u0151vebben <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n      <!-- SZOLG\u00c1LTAT\u00c1S 8 -->\r\n      <div class=\"sz-elem\">\r\n        <i class=\"fas fa-chart-line sz-elem-ikon\"><\/i>\r\n        <h3>\u00dczleti tan\u00e1csad\u00e1s<\/h3>\r\n        <p>Digitaliz\u00e1ci\u00f3, folyamatoptimaliz\u00e1l\u00e1s \u00e9s technol\u00f3giai strat\u00e9gia \u2013 az \u00d6n v\u00e1llalkoz\u00e1s\u00e1nak fejl\u0151d\u00e9s\u00e9\u00e9rt.<\/p>\r\n        <a href=\"#\" class=\"sz-elem-link\">B\u0151vebben <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     6. BIZALOM\u00c9P\u00cdT\u0150 SZEKCI\u00d3 \u2013 SZ\u00c1MOK + V\u00c9LEM\u00c9NYEK\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: sz\u00e1mokat, v\u00e9lem\u00e9ny sz\u00f6vegeket, neveket\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"bizalom\" id=\"bizalom\">\r\n  <div class=\"bizalom-belso\">\r\n    <div class=\"bizalom-fejlec megjeleno\">\r\n      <span class=\"szekci\u00f3-cimke\">Sz\u00e1mokban<\/span><!-- \ud83d\udcdd -->\r\n      <h2 class=\"szekci\u00f3-cim\">Sz\u00e1mok, amelyek \u00f6nmaguk\u00e9rt<br>besz\u00e9lnek.<\/h2><!-- \ud83d\udcdd -->\r\n    <\/div>\r\n\r\n    <!-- SZ\u00c1MSOR -->\r\n    <div class=\"bizalom-sor megjeleno\">\r\n      <div class=\"bizalom-elem\">\r\n        <span class=\"bizalom-szam\">500<span>+<\/span><\/span><!-- \ud83d\udcdd SZ\u00c1M -->\r\n        <span class=\"bizalom-felirat\">V\u00e1llalati \u00fcgyf\u00e9l<\/span><!-- \ud83d\udcdd FELIRAT -->\r\n      <\/div>\r\n      <div class=\"bizalom-elem\">\r\n        <span class=\"bizalom-szam\">15<span>+<\/span><\/span><!-- \ud83d\udcdd -->\r\n        <span class=\"bizalom-felirat\">\u00c9v tapasztalat<\/span><!-- \ud83d\udcdd -->\r\n      <\/div>\r\n      <div class=\"bizalom-elem\">\r\n        <span class=\"bizalom-szam\">98<span>%<\/span><\/span><!-- \ud83d\udcdd -->\r\n        <span class=\"bizalom-felirat\">El\u00e9gedetts\u00e9g<\/span><!-- \ud83d\udcdd -->\r\n      <\/div>\r\n      <div class=\"bizalom-elem\">\r\n        <span class=\"bizalom-szam\">24h<\/span><!-- \ud83d\udcdd -->\r\n        <span class=\"bizalom-felirat\">V\u00e1laszid\u0151<\/span><!-- \ud83d\udcdd -->\r\n      <\/div>\r\n      <div class=\"bizalom-elem\">\r\n        <span class=\"bizalom-szam\">2<\/span><!-- \ud83d\udcdd -->\r\n        <span class=\"bizalom-felirat\">\u00dczlet\u00e1g<\/span><!-- \ud83d\udcdd -->\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- V\u00c9LEM\u00c9NYEK -->\r\n    <div class=\"velemenyek-racs megjeleno\">\r\n\r\n      <!-- V\u00c9LEM\u00c9NY 1 -->\r\n      <div class=\"velemeny-kartya\">\r\n        <div class=\"velemeny-csillagok\">\r\n          <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n        <\/div>\r\n        <p class=\"velemeny-szoveg\">\u201eA FORPAMI csapata rendk\u00edv\u00fcl gyors \u00e9s megb\u00edzhat\u00f3. Az informatikai eszk\u00f6zeinket minden \u00e9vben t\u0151l\u00fck szerezz\u00fck be \u2013 a legjobb B2B partner\u00fcnk.\"<\/p><!-- \ud83d\udcdd -->\r\n        <div class=\"velemeny-szerzo\">\r\n          <div class=\"velemeny-avatar\">NK<\/div><!-- \ud83d\udcdd MONOGRAM -->\r\n          <div>\r\n            <div class=\"velemeny-nev\">Nagy Kriszti\u00e1n<\/div><!-- \ud83d\udcdd N\u00c9V -->\r\n            <div class=\"velemeny-beoszt\u00e1s\">IT vezet\u0151, Meditech Kft.<\/div><!-- \ud83d\udcdd POZ\u00cdCI\u00d3 -->\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- V\u00c9LEM\u00c9NY 2 -->\r\n      <div class=\"velemeny-kartya\">\r\n        <div class=\"velemeny-csillagok\">\r\n          <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n        <\/div>\r\n        <p class=\"velemeny-szoveg\">\u201eA csomagol\u00e1stechnikai megold\u00e1suk teljesen \u00e1talak\u00edtotta a rakt\u00e1roz\u00e1si folyamatainkat. Kevesebb anyag, jobb v\u00e9delem, alacsonyabb k\u00f6lts\u00e9g.\"<\/p><!-- \ud83d\udcdd -->\r\n        <div class=\"velemeny-szerzo\">\r\n          <div class=\"velemeny-avatar\" style=\"background:var(--szin-narancs)\">V\u00c9<\/div><!-- \ud83d\udcdd MONOGRAM -->\r\n          <div>\r\n            <div class=\"velemeny-nev\">Varga \u00c9va<\/div><!-- \ud83d\udcdd N\u00c9V -->\r\n            <div class=\"velemeny-beoszt\u00e1s\">Logisztikai igazgat\u00f3, PackPro Zrt.<\/div><!-- \ud83d\udcdd -->\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- V\u00c9LEM\u00c9NY 3 -->\r\n      <div class=\"velemeny-kartya\">\r\n        <div class=\"velemeny-csillagok\">\r\n          <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n        <\/div>\r\n        <p class=\"velemeny-szoveg\">\u201eAmi igaz\u00e1n megk\u00fcl\u00f6nb\u00f6zteti \u0151ket: mindig el\u00e9rhet\u0151 szem\u00e9lyes kapcsolattart\u00f3, aki val\u00f3ban ismeri a v\u00e1llalkoz\u00e1sunkat \u00e9s az ig\u00e9nyeinket.\"<\/p><!-- \ud83d\udcdd -->\r\n        <div class=\"velemeny-szerzo\">\r\n          <div class=\"velemeny-avatar\" style=\"background:var(--szin-navy-vilagos)\">SB<\/div><!-- \ud83d\udcdd MONOGRAM -->\r\n          <div>\r\n            <div class=\"velemeny-nev\">Szab\u00f3 Bal\u00e1zs<\/div><!-- \ud83d\udcdd N\u00c9V -->\r\n            <div class=\"velemeny-beoszt\u00e1s\">\u00dcgyvezet\u0151, Flexo Systems Kft.<\/div><!-- \ud83d\udcdd -->\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CTA S\u00c1V (NARANCS H\u00c1TT\u00c9R)\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: f\u0151c\u00edm, le\u00edr\u00e1s, gombok\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"cta-sav\">\r\n  <div class=\"cta-sav-belso megjeleno\">\r\n    <h2>K\u00e9szen \u00e1ll az egy\u00fcttm\u0171k\u00f6d\u00e9sre?<\/h2><!-- \ud83d\udcdd C\u00cdM -->\r\n    <p>K\u00e9rjen szem\u00e9lyre szabott aj\u00e1nlatot, \u00e9s tapasztalja meg, mit jelent egy val\u00f3ban megb\u00edzhat\u00f3 B2B partner.<\/p><!-- \ud83d\udcdd SZ\u00d6VEG -->\r\n    <div class=\"cta-sav-gombok\">\r\n      <a href=\"#kapcsolat\" class=\"gomb-feher\"><i class=\"fas fa-paper-plane\"><\/i> Aj\u00e1nlatot k\u00e9rek<\/a><!-- \ud83d\udcdd GOMB 1 -->\r\n      <a href=\"tel:+36201234567\" class=\"gomb-feher-keret\"><i class=\"fas fa-phone\"><\/i> +36 20 123 4567<\/a><!-- \ud83d\udcdd GOMB 2 -->\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     7. BLOG SZEKCI\u00d3\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: minden blog k\u00e1rtya tartalm\u00e1t\r\n     \ud83d\uddbc\ufe0f K\u00e1rty\u00e1k k\u00e9pe: l\u00e1sd .blog-thumb CSS komment fent\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"blog\" id=\"blog\">\r\n  <div class=\"kontenjer\">\r\n    <div class=\"blog-fejlec-sor\">\r\n      <div class=\"megjeleno\">\r\n        <span class=\"szekci\u00f3-cimke\">Blog &amp; Tud\u00e1st\u00e1r<\/span><!-- \ud83d\udcdd -->\r\n        <h2 class=\"szekci\u00f3-cim\">Ipar\u00e1gi tud\u00e1s \u00e9s<br>hasznos tartalmak.<\/h2><!-- \ud83d\udcdd -->\r\n      <\/div>\r\n      <a href=\"#\" class=\"gomb-narancs megjeleno\">\u00d6sszes cikk <i class=\"fas fa-arrow-right\"><\/i><\/a><!-- \ud83d\udcdd GOMB -->\r\n    <\/div>\r\n\r\n    <div class=\"blog-racs\">\r\n\r\n      <!-- BLOG CIKK 1 -->\r\n      <a href=\"#\" class=\"blog-kartya megjeleno\">\r\n        <!-- \ud83d\uddbc\ufe0f BLOG K\u00c9P \u2013 cser\u00e9ld: <img decoding=\"async\" src=\"kepek\/blog-1.jpg\" alt=\"Cikk k\u00e9pe\" style=\"width:100%;height:200px;object-fit:cover\"> -->\r\n        <div class=\"blog-thumb\">\r\n          <div class=\"blog-thumb-gradiens\" style=\"background:linear-gradient(145deg,#0d2242,#1e4a8a)\"><\/div>\r\n          <div class=\"blog-thumb-minta\"><\/div>\r\n          <i class=\"fas fa-microchip\" style=\"position:relative;z-index:1;font-size:3rem;color:rgba(37,99,235,0.5)\"><\/i>\r\n        <\/div>\r\n        <div class=\"blog-kartya-belso\">\r\n          <span class=\"blog-tag\">Informatika<\/span><!-- \ud83d\udcdd TAG -->\r\n          <h3 class=\"blog-cim\">2025 legjobb v\u00e1llalati notebookjai: mire figyeljen B2B v\u00e1s\u00e1rl\u00e1skor?<\/h3><!-- \ud83d\udcdd C\u00cdM -->\r\n          <p class=\"blog-kivonat\">A megfelel\u0151 IT-eszk\u00f6z kiv\u00e1laszt\u00e1sa komoly hat\u00e1ssal van a v\u00e1llalat produktivit\u00e1s\u00e1ra. \u00d6sszefoglaltuk a legfontosabb szempontokat.<\/p><!-- \ud83d\udcdd SZ\u00d6VEG -->\r\n          <div class=\"blog-meta\">\r\n            <span class=\"blog-datum\"><i class=\"far fa-calendar\" style=\"margin-right:4px\"><\/i>2025. m\u00e1rcius 12.<\/span><!-- \ud83d\udcdd D\u00c1TUM -->\r\n            <span class=\"blog-olvasom\">Elolvasom <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- BLOG CIKK 2 -->\r\n      <a href=\"#\" class=\"blog-kartya megjeleno\">\r\n        <div class=\"blog-thumb\">\r\n          <div class=\"blog-thumb-gradiens\" style=\"background:linear-gradient(145deg,#1c1f26,#3d4255)\"><\/div>\r\n          <div class=\"blog-thumb-minta\"><\/div>\r\n          <i class=\"fas fa-boxes-stacked\" style=\"position:relative;z-index:1;font-size:3rem;color:rgba(232,96,28,0.4)\"><\/i>\r\n        <\/div>\r\n        <div class=\"blog-kartya-belso\">\r\n          <span class=\"blog-tag\">Csomagol\u00e1stechnika<\/span><!-- \ud83d\udcdd -->\r\n          <h3 class=\"blog-cim\">Fenntarthat\u00f3 csomagol\u00e1s: hogyan cs\u00f6kkentse v\u00e1llalata csomagol\u00f3anyag-felhaszn\u00e1l\u00e1s\u00e1t?<\/h3><!-- \ud83d\udcdd -->\r\n          <p class=\"blog-kivonat\">Az ESG szempontok \u00e9s a k\u00f6lts\u00e9gcs\u00f6kkent\u00e9s nem z\u00e1rj\u00e1k ki egym\u00e1st. Bemutatjuk a leghat\u00e9konyabb eco-friendly megold\u00e1sokat.<\/p><!-- \ud83d\udcdd -->\r\n          <div class=\"blog-meta\">\r\n            <span class=\"blog-datum\"><i class=\"far fa-calendar\" style=\"margin-right:4px\"><\/i>2025. febru\u00e1r 28.<\/span><!-- \ud83d\udcdd -->\r\n            <span class=\"blog-olvasom\">Elolvasom <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- BLOG CIKK 3 -->\r\n      <a href=\"#\" class=\"blog-kartya megjeleno\">\r\n        <div class=\"blog-thumb\">\r\n          <div class=\"blog-thumb-gradiens\" style=\"background:linear-gradient(145deg,#0d2242,#163460)\"><\/div>\r\n          <div class=\"blog-thumb-minta\"><\/div>\r\n          <i class=\"fas fa-cloud\" style=\"position:relative;z-index:1;font-size:3rem;color:rgba(37,99,235,0.45)\"><\/i>\r\n        <\/div>\r\n        <div class=\"blog-kartya-belso\">\r\n          <span class=\"blog-tag\">Digitaliz\u00e1ci\u00f3<\/span><!-- \ud83d\udcdd -->\r\n          <h3 class=\"blog-cim\">Microsoft 365 vs. Google Workspace: melyik a jobb v\u00e1laszt\u00e1s KKV-knak 2025-ben?<\/h3><!-- \ud83d\udcdd -->\r\n          <p class=\"blog-kivonat\">R\u00e9szletes \u00f6sszehasonl\u00edt\u00e1s \u00e1rban, funkci\u00f3ban \u00e9s integr\u00e1ci\u00f3s lehet\u0151s\u00e9gekben \u2013 hogy \u00d6n a legjobb d\u00f6nt\u00e9st hozhassa.<\/p><!-- \ud83d\udcdd -->\r\n          <div class=\"blog-meta\">\r\n            <span class=\"blog-datum\"><i class=\"far fa-calendar\" style=\"margin-right:4px\"><\/i>2025. febru\u00e1r 10.<\/span><!-- \ud83d\udcdd -->\r\n            <span class=\"blog-olvasom\">Elolvasom <i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     8. KAPCSOLAT SZEKCI\u00d3\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: kontaktadatokat, \u0171rlap mez\u0151ket\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"kapcsolat\" id=\"kapcsolat\">\r\n  <div class=\"kontenjer\">\r\n    <div class=\"kapcsolat-racs\">\r\n\r\n      <!-- BAL OLDAL: KONTAKTADATOK -->\r\n      <div class=\"megjeleno\">\r\n        <span class=\"szekci\u00f3-cimke\">Kapcsolat<\/span><!-- \ud83d\udcdd -->\r\n        <h2 class=\"kapcsolat-info\" style=\"font-family:var(--font-cim);font-size:2rem;font-weight:700;color:var(--szin-navy);letter-spacing:-0.025em;margin-bottom:1rem\">Kezdj\u00fck el az egy\u00fcttm\u0171k\u00f6d\u00e9st.<\/h2><!-- \ud83d\udcdd -->\r\n        <p style=\"font-size:0.95rem;color:var(--szin-szurke-600);line-height:1.7;margin-bottom:2rem\">T\u00f6ltse ki az \u0171rlapot, \u00e9s 24 \u00f3r\u00e1n bel\u00fcl felvessz\u00fck \u00d6nnel a kapcsolatot szem\u00e9lyre szabott aj\u00e1nlattal. Sz\u00edvesen hallgatjuk meg v\u00e1llalkoz\u00e1s\u00e1nak ig\u00e9nyeit.<\/p><!-- \ud83d\udcdd -->\r\n\r\n        <div class=\"kapcsolat-elemek\">\r\n          <div class=\"kapcsolat-elem\">\r\n            <div class=\"kapcsolat-elem-ikon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"kapcsolat-elem-cimke\">Telefon<\/div>\r\n              <a href=\"tel:+36201234567\" style=\"color:var(--szin-navy);text-decoration:none\" class=\"kapcsolat-elem-ertek\">+36 20 123 4567<\/a><!-- \ud83d\udcdd TELEFON -->\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kapcsolat-elem\">\r\n            <div class=\"kapcsolat-elem-ikon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"kapcsolat-elem-cimke\">E-mail<\/div>\r\n              <a href=\"mailto:info@forpami.com\" style=\"color:var(--szin-navy);text-decoration:none\" class=\"kapcsolat-elem-ertek\">info@forpami.com<\/a><!-- \ud83d\udcdd EMAIL -->\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kapcsolat-elem\">\r\n            <div class=\"kapcsolat-elem-ikon\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"kapcsolat-elem-cimke\">C\u00edm<\/div>\r\n              <span class=\"kapcsolat-elem-ertek\">1234 Budapest, P\u00e9lda utca 1.<\/span><!-- \ud83d\udcdd C\u00cdM -->\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"kapcsolat-elem\">\r\n            <div class=\"kapcsolat-elem-ikon\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"kapcsolat-elem-cimke\">Nyitvatart\u00e1s<\/div>\r\n              <span class=\"kapcsolat-elem-ertek\">H\u2013P: 8:00 \u2013 17:00<\/span><!-- \ud83d\udcdd NYITVATART\u00c1S -->\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- JOBB OLDAL: KAPCSOLATI \u0170RLAP -->\r\n      <div class=\"kapcsolat-urlap-kartya megjeleno\">\r\n        <h3 style=\"font-family:var(--font-cim);font-size:1.2rem;font-weight:700;color:var(--szin-navy);margin-bottom:0.35rem\">Aj\u00e1nlatk\u00e9r\u00e9s<\/h3><!-- \ud83d\udcdd -->\r\n        <p style=\"font-size:0.85rem;color:var(--szin-szurke-400);margin-bottom:1.75rem\">T\u00f6ltse ki az al\u00e1bbi mez\u0151ket \u00e9s hamarosan felvessz\u00fck \u00d6nnel a kapcsolatot.<\/p><!-- \ud83d\udcdd -->\r\n\r\n        <div class=\"urlap-sor\">\r\n          <div class=\"urlap-mezo\">\r\n            <label for=\"nev\">N\u00e9v<\/label><!-- \ud83d\udcdd MEZ\u0150 FELIRAT -->\r\n            <input type=\"text\" id=\"nev\" placeholder=\"Kov\u00e1cs P\u00e9ter\"><!-- \ud83d\udcdd PLACEHOLDER -->\r\n          <\/div>\r\n          <div class=\"urlap-mezo\">\r\n            <label for=\"cegnev\">C\u00e9gn\u00e9v<\/label>\r\n            <input type=\"text\" id=\"cegnev\" placeholder=\"P\u00e9lda Kft.\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"urlap-sor\">\r\n          <div class=\"urlap-mezo\">\r\n            <label for=\"email\">E-mail c\u00edm<\/label>\r\n            <input type=\"email\" id=\"email\" placeholder=\"pelda@ceg.hu\">\r\n          <\/div>\r\n          <div class=\"urlap-mezo\">\r\n            <label for=\"telefon\">Telefonsz\u00e1m<\/label>\r\n            <input type=\"tel\" id=\"telefon\" placeholder=\"+36 30 ...\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"urlap-mezo\">\r\n          <label for=\"tema\">T\u00e9ma<\/label>\r\n          <select id=\"tema\">\r\n            <option value=\"\">V\u00e1lasszon ter\u00fcletet...<\/option><!-- \ud83d\udcdd OPCI\u00d3 -->\r\n            <option>Informatikai megold\u00e1sok (FORPAMI.COM)<\/option><!-- \ud83d\udcdd OPCI\u00d3 -->\r\n            <option>Csomagol\u00e1stechnika (FORPAMI.EU)<\/option><!-- \ud83d\udcdd OPCI\u00d3 -->\r\n            <option>Mindk\u00e9t \u00fczlet\u00e1g<\/option><!-- \ud83d\udcdd OPCI\u00d3 -->\r\n            <option>\u00c1ltal\u00e1nos \u00e9rdekl\u0151d\u00e9s<\/option><!-- \ud83d\udcdd OPCI\u00d3 -->\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"urlap-mezo\">\r\n          <label for=\"uzenet\">\u00dczenet<\/label>\r\n          <textarea id=\"uzenet\" placeholder=\"\u00cdrja le, miben tudunk seg\u00edteni...\"><\/textarea><!-- \ud83d\udcdd PLACEHOLDER -->\r\n        <\/div>\r\n        <button type=\"button\" class=\"gomb-narancs gomb-narancs-nagy\" style=\"width:100%;justify-content:center;margin-top:0.5rem\"\r\n          onclick=\"this.innerHTML='<i class=\\'fas fa-check\\'><\/i> K\u00f6sz\u00f6nj\u00fck! Hamarosan jelentkez\u00fcnk.';this.style.background='#1d6e3e';this.disabled=true\">\r\n          Aj\u00e1nlatot k\u00e9rek <i class=\"fas fa-paper-plane\"><\/i><!-- \ud83d\udcdd GOMB SZ\u00d6VEG -->\r\n        <\/button>\r\n        <p style=\"font-size:0.78rem;color:var(--szin-szurke-400);margin-top:0.75rem\">\r\n          <i class=\"fas fa-lock\" style=\"margin-right:4px;color:var(--szin-narancs)\"><\/i>\r\n          Adatait bizalmasan kezelj\u00fck \u00e9s nem adjuk \u00e1t harmadik f\u00e9lnek.\r\n          <a href=\"#\" style=\"color:var(--szin-navy)\">Adatv\u00e9delmi t\u00e1j\u00e9koztat\u00f3<\/a><!-- \ud83d\udcdd LINK -->\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     L\u00c1BL\u00c9C\r\n     \ud83d\udcdd M\u00f3dos\u00edtsd: linkeket, sz\u00f6vegeket, k\u00f6z\u00f6ss\u00e9gi linkeket\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer>\r\n  <div class=\"labl\u00e9c-racs\">\r\n\r\n    <!-- M\u00c1RKA OSZLOP -->\r\n    <div class=\"labl\u00e9c-marka\">\r\n      <a href=\"#\" class=\"logo\">\r\n        <img decoding=\"async\" src=\"1778702220282_image.png\" alt=\"FORPAMI log\u00f3\" class=\"logo-img\">\r\n        <div class=\"logo-szoveg\">\r\n          <span class=\"logo-nev\">FORPAMI TEAM<\/span>\r\n          <span class=\"logo-szlogen\">Minden, ami a m\u0171k\u00f6d\u00e9shez kell<\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <p>Modern B2B v\u00e1llalat, amely informatikai \u00e9s logisztikai megold\u00e1sokkal seg\u00edti partnereinek n\u00f6veked\u00e9s\u00e9t. Megb\u00edzhat\u00f3, gyors, szem\u00e9lyes.<\/p><!-- \ud83d\udcdd SZ\u00d6VEG -->\r\n      <div class=\"labl\u00e9c-kozossegi\">\r\n        <a href=\"#\" title=\"LinkedIn\"><i class=\"fab fa-linkedin-in\"><\/i><\/a><!-- \ud83d\udcdd LINKEDIN LINK -->\r\n        <a href=\"#\" title=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a><!-- \ud83d\udcdd FACEBOOK LINK -->\r\n        <a href=\"#\" title=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a><!-- \ud83d\udcdd YOUTUBE LINK -->\r\n        <a href=\"https:\/\/wa.me\/36201234567\" title=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a><!-- \ud83d\udcdd WHATSAPP LINK -->\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FORPAMI.COM OSZLOP -->\r\n    <div class=\"labl\u00e9c-oszlop\">\r\n      <h4>FORPAMI.COM<\/h4><!-- \ud83d\udcdd FEJL\u00c9C -->\r\n      <a href=\"#\">IT Eszk\u00f6z\u00f6k &amp; Hardware<\/a><!-- \ud83d\udcdd LINK -->\r\n      <a href=\"#\">Felh\u0151alap\u00fa megold\u00e1sok<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#\">H\u00e1l\u00f3zat &amp; Biztons\u00e1g<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#\">IT T\u00e1mogat\u00e1s<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#\">V\u00e1llalati szoftverek<\/a><!-- \ud83d\udcdd -->\r\n    <\/div>\r\n\r\n    <!-- FORPAMI.EU OSZLOP -->\r\n    <div class=\"labl\u00e9c-oszlop\">\r\n      <h4>FORPAMI.EU<\/h4><!-- \ud83d\udcdd FEJL\u00c9C -->\r\n      <a href=\"#\">Csomagol\u00f3anyagok<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#\">Logisztikai megold\u00e1sok<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#\">Rakt\u00e1ri kell\u00e9kek<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#\">B2B Webshop<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#\">Csomagol\u00e1si audit<\/a><!-- \ud83d\udcdd -->\r\n    <\/div>\r\n\r\n    <!-- V\u00c1LLALAT OSZLOP -->\r\n    <div class=\"labl\u00e9c-oszlop\">\r\n      <h4>V\u00e1llalat<\/h4><!-- \ud83d\udcdd -->\r\n      <a href=\"#bemutatkozas\">R\u00f3lunk<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#blog\">Blog &amp; Tud\u00e1st\u00e1r<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#kapcsolat\">Kapcsolat<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#\">Adatv\u00e9delem<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#\">\u00c1SZF<\/a><!-- \ud83d\udcdd -->\r\n      <a href=\"#\">S\u00fcti be\u00e1ll\u00edt\u00e1sok<\/a><!-- \ud83d\udcdd -->\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- ALS\u00d3 SOR -->\r\n  <div class=\"labl\u00e9c-also\">\r\n    <span>&copy; 2025 FORPAMI. Minden jog fenntartva.<\/span><!-- \ud83d\udcdd -->\r\n    <span>Tervezve &amp; fejlesztve pr\u00e9mium min\u0151s\u00e9ggel.<\/span><!-- \ud83d\udcdd -->\r\n  <\/div>\r\n<\/footer>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     JAVASCRIPT\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n\/\/ Bet\u00f6lt\u0151 elrejt\u00e9se\r\nwindow.addEventListener('load', () => {\r\n  setTimeout(() => {\r\n    document.getElementById('betolto').classList.add('rejtett');\r\n  }, 800);\r\n});\r\n\r\n\/\/ Sticky header\r\nconst fojlec = document.getElementById('fojlec');\r\nwindow.addEventListener('scroll', () => {\r\n  fojlec.classList.toggle('gorgetett', window.scrollY > 60);\r\n});\r\n\r\n\/\/ Mobil men\u00fc\r\ndocument.getElementById('menuNyit').addEventListener('click', () => {\r\n  document.getElementById('mobilMenu').classList.add('nyitva');\r\n  document.body.style.overflow = 'hidden';\r\n});\r\ndocument.getElementById('menuZar').addEventListener('click', zarasMobil);\r\ndocument.querySelectorAll('.mobil-nav a').forEach(a => a.addEventListener('click', zarasMobil));\r\nfunction zarasMobil() {\r\n  document.getElementById('mobilMenu').classList.remove('nyitva');\r\n  document.body.style.overflow = '';\r\n}\r\n\r\n\/\/ Scroll megjelen\u00e9s anim\u00e1ci\u00f3\r\nconst elemek = document.querySelectorAll('.megjeleno');\r\nconst megfigyelo = new IntersectionObserver((entries) => {\r\n  entries.forEach((e, i) => {\r\n    if (e.isIntersecting) {\r\n      const testv\u00e9rek = Array.from(e.target.parentElement.querySelectorAll('.megjeleno'));\r\n      const idx = testv\u00e9rek.indexOf(e.target);\r\n      setTimeout(() => e.target.classList.add('lathat\u00f3'), idx * 80);\r\n      megfigyelo.unobserve(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' });\r\nelemek.forEach(el => megfigyelo.observe(el));\r\n\r\n\/\/ Smooth scroll\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n  a.addEventListener('click', e => {\r\n    const cel = document.querySelector(a.getAttribute('href'));\r\n    if (cel) { e.preventDefault(); cel.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\r\n  });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\n\n\n\n<p style=\"padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/forpami.hu\/index.php?rest_route=\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forpami.hu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/forpami.hu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/forpami.hu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/forpami.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=31"}],"version-history":[{"count":3,"href":"https:\/\/forpami.hu\/index.php?rest_route=\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/forpami.hu\/index.php?rest_route=\/wp\/v2\/pages\/31\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/forpami.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}