/* aMarketingese — premium reteg a sw.css folott (v3) */
:root{
  --arany-fény:rgba(255,255,255,.14);
  --uveg:rgba(255,255,255,.07);
  --uveg-keret:rgba(255,255,255,.16);
  --melyseg:0 40px 90px -40px rgba(0,0,0,.72),0 12px 32px -16px rgba(0,0,0,.45);
}
/* --- finom szemcse a sotet savokra: minosegi nyomat-hatas --- */
.szemcse{position:relative}
.szemcse::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}

/* --- hero: melyebb, retegzett --- */
.aeh{background:
  radial-gradient(1100px 520px at 82% 10%,rgba(95,208,232,.20),transparent 62%),
  radial-gradient(760px 480px at 8% 92%,rgba(218,84,9,.16),transparent 66%),
  linear-gradient(158deg,#0D2229 0%,#123F4B 46%,#0A5F6E 100%)}
.aeh::after{background:
  linear-gradient(102deg,transparent 38%,rgba(255,255,255,.055) 48%,transparent 58%)}
.aeh-racs{gap:60px}
.aeh{padding:74px 0 82px}
.aeh h1 em{background:linear-gradient(96deg,#7FE0F2 0%,#5FD0E8 55%,#A9EAF6 100%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#5FD0E8}

/* --- TELEFON-MOCKUP --- */
.tel-doboz{position:relative;width:100%;max-width:244px;margin:0 auto;perspective:1400px}
.tel{position:relative;border-radius:46px;padding:9px;
 background:linear-gradient(150deg,#4A5257 0%,#1B2124 26%,#0C1012 55%,#2A3237 82%,#565F64 100%);
 box-shadow:var(--melyseg),inset 0 1px 1px rgba(255,255,255,.28),inset 0 -1px 1px rgba(0,0,0,.6);
 transform:rotate(-2.2deg)}
.tel-kepernyo{position:relative;border-radius:38px;overflow:hidden;background:#000;aspect-ratio:9/19.5}
.tel-kepernyo img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;display:block}
.tel-sziget{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:66px;height:19px;
 border-radius:99px;background:#07090A;z-index:3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.tel-fény{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:38px;
 background:linear-gradient(118deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.05) 22%,transparent 44%,
  transparent 72%,rgba(255,255,255,.09) 100%)}
.tel-gomb{position:absolute;width:3px;border-radius:3px;background:linear-gradient(180deg,#3B4348,#1A1F22);right:-3px}
.tel-gomb.g1{top:128px;height:48px}.tel-gomb.g2{top:186px;height:48px}
.tel-gomb.bal{left:-3px;right:auto;top:106px;height:26px}
.tel-lejatszo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;
 width:66px;height:66px;border-radius:50%;display:grid;place-items:center;text-decoration:none;
 background:rgba(255,255,255,.16);backdrop-filter:blur(9px) saturate(1.4);
 border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 34px -10px rgba(0,0,0,.7);
 transition:transform .2s,background .2s}
.tel-lejatszo:hover{transform:translate(-50%,-50%) scale(1.07);background:rgba(255,255,255,.26)}
.tel-lejatszo span{width:0;height:0;border-left:20px solid #fff;border-top:13px solid transparent;
 border-bottom:13px solid transparent;margin-left:6px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.tel-alcim{position:absolute;left:0;right:0;bottom:18px;z-index:3;text-align:center;
 font-size:12.5px;font-weight:600;color:rgba(255,255,255,.92);letter-spacing:.02em;
 text-shadow:0 2px 10px rgba(0,0,0,.8)}
.tel-glow{position:absolute;inset:-14% -18% -22%;z-index:-1;border-radius:50%;
 background:radial-gradient(closest-side,rgba(95,208,232,.30),transparent 74%);filter:blur(26px)}

/* uveg-kartyak a telefon korul */
.uveg-k{position:absolute;z-index:5;background:rgba(11,30,37,.62);backdrop-filter:blur(16px) saturate(1.5);
 border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:14px 18px;white-space:nowrap;
 box-shadow:0 20px 46px -18px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.2)}
.uveg-k .n{font-size:23px;font-weight:800;letter-spacing:-.03em;line-height:1;
 background:linear-gradient(180deg,#fff,#CFE9F1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.uveg-k .c{font-size:12px;color:rgba(255,255,255,.82);margin-top:4px;line-height:1.32;white-space:normal;max-width:15ch}
.uveg-1{left:-76px;top:78px}
.uveg-2{right:-70px;bottom:96px}
@media(max-width:1100px){.uveg-1{left:-46px}.uveg-2{right:-40px}}
@media(max-width:960px){.uveg-1{left:-8px;top:24px}.uveg-2{right:-6px;bottom:30px}}

/* --- premium kartyak: gradiens hajszalkeret + belso csillanas --- */
.kartya{position:relative;background:
  linear-gradient(#fff,#fff) padding-box,
  linear-gradient(152deg,#E8EFF6 0%,#DCE7F1 42%,#F3F7FA 100%) border-box;
 border:1px solid transparent;
 box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 6px -3px rgba(32,51,65,.10)}
a.kartya:hover{box-shadow:0 24px 52px -28px rgba(10,95,110,.45),0 1px 0 rgba(255,255,255,.9) inset}
.kartya-halvany{background:linear-gradient(168deg,#F8FBFC 0%,#F1F6F9 100%) padding-box,
 linear-gradient(152deg,#E4EEF4,#F4F9FB) border-box}

/* nagy szamok: finom gradiens */
.eset .n,.szamok .n{background:linear-gradient(178deg,var(--jel) 0%,#F0762E 100%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sotet .szamok .n{background:linear-gradient(178deg,#fff 0%,#9EC7D2 100%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* --- szakasz-elvalasztok: hajszal gradiens --- */
.valaszto{height:1px;border:0;margin:0;
 background:linear-gradient(90deg,transparent,var(--keret) 18%,var(--keret) 82%,transparent)}

/* --- sotet sav: melyseg + szemcse --- */
.sotet{background:
  radial-gradient(760px 380px at 12% 0%,rgba(95,208,232,.13),transparent 62%),
  radial-gradient(620px 340px at 92% 100%,rgba(218,84,9,.10),transparent 66%),
  linear-gradient(166deg,#0D2229 0%,#15313B 60%,#0F2831 100%)}
.alapito img{box-shadow:0 30px 70px -34px rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.09)}

/* --- gomb: melyseg --- */
.gomb-fo{background:linear-gradient(178deg,#E45E0E 0%,#DA5409 58%,#C24A06 100%);
 box-shadow:0 10px 26px -12px rgba(218,84,9,.65),inset 0 1px 0 rgba(255,255,255,.26)}
.gomb-fo:hover{background:linear-gradient(178deg,#EE6913 0%,#DE5A0D 58%,#C94D07 100%);
 box-shadow:0 16px 34px -12px rgba(218,84,9,.75),inset 0 1px 0 rgba(255,255,255,.3)}

/* --- logofal: finom panel --- */
.logofal-panel{background:linear-gradient(180deg,#FBFDFE,#F4F8FA);border:1px solid var(--keret);
 border-radius:var(--r-kartya);padding:38px 34px;box-shadow:inset 0 1px 0 #fff}

/* --- zaro: fenyjatek --- */
.zaro{position:relative;overflow:hidden;
 background:radial-gradient(900px 420px at 80% 8%,rgba(95,208,232,.22),transparent 60%),
  linear-gradient(158deg,#0D2229 0%,#123F4B 48%,#0A5F6E 100%);
 box-shadow:0 40px 90px -50px rgba(10,95,110,.7)}
.zaro::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(104deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%)}

/* --- gyik: finomabb --- */
.gyik details{transition:background .18s;border-radius:12px;padding:22px 18px}
.gyik details[open]{background:linear-gradient(180deg,#F8FBFC,#F3F8FA)}

/* a hero-roka: a totemallat a telefon mogott */
.aeh-roka{position:absolute;left:-116px;bottom:-18px;width:172px;height:auto;z-index:0;
 opacity:.92;filter:drop-shadow(0 22px 40px rgba(0,0,0,.5));pointer-events:none}
@media(max-width:1100px){.aeh-roka{left:-70px;width:132px}}
@media(max-width:960px){.aeh-roka{display:none}}
/* logo a fejlecben */
.fejlec .logo{display:flex;align-items:center}
.lablec .logo{display:inline-flex;align-items:center;margin-bottom:4px}
.fejlec .logo{display:flex;align-items:center}

/* A regi szkriptek a .hero osztalyra injektalnak dekoraciot (blob-canvas).
   Az uj keret .aeh nevet hasznal, igy nem talalnak ra. Biztonsagi zar: */
.aeh > canvas,.aeh .blob-canvas,#page-loader{display:none!important}
/* GYIK: a nyitott allapot magassaga nem ervenyesult (szabaly-utkozes a regi CSS-ben) */
.regi .faq-item.open .faq-a{max-height:600px!important;padding:0 1.5rem 1.25rem!important}

/* GYIK: a max-height-os megoldas nem ervenyesult, ezert magassag-alapu nyitas */
.regi .faq-a{max-height:none!important;height:0;overflow:hidden;transition:height .32s ease}
.regi .faq-item.open .faq-a{height:auto!important;padding:0 1.5rem 1.25rem!important}
/* A dekorativ, abszolut pozicionalt reteget (gradiens-overlay) a SAJAT szakaszahoz
   kell kotni, kulonben a legkozelebbi pozicionalt osig nyulik es lyukat nyit. */
.regi section{position:relative}
.regi section > div[style*="position:absolute"][style*="inset:0"]{pointer-events:none}

/* hero-tenyek sor */
.aeh-tenyek{display:flex;gap:34px;flex-wrap:wrap;margin-top:26px;
 border-top:1px solid rgba(255,255,255,.14);padding-top:22px}
.aeh-tenyek div{display:flex;flex-direction:column;gap:2px}
.aeh-tenyek b{font-size:22px;font-weight:800;letter-spacing:-.03em;color:#fff}
.aeh-tenyek span{font-size:13px;color:rgba(255,255,255,.62);line-height:1.35;max-width:20ch}
@media(max-width:640px){.aeh-tenyek{gap:20px}}
.aeh-video{margin:16px 0 0;text-align:center;font-size:13.5px}
.aeh-video a{color:rgba(255,255,255,.72);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28)}
.aeh-video a:hover{color:#fff;border-color:#fff}

/* A main.css body{opacity:0}+beuszatas szabalya a szukiteskor .regi{opacity:0}-va valt,
   es az animacio mar nem kapcsolja vissza -> a teljes tartalom lathatatlan lett.
   Ez a site dokumentalt csapdaja; itt zarjuk le vegleg. */
.regi{opacity:1!important;animation:none!important;visibility:visible!important;transform:none!important}


/* --- BODY-SZINTU INJEKTALT ELEMEK (fab-gombok, kurzor, folyamatjelzo) ---
   Szkript szurja a <body> vegere, ezert a .regi ala szukitett szabalyaik
   nem talalnak rajuk. Itt szukites nelkul allnak vissza. */
.loader-inner{text-align:center}
.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:10000;border-radius:50%;top:0;left:0;mix-blend-mode:difference}
.cursor-dot{width:6px;height:6px;background:#fff;margin:-3px 0 0 -3px;transition:width .2s,height .2s,margin .2s}
.cursor-ring{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);margin:-18px 0 0 -18px;transition:width .3s,height .3s,margin .3s,border-color .3s}
.cursor-dot.cursor-hover{width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--brand)}
.cursor-ring.cursor-hover{width:50px;height:50px;margin:-25px 0 0 -25px;border-color:var(--brand)}
.scroll-top{position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:var(--r);background:var(--brand);color:#fff;border:none;font-size:1.25rem;cursor:pointer;z-index:50;box-shadow:var(--glow);opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.25,.1,.25,1)}
.scroll-top.visible{opacity:1;transform:translateY(0)}
.scroll-top:hover{transform:translateY(-6px);box-shadow:0 0 60px rgba(76,110,245,.3)}
.fab-group{position:fixed;bottom:8.75rem;right:1.5rem;z-index:50;display:flex;flex-direction:column;gap:.75rem;animation:cta-float 3s ease-in-out infinite}
.fab-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.35rem;transition:all .4s cubic-bezier(.25,.1,.25,1),filter .3s;opacity:0;transform:translateY(20px)}
.fab-btn.visible{opacity:1;transform:translateY(0)}
.fab-scroll{background:#4c6ef5;color:#fff;box-shadow:0 4px 16px rgba(76,110,245,.4)}
.fab-call{background:#ff7a59;color:#fff;box-shadow:0 4px 16px rgba(255,122,89,.35)}
.fab-btn:hover{transform:scale(1.1);filter:brightness(1.04)}
.fab-btn{width:50px;height:50px;font-size:1.2rem}
.fab-group{display: none !important;}
.scroll-top{bottom: 1.5rem !important;
  right: 1.5rem !important;
  width: 48px !important; height: 48px !important;
  z-index: 60 !important;}
.cursor-dot,.cursor-ring{display:none}
.fab-group{bottom:7.875rem;right:1rem}
.nav,.footer,.urgency-bar,.floating-cta,.wa-btn,.fab-group,.cookie-inner,.social-proof-notif,.sidebar-cta,.sidebar-pdf,.inline-cta,#exit-popup,#cookie-banner,#page-loader,.scroll-top,.blog-sidebar,.share-row{display:none!important}
.cursor-dot, .cursor-ring{display: none !important;}
.scroll-top{bottom: 1rem !important; right: 1rem !important; width: 44px !important; height: 44px !important;}
body:has(.ae-mobile-cta) .scroll-top{bottom: 5rem !important;}
@media(max-width:1024px){.cursor-dot,.cursor-ring{display:none}}
@media(max-width:768px){.fab-group{bottom:7.875rem;right:1rem}.fab-btn{width:50px;height:50px;font-size:1.2rem}}
@media print{.nav,.footer,.urgency-bar,.floating-cta,.wa-btn,.fab-group,.cookie-inner,.social-proof-notif,.sidebar-cta,.sidebar-pdf,.inline-cta,#exit-popup,#cookie-banner,#page-loader,.scroll-top,.blog-sidebar,.share-row{display:none!important}}
@media (max-width: 1280px){.cursor-dot, .cursor-ring{display: none !important;}}
@media (max-width: 768px){.scroll-top{bottom: 1rem !important; right: 1rem !important; width: 44px !important; height: 44px !important;}}
@media (max-width: 768px){body:has(.ae-mobile-cta) .scroll-top{bottom: 5rem !important;}}

/* ================= FEJLEC-MENU (aeh- nevter) ================= */
.aeh-nav{display:flex;gap:4px;margin-left:14px;align-items:center}
.aeh-nav>a,.aeh-nav-le{color:#33475B;text-decoration:none;font-size:15px;font-weight:600;
 padding:9px 13px;border-radius:999px;background:none;border:0;cursor:pointer;font-family:inherit;
 line-height:1.2;transition:background .15s,color .15s;white-space:nowrap}
.aeh-nav>a:hover,.aeh-nav-le:hover{background:#EEF4F8;color:#0B4653}
.aeh-nav-le::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;
 border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);
 transition:transform .18s}
.aeh-nyit .aeh-nav-le::after{transform:rotate(-135deg) translateY(1px)}
.aeh-nyit .aeh-nav-le{background:#EEF4F8;color:#0B4653}
.fejlec .gomb.aeh-fejgomb{margin-left:auto}
/* mega-lenyilo */
.aeh-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #E1EBF1;
 border-bottom:1px solid #E1EBF1;box-shadow:0 30px 60px -30px rgba(11,34,41,.28);z-index:71}
.aeh-mega[hidden]{display:none}
.aeh-mega-b{display:grid;grid-template-columns:repeat(4,1fr) 1.1fr;gap:28px;padding:30px 24px 34px}
.aeh-mm-oszlop h4{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.15em;
 text-transform:uppercase;color:#A63F05}
.aeh-mm-oszlop a{display:block;text-decoration:none;padding:8px 10px;margin:0 -10px;border-radius:10px;transition:background .14s}
.aeh-mm-oszlop a:hover{background:#F4F8FA}
.aeh-mm-oszlop b{display:block;color:#132029;font-size:14.5px;font-weight:650;line-height:1.35}
.aeh-mm-oszlop span{display:block;color:#54697A;font-size:13px;margin-top:2px;line-height:1.4}
.aeh-mm-zaro{background:#08181E;border-radius:16px;padding:22px 22px 24px;color:#fff;align-self:start}
.aeh-mm-zaro b{display:block;font-size:15.5px;margin-bottom:8px}
.aeh-mm-zaro p{margin:0 0 16px;font-size:13.5px;color:rgba(255,255,255,.86);line-height:1.5}
.aeh-mm-zaro .gomb{display:inline-block;font-size:13.5px;padding:11px 18px}
/* hamburger + mobil panel */
.aeh-hamb{display:none;margin-left:12px;width:42px;height:42px;border:1px solid #E1EBF1;background:#fff;
 border-radius:12px;cursor:pointer;padding:0;flex-direction:column;gap:4px;align-items:center;justify-content:center}
.aeh-hamb span{display:block;width:18px;height:2px;background:#132029;border-radius:2px;transition:transform .2s,opacity .2s}
.aeh-hamb-x span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.aeh-hamb-x span:nth-child(2){opacity:0}
.aeh-hamb-x span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.aeh-mobil{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #E1EBF1;
 max-height:calc(100vh - 70px);overflow:auto;z-index:71;padding:14px 0 26px}
.aeh-mobil[hidden]{display:none}
.aeh-mobil>.sav>a,.aeh-mob-cs>summary{display:block;padding:13px 4px;border-bottom:1px solid #EEF4F8;
 color:#132029;text-decoration:none;font-size:16px;font-weight:600;cursor:pointer;list-style:none}
.aeh-mob-cs>summary::-webkit-details-marker{display:none}
.aeh-mob-cs>summary::after{content:"+";float:right;color:#A63F05;font-weight:800}
.aeh-mob-cs[open]>summary::after{content:"–"}
.aeh-mob-cs>a{display:block;padding:10px 4px 10px 18px;color:#41586A;text-decoration:none;font-size:15px}
.aeh-mobil-cta{display:block;text-align:center;margin-top:18px}
@media(max-width:1080px){
 .aeh-nav{display:none}.aeh-hamb{display:flex}.fejlec .gomb.aeh-fejgomb{display:none}
}
@media(min-width:1081px){.aeh-mobil{display:none!important}}
.fejlec{position:sticky}

.aeh-mobil-cta,.aeh-mm-zaro .gomb{color:#fff!important;
 background:linear-gradient(178deg,#C24A06,#A63F05 60%,#8F3604)!important;border-color:transparent!important}
.aeh-mobil-cta:hover,.aeh-mm-zaro .gomb:hover{color:#fff!important}