/* a főoldal menüje és lábléce – pontos másolat, hatókörrel */
#sknav,#skfoot{--blue: #2A4A9C;--blue-deep: #1D3574;--blue-soft: #EBF0F8;--blue-line: #B9C6E2;--green: #4E9A32;--green-deep: #4E9A32;--green-soft: #EAF5E3;--teal: #4E9A32;--teal-soft: #EAF5E3;--amber: #F0B32B;--amber-soft: #FDF4E1;--coral: #D9552B;--coral-soft: #FAE7DE;--violet: #3B62C4;--violet-soft: #E5EAF6;--ink: #0B1633;--navy: #0B1633;--muted: #44506A;--line: #E2E6EF;--bg: #FFFFFF;--bg2: #F3F5F9;--r: 12px;--muted2: #5F6B85;--line2: #CDD3E0;--hair: rgba(0,0,0,.08);--blue-h: #1D3574;--link: #2A4A9C;--sf: -apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Manrope","Helvetica Neue",Helvetica,Arial,sans-serif;--ease: cubic-bezier(.28,.11,.32,1);}
#sknav *,#skfoot *{box-sizing: border-box;}
#sknav button{font: inherit; color: inherit;}
#sknav a,#skfoot a{color: inherit; text-decoration: none;}
#sknav .wrap,#skfoot .wrap{max-width: 1040px; margin: 0px auto; padding: 0px 24px;}
nav#sknav .wrap{max-width: 1240px;}
nav#sknav{position: sticky; top: 0px; z-index: 20; background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); transition: box-shadow 0.2s;}
nav#sknav.scrolled{box-shadow: rgba(42, 74, 156, 0.35) 0px 6px 24px -18px;}
nav#sknav .wrap{display: flex; align-items: center; height: 68px; gap: 0px;}
#sknav .brand,#skfoot .brand{display: flex; align-items: center; gap: 10px; flex: 0 0 auto; line-height: 1; margin-right: 36px;}
#sknav .logo,#skfoot .logo{width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto;}
#sknav .logo svg,#skfoot .logo svg{width: 100%; height: 100%; display: block;}
#sknav .wm,#skfoot .wm{font-size: 22px; font-weight: 700; letter-spacing: -0.03em; color: var(--blue); line-height: 1; transform: translateY(1px);}
#sknav .wm em,#skfoot .wm em{font-style: normal; color: var(--green);}
#sknav .links{display: flex; align-items: center; gap: 4px; height: 100%;}
#sknav .links .dd > a{display: inline-flex; align-items: center; gap: 4px; height: 40px; padding: 0px 13px; border-radius: 9px; color: var(--ink); font-weight: 600; font-size: 15px; line-height: 1; position: relative; transition: color 0.15s, background 0.15s; white-space: nowrap;}
#sknav .links .dd > a:hover,#sknav .links .dd:hover > a,#sknav .links .dd:focus-within > a{color: var(--blue); background: var(--blue-soft);}
#sknav .dd{position: relative; display: flex; align-items: center;}
#sknav .chev{width: 15px; height: 15px; opacity: 0.6; transition: transform 0.2s; flex: 0 0 auto; margin-top: 1px;}
#sknav .dd:hover .chev,#sknav .dd:focus-within .chev{transform: rotate(180deg); opacity: 1;}
#sknav .menu{position: absolute; left: 0px; top: calc(100% + 4px); min-width: 236px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 14px; box-shadow: rgba(42, 74, 156, 0.28) 0px 24px 48px -20px, rgba(42, 74, 156, 0.06) 0px 2px 6px; padding: 8px; display: none; flex-direction: column; z-index: 30; animation: 0.16s ease-out 0s 1 normal none running menuIn;}
@keyframes menuIn { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: none; }
}
#sknav .menu::before{content: ""; position: absolute; left: 0px; right: 0px; top: -8px; height: 8px;}
#sknav .dd:hover .menu,#sknav .dd:focus-within .menu{display: flex;}
#sknav .menu a{padding: 9px 12px; border-radius: 9px; font-size: 14.5px; font-weight: 500; color: var(--ink); white-space: nowrap; transition: background 0.12s, color 0.12s; line-height: 1.3;}
#sknav .menu a:hover{background: var(--blue-soft); color: var(--blue);}
#sknav .menu.cols{display: none; flex-direction: row; gap: 8px; padding: 16px; min-width: 600px;}
#sknav .dd:hover .menu.cols,#sknav .dd:focus-within .menu.cols{display: flex;}
#sknav .menu.cols > div{display: flex; flex-direction: column; min-width: 170px;}
#sknav .menu.cols > div + div{border-left: 1px solid var(--line); padding-left: 8px;}
#sknav .menu h5{margin: 2px 12px 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);}
#sknav .menu a.all{color: var(--blue); font-weight: 600; margin-top: 6px;}
#sknav .navr{display: flex; align-items: center; gap: 8px; margin-left: auto; flex: 0 0 auto;}
#sknav .user{display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0px 13px; border-radius: 9px; color: var(--ink); font-weight: 600; font-size: 15px; line-height: 1; transition: background 0.15s, color 0.15s;}
#sknav .user svg{width: 17px; height: 17px; flex: 0 0 auto;}
#sknav .user:hover{background: var(--blue-soft); color: var(--blue);}
#sknav .cta{display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--blue); color: rgb(255, 255, 255); font-weight: 700; border-radius: 10px; font-size: 15px; line-height: 1;}
#sknav .cta:hover{background: var(--blue-deep);}
#sknav .cta.sm{height: 40px; padding: 0px 18px; margin-left: 4px; box-shadow: rgba(42, 74, 156, 0.7) 0px 6px 16px -10px;}
#sknav .burger{display: none; width: 40px; height: 40px; border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 10px; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; gap: 5px; padding: 0px; margin-left: 4px;}
#sknav .burger span{display: block; width: 18px; height: 2px; background: var(--ink); border-radius: 2px; transition: transform 0.2s, opacity 0.2s;}
#sknav .burger[aria-expanded="true"] span:nth-child(1){transform: translateY(7px) rotate(45deg);}
#sknav .burger[aria-expanded="true"] span:nth-child(2){opacity: 0;}
#sknav .burger[aria-expanded="true"] span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
#sknav .mobnav{display: none; flex-direction: column; border-top: 1px solid var(--line); background: rgb(255, 255, 255); padding: 8px 20px 16px; max-height: calc(-68px + 100vh); overflow: auto;}
#sknav .mobnav.on{display: flex;}
#sknav .mobnav h5{margin: 14px 0px 4px; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);}
#sknav .mobnav a{padding: 10px 4px; font-weight: 600; font-size: 15.5px; color: var(--ink);}
#sknav .mobnav a.acc{color: var(--blue);}
@media (max-width: 1180px){#sknav .brand,#skfoot .brand{margin-right: 20px;}}
@media (max-width: 1180px){#sknav .links{gap: 0px;}}
@media (max-width: 1180px){#sknav .links .dd > a{padding: 0px 10px; font-size: 14.5px;}}
@media (max-width: 1180px){#sknav .menu.cols{min-width: 520px;}}
@media (max-width: 1180px){#sknav .menu.cols > div{min-width: 150px;}}
@media (max-width: 1180px){#sknav .user span{display: none;}}
@media (max-width: 1180px){#sknav .user{padding: 0px 10px;}}
@media (max-width: 900px){#sknav .links{display: none;}}
@media (max-width: 900px){#sknav .burger{display: flex;}}
@media (max-width: 900px){nav#sknav .wrap{gap: 12px;}}
@media (max-width: 640px){nav#sknav .wrap{height: 58px;}}
@media (max-width: 640px){#sknav .logo,#skfoot .logo{width: 28px; height: 28px;}}
@media (max-width: 640px){#sknav .wm,#skfoot .wm{font-size: 20px;}}
@media (max-width: 640px){#sknav .cta.sm{height: 36px; padding: 0px 12px; font-size: 14px; margin-left: 0px;}}
@media (max-width: 640px){#sknav .user{display: none;}}
@media (max-width: 640px){#sknav .burger{width: 36px; height: 36px;}}
@keyframes b { 
  0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
  40% { transform: scale(1); opacity: 1; }
}
@keyframes pl { 
  0% { r: 3; opacity: 0.5; }
  100% { r: 12; opacity: 0; }
}
footer#skfoot{border-top: 1px solid var(--line); padding: 40px 0px; color: var(--muted); font-size: 14px;}
footer#skfoot .wrap{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; align-items: center;}
footer#skfoot a:hover{color: var(--ink);}
footer#skfoot{background: var(--bg2); border-top: 1px solid var(--line); padding: 56px 0px 28px;}
footer#skfoot .wrap{display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; align-items: start;}
footer#skfoot .fbrand p{margin: 12px 0px 0px; max-width: 34ch; line-height: 1.5;}
footer#skfoot h4{margin: 0px 0px 12px; font-size: 14px; font-weight: 700; color: var(--blue);}
footer#skfoot .fcol{display: flex; flex-direction: column; gap: 9px;}
footer#skfoot .fcol a:hover{color: var(--blue);}
footer#skfoot .bottom{grid-column: 1 / -1; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; border-top: 1px solid var(--line); padding-top: 18px; font-size: 13px; margin-top: 8px;}
@media (max-width: 900px){footer#skfoot .wrap{grid-template-columns: 1fr 1fr;}}
@media (max-width: 640px){footer#skfoot .wrap{grid-template-columns: 1fr; gap: 22px;}}
@media (hover: hover){#sknav .cta{transition: background 0.15s, transform 0.15s, box-shadow 0.15s;}}
@media (hover: hover){#sknav .cta.sm:hover{box-shadow: rgba(42, 74, 156, 0.8) 0px 8px 20px -10px;}}
@media (hover: hover){#sknav .brand .logo,#skfoot .brand .logo{transition: transform 0.2s;}}
@media (hover: hover){#sknav .brand:hover .logo,#skfoot .brand:hover .logo{transform: rotate(-8deg) scale(1.05);}}
@keyframes bounce { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
}
@media (hover: hover){footer#skfoot a{transition: color 0.15s;}}
@media (prefers-reduced-motion: reduce){#sknav *,#skfoot *{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
#skfoot h4,#sknav h5{font-family: var(--sf);}
#sknav .wrap,#skfoot .wrap{max-width: 1024px;}
nav#sknav{background: rgba(255, 255, 255, 0.72); backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid var(--hair); box-shadow: none;}
nav#sknav.scrolled{background: rgba(255, 255, 255, 0.8); box-shadow: none;}
nav#sknav .wrap{height: 52px; max-width: 1120px;}
#sknav .logo,#skfoot .logo{width: 28px; height: 28px;}
#sknav .wm,#skfoot .wm{font-size: 19px; font-weight: 600; letter-spacing: -0.02em; color: var(--ink);}
#sknav .wm em,#skfoot .wm em{font-style: normal; font-weight: 400; color: var(--muted2);}
#sknav .links .dd > a{height: 36px; padding: 0px 12px; border-radius: 0px; background: transparent; font-size: 13px; font-weight: 400; letter-spacing: -0.01em; color: rgba(0, 0, 0, 0.8);}
#sknav .links .dd > a:hover,#sknav .links .dd:hover > a,#sknav .links .dd:focus-within > a{color: rgb(0, 0, 0); background: transparent;}
#sknav .links .dd > a svg{opacity: 0.45;}
#sknav .menu{border: 0px; border-radius: 18px; background: rgba(255, 255, 255, 0.94); backdrop-filter: saturate(180%) blur(20px); box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.14) 0px 16px 48px; padding: 10px;}
#sknav .menu a{font-size: 14px; font-weight: 400; color: var(--ink); border-radius: 10px; padding: 8px 12px;}
#sknav .menu a:hover{background: var(--bg2); color: var(--ink);}
#sknav .menu a.all{color: var(--link);}
#sknav .menu h5{font-size: 12px; font-weight: 400; letter-spacing: 0px; text-transform: none; color: var(--muted2);}
#sknav .user{height: 36px; font-size: 13px; font-weight: 400; color: rgba(0, 0, 0, 0.8); background: transparent;}
#sknav .user:hover{background: transparent; color: rgb(0, 0, 0);}
#sknav .cta{border-radius: 980px; background: var(--blue); font-weight: 400; box-shadow: none;}
#sknav .cta:hover{background: var(--blue-h);}
#sknav .cta.sm{height: 30px; padding: 0px 14px; font-size: 13px; box-shadow: none;}
#sknav .cta.sm:hover{box-shadow: none;}
#sknav .brand:hover .logo,#skfoot .brand:hover .logo{transform: none;}
#sknav .burger{border: 0px; background: transparent;}
#sknav .mobnav{background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(20px); border-top: 1px solid var(--hair); padding: 8px 24px 24px;}
#sknav .mobnav h5{margin: 18px 0px 4px; font-size: 12px; font-weight: 400; letter-spacing: 0px; text-transform: none; color: var(--muted2);}
#sknav .mobnav a{padding: 8px 0px; font-size: 19px; font-weight: 600; letter-spacing: 0.012em; color: var(--ink);}
footer#skfoot{background: var(--bg2); border-top: 0px; padding: 32px 0px 18px; font-size: 12px; line-height: 1.33337; letter-spacing: -0.01em; color: var(--muted);}
footer#skfoot .wrap{max-width: 1024px; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 28px;}
footer#skfoot .fbrand .wm{font-size: 17px !important;}
footer#skfoot .fbrand p{font-size: 12px; line-height: 1.5; color: var(--muted); max-width: 36ch;}
footer#skfoot h4{margin: 0px 0px 10px; font-size: 12px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink);}
footer#skfoot .fcol{gap: 6px;}
footer#skfoot .fcol a{color: rgb(58, 66, 86);}
footer#skfoot a:hover,footer#skfoot .fcol a:hover{color: rgb(58, 66, 86); text-decoration: underline;}
footer#skfoot .bottom{margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--line2); font-size: 12px; color: var(--muted2);}
@media (max-width: 640px){#sknav .wrap,#skfoot .wrap{padding-left: 16px; padding-right: 16px;}}
@media (max-width: 640px){nav#sknav .wrap{height: 48px;}}
@media (max-width: 640px){#sknav .wm,#skfoot .wm{font-size: 18px;}}
@media (max-width: 640px){#sknav .cta.sm{height: 30px; padding: 0px 12px; font-size: 13px;}}
@media (max-width: 640px){footer#skfoot .wrap{grid-template-columns: 1fr 1fr; gap: 18px;}}
@media (max-width: 640px){footer#skfoot .fbrand,footer#skfoot .bottom{grid-column: 1 / -1;}}
#sknav .cta{background: rgb(24, 58, 165);}
#sknav .cta:hover{background: rgb(18, 48, 143);}
footer#skfoot h4{color: rgb(24, 58, 165);}
@keyframes blobA { 
  0% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(120px, -60px) scale(1.15); }
  100% { transform: translate(40px, 80px) scale(0.95); }
}
@keyframes blobB { 
  0% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(-140px, 80px) scale(1.1); }
  100% { transform: translate(-40px, 20px) scale(1.2); }
}
@keyframes aiBorder { 
  0% { background-position: 0px 0px, 0% 50%; }
  100% { background-position: 0px 0px, 300% 50%; }
}
@keyframes aiGlow { 
  0%, 100% { opacity: 0.16; transform: scale(1); }
  50% { opacity: 0.3; transform: scale(1.02); }
}
@keyframes btnShine { 
  0%, 100% { background-position: 0% 0px; }
  50% { background-position: 100% 0px; }
}
@keyframes spark { 
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.12) rotate(12deg); }
}
@keyframes livePulse { 
  0% { transform: scale(0.4); opacity: 1; }
  100% { transform: scale(1.6); opacity: 0; }
}
@keyframes heroIn { 
  0% { opacity: 0; transform: translateY(18px); }
  100% { opacity: 1; transform: none; }
}
@keyframes aiBorder2 { 
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}
@keyframes glowBreath { 
  0% { opacity: 0.4; transform: scale(0.98); }
  100% { opacity: 0.56; transform: scale(1.02); }
}
nav#sknav .wm{color: rgb(24, 58, 165);}
nav#sknav .wm em{color: rgb(36, 138, 71); font-weight: 500;}
@keyframes aispin { 
  100% { transform: rotate(360deg); }
}
@keyframes sxcUp { 
  0% { transform: translateY(24px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@keyframes fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes sxcIn { 
  0% { transform: translateY(6px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@keyframes sxcDot { 
  0%, 80%, 100% { transform: translateY(0px); opacity: 0.5; }
  40% { transform: translateY(-4px); opacity: 1; }
}
#sknav a.cta.sm[href$="/partner"]{background: transparent !important; color: rgb(24, 58, 165) !important; box-shadow: rgba(42, 74, 156, 0.35) 0px 0px 0px 1.5px inset !important;}
#sknav a.cta.sm[href$="/partner"]:hover{background: rgb(238, 242, 252) !important; box-shadow: rgb(24, 58, 165) 0px 0px 0px 1.5px inset !important;}
@keyframes eyeP { 
  0% { transform: scale(0.5); opacity: 1; }
  100% { transform: scale(1.6); opacity: 0; }
}
@keyframes hxP { 
  0% { transform: scale(0.5); opacity: 1; }
  100% { transform: scale(1.7); opacity: 0; }
}
@keyframes hxP { 
  0% { transform: scale(0.5); opacity: 1; }
  100% { transform: scale(1.7); opacity: 0; }
}
@keyframes aqmF { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes aqmU { 
  0% { opacity: 0; transform: translateY(14px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}

nav#sknav{font-size:17px;line-height:1.47059;letter-spacing:-.022em;color:#0B1633;-webkit-font-smoothing:antialiased}
body{font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Helvetica Neue", Helvetica, Arial, sans-serif !important}

/* lábléc – mint a főoldalon */
#skfoot,footer#skfoot{background:#0B1633!important;color:rgba(255,255,255,.7)!important;border-top:0!important}
#skfoot h4{color:#F6CE7F!important}
#skfoot a{color:rgba(255,255,255,.8)!important}
#skfoot a:hover{color:#fff!important;text-decoration:underline}
#skfoot p{color:rgba(255,255,255,.7)!important}
#skfoot .wm,#skfoot .brand .wm{color:#fff!important}
#skfoot .wm em,#skfoot .brand .wm em{color:#8FD473!important}
#skfoot .bottom{border-top-color:rgba(255,255,255,.12)!important;color:rgba(255,255,255,.55)!important}
#skfoot .fspecs{border-top-color:rgba(255,255,255,.12)!important}
.loc .avl{margin:6px 0 2px;font-size:13.5px;color:var(--ink);display:flex;flex-wrap:wrap;gap:4px 12px}.loc .avl b{font-weight:600;color:var(--green,#4E9A32)}