PageSourceSearch

https://szabocapitalgroup.com/

html szabocapitalgroup.com collected 2026-10-01 14:29:23 UTC 288,545 bytes, 3,618 lines download raw bytes

1<!DOCTYPE html><html  lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Kezdőlap | Szabo Capital Group</title><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="anonymous"><link rel="preconnect" href="https://backend.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://images.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://cdn.filesafe.space" crossorigin="anonymous"><meta name="title" content="Kezdőlap | Szabo Capital Group"><meta property="og:title" content="Kezdőlap | Szabo Capital Group"><meta property="og:type" content="website"><meta property="twitter:type" content="website"><style> 
2
3 :root{ --transparent: transparent;
4--primary: #37ca37;
5--secondary: #188bf6;
6--white: #ffffff;
7--gray: #cbd5e0;
8--black: #000000;
9--red: #e93d3d;
10--orange: #f6ad55;
11--yellow: #faf089;
12--green: #9ae6b4;
13--teal: #81e6d9;
14--malibu: #63b3ed;
15--indigo: #757BBD;
16--purple: #d6bcfa;
17--pink: #fbb6ce;
18--cobalt: #155eef;
19--smoke: #f5f5f5;
20--overlay: rgba(0, 0, 0, 0.5);
21--color-jyoutxba: #bf0b0bff;
22--color-sgczzhyb: #850303ff;
23--color-66c5b4f991201e717d357151: #ff3c1f;
24--color-66c5b4f991201e3958357152: #0a0a0a;
25--color-692c2daa3c232115810de96a: #a81507;
26--color-692c2daa3c232166c10de96b: #ffb3a1;
27--headlinefont: 'Inter';
28--contentfont: 'Inter';
29--text-color: #000000;
30--link-color: #188bf6; } .bg-fixed{bottom:0;top:0;left:0;right:0;position:fixed;overflow:auto;background-color:var(--white)} 
31            
32            .drop-zone-draggable .hl_main_popup{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}
33            
34          
35#hl_main_popup.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}.--mobile #hl_main_popup.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:480px){#hl_main_popup.popup-body{width:380px!important}} 
36            
37            .drop-zone-draggable .hl_main_popup-hjDwbjejql{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}
38            
39          
40#hl_main_popup-hjDwbjejql.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}.--mobile #hl_main_popup-hjDwbjejql.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:480px){#hl_main_popup-hjDwbjejql.popup-body{width:380px!important}}  
41 /* ---- Section styles ----- */ 
42:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-uDXOT75cbj,.hl_page-preview--content .row-Ywuzs-l02C,.hl_page-preview--content .section-CzRtt2Oht8{box-shadow:none;padding:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .section-CzRtt2Oht8{margin:0;background:radial-gradient(circle,var(--black) 51%,var(--black) 85%)}.hl_page-preview--content .col-uDXOT75cbj,.hl_page-preview--content .row-Ywuzs-l02C{margin:0 auto;width:100%}.hl_page-preview--content .col-uDXOT75cbj{margin:0}.hl_page-preview--content .custom-code-1RkHcjKzHz,.hl_page-preview--content .custom-code-3X-v9n-ZDj,.hl_page-preview--content .custom-code-BpdyqF0To9,.hl_page-preview--content .custom-code-pOuyz6cUiv,.hl_page-preview--content .custom-code-tT0k1wfqNC,.hl_page-preview--content .custom-code-vD1F2r3TJm{margin:0;width:auto;height:auto}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .custom-code-3X-v9n-ZDj{margin-top:-21px;margin-bottom:-14px}}.hl_page-preview--content .custom-code-5zGv4EV01f,.hl_page-preview--content .custom-code-KQBUMLgbnn{margin:0;width:auto;height:auto}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .custom-code-KQBUMLgbnn{margin-top:-23px;margin-bottom:-23px}}.hl_page-preview--content .custom-code-0UX5hkGZTI,.hl_page-preview--content .custom-code-Iy-CCRlgNy{margin:0;width:auto;height:auto}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .custom-code-0UX5hkGZTI{margin-top:-19px;margin-bottom:-18px}}.hl_page-preview--content .custom-code-38GyIez2Zn{margin:0;width:auto;height:auto}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .custom-code-38GyIez2Zn{margin-top:-33px;margin-bottom:-17px}}.hl_page-preview--content .custom-code-uFyk6FqVCK{margin:0;width:auto;height:auto}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .custom-code-uFyk6FqVCK{margin-top:-36px}}.hl_page-preview--content .custom-code-4P1d50-Aqx,.hl_page-preview--content .custom-code-BU39VCuFzk{margin:0;width:auto;height:auto}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .custom-code-4P1d50-Aqx{margin-top:-21px;margin-bottom:-15px}}.hl_page-preview--content .custom-code-CD3zfWTE-e{margin:0;width:auto;height:auto}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .custom-code-CD3zfWTE-e{margin-bottom:-25px}}#section-CzRtt2Oht8>.inner{max-width:100%}#col-uDXOT75cbj>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}
43
44@media (max-width: 1024px) {
45  #section-CzRtt2Oht8,
46  #row-Ywuzs-l02C,
47  #col-uDXOT75cbj {
48    animation: none !important;
49  }
50}
51</style><link rel="stylesheet" href media="print" onload="this.media='all'"><style>:root{--sticky-header-height:0px}[id]{scroll-margin-top:var(--sticky-header-height)}
51.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:9999}.align-center{align-items:center}.h-full{height:100%}.max-w-400{max-width:400px}.text-right{text-align:right}.d-grid{display:grid}.px-0{padding-left:0!important;padding-right:0!important}.gap-1{gap:.3rem}.items-end{align-items:flex-end}.relative{position:relative}.gap-2{gap:.625rem}.mt-20{margin-top:20px}.mt-8{margin-top:32px}.ml-3{margin-left:.75rem}.mr-10{margin-right:10px}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-100{width:100%}.h-100{height:100%}.w-50{width:50%}.w-25{width:25%}.mw-100{max-width:100%}.noBorder{border:none!important}.iti__flag{background-image:url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/flags.png)}.pointer{cursor:pointer}@media(min-resolution:192dpi){.iti__flag{background-image:url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/[email protected])}}.iti__country{display:flex;justify-content:space-between}.iti__hide{display:none}@media(min-width:768px){.hl_wrapper.nav-shrink .hl_wrapper--inner.page-creator,body{padding-top:0}.hl_page-creator--menu{left:0;top:0;z-index:10}.hl_wrapper{padding-left:0}}@media(min-width:1200px){.hl_wrapper.nav-shrink{padding-left:0!important}}html body .hl_wrapper{height:100vh;overflow:hidden}body{margin:0;-webkit-font-smoothing:antialiased}img{border-style:none;vertical-align:middle}.bg-fixed{z-index:-1}.progress-outer{background-color:#f5f5f5;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001a;font-size:14px;height:35px;line-height:36px;overflow:hidden;padding-bottom:0;padding-top:0;width:100%}.progress-inner{box-shadow:inset 0 -1px #00000026;color:#fff;float:left;font-size:14px;height:100%;padding-left:10px;padding-right:10px;transition:width .6s ease;width:0}.progress0{width:0}.progress10{width:10%}.progress20{width:20%}.progress30{width:30%}.progress40{width:40%}.progress50{width:50%}.progress60{width:60%}.progress70{width:70%}.progress80{width:80%}.progress90{width:90%}.progress100{width:100%}.progressbarOffsetWhite{background:#f5f5f5}.progressbarOffsetTransparentWhite{background-color:#ffffff80}.progressbarOffsetBlack{background:#333}.progressbarOffsetTransparentBlack{background-color:#7e7e7e80}.text-white{color:#fff}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-bold-italic{font-style:italic;font-weight:700}.progressbarSmall{font-size:14px;height:35px;line-height:36px}.progressbarMedium{font-size:19px;height:45px;line-height:45px}.progressbarLarge{font-size:21px;height:65px;line-height:65px}.recaptcha-container{margin-bottom:1em}.recaptcha-container p{color:red;margin-top:1em}.button-recaptcha-container div:first-child{height:auto!important;width:100%!important}.card-el-error-msg{align-items:center;color:#e25950;display:flex;font-size:13px;justify-content:flex-start;padding:10px 0;text-align:center}.card-el-error-msg svg{color:#f87171;margin-right:2px}.hl-faq-child-heading{border:none;cursor:pointer;justify-content:space-between;outline:none;padding:15px;width:100%}.hl-faq-child-head,.hl-faq-child-heading{align-items:center;display:flex}.v-enter-active,.v-leave-active{transition:opacity .2s ease-out}.v-enter-from,.v-leave-to{opacity:0}.faq-separated-child{margin-bottom:10px}.hl-faq-child-panel img{border-radius:15px;cursor:pointer}.hl-faq-child-heading-icon.left{margin-right:1em}.expand-collapse-all-button{background-color:transparent;border:1px solid #d1d5db;border-radius:15px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:400;line-height:16px;margin:1em 0;padding:5px 15px}.hl-faq-child-panel{transition:padding .2s ease}.v-spinner .v-moon1{position:relative}.v-spinner .v-moon1,.v-spinner .v-moon2{animation:v-moonStretchDelay .6s linear 0s infinite;animation-fill-mode:forwards}.v-spinner .v-moon2{opacity:.8;position:absolute}.v-spinner .v-moon3{opacity:.1}@keyframes v-moonStretchDelay{to{transform:rotate(1turn)}}.generic-error-message{color:red;font-weight:500;margin-top:.5rem;text-align:center}#faq-overlay{background:var(--overlay);height:100vh;opacity:.8;width:100vw}#faq-overlay,#faq-popup{position:fixed;z-index:1000}#faq-popup{background:#fff;height:auto;left:50%;margin-left:-250px;margin-top:-250px;top:50%;width:500px}#popupclose{cursor:pointer;float:right;padding:10px}.popupcontent{height:auto!important;width:100%!important}
51#button{cursor:pointer}.dark{background-color:#000}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spotlight{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.z-10{z-index:10}.right-0{right:0}.left-0{left:0}.fixed{position:fixed}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.overflow-hidden{overflow:hidden}.min-h-screen{min-height:100vh}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.place-content-center{place-content:center}.grid{display:grid}.z-20{z-index:20}.max-w-520px{max-width:520px}.mb-8{margin-bottom:2rem}.text-8xl{font-size:6rem;line-height:1}.font-medium{font-weight:500}.mb-16{margin-bottom:4rem}.leading-tight{line-height:1.25}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-light{font-weight:300}@media(min-width:640px){.sm-text-10xl{font-size:10rem;line-height:1}.sm-text-4xl{font-size:2.25rem;line-height:2.5rem}.sm-px-0{padding-left:0;padding-right:0}}.full-center{background-position:50%!important;background-repeat:repeat!important;background-size:cover!important}.fill-width{background-size:100% auto!important}.fill-width,.fill-width-height{background-repeat:no-repeat!important}.fill-width-height{background-size:100% 100%!important}.no-repeat{background-repeat:no-repeat!important}.repeat-x{background-repeat:repeat-x!important}.repeat-y{background-repeat:repeat-y!important}.repeat-x-fix-top{background-position:top!important;background-repeat:repeat-x!important}.repeat-x-fix-bottom{background-position:bottom!important;background-repeat:repeat-x!important}#overlay{height:100%;inset:0;opacity:0;overflow-y:scroll;position:fixed;transition:opacity .3s ease;width:100%;z-index:999;-webkit-overflow-scrolling:touch}#overlay.show{opacity:1}.popup-body{background-color:#fff;height:auto;left:50%;min-height:180px;position:absolute;top:10%;transition:transform .25s ease-in-out}.popup-body,.popup-body.show{transform:translate(-50%)}.closeLPModal{cursor:pointer;position:absolute;right:-10px;top:-10px;z-index:21}.settingsPModal{font-size:18px;left:40%;padding:10px;position:absolute;top:-40px;width:32px}.c-section>.inner{display:flex;flex-direction:column;justify-content:center;margin:auto;z-index:2}.c-row>.inner{display:flex;width:100%}.c-column>.inner{display:flex;flex-direction:column;height:100%;justify-content:inherit;width:100%!important}.c-wrapper{position:relative}.previewer{--vw:100vh/100;height:calc(100vh - 170px);margin:auto;overflow:scroll;overflow-x:hidden;overflow-y:scroll;width:100%}.c-element{position:relative}.c-column{flex:1}.c-column,.c-row{position:relative}p+p{margin-top:auto}.hl_page-creator--row.active{border-color:#188bf6}.flip-list-move{transition:transform .5s}.page-wrapper .sortable-ghost:before{background:#188bf6!important;border-radius:4px;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.page-wrapper .sortable-ghost{border:none!important;position:relative}.active-drop-area:before{color:gray;content:"";font-size:12px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.active-drop-area{border:1px dashed grey}.active-drop-area.is-empty{min-height:60px}.empty-component{align-items:center;border:1px dashed #d7dde9;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.empty-component,.empty-component-min-height{min-height:100px;pointer-events:none}.dividerContainer{width:100%}.items-center{align-items:center}.font-semibold{font-weight:600}.text-2xl{font-size:1.5rem}.text-sm{font-size:.875rem}.w-full{width:100%}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.justify-between{justify-content:space-between}.text-lg{font-size:1.125rem}.font-base{font-weight:400}.justify-end{justify-content:flex-end}.justify-center{justify-content:center!important}.text-center{text-align:center}.centered{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.mx-auto{margin:0 auto}.default-cursor{cursor:default!important}</style><style>@media only screen and (max-width:767px){.c-row>.inner{flex-direction:column}.desktop-only{display:none}.c-column,.c-row{width:100%!important}.c-column,.c-column>.inner,.c-row>.inner,.c-section,.c-section>.inner{padding-left:0!important;padding-right:0!important}.c-column,.c-column>.inner,.c-row{margin-left:0!important;margin-right:0!important}.c-row{padding-left:10px!important;padding-right:10px!important}}@media only screen and (min-width:1024.02px){.mobile-only{display:none}}@media only screen and (min-width:768px)and (max-width:1024px){.tablet-hide{display:none}}.c-button button{outline:none;position:relative}.fa,.fab,.fal,.far,.fas{-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.c-column{flex:1 1 auto!important}.c-column>.inner.horizontal>div{flex:1}.c-row>.inner{display:flex;width:100%}.c-nested-column .c-row>.inner{width:100%!important}.c-nested-column .inner{border:none!important}.bgCover.bg-fixed:before{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover.bg-fixed:before{background-attachment:scroll!important}}.bgCover100.bg-fixed:before{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100.bg-fixed:before,.bgNoRepeat.bg-fixed:before{background-repeat:no-repeat!important}.bgRepeatX.bg-fixed:before{background-repeat:repeat-x!important}.bgRepeatY.bg-fixed:before{background-repeat:repeat-y!important}.bgRepeatXTop.bg-fixed:before{background-position:top!important;background-repeat:repeat-x!important}.bgRepeatXBottom.bg-fixed:before{background-position:bottom!important;background-repeat:repeat-x!important}.bgCover{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover{background-attachment:scroll!important}}.bgCover100{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100,.bgNoRepeat{background-repeat:no-repeat!important}.bgRepeatX{background-repeat:repeat-x!important}.bgRepeatY{background-repeat:repeat-y!important}.bgRepeatXTop{background-position:top!important}.bgRepeatXBottom,.bgRepeatXTop{background-repeat:repeat-x!important}.bgRepeatXBottom{background-position:bottom!important}.cornersTop{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.cornersBottom{border-top-left-radius:0!important;border-top-right-radius:0!important}.radius0{border-radius:0}.radius1{border-radius:1px}.radius2{border-radius:2px}.radius3{border-radius:3px}.radius4{border-radius:4px}.radius5{border-radius:5px}.radius10{border-radius:10px}.radius15{border-radius:15px}.radius20{border-radius:20px}.radius25{border-radius:25px}.radius50{border-radius:50px}.radius75{border-radius:75px}.radius100{border-radius:100px}.radius125{border-radius:125px}.radius150{border-radius:150px}.borderTopBottom{border-bottom-color:#000000b3;border-left:none!important;border-right:none!important;border-top-color:#000000b3}.borderTop{border-bottom:none!important;border-top-color:#000000b3}.borderBottom,.borderTop{border-left:none!important;border-right:none!important}.borderBottom{border-bottom-color:#000000b3;border-top:none!important}.borderFull{border-color:#000000b3}@keyframes rocking{0%{transform:rotate(0)}25%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.buttonRocking{animation:rocking 2s infinite;animation-timing-function:ease-out;transition:.2s}.buttonPulseGlow{animation:pulseGlow 2s infinite;animation-timing-function:ease-in-out}@keyframes pulseGlow{0%{box-shadow:0 0 #fff0}25%{box-shadow:0 0 2.5px 1px #ffffff40}50%{box-shadow:0 0 5px 2px #ffffff80}85%{box-shadow:0 0 5px 5px #fff0}to{box-shadow:0 0 #fff0}}.buttonBounce{animation:bounce 1.5s infinite;animation-timing-function:ease-in;transition:.2s}@keyframes bounce{15%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}35%{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-35%)}45%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}55%{box-shadow:0 5px 4px -4px #00000040;transform:translateY(-20%)}70%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}80%{box-shadow:0 4px 3px -3px #00000040;transform:translateY(-10%)}90%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}95%{box-shadow:0 2px 3px -3px #00000040;transform:translateY(-2%)}99%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 0 0 0 transparent;transform:translateY(0)}}
51@keyframes elevate{0%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-10px)}}.buttonElevate:hover{animation:elevate .2s forwards}.buttonElevate{box-shadow:0 0 0 0 transparent;transition:.2s}.buttonWobble{transition:.3s}.buttonWobble:hover{animation:wobble .5s 1;animation-timing-function:ease-in-out}@keyframes wobble{0%{transform:skew(0)}25%{transform:skew(10deg)}50%{transform:skew(0)}75%{transform:skew(-10deg)}to{transform:skew(0)}}.image-container img{max-width:100%;vertical-align:middle}.sub-text ::-moz-placeholder{color:#000;opacity:1}.sub-text ::placeholder{color:#000;opacity:1}.image-container{height:100%;width:100%}.shadow5inner{box-shadow:inset 0 1px 3px #0000000d}.shadow10inner{box-shadow:inset 0 1px 5px #0000001a}.shadow20inner{box-shadow:inset 0 1px 5px #0003}.shadow30inner{box-shadow:inset 0 2px 5px 2px #0000004d}.shadow40inner{box-shadow:inset 0 2px 5px 2px #0006}.shadow5{box-shadow:0 1px 3px #0000000d}.shadow10{box-shadow:0 1px 5px #0000001a}.shadow20{box-shadow:0 1px 5px #0003}.shadow30{box-shadow:0 2px 5px 2px #0000004d}.shadow40{box-shadow:0 2px 5px 2px #0006}.sub-heading-button{color:#fff;font-weight:400;line-height:normal;opacity:.8;text-align:center}.wideSection{max-width:1120px}.midWideSection,.wideSection{margin-left:auto!important;margin-right:auto!important}.midWideSection{max-width:960px}.midSection{margin-left:auto!important;margin-right:auto!important;max-width:720px}.c-section>.inner{margin-left:auto;margin-right:auto;max-width:1170px;width:100%}.c-column{padding-left:15px;padding-right:15px}.feature-img-circle img,.img-circle,.img-circle img{border-radius:50%!important}.feature-img-round-corners img,.img-round-corners,.img-round-corners img{border-radius:5px}.feature-image-dark-border img,.image-dark-border{border:3px solid rgba(0,0,0,.7)}.feature-image-white-border img,.image-white-border{border:3px solid #fff}.img-grey,.img-grey img{filter:grayscale(100%);filter:gray;-webkit-transition:all .6s ease}.button-shadow1{box-shadow:0 1px 5px #0003}.button-shadow2{box-shadow:0 1px 5px #0006}.button-shadow3{box-shadow:0 1px 5px #000000b3}.button-shadow4{box-shadow:0 8px 1px #0000001a}.button-shadow5{box-shadow:0 0 25px #0003,0 0 15px #0003,0 0 3px #0006}.button-shadow6{box-shadow:0 0 25px #0006,0 0 15px #fff3,0 0 3px #fff6}.button-shadow-sharp1{box-shadow:inset 0 1px #fff3}.button-shadow-sharp2{box-shadow:inset 0 0 0 1px #fff3}.button-shadow-sharp3{box-shadow:inset 0 0 0 2px #fff3}.button-shadow-highlight{box-shadow:none}.button-shadow-highlight:hover{box-shadow:inset 0 0 #ffffff38,inset 0 233px 233px #ffffff1f}.button-flat-line{background-color:transparent!important;border-width:2px}.button-vp-5{padding-bottom:5px!important;padding-top:5px!important}.button-vp-10{padding-bottom:10px!important;padding-top:10px!important}.button-vp-15{padding-bottom:15px!important;padding-top:15px!important}.button-vp-20{padding-bottom:20px!important;padding-top:20px!important}.button-vp-25{padding-bottom:25px!important;padding-top:25px!important}.button-vp-30{padding-bottom:30px!important;padding-top:30px!important}.button-vp-40{padding-bottom:40px!important;padding-top:40px!important}.button-vp-0{padding-bottom:0!important;padding-top:0!important}.button-hp-5{padding-left:5px!important;padding-right:5px!important}.button-hp-10{padding-left:10px!important;padding-right:10px!important}.button-hp-15{padding-left:15px!important;padding-right:15px!important}.button-hp-20{padding-left:20px!important;padding-right:20px!important}.button-hp-25{padding-left:25px!important;padding-right:25px!important}.button-hp-30{padding-left:30px!important;padding-right:30px!important}.button-hp-40{padding-left:40px!important;padding-right:40px!important}.button-hp-0{padding-left:0!important;padding-right:0!important}.vs__dropdown-toggle{background:#f3f8fb!important;border:none!important;height:43px!important}.row-align-center{margin:0 auto}.row-align-left{margin:0 auto;margin-left:0!important}.row-align-right{margin:0 auto;margin-right:0!important}button,input,optgroup,select,textarea{border-radius:unset;font-family:unset;font-size:unset;line-height:unset;margin:unset;text-transform:unset}body{font-weight:unset!important;line-height:unset!important;-moz-osx-font-smoothing:grayscale;word-wrap:break-word}*,:after,:before{box-sizing:border-box}.main-heading-group>div{display:inline-block}.c-button span.main-heading-group,.c-button span.sub-heading-group{dis
51play:block}.time-grid-3{grid-template-columns:repeat(3,100px)}.time-grid-3,.time-grid-4{display:grid;text-align:center}.time-grid-4{grid-template-columns:repeat(4,100px)}@media screen and (max-width:767px){.time-grid-3{grid-template-columns:repeat(3,80px)}.time-grid-4{grid-template-columns:repeat(4,70px)}}.time-grid .timer-box{display:grid;font-size:15px;grid-template-columns:1fr;text-align:center}.timer-box .label{font-weight:300}.c-button button{cursor:pointer}.c-button>a{text-decoration:none}.c-button>a,.c-button>a span{display:inline-block}.nav-menu-wrapper{display:flex;justify-content:space-between}.nav-menu-wrapper.default{flex-direction:row}.nav-menu-wrapper.reverse{flex-direction:row-reverse}.nav-menu-wrapper .branding{align-items:center;display:flex}.nav-menu-wrapper.default .branding{flex-direction:row}.nav-menu-wrapper.reverse .branding{flex-direction:row-reverse}.nav-menu-wrapper.default .branding .logo,.nav-menu-wrapper.reverse .branding .title{margin-right:18px}.nav-menu-wrapper .branding .title{align-items:center;display:flex;min-height:50px;min-width:50px}.nav-menu{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.nav-menu a{text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .dropdown-menu{border:none;box-shadow:0 8px 16px 5px #0000001a}.dropdown-menu{background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.3125rem;color:#607179;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}.nav-menu .nav-menu-item.dropdown:hover>.dropdown-menu{display:block}.nav-menu .dropdown-menu{display:none;list-style:none;margin:0;padding:0}.nav-menu-mobile{display:none}.nav-menu-mobile i{cursor:pointer;font-size:24px}#nav-menu-popup{background:var(--overlay);display:none;height:100%;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;width:100%;z-index:100}#nav-menu-popup.show{opacity:1}#nav-menu-popup .nav-menu-body{background-color:#fff;height:100%;left:0;overflow:auto;padding:45px;position:absolute;top:0;width:100%}#nav-menu-popup .nav-menu-body .close-menu{cursor:pointer;position:absolute;right:20px;top:20px;z-index:100}#nav-menu-popup .nav-menu-body .close-menu:before{content:""}#nav-menu-popup .nav-menu{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}#nav-menu-popup .nav-menu .nav-menu-item{list-style:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content{display:flex;position:relative}#nav-menu-popup .nav-menu-item .nav-menu-item-title{flex-grow:1;margin:0 1rem;max-width:calc(100% - 2rem)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle{cursor:pointer;font-size:24px;position:absolute;right:0;top:calc(50% - 12px)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i{font-size:24px;transition:transform .2s ease}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i:before{content:""}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-menu-item-content .nav-menu-item-toggle i{transform:rotate(-180deg)}#nav-menu-popup .nav-menu .nav-menu-item .nav-dropdown-menu{display:none;max-height:0;opacity:0;overflow:auto;padding:0;transition:all .3s ease-in-out;visibility:hidden}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-dropdown-menu{display:block;max-height:600px;opacity:1;visibility:visible}.form-error{border:2px solid var(--red);border-radius:8px;cursor:pointer;font-size:20px;margin-bottom:10px;padding:6px 12px;text-align:center}.form-error,.form-error i{color:var(--red)}.c-bullet-list ul li{line-height:inherit}.c-bullet-list ul li.ql-indent-1{padding-left:4.5em}.c-bullet-list ul li.ql-indent-2{padding-left:7.5em}.c-bullet-list ul li.ql-indent-3{padding-left:10.5em}.c-bullet-list ul li.ql-indent-4{padding-left:13.5em}.c-bullet-list ul li.ql-indent-5{padding-left:16.5em}.c-bullet-list ul li.ql-indent-6{padding-left:19.5em}.c-bullet-list ul li.ql-indent-7{padding-left:22.5em}.c-bullet-list ul li.ql-indent-8{padding-left:25.5em}.c-rich-text .list-disc{list-style-type:disc}.c-rich-text .list-square{list-style-type:square}.c-rich-text .list-none{list-style-type:none}.c-rich-text .list-circle{list-style-type:circle}.c-rich-text .list-decimal{list-style-type:decimal}.c-rich-text .list-upper-alpha{list-style-type:upper-alpha}.c-rich-text .list-lower-alpha{list-style-type:lower-alpha}.c-rich-text .list-upper-roman{list-style-type:upper-roman}.c-rich-text .list-lower-roman{list-style-type:lower-roman}.text-output ul li{padding-left:1.5em}.text-output ul li:before{display:inline-block;font-weight:700;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.svg-component svg{max-height:100%;max-width:100%}.border1{border-bottom:3px solid rgba(0,0,0,.2)!important}.border2{border:2px solid rgba(0,0,0,.55)}.border3{border:solid rgba(0,0,0,.15);border-width:1px 1px 2px;padding:5px}.border4{border:solid rgba(0,0,0,.35);border-width:1px 1px 2px;padding:1px!important}.shadow1{box-shadow:0 10px 6px -6px #00000026}.shadow2{box-shadow:0 4px 3px #00000026,0 0 2px #00000026}.shadow3{box-shadow:0 10px 6px -6px #999}.shadow4{box-shadow:3px 3px 15px #212121a8}.shadow6{box-shadow:0 10px 1px #ddd,0 10px 20px #ccc}.background{background-color:unset!important}@keyframes progress-bar-animation{to{background-position:0 -3000px}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1,h2,h3,h4,h5,h6{font-weight:500;margin:unset}p{margin:unset}.c-bullet-list,.c-faq,.c-heading,.c-image-feature,.c-paragraph,.c-sub-heading{word-break:break-word}h1:empty:after,h2:empty:after,h3:empty:after,h4:empty:after,h5:empty:after,h6:empty:after,p:empty:after{content:" "}h1:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h2:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h3:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h4:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h5:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h6:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,p:has(>br:last-child):not(:has(>br:nth-of-type(2))):after{content:"\a";white-space:pre}.w-3-4{width:75%}.w-1-2{width:50%}.tabs-container{display:flex}@media screen and (max-width:767px){.nav-menu{display:none}.nav-menu-mobile{align-items:center;display:flex}#faq-popup{left:5px!important;margin-left:0!important;width:98%!important}.video-container{width:100%!important}.autoplay .vjs-big-play-button{display:none!important}.autoplay:hover .vjs-control-bar{display:flex!important}}.hvr-grow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}
51.hl-builder-hover-preview.hvr-grow,.hvr-grow:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.05))!important}.hvr-shrink{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-shrink,.hvr-shrink:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,.9))!important}@keyframes hvr-pulse{25%{transform:scale(var(--hover-scale,1.1))}75%{transform:scale(.9)}}.hvr-pulse{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-pulse,.hvr-pulse:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:infinite;animation-name:hvr-pulse;animation-timing-function:linear}.hvr-bounce-in{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.5s);transition-property:transform;vertical-align:middle}.hl-builder-hover-preview.hvr-bounce-in,.hvr-bounce-in:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.2))!important;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}.hvr-rotate{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-rotate,.hvr-rotate:hover{transform:perspective(1px) translateZ(0) rotate(calc(var(--hover-angle, 5)*1deg))!important}.hvr-float{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease-out);vertical-align:middle}.hl-builder-hover-preview.hvr-float,.hvr-float:hover{transform:perspective(1px) translateZ(0) translateY(calc(var(--hover-distance, 5)*-1px))!important}.hvr-skew-forward{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transform-origin:0 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-skew-forward,.hvr-skew-forward:hover{transform:perspective(1px) translateZ(0) skew(calc(var(--hover-angle, 5)*-1deg))!important}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-wobble-horizontal,.hvr-wobble-horizontal:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:1;animation-name:hvr-wobble-horizontal;animation-timing-function:ease-in-out}@keyframes hvr-buzz{50%{transform:translate(calc(var(--hover-distance, 3)*1px)) rotate(2deg)}to{transform:translate(calc(var(--hover-distance, 3)*-1px)) rotate(-2deg)}}.hvr-buzz{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-buzz,.hvr-buzz:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,.15s);animation-iteration-count:infinite;animation-name:hvr-buzz;animation-timing-function:linear}.hoverElevate{backface-visibility:hidden;box-shadow:0 0 0 0 transparent;transition:transform var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s),box-shadow var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s)}
51.hl-builder-hover-preview.hoverElevate,.hoverElevate:hover{box-shadow:0 8px 5px -5px #00000040!important;transform:translateY(calc(var(--hover-distance, 10)*-1px))!important}.hvr-fade{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-fade>*{position:relative;z-index:1}.hvr-fade:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;opacity:0;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:opacity;z-index:0}.hl-builder-hover-preview.hvr-fade,.hvr-fade:hover{color:#fff!important}.hvr-fade:hover:before{opacity:1!important}@keyframes hvr-fade-preview{0%{opacity:0}to{opacity:1}}.hl-builder-hover-preview.hvr-fade:before{animation:hvr-fade-preview var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-right{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-right>*{position:relative;z-index:1}.hvr-sweep-to-right:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:0 50%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}
51.hl-builder-hover-preview.hvr-sweep-to-right,.hvr-sweep-to-right:hover{color:#fff!important}.hvr-sweep-to-right:hover:before{transform:scaleX(1)!important}@keyframes hvr-sweep-right-preview{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hl-builder-hover-preview.hvr-sweep-to-right:before{animation:hvr-sweep-right-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-bottom{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-bottom>*{position:relative;z-index:1}.hvr-sweep-to-bottom:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 0;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hl-builder
51-hover-preview.hvr-sweep-to-bottom,.hvr-sweep-to-bottom:hover{color:#fff!important}.hvr-sweep-to-bottom:hover:before{transform:scaleY(1)!important}@keyframes hvr-sweep-bottom-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hl-builder-hover-preview.hvr-sweep-to-bottom:before{animation:hvr-sweep-bottom-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-radial-in{box-shadow:0 0 1px transparent;color:var(--hover-radial-in-rest-color,#fff)!important;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-radial-in>*{position:relative;z-index:1}.hvr-radial-in:before{background:var(--hover-fill-color,#188bf6);border-radius:100%;content:"";inset:0;position:absolute;transform:scale(2);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hvr-radial-in:hover{color:var(--hover-radial-in-hover-color,inherit)!important}.hvr-radial-in:hover:before{transform:scale(0)!important}@keyframes hvr-radial-in-preview{0%{transform:scale(2)}to{transform:scale(0)}}
51.hl-builder-hover-preview.hvr-radial-in:before{animation:hvr-radial-in-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-bounce-to-top{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-bounce-to-top>*{position:relative;z-index:1}.hvr-bounce-to-top:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);z-index:0}.hl-builder-hover-preview.hvr-bounce-to-top,.hvr-bounce-to-top:hover{color:#fff!important}.hvr-bounce-to-top:hover:before{transform:scaleY(1)!important}@keyframes hvr-bounce-top-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}
51.hl-builder-hover-preview.hvr-bounce-to-top:before{animation:hvr-bounce-top-preview var(--hover-duration,.3s) cubic-bezier(.47,2.02,.31,-.36) var(--hover-delay,0s) forwards!important}@keyframes hvr-ripple-out{to{inset:-12px;opacity:0}}.hvr-ripple-out{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-ripple-out:before{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);border:var(--hover-border-thickness,2px) solid var(--hover-border-color,#188bf6);content:"";inset:0;position:absolute}.hl-builder-hover-preview.hvr-ripple-out:before,.hvr-ripple-out:hover:before{animation-name:hvr-ripple-out}.hvr-outline-in{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-outline-in:before{border:var(--hover-border-thickness,4px) solid var(--hover-border-color,#188bf6);content:"";inset:-16px;opacity:0;pointer-events:none;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:top,right,bottom,left,opacity}
51.hl-builder-hover-preview.hvr-outline-in:before,.hvr-outline-in:hover:before{inset:-8px!important;opacity:1!important}.hvr-underline-from-center{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-underline-from-center>*{position:relative;z-index:1}.hvr-underline-from-center:before{background:var(--hover-border-color,#188bf6);bottom:0;content:"";height:var(--hover-border-thickness,4px);left:51%;position:absolute;right:51%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:left,right;transition-timing-function:ease-out;z-index:0}.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-underline-from-center:hover:before{left:0!important;right:0!important}.hvr-shadow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-shadow,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 var(--hover-spread,10px) var(--hover-blur,10px) calc(var(--hover-spread, 10px)*-1) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-glow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-glow,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 var(--hover-blur,8px) var(--hover-spread,0) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-box-shadow-outset{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:box-shadow;vertical-align:middle}.hl-builder-hover-preview.hvr-box-shadow-outset,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px var(--hover-blur,10px) var(--hover-spread,5px) var(--hover-shadow-color,rgba(24,139,246,.55))!important}@media(hover:none),(max-width:1024px){.hl-builder-hover-preview.hoverElevate,.hl-builder-hover-preview.hvr-bounce-in,.hl-builder-hover-preview.hvr-box-shadow-outset,.hl-builder-hover-preview.hvr-buzz,.hl-builder-hover-preview.hvr-float,.hl-builder-hover-preview.hvr-glow,.hl-builder-hover-preview.hvr-grow,.hl-builder-hover-preview.hvr-pulse,.hl-builder-hover-preview.hvr-rotate,.hl-builder-hover-preview.hvr-shadow,.hl-builder-hover-preview.hvr-shrink,.hl-builder-hover-preview.hvr-skew-forward,.hl-builder-hover-preview.hvr-wobble-horizontal,.hoverElevate:hover,.hvr-bounce-in:hover,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover,.hvr-buzz:hover,.hvr-float:hover,.hvr-glow:focus,.hvr-glow:hover,.hvr-grow:hover,.hvr-pulse:hover,.hvr-rotate:hover,.hvr-shadow:focus,.hvr-shadow:hover,.hvr-shrink:hover,.hvr-skew-forward:hover,.hvr-wobble-horizontal:hover{animation:none!important;box-shadow:none!important;transform:none!important}.hl-builder-hover-preview.hvr-bounce-to-top:before,.hl-builder-hover-preview.hvr-fade:before,.hl-builder-hover-preview.hvr-outline-in:before,.hl-builder-hover-preview.hvr-ripple-out:before,.hl-builder-hover-preview.hvr-sweep-to-bottom:before,.hl-builder-hover-preview.hvr-sweep-to-right:before,.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-bounce-to-top:hover:before,.hvr-fade:hover:before,.hvr-outline-in:hover:before,.hvr-ripple-out:hover:before,.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-right:hover:before,.hvr-underline-from-center:hover:before{animation:none!important;opacity:0!important;transform:scale(0)!important}.hvr-radial-in:hover:before{animation:none!important;opacity:1!important;transform:scale(2)!important}}.hl-entrance-running{pointer-events:none!important}.hl-entrance-parent-clipping{overflow:hidden}[data-animation-done="1"]:not(.hl-entrance-running){opacity:1!important}@media(prefers-reduced-motion:reduce){.hoverElevate,.hoverElevate.hl-builder
51-hover-preview,.hoverElevate:hover,[class*=hvr-],[class*=hvr-].hl-builder-hover-preview,[class*=hvr-]:hover{animation:none!important;transform:none!important;transition:none!important}}@media screen and (max-width:767px){.hl-pricing-table-slide-columns{--column-width:100%!important;--column-gap:0px!important}.hl-pricing-table-slide-columns .hl-pricing-table-column-container:not(:first-child){display:none!important}}@media screen and (max-width:768px){.hl-pricing-table-classic-table-grid-container{grid-template-columns:repeat(var(--mobile-columns),280px)!important;width:calc(var(--mobile-columns)*280px)!important}}</style><style>@font-face{font-display:swap;font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-display:swap;
51font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}@font-face{font-display:swap;font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}
51.fab{font-family:Font Awesome\ 5 Brands;font-weight:400}</style><style>:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}@media(prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate3d(100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes flip{0%{animation-timing-function:ease-out;opacity:0;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0)}to{animation-timing-function:ease-in;opacity:1;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0)}}.animate__animated.animate__flip{animation-name:flip;backface-visibility:visible}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(-100%,0,0) skew(30deg)}60%{opacity:1;transform:skew(-20deg)}80%{transform:skew(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}</style><style>.testimonial-modal-overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.testimonial-modal-content{align-items:stretch;background:none;display:flex;flex-direction:column;max-height:600px;max-width:540px;width:100%}.testimonial-modal-close{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .15s;width:36px;z-index:2}.testimonial-modal-close-icon{color:#222;height:22px;width:22px}@media(max-width:768px){.testimonial-modal-content{border-radius:10px;max-width:98vw}.testimonial-modal-close{right:10px;top:10px}}</style><link rel="preload" as="style" href><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/Czd9XnOY.js">
51<link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/BYS-5MFJ.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/Br6ANqPe.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/XPN_7CPI.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/DKSI7VIj.js">
51<script type="module" src="https://stcdn.leadconnectorhq.com/_preview/Czd9XnOY.js" crossorigin></script>
51<link rel="dns-prefetch" href="https://services.leadconnectorhq.com"><link rel="icon" href="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/691db5a4c03e0f9f90c329da.png"></head><body><div id="__nuxt"><!--[--><div></div><!--[--><div class="bgCover bg-fixed"></div><div><!--[--><div><!----><!----><div><div id="nav-menu-popup" style="display:none;" class="hide"><div class="nav-menu-body"><i class="close-menu fas fa-times"></i><ul class="nav-menu"><!--[--><!--]--></ul></div></div></div><!----><!--[--><!----><!--]--><div id="preview-container" class="preview-container hl_page-preview--content"><div><!----><!--[--><!--[--><div id="section-CzRtt2Oht8" data-animation-class data-entrance-clip="1" style="" class="fullSection noBorder radius0 none c-section c-wrapper section-CzRtt2Oht8"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-Ywuzs-l02C" data-animation-class data-entrance-clip="1" style="" class="row-align-center noBorder radius0 none c-row c-wrapper row-Ywuzs-l02C"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-uDXOT75cbj" data-animation-class data-entrance-clip="1" style="" class="noBorder radius0 none c-column c-wrapper col-uDXOT75cbj"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-CD3zfWTE-e" data-animation-class style="" class="c-custom-code c-wrapper custom-code-CD3zfWTE-e"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-CD3zfWTE-e__custom-code" class="custom-code-container ccustom-code-CD3zfWTE-e"><!DOCTYPE html>
52<html lang="hu">
53<head>
54<meta charset="utf-8">
55<meta name="viewport" content="width=device-width,initial-scale=1">
56<title>Hero – Responsive Final</title>
57<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
58<style>
59html,body{
60  height:100%;
61  margin:0;
62  background:#000!important;
63}
64body{
65  font-family:'Open Sans',sans-serif;
66  color:#fff;
67  position:relative;
68  overflow-x:hidden;
69}
70
71/* 🔴 Piros glow háttér – fekete aljjal */
72.glow-layer{
73  position:absolute;
74  inset:0;
75  z-index:0;
76  pointer-events:none;
77  background:
78    radial-gradient(900px 700px at 80% 35%, rgba(255,60,30,0.45), transparent 70%),
79    radial-gradient(1000px 500px at 70% 75%, rgba(255,40,10,0.25), transparent 80%),
80    linear-gradient(180deg, #090000 0%, #060000 60%, #000 100%);
81  filter: blur(90px);
82}
83@media(max-width:600px){
84  .glow-layer{
85    background:
86      radial-gradient(500px 400px at 50% 30%, rgba(255,60,30,0.3), transparent 70%),
87      linear-gradient(180deg,#050505 0%, #0a0000 100%);
88  }
89}
90
91/* 🔻 Háttér grafikon */
92.background-chart{
93  position:absolute;
94  inset:0;
95  z-index:0;
96  pointer-events:none;
97  opacity:.18;
98}
99.background-chart svg{
100  width:100%;
101  height:100%;
102  position:absolute;
103  object-fit:cover;
104}
105.background-chart path{
106  fill:none;
107  stroke:#ff3b1d;
108  stroke-width:1.6;
109  opacity:.45;
110  filter:blur(0.3px);
111}
112.background-chart path:nth-child(2){
113  stroke:#ff5420;
114  opacity:.35;
115}
116.background-chart path:nth-child(3){
117  stroke:#ff2e00;
118  opacity:.25;
119}
120
121/* Hero layout */
122.hero{
123  position:relative;
124  z-index:1;
125  max-width:1280px;
126  margin:0 auto;
127  padding:100px 40px;
128  display:grid;
129  grid-template-columns:1fr 1.1fr;
130  align-items:center;
131  gap:70px;
132}
133@media(max-width:900px){
134  .hero{
135    grid-template-columns:1fr;
136    text-align:center;
137    padding:80px 20px;
138    gap:50px;
139  }
140}
141
142.eyebrow{
143  color:#ffffff;
144  text-transform:uppercase;
145  letter-spacing:.12em;
146  font-weight:600;
147  margin-bottom:12px;
148  font-size:0.9rem;
149}
150
151/* Címsor */
152h1{
153  font-family:'Bebas Neue',sans-serif;
154  font-size:clamp(42px,6vw,68px);
155  font-weight:700;
156  line-height:1.05;
157  letter-spacing:.02em;
158  margin-bottom:18px;
159}
160h1 .accent{
161  display:block;
162  color:#ff3b1d;
163  margin-top:5px;
164  font-size:clamp(34px,5vw,60px);
165}
166
167/* Szöveg */
168.lead{
169  color:#d0d0d0;
170  line-height:1.7;
171  max-width:60ch;
172  margin-top:16px;
173  font-family:'Open Sans',sans-serif;
174  font-size:1rem;
175}
176@media(max-width:600px){
177  .lead{font-size:.95rem;line-height:1.6;}
178}
179
180/* CTA gomb */
181.btn{
182  display:inline-block;
183  margin-top:32px;
184  padding:15px 26px;
185  border-radius:10px;
186  border:none;
187  cursor:pointer;
188  background:linear-gradient(90deg,#ff4b2b,#ff3b1d);
189  color:#fff;
190  font-weight:600;
191  letter-spacing:.03em;
192  box-shadow:0 0 30px rgba(255,60,30,.4);
193  transition:transform .15s ease, filter .2s ease;
194  position:relative;
195}
196.btn:hover{transform:translateY(-2px);filter:brightness(1.1);}
197@media(max-width:600px){
198  .btn{padding:14px 22px;font-size:.9rem;}
199}
200
201/* Halvány piros fény a CTA alatt */
202.btn::after{
203  content:"";
204  position:absolute;
205  bottom:-30px;
206  left:50%;
207  transform:translateX(-50%);
208  width:320px;
209  height:90px;
210  background:radial-gradient(ellipse at center, rgba(255,60,30,0.25), transparent 70%);
211  filter:blur(25px);
212  z-index:-1;
213}
214
215.subtext{
216  font-size:.9rem;
217  color:#d0d0d0;
218  margin-top:12px;
219  line-height:1.5;
220}
221
222/* KPI szekció */
223.kpis{
224  display:flex;
225  gap:28px;
226  flex-wrap:wrap;
227  margin-top:40px;
228  justify-content:flex-start;
229}
230@media(max-width:900px){
231  .kpis{justify-content:center;margin-top:30px;}
232}
233.kpi{
234  padding:12px 18px;
235  border-radius:10px;
236  background:rgba(255,255,255,.05);
237  border:1px solid rgba(255,255,255,.08);
238  font-size:.9rem;
239  display:flex;
240  flex-direction:column;
241  align-items:flex-start;
242  justify-content:center;
243  min-width:140px;
244}
245.kpi strong{
246  display:block;
247  font-size:1.8rem;
248  color:#ff3b1d;
249  text-shadow:0 0 15px rgba(255,60,30,.4);
250  font-weight:700;
251  line-height:1.1;
252  margin-bottom:2px;
253}
254@media(max-width:600px){
255  .kpi strong{font-size:1.5rem;}
256}
257
258/* 🔴 Kép szekció */
259.image{
260  width:100%;
261  aspect-ratio:16/9.5;
262  border-radius:18px;
263  background:linear-gradient(180deg,#19191c,#0a0a0c);
264  border:1px solid rgba(255,255,255,.08);
265  box-shadow:0 10px 40px rgba(0,0,0,.7);
266  display:flex;
267  align-items:center;
268  justify-content:center;
269  overflow:hidden;
270  transform:scale(1.15);
271  position:relative;
272}
273.image img{
274  width:100%;
275  height:100%;
276  object-fit:cover;
277  display:block;
278}
279@media(max-width:900px){
280  .image{aspect-ratio:16/10;margin-top:20px;}
281}
282</style>
283</head>
284<body>
285
286<!-- 🔴 Glow és halvány chart -->
287<div class="glow-layer"></div>
288<div class="background-chart" aria-hidden="true">
289  <svg viewBox="0 0 1200 600" preserveAspectRatio="none">
290    <path d="M0,400 C80,360 160,380 240,330 S400,260 480,320 S640,440 720,410 S880,300 960,340 S1120,420 1200,380"/>
291    <path d="M0,450 C100,420 200,440 300,380 S500,320 600,360 S800,440 900,420 S1100,360 1200,400"/>
292    <path d="M0,380 C120,340 240,370 360,320 S600,240 720,300 S960,420 1080,380 S1200,340 1280,380"/>
293  </svg>
294</div>
295
296<section class="hero">
297  <div>
298    <div class="eyebrow">A VÍZIÓTÓL A SIKERES ÉLETIG</div>
299    <h1>
300      ÉPÍTSD FEL
301      <span class="accent">A SAJÁT BEFEKTETŐI KARRIERED</span>
302    </h1>
303    <p class="lead">
304      Gyakorlatorientált oktatás, szakértői mentorálás és támogató közösség – minden, amire szükséged van, hogy magabiztos befektetővé válj.
305    </p>
306
307    <!-- 🔥 GOMB, AMI JS-T HÍV -->
308    <button id="go-membership" class="btn" 
309        onclick="window.open('https://app.szabocapitalgroup.com/payment-link/6922f81abbe219660d381906', '_blank')">
310  LÉPJ A LEGMAGASABB SZINTRE MOST
311</button>
312
313
314    <div class="subtext">
315      A tudás az első lépés a gazdagság felé. <br>
316      <strong>Biztosítsd be magad ezen az úton még ma!</strong>
317    </div>
318
319    <div class="kpis">
320      <div class="kpi"><strong>8+</strong> Intézményi stratégia</div>
321      <div class="kpi"><strong>1000+</strong> Hallgató a programjainkon</div>
322    </div>
323  </div>
324
325  <div class="image">
326    <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/6914a3f82f13301bfb603d29.png" alt="Hero kép">
327  </div>
328</section>
329
330<!-- 🔥 JS — SMOOTH SCROLL MINDIG MŰKÖDIK -->
331<script>
332document.addEventListener("DOMContentLoaded", function () {
333  const scrollBtn = document.getElementById("go-membership");
334
335  scrollBtn?.addEventListener("click", function () {
336    const target = document.getElementById("membership-section");
337
338    if (target) {
339      const top = target.getBoundingClientRect().top + window.pageYOffset - 40;
340      window.scrollTo({ top: top, behavior: "smooth" });
341    } else {
342      console.warn("membership-section ID not found!");
343    }
344  });
345});
346</script>
346
347
348<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d56c0fb9091e40fc8f3829f8a67134fa","spa":2}' crossorigin="anonymous"></script>
348
349</body>
350</html>
351</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-4P1d50-Aqx" data-animation-class style="" class="c-custom-code c-wrapper custom-code-4P1d50-Aqx"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-4P1d50-Aqx__custom-code" class="custom-code-container ccustom-code-4P1d50-Aqx"><section class="value-prop">
352  <style>
353    .value-prop{
354      position: relative;
355      background:#000;
356      padding: 120px 24px;
357      overflow: hidden;
358    }
359
360    /* háttérfények finoman – NEM sötétít semmit */
361    .value-prop::before{
362      content:"";
363      position:absolute; inset:0;
364      background:
365        radial-gradient(900px 600px at 80% 0%, rgba(255,60,30,.11), transparent 70%),
366        radial-gradient(1200px 700px at 20% 100%, rgba(255,40,10,.08), transparent 80%);
367      filter: blur(80px);
368      opacity: .6;
369      pointer-events:none;
370    }
371
372    /* ❌ SÖTÉTÍTŐ GRADIENT TELJESEN KIKAPCSOLVA */
373    .value-prop::after{
374      content:"";
375      position:absolute; inset:0;
376      background: none !important;
377      pointer-events:none;
378    }
379
380    .vp{
381      position:relative;
382      max-width: 1100px;
383      margin: 0 auto;
384    }
385
386    /* ✨ Tiszta fehér szöveg */
387    .vp-text{
388      font-family: 'Open Sans', sans-serif;
389      font-size: clamp(18px, 2.2vw, 28px);
390      line-height: 1.75;
391      color: #ffffff !important;
392      text-align: center;
393      margin: 0;
394      text-shadow: none !important;
395      opacity: 1 !important;
396    }
397
398    /* Highlight */
399    .hl{
400      background: rgba(255,90,40,0.9);
401      padding: .05em .28em;
402      border-radius: .22em;
403      color: #fff;
404      box-shadow: none !important;
405    }
406
407    @media (max-width: 640px){
408      .value-prop{ padding: 90px 18px; }
409    }
410  </style>
411
412  <div class="vp">
413    <p class="vp-text">
414      A <strong>Szabo Capital Group</strong> nem csupán egy oktatási platform — 
415      ez a startvonala a befektetői utadnak. Hozzáférést kapsz
416      válogatott, bizonyított megközelítésekhez, amelyek 
417      <span class="hl">kezdők számára is érthetők</span>.
418      Megmutatjuk, hogyan válaszd ki a hozzád illő irányt, és 
419      <span class="hl">építs fenntarthatóan nyereséges rendszert</span> 
420      a mindennapi elfoglaltságaid mellett is.
421      Legyél te is egy lépéssel a lakossági traderek előtt: 
422      <span class="hl">tanuld meg az intézményi tőke mozgását</span>,
423      és fejlődj ezen az úton olyan traderrel, 
424      <span class="hl">aki már végigjárta ezt az utat</span>.
425    </p>
426  </div>
427</section>
428</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-BU39VCuFzk" data-animation-class style="" class="c-custom-code c-wrapper custom-code-BU39VCuFzk"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-BU39VCuFzk__custom-code" class="custom-code-container ccustom-code-BU39VCuFzk"><section class="story-section">
429  <style>
430    .story-section {
431      position: relative;
432      background: #000;
433      padding: 140px 40px;
434      overflow: hidden;
435      display: flex;
436      align-items: center;
437      justify-content: center;
438    }
439
440    .story-section::before {
441      content: "";
442      position: absolute;
443      inset: 0;
444      background: radial-gradient(900px 600px at 70% 40%, rgba(255,40,10,0.25), transparent 75%);
445      filter: blur(100px);
446      z-index: 0;
447    }
448
449    .story-container {
450      position: relative;
451      display: flex;
452      align-items: center;
453      justify-content: space-between;
454      max-width: 1300px;
455      width: 100%;
456      z-index: 1;
457      gap: 60px;
458    }
459
460    /* ---- BEFORE–AFTER SLIDER ---- */
461    .slider-wrapper {
462      position: relative;
463      flex: 0 0 45%;
464      aspect-ratio: 4/5;
465      border-radius: 18px;
466      overflow: hidden;
467      box-shadow: 0 10px 40px rgba(255,60,30,0.3);
468      cursor: ew-resize;
469    }
470
471    .slider-wrapper img {
472      position: absolute;
473      width: 100%;
474      height: 100%;
475      object-fit: cover;
476      top: 0;
477      left: 0;
478      pointer-events: none;
479      user-select: none;
480    }
481
482    /* --- After félrecsúsztatás --- */
483    .slider-wrapper .after {
484      clip-path: inset(0 0 0 50%);
485      transition: clip-path 0.2s ease;
486    }
487
488    .slider-wrapper::after {
489      content: "";
490      position: absolute;
491      top: 0;
492      bottom: 0;
493      left: 50%;
494      width: 3px;
495      background: rgba(255,60,30,0.8);
496      transform: translateX(-50%);
497      transition: left 0.2s ease;
498    }
499
500    /* --- Overlay szövegek --- */
501    .overlay-text {
502      position: absolute;
503      bottom: 25px;
504      width: calc(50% - 24px);
505      color: rgba(255,255,255,0.88);
506      font-size: 1rem;
507      line-height: 1.6;
508      font-family: 'Open Sans', sans-serif;
509      text-align: center;
510      padding: 16px 18px;
511      background: rgba(0,0,0,0.38);
512      backdrop-filter: blur(4px);
513      border-radius: 10px;
514      text-shadow: 0 2px 10px rgba(0,0,0,0.5);
515      pointer-events: none;
516      z-index: 2;
517    }
518
519    .overlay-before { left: 12px; }
520    .overlay-after  { right: 12px; }
521
522    /* ---- JOBB OLDAL: SZÖVEG ---- */
523    .story-text {
524      flex: 0 0 50%;
525      color: #eaeaea;
526      font-family: 'Open Sans', sans-serif;
527      font-size: 1.1rem;
528      line-height: 1.8;
529      max-width: 600px;
530      opacity: 0;
531      transform: translateY(20px);
532      animation: fadeUp 1s ease forwards 0.3s;
533    }
534
535    .story-text h2 {
536      font-family: 'Bebas Neue', sans-serif;
537      font-size: clamp(48px, 5.5vw, 64px);
538      color: #fff;
539      line-height: 1.05;
540      margin-bottom: 18px;
541      text-transform: uppercase;
542    }
543
544    .story-text h2 span {
545      color: #ff3b1d;       /* narancs “KEZDETE” */
546      display: block;
547    }
548
549    .story-text p {
550      color: #d0d0d0;
551      margin-bottom: 22px;
552      font-size: 1rem;
553    }
554
555    .story-text strong {
556      color: #ff3b1d;
557      font-weight: 600;
558    }
559
560    @keyframes fadeUp {
561      from { opacity: 0; transform: translateY(30px); }
562      to   { opacity: 1; transform: translateY(0); }
563    }
564
565    /* ---- MOBIL ---- */
566    @media(max-width: 900px){
567      .story-section{
568        padding: 100px 24px;
569      }
570      .story-container{
571        flex-direction: column-reverse;
572        text-align: center;
573        gap: 40px;
574      }
575      .story-text{
576        max-width: 100%;
577      }
578      .story-text h2{
579        font-size: 40px;
580        max-width: 18ch;      /* szélesebb, de 2 sorban törik */
581        margin: 0 auto 18px;
582      }
583
584      .slider-wrapper{
585        width: 90%;
586        max-width: 500px;
587        aspect-ratio: 3/4;
588        border-radius: 16px;
589      }
590
591      .overlay-text{
592        width: 86%;
593        left: 50%;
594        transform: translateX(-50%);
595        font-size: .92rem;
596        line-height: 1.45;
597        padding: 10px 12px;
598        background: rgba(0,0,0,0.55);
599        white-space: normal;
600      }
601
602      .overlay-before{
603        top: 10px;
604        bottom: auto;
605      }
606
607      .overlay-after{
608        bottom: 10px;
609        top: auto;
610      }
611    }
612  </style>
613
614  <div class="story-container">
615    <div class="slider-wrapper" id="beforeAfter">
616      <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/6914e251b49c9ed17c593e7a.jpg" class="before" alt="Before">
617      <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/6914e20cfb51418493ab6d75.jpg" class="after" alt="After">
618
619      <div class="overlay-text overlay-before">
620        11 évvel ezelőtt… amikor a <strong>pia és a drog</strong> volt a boldogság.
621      </div>
622      <div class="overlay-text overlay-after">
623        Ma… amikor a <strong>családom és a sikereim</strong> adnak értelmet.
624      </div>
625    </div>
626
627    <div class="story-text">
628      <h2>
629        A BEFEKTETŐI UTAM
630        <span>KEZDETE</span>
631      </h2>
632      <p>
633        11 évvel ezelőtt <strong>teljesen a padlón voltam</strong> — anyagilag, mentálisan, és nem volt irány az életemben. 
634        A tőzsde világa még távolinak tűnt, de volt bennem valami, ami nem hagyott nyugodni: 
635        <strong>a vágy, hogy kitörjek</strong>.
636      </p>
637      <p>
638        Ma már <strong>sikeres traderként</strong> dolgozom, és olyan befektetési rendszert építettem, 
639        ami szabadságot adott: anyagi, időbeli és mentális értelemben egyaránt.
640      </p>
641      <p>
642        Ez az út nem volt könnyű, de minden egyes nap közelebb vitt ahhoz az emberhez, akivé ma lettem.
643      </p>
644    </div>
645  </div>
646
647  
647<script>
648    const slider = document.getElementById("beforeAfter");
649    const after  = slider.querySelector(".after");
650
651    let isDragging = false;
652
653    slider.addEventListener("mousedown", () => isDragging = true);
654    slider.addEventListener("mouseup",   () => isDragging = false);
655    slider.addEventListener("mouseleave",() => isDragging = false);
656
657    slider.addEventListener("mousemove", (e) => {
658      if(!isDragging) return;
659      const rect    = slider.getBoundingClientRect();
660      const offsetX = e.clientX - rect.left;
661      const percent = Math.max(0, Math.min(offsetX / rect.width, 1));
662      after.style.clipPath = `inset(0 0 0 ${percent * 100}%)`;
663      slider.style.setProperty("--divider-left", `${percent * 100}%`);
664    });
665
666    slider.addEventListener("touchmove", (e) => {
667      const rect    = slider.getBoundingClientRect();
668      const offsetX = e.touches[0].clientX - rect.left;
669      const percent = Math.max(0, Math.min(offsetX / rect.width, 1));
670      after.style.clipPath = `inset(0 0 0 ${percent * 100}%)`;
671    });
672  </script>
672
673</section>
674</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-uFyk6FqVCK" data-animation-class style="" class="c-custom-code c-wrapper custom-code-uFyk6FqVCK"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-uFyk6FqVCK__custom-code" class="custom-code-container ccustom-code-uFyk6FqVCK"><section class="audience-section">
675  <style>
676
677    .audience-section {
678      background-color: #0d0d0d;
679      color: #fff;
680      padding: 120px 40px;
681      text-align: center;
682      font-family: 'Open Sans', sans-serif;
683      position: relative;
684      overflow: hidden;
685    }
686
687    /* --- DESKTOP HEADLINE --- */
688    .audience-section h2 {
689      font-family: 'Bebas Neue', sans-serif;
690      font-size: clamp(48px, 6vw, 70px);
691      margin-bottom: 70px;
692      color: #fff;
693      letter-spacing: 1px;
694      text-transform: uppercase;
695      position: relative;
696      max-width: 900px;
697      margin-left: auto;
698      margin-right: auto;
699    }
700
701    /* GRID DESKTOP */
702    .audience-grid {
703      display: grid;
704      grid-template-columns: repeat(4, 1fr);
705      gap: 35px;
706      justify-items: center;
707      align-items: stretch;
708      max-width: 1300px;
709      margin: 0 auto;
710    }
711
712    /* --- CARD --- */
713    .audience-card {
714      background-color: #141414;
715      border-radius: 18px;
716      padding: 50px 30px;
717      transition: all 0.3s ease;
718      box-shadow: 0 0 0 1px rgba(255,255,255,0.05);
719      position: relative;
720      width: 100%;
721    }
722
723    .audience-icon {
724      width: 64px;
725      height: 64px;
726      background-color: rgba(255,60,30,0.1);
727      color: #ff3c1d;
728      display: flex;
729      align-items: center;
730      justify-content: center;
731      border-radius: 50%;
732      font-size: 28px;
733      margin: 0 auto 25px auto;
734    }
735
736    .audience-card h3 {
737      color: #ff3c1d;
738      font-family: 'Bebas Neue', sans-serif;
739      font-size: 28px;
740      margin-bottom: 16px;
741      letter-spacing: 1px;
742    }
743
744    .audience-card p {
745      font-size: 16px;
746      line-height: 1.7;
747      color: #d6d6d6;
748      max-width: 300px;
749      margin: 0 auto;
750    }
751
752    /* ---- TABLET ---- */
753    @media (max-width: 1100px) {
754      .audience-grid {
755        grid-template-columns: repeat(2, 1fr);
756        gap: 25px;
757      }
758      .audience-card {
759        padding: 40px 25px;
760      }
761    }
762
763    /* ----------------------------------- */
764    /* ----------- MOBILE FIX ------------ */
765    /* ----------------------------------- */
766    @media (max-width: 650px) {
767
768      /* HEADLINE Launchpad-stílus */
769      .audience-section h2 {
770        font-size: 30px !important;
771        line-height: 1.15 !important;
772        margin-bottom: 50px !important;
773        max-width: 95%;
774        letter-spacing: 0.5px;
775      }
776
777      /* MINDEN KÁRTYA széles, levegős Launchpad módra */
778      .audience-grid {
779        grid-template-columns: 1fr;
780        gap: 28px;
781        width: 100%;
782      }
783
784      .audience-card {
785        width: 100%;
786        max-width: 480px;
787        margin: 0 auto;
788        padding: 38px 25px;
789        border-radius: 20px;
790      }
791
792      .audience-icon {
793        width: 58px;
794        height: 58px;
795        font-size: 26px;
796        margin-bottom: 20px;
797      }
798
799      .audience-card h3 {
800        font-size: 26px;
801        margin-bottom: 12px;
802      }
803
804      .audience-card p {
805        font-size: 15px;
806        line-height: 1.6;
807        max-width: 90%;
808      }
809    }
810  </style>
811
812  <h2>Kiknek szól a Szabo Capital Group program?</h2>
813
814  <div class="audience-grid">
815
816    <div class="audience-card">
817      <div class="audience-icon">🎯</div>
818      <h3>Kezdő traderek</h3>
819      <p>Ha most vágsz bele a tőzsdébe, lépésről lépésre megtanítalak az alapokra, hogy biztonságosan és magabiztosan kezdj el kereskedni.</p>
820    </div>
821
822    <div class="audience-card">
823      <div class="audience-icon">📈</div>
824      <h3>Tapasztalt traderek</h3>
825      <p>Ha már kereskedsz, de nem vagy következetesen profitábilis, segítek intézményi gondolkodásmódra váltani és stabil rendszert építeni.</p>
826    </div>
827
828    <div class="audience-card">
829      <div class="audience-icon">💼</div>
830      <h3>
830Alkalmazottak</h3>
831      <p>Ha eleged van a mókuskerékből, építsd fel a pénzügyi szabadságod: tanuld meg, hogyan termelhetsz jövedelmet akár munka mellett is.</p>
832    </div>
833
834    <div class="audience-card">
835      <div class="audience-icon">🏆</div>
836      <h3>Vállalkozók</h3>
837      <p>Ha már sikeres vagy az üzletben, de szeretnéd, hogy a pénzed is dolgozzon helyetted, megtanítom, hogyan válj befektető vállalkozóvá.</p>
838    </div>
839
840  </div>
841</section>
842</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-38GyIez2Zn" data-animation-class style="" class="c-custom-code c-wrapper custom-code-38GyIez2Zn"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-38GyIez2Zn__custom-code" class="custom-code-container ccustom-code-38GyIez2Zn"><section class="bento-access">
843  <style>
844    .bento-access {
845      background: transparent !important;
846      color: #fff;
847      padding: 120px 40px;
848      font-family: 'Open Sans', sans-serif;
849      text-align: center;
850    }
851
852    .bento-access h2 {
853      font-family: 'Bebas Neue', sans-serif;
854      font-size: clamp(46px, 5.8vw, 68px);
855      text-transform: uppercase;
856      margin-bottom: 70px;
857      color: #ffffff;
858      letter-spacing: 1px;
859      line-height: 1.1;
860    }
861
862    .bento-access h2 span {
863      color: #ff3c1d;
864    }
865
866    /* --- BENTO GRID --- */
867    .bento-grid {
868      display: grid;
869      grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 oszlop – bento stílus */
870      grid-auto-rows: 230px;
871      gap: 20px;
872      max-width: 1350px;
873      margin: 0 auto;
874    }
875
876    .bento-item {
877      position: relative;
878      border-radius: 18px;
879      overflow: hidden;
880      display: flex;
881      flex-direction: column;
882      justify-content: flex-end;
883      padding: 26px 26px 24px;
884      text-align: left;
885      background: radial-gradient(circle at top, #262626, #101010);
886      box-shadow: 0 0 0 1px rgba(255,255,255,0.05);
887      transition: transform .25s ease, box-shadow .25s ease;
888      isolation: isolate;
889    }
890
891    .bento-item::before {
892      content: "";
893      position: absolute;
894      inset: 0;
895      background:
896        linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 65%, #000 100%);
897      opacity: .85;
898      z-index: 0;
899    }
900
901    .bento-item:hover {
902      transform: translateY(-4px);
903      box-shadow: 0 0 26px rgba(255, 60, 30, 0.35);
904    }
905
906    .bento-item img {
907      position: absolute;
908      inset: 0;
909      width: 100%;
910      height: 100%;
911      object-fit: cover;
912      opacity: .45;
913      z-index: -1;
914      transform: scale(1.03);
915    }
916
917    .bento-item .content {
918      position: relative;
919      z-index: 2;
920    }
921
922    .bento-item h3 {
923      font-family: 'Bebas Neue', sans-serif;
924      color: #ffffff;
925      font-size: 24px;
926      margin-bottom: 8px;
927      letter-spacing: .5px;
928    }
929
930    .bento-item h3 span {
931      color: #ff3c1d;
932    }
933
934    .bento-item p {
935      color: #d5d5d5;
936      font-size: 14px;
937      line-height: 1.6;
938      max-width: 90%;
939    }
940
941    /* --- BENTO LAYOUT (DESKTOP, 4 oszlop) --- */
942
943    /* nagy bal felső blokk – 2×2 */
944    .footprint { grid-column: span 2; grid-row: span 2; }
945
946    /* mellette fent 2×1 */
947    .session   { grid-column: span 2; grid-row: span 1; }
948
949    /* a Footprint alatt, jobb oldali oszlopokban 1×1 kártyák */
950    .psychology { grid-column: span 1; grid-row: span 1; }
951    .funded     { grid-column: span 1; grid-row: span 1; }
952
953    /* alsó sor – kicsit „tördelt” */
954    .stocks { grid-column: span 2; grid-row: span 1; }
955    .robots { grid-column: span 1; grid-row: span 1; }
956    .live   { grid-column: span 1; grid-row: span 1; }
957
958    /* mobil app – teljes sor szélesség */
959    .mobile { grid-column: 1 / -1; grid-row: span 1; }
960
961    /* session kép pozíció */
962    .bento-item.session img {
963      object-position: center 35%;
964    }
965
966    /* ---- Tablet nézet (max 1024px) ---- */
967    @media (max-width: 1024px) {
968      .bento-access {
969        padding: 90px 24px;
970      }
971
972      .bento-grid {
973        grid-template-columns: repeat(2, minmax(0, 1fr));
974        grid-auto-rows: 230px;
975      }
976
977      /* minden kártya teljes soron tablet nézetben */
978      .bento-item,
979      .footprint,
980      .session,
981      .psychology,
982      .funded,
983      .stocks,
984      .robots,
985      .live,
986      .mobile {
987        grid-column: span 2;
988        grid-row: span 1;
989      }
990
991      .footprint {
992        grid-row: span 2; /* továbbra is kicsit magasabb lehet, ha tetszik */
993      }
994    }
995
996    /* ---- Mobil nézet (max 640px) ---- */
997    @media (max-width: 640px) {
998      .bento-access {
999        padding: 70px 18px;
1000      }
1001
1002      .bento-grid {
1003        grid-template-columns: 1fr;
1004        grid-auto-rows: auto;
1005        gap: 18px;
1006      }
1007
1008      .bento-item {
1009        padding: 22px 20px 20px;
1010        min-height: 220px;
1011      }
1012
1013      .bento-item h3 {
1014        font-size: 22px;
1015      }
1016
1017      .bento-item p {
1018        font-size: 14px;
1019        max-width: 100%;
1020      }
1021    }
1022  </style>
1023
1024  <h2>
1025    Mit kapsz hozzáférésként a <span>Szabo Capital Group</span> közösségben?
1026  </h2>
1027
1028  <div class="bento-grid">
1029
1030    <!-- FOOTPRINT CHART -->
1031    <div class="bento-item footprint">
1032      <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/691760f57aa330609b876f6a.jpg" alt="Footprint Chart">
1033      <div class="content">
1034        <h3><span>Footprint Chart</span> &amp; Order Flow</h3>
1035        <p>Megtanulod olvasni az intézményi order flow dinamikáját, az abszorpciós zónákat és volume-klasztereket – vagyis azt, hol dönt a nagytőke.</p>
1036      </div>
1037    </div>
1038
1039    <!-- SESSION TRADING -->
1040    <div class="bento-item session">
1041      <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/691760f56c431e6971c99241.jpg" alt="Trading Sessions">
1042      <div class="content">
1043        <h3><span>Session alapú</span> kereskedés</h3>
1044        <p>London, New York és Ázsia killzone-jai, liquidity sweep-ek és bias-váltások – érthetően, napi gyakorlatra lefordítva.</p>
1045      </div>
1046    </div>
1047
1048    <!-- PSYCHOLOGY -->
1049    <div class="bento-item psychology">
1050      <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/691760f521776f7430dde3e3.jpg" alt="Trading Psychology">
1051      <div class="content">
1052        <h3>Trader <span>pszichológia</span></h3>
1053        <p>Érzelmi önszabályozás, limbikus csapdák, kognitív torzítások lebontása – hogy a döntéseidet ne a félelem irányítsa.</p>
1054      </div>
1055    </div>
1056
1057    <!-- FUNDED / PROP FIRM -->
1058    <div class="bento-item funded">
1059      <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/691760f55d55fc34722d69ac.jpg" alt="Funded Trader">
1060      <div class="content">
1061        <h3>Prop Firm &amp; <span>Funded státusz</span></h3>
1062        <p>Olyan stratégiák, amelyekkel nemcsak átjutsz a challenge-eken, hanem hosszú távon is meg tudod tartani a funded számlát.</p>
1063      </div>
1064    </div>
1065
1066    <!-- STOCK INVESTING -->
1067    <div class="bento-item stocks">
1068      <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/6908b6cb08b94c1abc1261bd.png" alt="Stock Investing">
1069      <div class="content">
1070        <h3>Részvény<span>befektetések</span></h3>
1071        <p>Megérted a fundamentumok, szektorrotációk és makrotrendek hatását – és hogyan építs egyensúlyos portfóliót.</p>
1072      </div>
1073    </div>
1074
1075    <!-- ROBOTS -->
1076    <div class="bento-item robots">
1077      <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/691760f59890527b5e8e116e.jpg" alt="Trading Robots">
1078      <div class="content">
1079        <h3>Kereskedési <span>robotok</span></h3>
1080        <p>Saját fejlesztésű, session-idősávokra optimalizált automatizált rendszerek, paraméterezhető kockázatkezeléssel.</p>
1081      </div>
1082    </div>
1083
1084    <!-- LIVE TRADING -->
1085    <div class="bento-item live">
1086      <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/691760f56c431e32d4c99240.jpg" alt="Live Trading with Szabó Zoltán">
1087      <div class="content">
1088        <h3>Szabó Zoltán <span>élő live-ok</span></h3>
1089        <p>Valós idejű kereskedések Footprint Chart és DOM alapján – közvetlen betekintés Zoltán gondolkodásába.</p>
1090      </div>
1091    </div>
1092
1093    <!-- MOBILE APP -->
1094    <div class="bento-item mobile">
1095      <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/691760f57635bd8d40fdb243.jpg" alt="Mobile App">
1096      <div class="content">
1097        <h3><span>Mobil app</span> hozzáférés</h3>
1098        <p>Vidd magaddal a tananyagot és a kereskedési eszközöket: telefonról is eléred a videókat, jegyzeteket és a közösséget.</p>
1099      </div>
1100    </div>
1101
1102  </div>
1103</section>
1104</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-0UX5hkGZTI" data-animation-class style="" class="c-custom-code c-wrapper custom-code-0UX5hkGZTI"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-0UX5hkGZTI__custom-code" class="custom-code-container ccustom-code-0UX5hkGZTI"><section class="pricing-path"> 
1105  <style>
1106    .pricing-path {
1107      position: relative;
1108      padding: 140px 40px 150px;
1109      background: #000;
1110      overflow: hidden;
1111      text-align: center;
1112      color: #ffffff;
1113      font-family: 'Open Sans', sans-serif;
1114    }
1115
1116    .pricing-path::before {
1117      content: "";
1118      position: absolute;
1119      inset: 0;
1120      background:
1121        radial-gradient(circle at 50% 0%, rgba(255,60,20,0.12), transparent 70%),
1122        linear-gradient(180deg, rgba(0,0,0,0.85), rgba(0,0,0,0.65) 40%, rgba(0,0,0,1) 90%);
1123      pointer-events: none;
1124      z-index: 1;
1125    }
1126
1127    .pricing-path::after {
1128      content: "";
1129      position: absolute;
1130      inset: -200px;
1131      background: radial-gradient(circle at 50% 65%, rgba(0,0,0,0), rgba(0,0,0,0.45) 70%);
1132      pointer-events: none;
1133      z-index: 1;
1134    }
1135
1136    .pricing-path h2 {
1137      position: relative;
1138      z-index: 5;
1139      font-family: 'Bebas Neue';
1140      font-size: clamp(48px, 6vw, 70px);
1141      margin-bottom: 70px;
1142      text-transform: uppercase;
1143      color: #ffffff;
1144      letter-spacing: 0.05em;
1145    }
1146
1147    .pricing-wrapper {
1148      position: relative;
1149      display: flex;
1150      justify-content: center;
1151      gap: 42px;
1152      max-width: 1180px;
1153      margin: 0 auto;
1154      padding-top: 50px;
1155      z-index: 5;
1156    }
1157
1158    .pricing-wrapper::before {
1159      content: "";
1160      position: absolute;
1161      top: 0;
1162      left: 8%;
1163      right: 8%;
1164      border-top: 1px dashed rgba(255,120,60,0.8);
1165      opacity: 0.8;
1166    }
1167
1168    .pricing-wrapper::after {
1169      content: "";
1170      position: absolute;
1171      top: -1px;
1172      left: 50%;
1173      width: 1px;
1174      height: 24px;
1175      transform: translateX(-50%);
1176      border-left: 1px dashed rgba(255,120,60,0.7);
1177    }
1178
1179    .path-card {
1180      width: 48%;
1181      padding: 50px 40px 45px;
1182      border-radius: 20px;
1183      text-align: center;
1184      background: rgba(16,16,16,0.66);
1185      border: 1px solid rgba(255,60,30,0.35);
1186      box-shadow:
1187        0 22px 60px rgba(0,0,0,0.95),
1188        0 0 18px rgba(255,60,30,0.15);
1189      backdrop-filter: blur(4px);
1190      z-index: 5;
1191    }
1192
1193    .path-card.red {
1194      background: linear-gradient(180deg, #c42813, #851209 55%, #390803);
1195      border: none;
1196      box-shadow:
1197        0 22px 70px rgba(0,0,0,0.95),
1198        0 0 40px rgba(255,60,30,0.45);
1199    }
1200
1201    .path-card h3 {
1202      font-size: 17px;
1203      font-weight: 700;
1204      color: #d0d0d0;
1205      letter-spacing: 0.15em;
1206      text-transform: uppercase;
1207      margin-bottom: 10px;
1208    }
1209
1210    .path-card .price {
1211      font-family: 'Bebas Neue';
1212      font-size: 56px;
1213      margin: 0 0 20px;
1214      color: #fff;
1215    }
1216
1217    .path-card p {
1218      font-size: 15px;
1219      line-height: 1.8;
1220      color: #f2f2f2;
1221      margin-bottom: 40px;
1222    }
1223
1224    .pricing-btn {
1225      padding: 14px 30px;
1226      border-radius: 999px;
1227      background: #111;
1228      color: #fff;
1229      font-weight: 600;
1230      cursor: pointer;
1231      border: 1px solid rgba(255,255,255,0.15);
1232      text-transform: uppercase;
1233      transition: 0.15s;
1234      font-size: 13px;
1235    }
1236
1237    .pricing-btn:hover {
1238      background: #222;
1239      transform: translateY(-2px);
1240    }
1241
1242    .pricing-btn.red {
1243      background: linear-gradient(90deg, #ff5a29, #ff3418);
1244      border: none;
1245      box-shadow: 0 0 25px rgba(255,60,30,0.75);
1246    }
1247
1248    .pricing-btn.red:hover {
1249      transform: translateY(-2px);
1250      box-shadow: 0 0 35px rgba(255,60,30,1);
1251    }
1252
1253    .vs-circle {
1254      display: none;
1255    }
1256
1257    /* ---------- MOBIL ---------- */
1258    @media(max-width: 900px) {
1259
1260      .pricing-path {
1261        padding: 100px 20px 120px;
1262      }
1263
1264      .pricing-path h2 {
1265        font-size: 36px;
1266        letter-spacing: 0.04em;
1267        white-space: nowrap;
1268        margin-bottom: 40px;
1269      }
1270
1271      .pricing-wrapper {
1272        flex-direction: column;
1273        gap: 20px;
1274        padding-top: 10px;
1275        max-width: 480px;
1276      }
1277
1278      .pricing-wrapper::before,
1279      .pricing-wrapper::after {
1280        display: none;
1281      }
1282
1283      .path-card {
1284        width: 100%;
1285        padding: 32px 22px 28px;
1286        border-radius: 18px;
1287      }
1288
1289      .path-card .price {
1290        font-size: 44px;
1291        margin-bottom: 14px;
1292      }
1293
1294      .path-card p {
1295        font-size: 14px;
1296        line-height: 1.6;
1297        margin-bottom: 26px;
1298      }
1299
1300      .pricing-btn {
1301        padding: 10px 22px;
1302        font-size: 12px;
1303      }
1304
1305      .vs-circle {
1306        display: inline-flex;
1307        align-items: center;
1308        justify-content: center;
1309        margin: 4px auto;
1310        padding: 12px 22px;
1311        position: static;
1312        transform: none;
1313        border-radius: 999px;
1314        color: #ff5a29;
1315        font-weight: 800;
1316        letter-spacing: 0.22em;
1317        background: #0b0c10;
1318        border: 2px solid rgba(255,120,60,0.5);
1319        box-shadow:
1320          0 0 18px rgba(255,60,30,0.45),
1321          0 0 0 2px rgba(255,80,40,0.35);
1322        z-index: 5;
1323      }
1324    }
1325  </style>
1326
1327  <h2>Két út. Egy döntés.</h2>
1328
1329  <div class="pricing-wrapper">
1330
1331    <div class="path-card">
1332      <h3>Fizetsz</h3>
1333      <div class="price">1–3 millió Ft</div>
1334      <p>
1335        Rossz pozíciók, elhibázott döntések és impulzív trade-ek formájában<br>
1336        könnyen kiadhatsz több millió forintot – a tudás hiánya miatt.<br><br>
1337        Megpróbálhatod egyedül is, de a legtöbb trader így éveket veszít el,
1338        fejlődés nélkül.
1339      </p>
1340      <button class="pricing-btn">❌ Maradok a bizonytalanságnál</button>
1341    </div>
1342
1343    <div class="vs-circle">VS</div>
1344
1345    <div class="path-card red">
1346      <h3>Fizetsz</h3>
1347      <div class="price">10.990 Ft / hó</div>
1348      <p>
1349        Hozzáférsz egy profi kereskedési rendszerhez,<br>
1350        amely footprint elemzést, mentális stabilitást,<br>
1351        robotokat, edukációt és valós idejű live-okat ad.<br><br>
1352        Több mint egy évtized tapasztalata egy helyen —  
1353        hogy ne veszteségek árán tanulj.
1354      </p>
1355
1356      <!-- 🔥 SCROLL TO MEMBERSHIP BUTTON -->
1357      <button class="pricing-btn red scroll-to-membership"
1358        onclick="window.open('https://app.szabocapitalgroup.com/payment-link/6922f81abbe219660d381906', '_blank')">
1359        🔥 Belépek a közösségbe
1360</button>
1361
1362
1363    </div>
1364
1365  </div>
1366
1367</section>
1368
1369<!-- 🔥 SMOOTH SCROLL SCRIPT (ugyanaz, ami már működik az oldalon) -->
1370<script>
1371document.addEventListener("DOMContentLoaded", function() {
1372  document.querySelectorAll(".scroll-to-membership").forEach(btn => {
1373    btn.addEventListener("click", () => {
1374      const target = document.querySelector("#membership-section");
1375      if (target) {
1376        target.scrollIntoView({ behavior: "smooth" });
1377      }
1378    });
1379  });
1380});
1381</script>
1381
1382</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-Iy-CCRlgNy" data-animation-class style="" class="c-custom-code c-wrapper custom-code-Iy-CCRlgNy"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-Iy-CCRlgNy__custom-code" class="custom-code-container ccustom-code-Iy-CCRlgNy"><section class="skills-slider">
1383  <style>
1384    .skills-slider {
1385      background: radial-gradient(circle at top, #2a1410 0%, #050505 55%, #000 100%);
1386      padding: 110px 20px 90px;
1387      color: #fff;
1388      text-align: center;
1389      overflow: hidden;
1390      font-family: 'Open Sans', sans-serif;
1391    }
1392
1393    .skills-slider h2 {
1394      font-family: 'Bebas Neue', sans-serif;
1395      font-size: clamp(42px, 6vw, 70px);
1396      text-transform: uppercase;
1397      margin-bottom: 60px;
1398      color: #ffffff;
1399    }
1400
1401    .skills-slider h2 span {
1402      color: #ff3c1d;
1403    }
1404
1405    /* --- CONTAINER + TRACK --- */
1406    .skills-container {
1407      max-width: 920px;
1408      margin: 0 auto;
1409      overflow: hidden;
1410      position: relative;
1411    }
1412
1413    .skills-track {
1414      display: flex;
1415      transition: transform 0.6s ease;
1416      will-change: transform;
1417    }
1418
1419    /* --- CARD --- */
1420    .skill-card {
1421      flex: 0 0 100%;
1422      padding: 36px 34px;
1423      border-radius: 20px;
1424      background: radial-gradient(circle at top left, #26272f 0%, #14151c 45%, #0b0c11 100%);
1425      border: 1px solid rgba(255, 60, 30, 0.16);
1426      box-shadow:
1427        0 26px 60px rgba(0, 0, 0, 0.85),
1428        0 0 28px rgba(255, 60, 30, 0.18);
1429      opacity: 0.45;
1430      transform: scale(0.94);
1431      transition: opacity 0.35s ease, transform 0.35s ease,
1432                  box-shadow 0.35s ease, border-color 0.35s ease;
1433    }
1434
1435    .skill-card.active {
1436      opacity: 1;
1437      transform: scale(1);
1438      border-color: rgba(255, 60, 30, 0.55);
1439      box-shadow:
1440        0 30px 80px rgba(0, 0, 0, 0.9),
1441        0 0 40px rgba(255, 60, 30, 0.25);
1442    }
1443
1444    .skill-card h3 {
1445      font-size: 24px;
1446      font-family: 'Bebas Neue', sans-serif;
1447      color: #ff3c1d;
1448      letter-spacing: 0.04em;
1449      margin-bottom: 10px;
1450    }
1451
1452    .skill-card p {
1453      font-size: 15px;
1454      line-height: 1.7;
1455      color: #e1e1e1;
1456      margin-bottom: 18px;
1457    }
1458
1459    .skill-card .meta {
1460      font-size: 13px;
1461      color: #aeb3c4;
1462    }
1463
1464    /* --- NAV GOMBOK --- */
1465    .slider-nav {
1466      margin-top: 36px;
1467      display: flex;
1468      justify-content: center;
1469      gap: 26px;
1470    }
1471
1472    .nav-btn {
1473      width: 50px;
1474      height: 50px;
1475      border-radius: 50%;
1476      background: #14151c;
1477      border: 1px solid rgba(255, 60, 30, 0.35);
1478      color: #ff3c1d;
1479      font-size: 22px;
1480      cursor: pointer;
1481      display: flex;
1482      align-items: center;
1483      justify-content: center;
1484      transition: background 0.2s ease, color 0.2s ease,
1485                  box-shadow 0.2s ease, transform 0.2s ease;
1486    }
1487
1488    .nav-btn:hover {
1489      background: #ff3c1d;
1490      color: #fff;
1491      box-shadow: 0 0 22px rgba(255, 60, 30, 0.6);
1492      transform: translateY(-2px);
1493    }
1494
1495    /* --- MOBILE --- */
1496    @media (max-width: 768px) {
1497      .skills-slider {
1498        padding: 80px 16px 70px;
1499      }
1500
1501      /* kisebb, launchpad-szerű headline mobilon */
1502      .skills-slider h2 {
1503        font-size: 32px;
1504        line-height: 1.2;
1505        max-width: 18ch;
1506        margin: 0 auto 40px auto;
1507      }
1508
1509      .skills-slider h2 span {
1510        display: block;          /* külön sor, mint náluk */
1511      }
1512
1513      .skill-card {
1514        padding: 28px 22px;
1515        border-radius: 18px;
1516      }
1517    }
1518  </style>
1519
1520  <!-- TITLE -->
1521  <h2>
1522    Tanuld meg azokat a készségeket, amelyekre
1523    <span>egy profi tradernek</span> szüksége van
1524  </h2>
1525
1526  <div class="skills-container">
1527    <div class="skills-track">
1528      <article class="skill-card active">
1529        <h3>DOM &amp; Liquidity Map</h3>
1530        <p>Spoofing, iceberg megbízások, liquidity wall-ok elemzése futures piacon.</p>
1531        <div class="meta">Futures – 4. lecke • 14:19</div>
1532      </article>
1533
1534      <article class="skill-card">
1535        <h3>Kereskedési Robotok</h3>
1536        <p>Session optimalizált automata rendszerek — csúszó stop, breakeven, risk engine.</p>
1537        <div class="meta">Algo Trading – 5. lecke • 31:08</div>
1538      </article>
1539
1540      <article class="skill-card">
1541        <h3>Funded Trader Blueprint</h3>
1542        <p>Challenge felkészítés, drawdown kontroll, mentális stabilitás, equity curve menedzsment.</p>
1543        <div class="meta">Funded Mastery – 1. lecke • 19:21</div>
1544      </article>
1545
1546      <article class="skill-card">
1547        <h3>Session Timing</h3>
1548        <p>London–New York manipulációk, sweep-ek időzítése, piaci bias olvasása.</p>
1549        <div class="meta">Session Framework – 2. lecke • 18:55</div>
1550      </article>
1551    </div>
1552  </div>
1553
1554  <div class="slider-nav">
1555    <button class="nav-btn" id="prevBtn">‹</button>
1556    <button class="nav-btn" id="nextBtn">›</button>
1557  </div>
1558
1559  
1559<script>
1560    (function () {
1561      const track = document.querySelector('.skills-track');
1562      const cards = Array.from(document.querySelectorAll('.skill-card'));
1563      const prevBtn = document.getElementById('prevBtn');
1564      const nextBtn = document.getElementById('nextBtn');
1565
1566      let index = 0;
1567      let autoTimer;
1568
1569      function updateSlider() {
1570        const offset = -(index * 100);
1571        track.style.transform = `translateX(${offset}%)`;
1572        cards.forEach(card => card.classList.remove('active'));
1573        cards[index].classList.add('active');
1574      }
1575
1576      function nextSlide() {
1577        index = (index + 1) % cards.length;
1578        updateSlider();
1579      }
1580
1581      function prevSlide() {
1582        index = (index - 1 + cards.length) % cards.length;
1583        updateSlider();
1584      }
1585
1586      nextBtn.addEventListener('click', () => {
1587        nextSlide();
1588        resetAuto();
1589      });
1590
1591      prevBtn.addEventListener('click', () => {
1592        prevSlide();
1593        resetAuto();
1594      });
1595
1596      function startAuto() {
1597        autoTimer = setInterval(nextSlide, 4500);
1598      }
1599
1600      function resetAuto() {
1601        clearInterval(autoTimer);
1602        startAuto();
1603      }
1604
1605      updateSlider();
1606      startAuto();
1607    })();
1608  </script>
1608
1609</section>
1610</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-KQBUMLgbnn" data-animation-class style="" class="c-custom-code c-wrapper custom-code-KQBUMLgbnn"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-KQBUMLgbnn__custom-code" class="custom-code-container ccustom-code-KQBUMLgbnn"><section class="results-section">
1611  <style>
1612    .results-section {
1613      background: transparent !important;
1614      padding: 120px 40px;
1615      text-align: center;
1616      color: #fff;
1617      font-family: 'Open Sans', sans-serif;
1618    }
1619
1620    .results-section h2 {
1621      font-family: 'Bebas Neue', sans-serif;
1622      font-size: clamp(48px, 6vw, 70px);
1623      text-transform: uppercase;
1624      margin-bottom: 70px;
1625      letter-spacing: 1px;
1626    }
1627
1628    .results-section h2 span {
1629      color: #ff3c1d;
1630    }
1631
1632    /* SLIDER */
1633    .results-slider {
1634      display: flex;
1635      overflow: hidden;
1636      width: 100%;
1637      max-width: 1500px;
1638      margin: 0 auto;
1639      position: relative;
1640    }
1641
1642    .results-track {
1643      display: flex;
1644      gap: 25px;
1645      animation: slide 30s linear infinite;
1646    }
1647
1648    /* 🔥 NAGYOBB KÁRTYÁK */
1649    .result-card {
1650      width: 360px;
1651      height: 480px;
1652      background: linear-gradient(180deg, #1a1a1a, #0f0f0f);
1653      border-radius: 14px;
1654      overflow: hidden;
1655      position: relative;
1656      box-shadow: 0 0 18px rgba(255,0,0,0.15);
1657      flex-shrink: 0;
1658      display: flex;
1659      justify-content: center;
1660      align-items: center;
1661    }
1662
1663    .result-card img {
1664      width: 100%;
1665      height: 100%;
1666      object-fit: cover;
1667      opacity: 0.95;
1668    }
1669
1670    @keyframes slide {
1671      0% { transform: translateX(0); }
1672      100% { transform: translateX(-50%); }
1673    }
1674
1675    /* CTA TEXT */
1676    .results-next {
1677      margin-top: 80px;
1678      font-size: 20px;
1679      color: #dcdcdc;
1680      opacity: 0.85;
1681    }
1682
1683    /* CTA BUTTON */
1684    .results-cta-btn {
1685      margin-top: 25px;
1686      padding: 18px 42px;
1687      background: linear-gradient(90deg, #ff4b2b, #ff3b1d);
1688      border: none;
1689      color: #fff;
1690      border-radius: 12px;
1691      font-size: 18px;
1692      font-weight: 700;
1693      cursor: pointer;
1694      transition: .25s ease;
1695      box-shadow: 0 0 25px rgba(255,60,30,0.25);
1696    }
1697
1698    .results-cta-btn:hover {
1699      transform: translateY(-3px);
1700      box-shadow: 0 0 35px rgba(255,60,30,0.45);
1701    }
1702
1703    /* 📱 Mobil – kicsit nagyobb, mint eddig */
1704    @media (max-width: 900px) {
1705      .result-card {
1706        width: 260px;
1707        height: 360px;
1708      }
1709    }
1710  </style>
1711
1712  <h2>EZEK <span>VALÓDI</span> EREDMÉNYEK A KÖZÖSSÉGBŐL</h2>
1713
1714  <!-- AUTO-SLIDER -->
1715  <div class="results-slider">
1716    <div class="results-track">
1717
1718      <div class="result-card"><img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/69275785fbd3443a0d21b1f9.png"></div>
1719      <div class="result-card"><img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/692757855f7cbc5fe0c9d6ea.png"></div>
1720      <div class="result-card"><img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/692757854ee4a33b6247c880.png"></div>
1721      <div class="result-card"><img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/692757850863c309f5562964.png"></div>
1722      <div class="result-card"><img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/692757852b23a2015ae385d3.png"></div>
1723
1724      <!-- végtelenítés -->
1725      <div class="result-card"><img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/69275785fbd3443a0d21b1f9.png"></div>
1726      <div class="result-card"><img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/692757855f7cbc5fe0c9d6ea.png"></div>
1727      <div class="result-card"><img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/692757854ee4a33b6247c880.png"></div>
1728
1729    </div>
1730  </div>
1731
1732  <!-- CTA RÉSZ -->
1733  <div class="results-next"></div>
1734
1735  <!-- ✅ UGYANAZ A SCROLL RENDSZER, MINT ELŐZŐLEG -->
1736  <a href="https://app.szabocapitalgroup.com/payment-link/6922f81abbe219660d381906"
1737   class="results-cta-btn scroll-to-membership"
1738   target="_blank">
1739</a>
1740
1741
1742</section>
1743</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-5zGv4EV01f" data-animation-class style="" class="c-custom-code c-wrapper custom-code-5zGv4EV01f"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-5zGv4EV01f__custom-code" class="custom-code-container ccustom-code-5zGv4EV01f"><section class="scg-mobileapp">
1744
1745<style>
1746.scg-mobileapp {
1747  padding: 90px 6vw; /* kevesebb felső padding */
1748  background: radial-gradient(circle at 50% 0%, rgba(168,21,7,0.35), #050101 60%, #000 100%);
1749  position: relative;
1750  overflow: hidden;
1751  color: #fff;
1752  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
1753}
1754
1755.scg-mobileapp::before {
1756  content: "";
1757  position: absolute;
1758  inset: 0;
1759  background: radial-gradient(900px 600px at 80% -10%, rgba(255, 60, 31, 0.35), transparent 70%);
1760  filter: blur(50px);
1761  opacity: 0.7;
1762  pointer-events: none;
1763}
1764
1765.scg-mobileapp__inner {
1766  max-width: 1300px;
1767  margin: 0 auto;
1768  display: grid;
1769  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
1770  gap: 70px;
1771  align-items: center;
1772  position: relative;
1773  z-index: 2;
1774}
1775
1776/* ---- KÉP DESKTOPON ---- */
1777.scg-mobileapp__media {
1778  max-width: 460px;
1779  justify-self: center;
1780}
1781
1782.scg-mobileapp__media img {
1783  width: 100%;
1784  height: auto;
1785  display: block;
1786  border-radius: 22px;
1787  object-fit: cover;
1788}
1789
1790/* ---- APP IKON (mobilon látszik csak) ---- */
1791.scg-mobileapp__icon {
1792  display: none;
1793}
1794
1795.scg-mobileapp__icon img {
1796  width: 80px;
1797  height: 80px;
1798  border-radius: 22px;
1799  display: block;
1800  margin: 0 auto 18px;
1801  box-shadow: 0 12px 30px rgba(0,0,0,0.7);
1802}
1803
1804/* ---- SZÖVEG ---- */
1805.scg-mobileapp__eyebrow {
1806  font-size: 13px;
1807  letter-spacing: 0.22em;
1808  text-transform: uppercase;
1809  color: #ffb5a4;
1810  margin-bottom: 12px;
1811}
1812
1813.scg-mobileapp__title {
1814  font-family: 'Bebas Neue', system-ui, sans-serif;
1815  font-size: clamp(42px, 5.2vw, 70px);
1816  line-height: 1.05;
1817  margin-bottom: 14px;
1818  letter-spacing: 0.03em;
1819}
1820
1821.scg-mobileapp__title span {
1822  color: #FF3C1F;
1823}
1824
1825.scg-mobileapp__text {
1826  font-size: 17px;
1827  line-height: 1.7;
1828  color: #f2d7d0;
1829  margin-bottom: 26px;
1830  max-width: 620px;
1831}
1832
1833.scg-mobileapp__stores {
1834  display: flex;
1835  gap: 18px;
1836  margin-top: 14px;
1837}
1838
1839.scg-mobileapp__stores img {
1840  height: 52px;
1841  cursor: pointer;
1842  transition: transform .15s ease;
1843}
1844
1845.scg-mobileapp__stores img:hover {
1846  transform: scale(1.04);
1847}
1848
1849/* ---- RESPONSIVE ---- */
1850@media (max-width: 1000px) {
1851  .scg-mobileapp {
1852    padding: 60px 18px 80px; /* jóval kisebb felső padding mobilon */
1853  }
1854
1855  .scg-mobileapp__inner {
1856    grid-template-columns: 1fr;
1857    text-align: center;
1858    gap: 40px;
1859  }
1860
1861  /* telefon mockup elrejtése mobilon */
1862  .scg-mobileapp__media {
1863    display: none;
1864  }
1865
1866  /* ikon megjelenítése a cím felett */
1867  .scg-mobileapp__icon {
1868    display: block;
1869  }
1870
1871  .scg-mobileapp__text {
1872    margin: 0 auto 26px;
1873  }
1874
1875  .scg-mobileapp__stores {
1876    justify-content: center;
1877  }
1878}
1879
1880@media (max-width: 600px) {
1881  .scg-mobileapp {
1882    padding: 50px 16px 70px; /* még kevesebb top padding iPhone méretre */
1883  }
1884
1885  .scg-mobileapp__title {
1886    font-size: clamp(34px, 9vw, 40px);
1887  }
1888
1889  .scg-mobileapp__text {
1890    font-size: 15px;
1891  }
1892
1893  .scg-mobileapp__icon img {
1894    width: 72px;
1895    height: 72px;
1896    margin-bottom: 16px;
1897  }
1898}
1899</style>
1900
1901<div class="scg-mobileapp__inner">
1902
1903  <!-- KÉP (csak desktopon látszik) -->
1904  <div class="scg-mobileapp__media">
1905    <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/691f5d18d0b2ee7a34c41190.png" 
1906         alt="Szabó Capital Group mobilalkalmazás előnézet">
1907  </div>
1908
1909  <!-- SZÖVEG + MOBIL IKON -->
1910  <div>
1911    <!-- ez csak mobilon látszik -->
1912    <div class="scg-mobileapp__icon">
1913      <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/691db5a4c03e0f9f90c329da.png" 
1914           alt="SCG App ikon">
1915    </div>
1916
1917    <div class="scg-mobileapp__eyebrow">Mindig veled. Minden eszközön.</div>
1918
1919    <h2 class="scg-mobileapp__title">
1920      A teljes <span>Szabo Capital Group</span><br>
1921      a zsebedben van.
1922    </h2>
1923
1924    <p class="scg-mobileapp__text">
1925      Tananyagok, közösség, mentorálás, chatek, értesítések és elemzések —
1926      <strong>bárhol, bármikor</strong> elérhetők az Szabo Capital Group mobilalkalmazásban.
1927      Fejlessz, tanulj, kommunikálj és haladj előre, akár úton vagy, akár az irodában,
1928      akár egy kávézóban ülsz.
1929    </p>
1930
1931    <p class="scg-mobileapp__text">
1932      Az alkalmazást letöltheted iOS-re és Androidra — a teljes rendszer egy érintésre van.
1933      <strong></strong>
1934    </p>
1935
1936    <div class="scg-mobileapp__stores">
1937  <a href="https://apps.apple.com/us/app/szabo-capital-group/id6757193394" target="_blank" rel="noopener">
1938    <img 
1939      src="https://upload.wikimedia.org/wikipedia/commons/9/91/Download_on_the_App_Store_RGB_blk.svg" 
1940      alt="App Store"
1941    >
1942  </a>
1943
1944  <a href="https://play.google.com/store/apps/details?id=com.szabo.wl" target="_blank" rel="noopener">
1945    <img 
1946      src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" 
1947      alt="Google Play"
1948    >
1949  </a>
1950</div>
1951
1952
1953</div>
1954</section>
1955</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-3X-v9n-ZDj" data-animation-class style="" class="c-custom-code c-wrapper custom-code-3X-v9n-ZDj"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-3X-v9n-ZDj__custom-code" class="custom-code-container ccustom-code-3X-v9n-ZDj"><section class="results-premium">
1956  <style>
1957
1958    /* --- Háttér: prémium piros-fekete "lava gradient" + glow + vignette --- */
1959    .results-premium {
1960      position: relative;
1961      padding: 160px 40px 170px;
1962      background: radial-gradient(circle at 50% 0%, #2a0000, #0a0a0a 70%);
1963      overflow: hidden;
1964      color: #fff;
1965      font-family: 'Open Sans', sans-serif;
1966      text-align: center;
1967    }
1968
1969    /* Piros felső glow */
1970    .results-premium::before {
1971      content: "";
1972      position: absolute;
1973      inset: 0;
1974      background:
1975        radial-gradient(900px 700px at 50% -10%, rgba(255,60,20,0.33), transparent 70%),
1976        radial-gradient(700px 500px at 80% 20%, rgba(255,30,0,0.18), transparent 70%);
1977      filter: blur(40px);
1978      pointer-events: none;
1979    }
1980
1981    /* Finom alsó vignette */
1982    .results-premium::after {
1983      content: "";
1984      position: absolute;
1985      inset: 0;
1986      background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.55) 75%, #000 100%);
1987      pointer-events: none;
1988    }
1989
1990    /* --- CÍM --- */
1991    .results-premium h2 {
1992      position: relative;
1993      z-index: 3;
1994      font-family: 'Bebas Neue';
1995      font-size: clamp(48px, 6vw, 70px);
1996      margin-bottom: 100px;
1997      letter-spacing: 1px;
1998      text-transform: uppercase;
1999    }
2000
2001    .results-premium h2 span {
2002      color: #ff3c1d;
2003    }
2004
2005    /* --- GRID --- */
2006    .results-grid {
2007      position: relative;
2008      z-index: 3;
2009      max-width: 1200px;
2010      margin: 0 auto 90px auto;
2011      display: grid;
2012      grid-template-columns: repeat(2, 1fr);
2013      gap: 70px 90px;
2014      text-align: left;
2015    }
2016
2017    /* --- Kártyák: glass + glow --- */
2018    .result-box {
2019      display: flex;
2020      gap: 22px;
2021      padding: 28px 22px;
2022      border-radius: 14px;
2023      background: rgba(25, 25, 25, 0.45);
2024      backdrop-filter: blur(6px);
2025      border: 1px solid rgba(255,60,30,0.18);
2026      box-shadow:
2027        0 8px 40px rgba(0,0,0,0.55),
2028        0 0 20px rgba(255,60,30,0.08);
2029      transition: 0.25s;
2030    }
2031
2032    .result-box:hover {
2033      background: rgba(35,35,35,0.55);
2034      transform: translateY(-3px);
2035      box-shadow:
2036        0 12px 50px rgba(0,0,0,0.65),
2037        0 0 28px rgba(255,80,40,0.22);
2038    }
2039
2040    /* --- Szám --- */
2041    .result-number {
2042      font-family: 'Bebas Neue';
2043      font-size: 52px;
2044      color: #ff3c1d;
2045      line-height: 1;
2046      min-width: 60px;
2047      text-shadow: 0 0 18px rgba(255,60,30,0.35);
2048    }
2049
2050    /* --- Szöveg --- */
2051    .result-text h3 {
2052      font-family: 'Bebas Neue';
2053      font-size: 26px;
2054      color: #fff;
2055      margin-bottom: 8px;
2056    }
2057
2058    .result-text p {
2059      color: #eaeaea;
2060      font-size: 16px;
2061      line-height: 1.65;
2062    }
2063
2064    /* --- CTA --- */
2065    .cta-btn {
2066      position: relative;
2067      z-index: 3;
2068      display: inline-block;
2069      margin-top: 20px;
2070      padding: 18px 36px;
2071      background: linear-gradient(90deg, #ff3c1d, #b3190f);
2072      color: #fff;
2073      font-family: 'Bebas Neue';
2074      font-size: 28px;
2075      letter-spacing: 1px;
2076      border-radius: 14px;
2077      box-shadow: 0 0 32px rgba(255,60,30,0.45);
2078      cursor: pointer;
2079      transition: 0.18s;
2080      text-decoration: none;
2081    }
2082
2083    .cta-btn:hover {
2084      transform: translateY(-3px);
2085      box-shadow: 0 0 45px rgba(255,60,30,0.65);
2086    }
2087
2088    /* --- MOBILE --- */
2089    @media (max-width: 900px) {
2090      .results-grid {
2091        grid-template-columns: 1fr;
2092        gap: 40px;
2093      }
2094    }
2095
2096    /* --- MOBILE OPTIMALIZÁLÁS HEADLINE-HOZ --- */
2097    @media(max-width: 650px) {
2098
2099      .results-premium {
2100        padding: 90px 28px 110px !important;
2101      }
2102
2103      .results-premium h2 {
2104        font-size: 34px !important;
2105        line-height: 1.18 !important;
2106        margin-bottom: 55px !important;
2107        max-width: 95%;
2108        margin-left: auto;
2109        margin-right: auto;
2110      }
2111
2112      .results-premium h2 span {
2113        font-size: 34px !important;
2114      }
2115
2116      .results-grid {
2117        gap: 30px !important;
2118      }
2119
2120      .result-text h3 {
2121        font-size: 22px !important;
2122      }
2123
2124      .result-text p {
2125        font-size: 14.5px !important;
2126        line-height: 1.55 !important;
2127      }
2128
2129      .result-number {
2130        font-size: 44px !important;
2131        min-width: 52px !important;
2132      }
2133    }
2134
2135  </style>
2136
2137  <h2>Valós eredmények, amelyeket <span>TE is</span> elérhetsz</h2>
2138
2139  <div class="results-grid">
2140    <!-- BOXOK (változatlanul hagyva) -->
2141    <div class="result-box"><div class="result-number">01</div><div class="result-text"><h3>Pontosabban olvasod a piacot</h3><p>Megérted az order flow mintázatait, és tisztábban látod a nagy pénz mozgását.</p></div></div>
2142
2143    <div class="result-box"><div class="result-number">
214302</div><div class="result-text"><h3>Session alapú gondolkodás</h3><p>A fő idősávokat azonnal felismered, és előre látod a manipulációk mintáit.</p></div></div>
2144
2145    <div class="result-box"><div class="result-number">03</div><div class="result-text"><h3>Profitábilis rendszer építése</h3><p>Belépési modell, exit stratégia, money management – végre rendszerben tradelsz.</p></div></div>
2146
2147    <div class="result-box"><div class="result-number">04</div><div class="result-text"><h3>Valós idejű elemzés</h3><p>A Footprint–DOM döntéseid stabilabbá válnak, és azonnal tanulhatsz belőlük.</p></div></div>
2148
2149    <div class="result-box"><div class="result-number">05</div><div class="result-text"><h3>Mentális stabilitás</h3><p>Érzelemkezelés, fókusz és fegyelem – mint az intézményi traderek.</p></div></div>
2150
2151    <div class="result-box"><div class="result-number">06</div><div class="result-text"><h3>Strukturális megértés</h3><p>A nagy tőke célárait felismered – nem leszel többé bizonytalan a piacon.</p></div></div>
2152  </div>
2153
2154  <!-- 🔥 MÓDOSÍTOTT CTA — SCROLL-TO-MEMBERSHIP OSZTÁLY -->
2155  <a class="cta-btn scroll-to-membership" 
2156   href="https://app.szabocapitalgroup.com/payment-link/6922f81abbe219660d381906"
2157   target="_blank">
2158   Belépek a közösségbe
2159</a>
2160
2161
2162</section>
2163</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-1RkHcjKzHz" data-animation-class style="" class="c-custom-code c-wrapper custom-code-1RkHcjKzHz"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-1RkHcjKzHz__custom-code" class="custom-code-container ccustom-code-1RkHcjKzHz"><section class="membership-section">
2164  <style>
2165    /* --- HÁTTÉR, SZEKCIÓ --- */
2166    .membership-section {
2167      position: relative;
2168      padding: 140px 40px 160px;
2169      background: radial-gradient(circle at 0% 50%, #2b0c05 0, #050505 55%, #000 100%);
2170      color: #fff;
2171      font-family: 'Open Sans', sans-serif;
2172      text-align: center;
2173      overflow: hidden;
2174    }
2175
2176    .membership-section::before {
2177      content: "";
2178      position: absolute;
2179      inset: 0;
2180      background:
2181        radial-gradient(900px 600px at 50% -10%, rgba(255,60,30,0.35), transparent 70%);
2182      filter: blur(40px);
2183      pointer-events: none;
2184      z-index: 1;
2185    }
2186
2187    .membership-inner {
2188      position: relative;
2189      z-index: 2;
2190      max-width: 1100px;
2191      margin: 0 auto;
2192    }
2193
2194    /* --- EYEBROW + TITLE --- */
2195    .membership-eyebrow {
2196      font-size: 14px;
2197      letter-spacing: 0.25em;
2198      text-transform: uppercase;
2199      color: #ff7b4b;
2200      margin-bottom: 10px;
2201    }
2202
2203    .membership-title {
2204      font-family: 'Bebas Neue', sans-serif;
2205      font-size: clamp(44px, 5.5vw, 62px);
2206      text-transform: uppercase;
2207      margin-bottom: 60px;
2208    }
2209
2210    /* --- FŐ KÁRTYA --- */
2211    .pricing-shell {
2212      max-width: 900px;
2213      margin: 0 auto;
2214      border-radius: 26px;
2215      background: radial-gradient(circle at 50% -20%, #1c1c1c, #050505 60%);
2216      box-shadow:
2217        0 22px 70px rgba(0,0,0,0.95),
2218        0 0 40px rgba(0,0,0,0.8);
2219      padding: 34px 34px 40px;
2220      border: 1px solid rgba(255,255,255,0.04);
2221      position: relative;
2222    }
2223
2224    .pricing-header {
2225      display: flex;
2226      justify-content: space-between;
2227      align-items: center;
2228      margin-bottom: 30px;
2229      gap: 16px;
2230    }
2231
2232    .branding-pill {
2233      display: inline-flex;
2234      align-items: center;
2235      gap: 10px;
2236      padding: 10px 18px;
2237      border-radius: 999px;
2238      background: #171717;
2239      border: 1px solid rgba(255,255,255,0.06);
2240      font-size: 14px;
2241    }
2242
2243    .branding-icon {
2244      width: 26px;
2245      height: 26px;
2246      border-radius: 8px;
2247      background: linear-gradient(135deg, #ff6a36, #b6230f);
2248      display: inline-flex;
2249      align-items: center;
2250      justify-content: center;
2251      font-size: 16px;
2252    }
2253
2254    .branding-name {
2255      font-weight: 600;
2256      letter-spacing: 0.02em;
2257    }
2258
2259    .member-badge {
2260      padding: 8px 20px;
2261      border-radius: 999px;
2262      background: #3f180f;
2263      color: #ffb4a1;
2264      border: 1px solid rgba(255,90,50,0.7);
2265      font-size: 14px;
2266      font-weight: 600;
2267      letter-spacing: 0.03em;
2268      text-transform: uppercase;
2269    }
2270
2271    /* --- ÁR RÉSZ --- */
2272    .pricing-main {
2273      text-align: center;
2274      margin-bottom: 32px;
2275    }
2276
2277    .pricing-main .price {
2278      font-family: 'Bebas Neue', sans-serif;
2279      font-size: 64px;
2280      line-height: 1;
2281      margin-bottom: 6px;
2282    }
2283
2284    .pricing-main .billed {
2285      font-size: 13px;
2286      letter-spacing: 0.15em;
2287      text-transform: uppercase;
2288      color: #b7b7b7;
2289      margin-bottom: 20px;
2290    }
2291
2292    .pricing-main .subtitle {
2293      font-size: 15px;
2294      color: #d3d3d3;
2295      max-width: 620px;
2296      margin: 0 auto;
2297    }
2298
2299    /* --- VÁLASZTÓVONAL --- */
2300    .pricing-divider {
2301      margin: 32px 0 28px;
2302      border-top: 1px solid rgba(255,255,255,0.06);
2303    }
2304
2305    /* --- FEATURE GRID --- */
2306    .feature-grid {
2307      display: grid;
2308      grid-template-columns: repeat(2, minmax(0,1fr));
2309      gap: 10px 40px;
2310      text-align: left;
2311      max-width: 720px;
2312      margin: 0 auto 40px;
2313      font-size: 15px;
2314    }
2315
2316    .feature-item {
2317      display: flex;
2318      align-items: flex-start;
2319      gap: 8px;
2320      color: #e5e5e5;
2321    }
2322
2323    .feature-check {
2324      font-size: 14px;
2325      margin-top: 2px;
2326      color: #ff8255;
2327    }
2328
2329    /* --- CTA + NOTE --- */
2330    .pricing-cta-wrap {
2331      text-align: center;
2332    }
2333
2334    .pricing-cta-btn {
2335      display: inline-block;
2336      padding: 16px 42px;
2337      border-radius: 999px;
2338      background: linear-gradient(90deg, #ff4b24, #b61a0e);
2339      color: #fff;
2340      font-family: 'Bebas Neue', sans-serif;
2341      font-size: 26px;
2342      letter-spacing: 0.1em;
2343      text-transform: uppercase;
2344      box-shadow: 0 18px 50px rgba(0,0,0,0.9);
2345      text-decoration: none;
2346      transition: 0.18s ease;
2347      margin-bottom: 20px;
2348    }
2349
2350    .pricing-cta-btn:hover {
2351      transform: translateY(-3px);
2352      box-shadow:
2353        0 26px 70px rgba(0,0,0,1),
2354        0 0 32px rgba(255,90,50,0.9);
2355      opacity: 0.98;
2356    }
2357
2358    .pricing-note {
2359      font-size: 13px;
2360      color: #aaaaaa;
2361      margin-bottom: 22px;
2362    }
2363
2364    .payment-row {
2365      display: flex;
2366      justify-content: center;
2367      gap: 30px;
2368      opacity: 0.75;
2369    }
2370
2371    .payment-row img {
2372      height: 30px;
2373      width: auto;
2374      filter: drop-shadow(0 0 10px rgba(0,0,0,0.9));
2375    }
2376
2377    /* --- MOBIL: Digital Launchpad-szerű kiemelés --- */
2378    @media (max-width: 840px) {
2379      .membership-section {
2380        padding: 110px 16px 140px;
2381        background: radial-gradient(circle at 50% -10%, #1d0905 0, #000 70%);
2382      }
2383
2384      .membership-inner {
2385        max-width: 480px;
2386      }
2387
2388      .membership-eyebrow {
2389        font-size: 12px;
2390        letter-spacing: 0.23em;
2391      }
2392
2393      .membership-title {
2394        font-size: 32px;
2395        line-height: 1.15;
2396        margin-bottom: 38px;
2397        padding: 0 8px;
2398      }
2399
2400      .pricing-shell {
2401        max-width: 100%;
2402        margin: 0 auto;
2403        border-radius: 26px;
2404        padding: 28px 22px 34px;
2405        background: linear-gradient(180deg, #31100a 0%, #150605 55%, #050505 100%);
2406        box-shadow:
2407          0 26px 80px rgba(0,0,0,1),
2408          0 0 40px rgba(0,0,0,1);
2409        border: 1px solid rgba(255,255,255,0.06);
2410      }
2411
2412      .pricing-header {
2413        flex-direction: column;
2414        align-items: flex-start;
2415        gap: 10px;
2416        margin-bottom: 24px;
2417      }
2418
2419      .pricing-main .price {
2420        font-size: 46px;
2421      }
2422
2423      .pricing-main .subtitle {
2424        font-size: 14px;
2425      }
2426
2427      .feature-grid {
2428        grid-template-columns: 1fr;
2429        gap: 8px 0;
2430        font-size: 14px;
2431        margin-bottom: 30px;
2432      }
2433
2434      .pricing-cta-btn {
2435        width: 100%;
2436        padding: 14px 10px;
2437        font-size: 22px;
2438        letter-spacing: 0.09em;
2439      }
2440
2441      .pricing-note {
2442        font-size: 12px;
2443      }
2444
2445      .payment-row img {
2446        height: 22px;
2447      }
2448    }
2449  </style>
2450
2451  <div class="membership-inner">
2452    <div class="membership-eyebrow">ÁRAZÁS</div>
2453    <h2 class="membership-title">Tagság a Szabo Capital Group közösséghez</h2>
2454
2455    <div class="pricing-shell">
2456      <div class="pricing-header">
2457        <div class="branding-pill">
2458          <div class="branding-icon">S</div>
2459          <div class="branding-name">Szabo Capital Group</div>
2460        </div>
2461        <div class="member-badge">Member pricing</div>
2462      </div>
2463
2464      <div class="pricing-main">
2465        <div class="price">10.990 Ft / hó</div>
2466        <div class="billed">Havonta számlázva</div>
2467        <p class="subtitle">
2468          Azonnali hozzáférést kapsz a teljes képzési rendszerhez, a zárt közösséghez
2469          és minden új, havonta érkező tartalomhoz – egyetlen tagsági díjért.
2470        </p>
2471      </div>
2472
2473      <div class="pricing-divider"></div>
2474
2475      <div class="feature-grid">
2476        <div class="feature-item">
2477          <span class="feature-check">✔</span>
2478          <span>Minden stratégia és modul azonnal elérhető</span>
2479        </div>
2480        <div class="feature-item">
2481          <span class="feature-check">✔</span>
2482          <span>Havi bónuszok és extra tartalmak</span>
2483        </div>
2484        <div class="feature-item">
2485          <span class="feature-check">✔</span>
2486          <span>Új programok és frissítések minden hónapban</span>
2487        </div>
2488        <div class="feature-item">
2489          <span class="feature-check">✔</span>
2490          <span>Kereskedési robot exkluzív stratégiák</span>
2491        </div>
2492        <div class="feature-item">
2493          <span class="feature-check">✔</span>
2494          <span>Szintlépési rendszer – kezdőtől haladóig és profiig</span>
2495        </div>
2496        <div class="feature-item">
2497          <span class="feature-check">✔</span>
2498          <span>Kereskedői közösség, élő támogatással</span>
2499        </div>
2500      </div>
2501
2502      <div class="pricing-cta-wrap">
2503        <a href="https://app.szabocapitalgroup.com/payment-link/6922f81abbe219660d381906" 
2504   class="pricing-cta-btn" 
2505   target="_blank">
2506  Kérem a hozzáférést
2507</a>
2508
2509        <div class="pricing-note">
2510          A fizetés a Stripe rendszerén keresztül történik, biztonságos, bankkártyás fizetéssel.
2511        </div>
2512
2513        <div class="payment-row">
2514          <img src="https://storage.googleapis.com/msgsndr/E2Ag7RSeuo4imYowFPEM/media/691d91ecd4f9b361a85cee9c.png" alt="Stripe">
2515        </div>
2516      </div>
2517    </div>
2518  </div>
2519</section>
2520</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-pOuyz6cUiv" data-animation-class style="" class="c-custom-code c-wrapper custom-code-pOuyz6cUiv"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-pOuyz6cUiv__custom-code" class="custom-code-container ccustom-code-pOuyz6cUiv"><section class="scg-faq-tabs">
2521   <style>
2522    .scg-faq-tabs {
2523      position: relative;
2524      padding: 140px 20px 160px;
2525      font-family: 'Open Sans', sans-serif;
2526      color: #fff;
2527      background: radial-gradient(circle at 50% 0%, #3a150d, #050608 55%, #000 100%);
2528      text-align: center;
2529      overflow: hidden;
2530    }
2531
2532    .scg-faq-tabs::before {
2533      content: "";
2534      position: absolute;
2535      inset: 0;
2536      background:
2537        radial-gradient(900px 600px at 50% 0%, rgba(255,80,40,0.18), transparent 70%);
2538      opacity: .9;
2539      pointer-events: none;
2540      filter: blur(30px);
2541    }
2542
2543    .scg-faq-inner {
2544      position: relative;
2545      z-index: 1;
2546      max-width: 1100px;
2547      margin: 0 auto;
2548    }
2549
2550    .scg-faq-kicker {
2551      font-size: 13px;
2552      letter-spacing: .18em;
2553      text-transform: uppercase;
2554      color: #ff9b6a;
2555      margin-bottom: 10px;
2556    }
2557
2558    .scg-faq-title {
2559      font-family: 'Bebas Neue', sans-serif;
2560      font-size: clamp(40px, 5vw, 64px);
2561      text-transform: uppercase;
2562      letter-spacing: 1px;
2563      margin-bottom: 40px;
2564    }
2565
2566    .scg-faq-title span {
2567      color: #ff3c1d;
2568    }
2569
2570    /* TAB NAV – desktop */
2571    .scg-faq-tab-nav {
2572      display: inline-flex;
2573      align-items: center;
2574      justify-content: center;
2575      gap: 10px;
2576      padding: 6px;
2577      border-radius: 999px;
2578      background: rgba(0,0,0,0.55);
2579      box-shadow: 0 0 20px rgba(0,0,0,0.6);
2580      margin-bottom: 40px;
2581    }
2582
2583    .scg-faq-tab-btn {
2584      border: none;
2585      outline: none;
2586      cursor: pointer;
2587      padding: 10px 26px;
2588      border-radius: 999px;
2589      font-size: 14px;
2590      font-weight: 600;
2591      letter-spacing: .04em;
2592      text-transform: uppercase;
2593      color: #f4f4f4;
2594      background: transparent;
2595      transition: .2s ease;
2596      white-space: nowrap;
2597    }
2598
2599    .scg-faq-tab-btn.active {
2600      background: linear-gradient(90deg, #ff3c1d, #b3190f);
2601      box-shadow: 0 0 22px rgba(255,60,30,0.6);
2602    }
2603
2604    /* PANELS WRAPPER */
2605    .scg-faq-panels {
2606      margin-top: 10px;
2607    }
2608
2609    .scg-faq-panel {
2610      max-width: 1100px;
2611      margin: 0 auto;
2612      background: radial-gradient(circle at 50% 0%, rgba(255,60,30,0.15), rgba(8,8,8,0.98) 55%);
2613      border-radius: 22px;
2614      padding: 28px 26px;
2615      box-shadow: 0 22px 60px rgba(0,0,0,0.85);
2616      text-align: left;
2617      display: none;
2618    }
2619
2620    .scg-faq-panel.active {
2621      display: block;
2622    }
2623
2624    /* ACCORDION ITEMS */
2625    .scg-faq-item {
2626      border-radius: 14px;
2627      background: rgba(10,10,10,0.9);
2628      border: 1px solid rgba(255,255,255,0.05);
2629      margin-bottom: 10px;
2630      overflow: hidden;
2631      transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
2632    }
2633
2634    .scg-faq-item.open {
2635      border-color: rgba(255,90,40,0.65);
2636      background: radial-gradient(circle at 0% 0%, rgba(255,70,40,0.22), rgba(10,10,10,0.96));
2637      box-shadow: 0 10px 30px rgba(0,0,0,0.8);
2638    }
2639
2640    .scg-faq-question {
2641      width: 100%;
2642      padding: 18px 18px 18px 20px;
2643      display: flex;
2644      align-items: center;
2645      justify-content: space-between;
2646      gap: 20px;
2647      background: transparent;
2648      border: none;
2649      color: inherit;
2650      cursor: pointer;
2651    }
2652
2653    .scg-faq-question-text {
2654      font-size: 16px;
2655      font-weight: 600;
2656    }
2657
2658    .scg-faq-toggle {
2659      flex-shrink: 0;
2660      width: 26px;
2661      height: 26px;
2662      border-radius: 50%;
2663      border: 1px solid rgba(255,255,255,0.4);
2664      display: flex;
2665      align-items: center;
2666      justify-content: center;
2667      font-size: 18px;
2668      line-height: 1;
2669      color: #fff;
2670      transition: .2s ease;
2671    }
2672
2673    .scg-faq-item.open .scg-faq-toggle {
2674      background: #ff3c1d;
2675      border-color: #ff3c1d;
2676      transform: rotate(45deg);
2677      box-shadow: 0 0 16px rgba(255,60,30,0.7);
2678    }
2679
2680    .scg-faq-answer {
2681      padding: 0 20px 0 20px;
2682      max-height: 0;
2683      overflow: hidden;
2684      transition: max-height .28s ease, padding-bottom .28s ease;
2685      font-size: 14px;
2686      color: #dedede;
2687      line-height: 1.7;
2688    }
2689
2690    .scg-faq-item.open .scg-faq-answer {
2691      padding-bottom: 16px;
2692      max-height: 260px;
2693    }
2694
2695    .scg-faq-answer p {
2696      margin: 0;
2697    }
2698
2699    /* ---------- MOBILE ---------- */
2700    @media (max-width: 768px) {
2701      .scg-faq-tabs {
2702        padding: 100px 16px 120px;
2703      }
2704
2705      /* headline kicsit kompaktabb */
2706      .scg-faq-title {
2707        font-size: 32px;
2708        line-height: 1.2;
2709        max-width: 20ch;
2710        margin: 0 auto 32px;
2711      }
2712
2713      /* tabok egymás alatt, teljes szélességben */
2714      .scg-faq-tab-nav {
2715        display: flex;
2716        flex-direction: column;
2717        align-items: stretch;
2718        gap: 8px;
2719        padding: 8px;
2720        border-radius: 20px;
2721        background: rgba(0,0,0,0.7);
2722        max-width: 360px;
2723        margin: 0 auto 32px;
2724      }
2725
2726      .scg-faq-tab-btn {
2727        width: 100%;
2728        white-space: normal;
2729        font-size: 12px;
2730        padding: 10px 14px;
2731      }
2732
2733      .scg-faq-panel {
2734        padding: 18px 14px;
2735      }
2736
2737      .scg-faq-question {
2738        padding-inline: 14px;
2739      }
2740
2741      .scg-faq-answer {
2742        padding-inline: 14px;
2743      }
2744    }
2745  </style>
2746
2747  <div class="scg-faq-inner">
2748    <div class="scg-faq-kicker">G.Y.I.K.</div>
2749    <h2 class="scg-faq-title">
2750      Tedd fel a kérdéseidet, <span>mi őszintén válaszolunk</span>
2751    </h2>
2752
2753    <!-- TABOK -->
2754    <div class="scg-faq-tab-nav">
2755      <button class="scg-faq-tab-btn active" data-tab="general">Általános</button>
2756      <button class="scg-faq-tab-btn" data-tab="pricing">Árazás</button>
2757      <button class="scg-faq-tab-btn" data-tab="program">Program</button>
2758    </div>
2759
2760    <!-- PANEL TARTALOM -->
2761    <div class="scg-faq-panels">
2762
2763      <!-- ÁLTALÁNOS -->
2764      <div class="scg-faq-panel active" data-panel="general">
2765
2766        <div class="scg-faq-item open">
2767          <button class="scg-faq-question">
2768            <span class="scg-faq-question-text">
2769              Milyen gyorsan várható bármilyen változás a kereskedésemben?
2770            </span>
2771            <span class="scg-faq-toggle">+</span>
2772          </button>
2773          <div class="scg-faq-answer">
2774            <p>
2775              Az eredmények egyénenként eltérhetnek, és rengeteg tényezőtől függenek – beleértve a gyakorlást,
2776              az aktivitást és az előzetes tudást. A tapasztalatunk az, hogy sok tagunk már
2777              <strong>néhány hét rendszeres gyakorlás után strukturáltabban és tudatosabban</strong>
2778              kezd el gondolkodni a piacról, a konkrét pénzügyi eredmények pedig fokozatosan jelennek meg.
2779            </p>
2780          </div>
2781        </div>
2782
2783        <div class="scg-faq-item">
2784          <button class="scg-faq-question">
2785            <span class="scg-faq-question-text">
2786              Mi történik, ha nem látok eredményt?
2787            </span>
2788            <span class="scg-faq-toggle">+</span>
2789          </button>
2790          <div class="scg-faq-answer">
2791            <p>
2792              A program célja, hogy <strong>gondolkodásmódot, elemzési keretrendszert és gyakorlati ismereteket</strong>
2793              adjon. Nem ígérünk gyors meggazdagodást, viszont az oktatási anyagokat és a közösségi támogatást úgy
2794              alakítottuk ki, hogy minden elkötelezett résztvevő számára hosszú távon használható tudást adjon.
2795            </p>
2796          </div>
2797        </div>
2798
2799        <div class="scg-faq-item">
2800          <button class="scg-faq-question">
2801            <span class="scg-faq-question-text">
2802              Szükséges bármilyen előképzettség a csatlakozáshoz?
2803            </span>
2804            <span class="scg-faq-toggle">+</span>
2805          </button>
2806          <div class="scg-faq-answer">
2807            <p>
2808              Nem szükséges. A program úgy épül fel, hogy az alapoktól indul,
2809              és <strong>lépésről lépésre vezet be az intézményi gondolkodásmódba</strong>.
2810              Ha már van kereskedési tapasztalatod, az anyag mélyebb szintjei ott is rengeteg új nézőpontot adnak –
2811              ha pedig teljesen kezdő vagy, végig fogunk kísérni az első lépésektől.
2812            </p>
2813          </div>
2814        </div>
2815
2816        <div class="scg-faq-item">
2817          <button class="scg-faq-question">
2818            <span class="scg-faq-question-text">
2819              Van lehetőség személyes mentorálásra?
2820            </span>
2821            <span class="scg-faq-toggle">+</span>
2822          </button>
2823          <div class="scg-faq-answer">
2824            <p>
2825              A program részeként <strong>csoportos konzultációkat és közösségi támogatást</strong> kapsz.
2826              Bizonyos időszakokban lehetőség van egyéni iránymutatásra is – ezekről mindig a közösségen belül adunk
2827              friss tájékoztatást.
2828            </p>
2829          </div>
2830        </div>
2831
2832        <div class="scg-faq-item">
2833          <button class="scg-faq-question">
2834            <span class="scg-faq-question-text">
2835              Mi történik, ha már minden leckét megnéztem?
2836            </span>
2837            <span class="scg-faq-toggle">+</span>
2838          </button>
2839          <div class="scg-faq-answer">
2840            <p>
2841              A program <strong>folyamatosan bővül új leckékkel, friss elemzésekkel és gyakorlati tudással</strong>.
2842              Nem egy egyszer lefutó kurzust kapsz, hanem egy fejlődési rendszert, amely mindig a piaci környezethez
2843              és a közösség igényeihez igazodik. Aktív tagsággal a jövőbeni frissítésekhez is hozzáférsz.
2844            </p>
2845          </div>
2846        </div>
2847
2848      </div>
2849
2850      <!-- ÁRAZÁS -->
2851      <div class="scg-faq-panel" data-panel="pricing">
2852
2853        <div class="scg-faq-item open">
2854          <button class="scg-faq-question">
2855            <span class="scg-faq-question-text">
2856              Havi vagy éves díjat kell fizetnem?
2857            </span>
2858            <span class="scg-faq-toggle">+</span>
2859          </button>
2860          <div class="scg-faq-answer">
2861            <p>
2862              A tagság alapvetően <strong>havi díjas konstrukció</strong>, amelyet bármikor le tudsz mondani,
2863              így mindig te döntöd el, meddig szeretnél a közösség része lenni. Időszakosan elérhetőek kedvezményes
2864              hosszabb távú (pl. 6–12 hónapos) csomagok is.
2865            </p>
2866          </div>
2867        </div>
2868
2869        <div class="scg-faq-item">
2870          <button class="scg-faq-question">
2871            <span class="scg-faq-question-text">
2872              Van rejtett költség vagy upsell a programban?
2873            </span>
2874            <span class="scg-faq-toggle">+</span>
2875          </button>
2876          <div class="scg-faq-answer">
2877            <p>
2878              Nincs. A kommunikált tagsági díj <strong>minden oktatási modulhoz és közösségi funkcióhoz</strong>
2879              hozzáférést biztosít, nincsenek kötelező extra csomagok vagy rejtett díjak.
2880            </p>
2881          </div>
2882        </div>
2883
2884      </div>
2885
2886      <!-- PROGRAM -->
2887      <div class="scg-faq-panel" data-panel="program">
2888
2889        <div class="scg-faq-item open">
2890          <button class="scg-faq-question">
2891            <span class="scg-faq-question-text">
2892              Milyen formában kapom meg a tananyagot?
2893            </span>
2894            <span class="scg-faq-toggle">+</span>
2895          </button>
2896          <div class="scg-faq-answer">
2897            <p>
2898              A leckék <strong>videós formában</strong> érhetők el, struktúrált modulokra bontva.
2899              Ezeket bármikor, bármilyen eszközről visszanézheted – legyen az laptop, tablet vagy mobil.
2900            </p>
2901          </div>
2902        </div>
2903
2904        <div class="scg-faq-item">
2905          <button class="scg-faq-question">
2906            <span class="scg-faq-question-text">
2907              Kapok-e hozzáférést a közösséghez és live-okhoz?
2908            </span>
2909            <span class="scg-faq-toggle">+</span>
2910          </button>
2911          <div class="scg-faq-answer">
2912            <p>
2913              Igen. A tagság részeként <strong>zárt közösségi csatornákhoz, live elemzésekhez és Q&amp;A alkalmakhoz</strong>
2914              is csatlakozhatsz, ahol valós idejű példákon keresztül tudsz tanulni és kérdezni.
2915            </p>
2916          </div>
2917        </div>
2918
2919      </div>
2920
2921    </div>
2922  </div>
2923
2924  
2924<script>
2925    (function () {
2926      // TABKEZELÉS
2927      const tabButtons = document.querySelectorAll('.scg-faq-tab-btn');
2928      const panels = document.querySelectorAll('.scg-faq-panel');
2929
2930      tabButtons.forEach(btn => {
2931        btn.addEventListener('click', () => {
2932          const target = btn.getAttribute('data-tab');
2933
2934          tabButtons.forEach(b => b.classList.remove('active'));
2935          btn.classList.add('active');
2936
2937          panels.forEach(p => {
2938            if (p.getAttribute('data-panel') === target) {
2939              p.classList.add('active');
2940            } else {
2941              p.classList.remove('active');
2942            }
2943          });
2944        });
2945      });
2946
2947      // ACCORDION KEZELÉS
2948      const faqItems = document.querySelectorAll('.scg-faq-item');
2949
2950      faqItems.forEach(item => {
2951        const qBtn = item.querySelector('.scg-faq-question');
2952        const toggle = item.querySelector('.scg-faq-toggle');
2953
2954        qBtn.addEventListener('click', () => {
2955          const isOpen = item.classList.contains('open');
2956
2957          // Csak az adott panelen belül zárjuk a többieket
2958          const parentPanel = item.closest('.scg-faq-panel');
2959          parentPanel.querySelectorAll('.scg-faq-item').forEach(i => {
2960            i.classList.remove('open');
2961          });
2962
2963          if (!isOpen) {
2964            item.classList.add('open');
2965          }
2966        });
2967      });
2968    })();
2969  </script>
2969
2970</section>
2971</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-tT0k1wfqNC" data-animation-class style="" class="c-custom-code c-wrapper custom-code-tT0k1wfqNC"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-tT0k1wfqNC__custom-code" class="custom-code-container ccustom-code-tT0k1wfqNC"><section class="scg-final-cta">
2972  <style>
2973    .scg-final-cta {
2974      background: radial-gradient(circle at 50% 0%, #262626, #060606 60%, #000 100%);
2975      color: #ffffff;
2976      padding: 140px 20px 80px;
2977      font-family: 'Open Sans', sans-serif;
2978      text-align: center;
2979    }
2980
2981    .scg-final-inner {
2982      max-width: 920px;
2983      margin: 0 auto;
2984    }
2985
2986    .scg-final-title {
2987      font-family: 'Bebas Neue', sans-serif;
2988      font-size: clamp(40px, 5vw, 64px);
2989      text-transform: uppercase;
2990      letter-spacing: 1px;
2991      line-height: 1.15;
2992      margin-bottom: 26px;
2993    }
2994
2995    .scg-final-title span {
2996      color: #ff3c1d;
2997    }
2998
2999    .scg-final-lead {
3000      max-width: 780px;
3001      margin: 0 auto 40px;
3002      font-size: 15px;
3003      line-height: 1.8;
3004      color: #e2e2e2;
3005    }
3006
3007    .scg-final-btn {
3008      display: inline-block;
3009      margin-top: 10px;
3010      padding: 16px 40px;
3011      border-radius: 999px;
3012      border: none;
3013      cursor: pointer;
3014      font-family: 'Bebas Neue', sans-serif;
3015      font-size: 22px;
3016      letter-spacing: 0.08em;
3017      text-transform: uppercase;
3018      color: #ffffff;
3019      background: linear-gradient(90deg, #ff3c1d, #b3190f);
3020      box-shadow: 0 0 26px rgba(255,60,30,0.65);
3021      text-decoration: none;
3022      transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
3023    }
3024
3025    .scg-final-btn:hover {
3026      transform: translateY(-2px);
3027      box-shadow: 0 0 34px rgba(255,60,30,0.85);
3028      opacity: .95;
3029    }
3030
3031    .scg-final-note {
3032      margin-top: 12px;
3033      font-size: 12px;
3034      color: #bdbdbd;
3035    }
3036
3037    .scg-final-footer {
3038      margin-top: 70px;
3039      font-size: 11px;
3040      color: #8c8c8c;
3041      opacity: .9;
3042    }
3043
3044    .scg-final-footer-links {
3045      margin-bottom: 8px;
3046    }
3047
3048    .scg-final-footer-links a {
3049      color: #cfcfcf;
3050      text-decoration: none;
3051      margin: 0 10px;
3052      font-size: 11px;
3053    }
3054
3055    .scg-final-footer-links a:hover {
3056      text-decoration: underline;
3057    }
3058
3059    @media (max-width: 600px) {
3060      .scg-final-cta {
3061        padding: 100px 16px 60px;
3062      }
3063      .scg-final-btn {
3064        width: 100%;
3065        max-width: 360px;
3066      }
3067    }
3068  </style>
3069
3070  <div class="scg-final-inner">
3071    <h2 class="scg-final-title">
3072      LÉPJ BE <span>MA</span>, HOGY MEGTEDD AZ ELSŐ LÉPÉST<br>
3073      EGY ÚJ PÉNZÜGYI <span>ÉLET FELÉ</span>
3074    </h2>
3075
3076    <p class="scg-final-lead">
3077      Ne halogasd tovább annak az életnek a felépítését, amit eddig csak terveztél.  
3078      A Szabó Capital Group programjában megkapod azt a tudást, rendszert és közösségi támogatást,
3079      amire szükséged van ahhoz, hogy magabiztosan olvasd a piacot, fejleszd a kereskedési rendszered,
3080      és valódi kontrollt szerezz a pénzügyi jövőd felett.
3081    </p>
3082
3083    <!-- 🔥 MÓDOSÍTOTT CTA — SCROLL-TO-MEMBERSHIP -->
3084    <a href="https://app.szabocapitalgroup.com/payment-link/6922f81abbe219660d381906" 
3085   class="scg-final-btn scroll-to-membership"
3086   target="_blank">
3087   BELÉPEK A KÖZÖSSÉGBE MOST
3088</a>
3089    <div class="scg-final-note">
3090      Biztonságos online fizetés, azonnali hozzáféréssel a tartalmakhoz és a közösséghez.
3091    </div>
3092
3093  </div>
3094</section>
3095</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-BpdyqF0To9" data-animation-class style="" class="c-custom-code c-wrapper custom-code-BpdyqF0To9"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-BpdyqF0To9__custom-code" class="custom-code-container ccustom-code-BpdyqF0To9"><footer class="scg-footer">
3096  <style>
3097    .scg-footer {
3098      background: radial-gradient(circle at 50% 0%, #171717 0, #050505 55%, #000 100%);
3099      padding: 24px 16px 30px;
3100      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
3101      color: #b8b8b8;
3102      font-size: 11px;
3103    }
3104
3105    .scg-footer__inner {
3106      max-width: 1180px;
3107      margin: 0 auto;
3108      text-align: center;
3109    }
3110
3111    .scg-footer__nav {
3112      margin-bottom: 10px;
3113      letter-spacing: 0.04em;
3114      white-space: nowrap;
3115    }
3116
3117    .scg-footer__nav a {
3118      color: #c5c5c5;
3119      text-decoration: none;
3120      margin: 0 4px;
3121      transition: color 0.15s ease;
3122    }
3123
3124    .scg-footer__nav a:hover {
3125      color: #ffffff;
3126    }
3127
3128    .scg-footer__separator {
3129      opacity: 0.45;
3130      margin: 0 4px;
3131    }
3132
3133    .scg-footer__risk {
3134      font-size: 10px;
3135      color: #8f8f8f;
3136      line-height: 1.55;
3137      max-width: 820px;
3138      margin: 10px auto 14px;
3139      opacity: 0.8;
3140    }
3141
3142    .scg-footer__copy {
3143      opacity: 0.7;
3144      letter-spacing: 0.04em;
3145    }
3146
3147    @media (max-width: 600px) {
3148      .scg-footer {
3149        padding: 22px 12px 26px;
3150        font-size: 10px;
3151      }
3152      .scg-footer__nav {
3153        white-space: normal;
3154        line-height: 1.6;
3155      }
3156      .scg-footer__risk {
3157        font-size: 9px;
3158      }
3159    }
3160  </style>
3161
3162  <div class="scg-footer__inner">
3163
3164    <!-- NAV LINK-EK -->
3165    <div class="scg-footer__nav">
3166      <a href="https://szabocapitalgroup.com/support" target="_blank">Kapcsolat</a>
3167      <span class="scg-footer__separator">|</span>
3168      <a href="https://szabocapitalgroup.com/privacy" target="_blank">Adatkezelési tájékoztató</a>
3169      <span class="scg-footer__separator">|</span>
3170      <a href="https://szabocapitalgroup.com/terms" target="_blank">Általános szerződési feltételek</a>
3171    </div>
3172
3173    <!-- KOCKÁZATI FIGYELMEZTETÉS -->
3174    <div class="scg-footer__risk">
3175      A program nem minősül pénzügyi tanácsadásnak vagy befektetési ajánlásnak, és semmilyen formában nem garantál hozamot.<br>
3176      A kereskedés kockázattal jár. A résztvevők minden döntést saját felelősségükre hoznak.
3177    </div>
3178
3179    <!-- COPYRIGHT -->
3180    <div class="scg-footer__copy">
3181      ©2026 SZABO CAPITAL GROUP LTD. All rights reserved.
3182    </div>
3183
3184  </div>
3185</footer>
3186</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-vD1F2r3TJm" data-animation-class style="" class="c-custom-code c-wrapper custom-code-vD1F2r3TJm"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-vD1F2r3TJm__custom-code" class="custom-code-container ccustom-code-vD1F2r3TJm"><header class="lf-header">
3187<style>
3188/* ---------- HEADER ALAP ---------- */
3189
3190.lf-header {
3191  position: fixed;
3192  top: 0;
3193  left: 0;
3194  right: 0;
3195  z-index: 999;
3196  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
3197  color: #fff;
3198  /* üveg-hatású, pirosas háttér */
3199  background:
3200    radial-gradient(circle at 0% 0%, rgba(255, 70, 20, 0.32), transparent 55%),
3201    linear-gradient(90deg, rgba(5, 5, 5, 0.96), rgba(8, 8, 10, 0.96));
3202  backdrop-filter: blur(16px);
3203  border-bottom: 1px solid rgba(255, 120, 72, 0.35);
3204  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9);
3205}
3206
3207.lf-header__inner {
3208  max-width: 1180px;
3209  margin: 0 auto;
3210  padding: 14px 6vw;
3211  display: flex;
3212  align-items: center;
3213  justify-content: space-between;
3214  gap: 24px;
3215}
3216
3217/* ---------- LOGO ---------- */
3218
3219.lf-header__logo {
3220  display: inline-flex;
3221  align-items: center;
3222  gap: 10px;
3223  text-decoration: none;
3224  color: #ffffff;
3225  white-space: nowrap;
3226}
3227
3228.lf-header__logo-mark {
3229  width: 32px;
3230  height: 32px;
3231  border-radius: 999px;
3232  background: radial-gradient(circle at 30% 0%, #ff9f4a 0%, #ff3b1f 45%, #2b0500 100%);
3233  display: inline-flex;
3234  align-items: center;
3235  justify-content: center;
3236  font-size: 16px;
3237  font-weight: 700;
3238  box-shadow: 0 0 22px rgba(255, 90, 40, 0.7);
3239}
3240
3241.lf-header__logo-text-main {
3242  font-weight: 700;
3243  font-size: 15px;
3244  letter-spacing: 0.12em;
3245  text-transform: uppercase;
3246}
3247
3248.lf-header__logo-text-sub {
3249  font-size: 11px;
3250  opacity: 0.7;
3251}
3252
3253.lf-header__logo-text {
3254  display: flex;
3255  flex-direction: column;
3256  line-height: 1.1;
3257}
3258
3259/* ---------- NAV ---------- */
3260
3261.lf-header__nav {
3262  display: flex;
3263  align-items: center;
3264  gap: 22px;
3265  font-size: 14px;
3266}
3267
3268.lf-header__nav-link,
3269.lf-header__nav-btn {
3270  position: relative;
3271  border: none;
3272  background: none;
3273  color: #f4f5ff;
3274  text-decoration: none;
3275  font: inherit;
3276  cursor: pointer;
3277  padding: 4px 0;
3278  display: inline-flex;
3279  align-items: center;
3280  gap: 6px;
3281  opacity: 0.88;
3282  transition: opacity 0.18s ease;
3283}
3284
3285.lf-header__nav-link::after,
3286.lf-header__nav-btn::after {
3287  content: "";
3288  position: absolute;
3289  left: 0;
3290  right: 0;
3291  bottom: -4px;
3292  height: 2px;
3293  border-radius: 999px;
3294  background: linear-gradient(90deg, #ff7a3c, #ff3b1f);
3295  transform: scaleX(0);
3296  transform-origin: center;
3297  transition: transform 0.2s ease;
3298}
3299
3300.lf-header__nav-link:hover,
3301.lf-header__nav-btn:hover {
3302  opacity: 1;
3303}
3304
3305.lf-header__nav-link:hover::after,
3306.lf-header__nav-btn:hover::after {
3307  transform: scaleX(1);
3308}
3309
3310/* ---------- DROPDOWN (TERMÉKEK) ---------- */
3311
3312.lf-header__nav-item {
3313  position: relative;
3314}
3315
3316/* 🔧 Itt adunk „puffert”, hogy ne legyen lyuk a gomb és az almenü között */
3317.lf-header__nav-item--has-sub {
3318  position: relative;
3319  padding-bottom: 12px;
3320}
3321
3322.lf-header__nav-item--has-sub .lf-header__nav-btn-icon {
3323  font-size: 12px;
3324  opacity: 0.8;
3325  transition: transform 0.18s ease;
3326}
3327
3328.lf-header__submenu {
3329  position: absolute;
3330  top: 100%;
3331  left: 0;
3332  /* margin-top: 12px;  <-- EZT kivettük, ez okozta a „lyukat” */
3333  min-width: 210px;
3334  background: radial-gradient(circle at 0% 0%, #28100b 0%, #050506 55%, #000 100%);
3335  border-radius: 14px;
3336  border: 1px solid rgba(255, 130, 82, 0.55);
3337  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.92);
3338  padding: 8px;
3339  display: none;
3340  z-index: 40;
3341}
3342
3343.lf-header__submenu a {
3344  display: flex;
3345  align-items: center;
3346  gap: 6px;
3347  padding: 8px 10px;
3348  border-radius: 10px;
3349  text-decoration: none;
3350  font-size: 13px;
3351  color: #f7f2ee;
3352  opacity: 0.9;
3353  transition: background 0.15s ease, opacity 0.15s ease, transform 0.12s ease;
3354}
3355
3356.lf-header__submenu a span {
3357  font-size: 11px;
3358  text-transform: uppercase;
3359  letter-spacing: 0.12em;
3360  color: #ffae73;
3361}
3362
3363.lf-header__submenu a:hover {
3364  background: rgba(255, 110, 60, 0.14);
3365  opacity: 1;
3366  transform: translateY(-1px);
3367}
3368
3369/* Desktop: hover-re lenyílik, és mivel a padding-bottom betömi a rést, stabil marad */
3370@media (min-width: 901px) {
3371  .lf-header__nav-item--has-sub:hover .lf-header__submenu {
3372    display: block;
3373  }
3374
3375  .lf-header__nav-item--has-sub:hover .lf-header__nav-btn-icon {
3376    transform: rotate(180deg);
3377  }
3378}
3379
3380/* Mobilon .is-open osztály nyitja */
3381.lf-header__nav-item--has-sub.is-open .lf-header__submenu {
3382  display: block;
3383}
3384
3385.lf-header__nav-item--has-sub.is-open .lf-header__nav-btn-icon {
3386  transform: rotate(180deg);
3387}
3388
3389/* ---------- ACTION GOMBOK ---------- */
3390
3391.lf-header__actions {
3392  display: flex;
3393  align-items: center;
3394  gap: 14px;
3395}
3396
3397.lf-header__link {
3398  font-size: 13px;
3399  text-decoration: none;
3400  color: #f3f4ff;
3401  opacity: 0.8;
3402  transition: opacity 0.15s ease;
3403}
3404
3405.lf-header__link:hover {
3406  opacity: 1;
3407}
3408
3409.lf-header__cta {
3410  padding: 10px 20px;
3411  border-radius: 999px;
3412  text-decoration: none;
3413  font-size: 13px;
3414  font-weight: 600;
3415  letter-spacing: 0.09em;
3416  text-transform: uppercase;
3417  background: linear-gradient(135deg, #ff7a3c, #ff3b1f);
3418  color: #ffffff;
3419  box-shadow:
3420    0 16px 40px rgba(0, 0, 0, 0.9),
3421    0 0 25px rgba(255, 90, 40, 0.8);
3422  transition: transform 0.12s ease, box-shadow 0.15s ease, opacity 0.12s ease;
3423  white-space: nowrap;
3424}
3425
3426.lf-header__cta:hover {
3427  transform: translateY(-1px);
3428  opacity: 0.97;
3429  box-shadow:
3430    0 18px 50px rgba(0, 0, 0, 0.96),
3431    0 0 30px rgba(255, 110, 60, 0.95);
3432}
3433
3434/* ---------- BURGER (MOBIL) ---------- */
3435
3436.lf-header__burger {
3437  display: none;
3438  width: 34px;
3439  height: 34px;
3440  border-radius: 999px;
3441  border: 1px solid rgba(255, 130, 82, 0.7);
3442  background: rgba(8, 6, 6, 0.9);
3443  align-items: center;
3444  justify-content: center;
3445  cursor: pointer;
3446  padding: 0;
3447}
3448
3449.lf-header__burger-lines {
3450  width: 18px;
3451  height: 2px;
3452  border-radius: 999px;
3453  background: #ffffff;
3454  position: relative;
3455  transition: background 0.2s ease;
3456}
3457
3458.lf-header__burger-lines::before,
3459.lf-header__burger-lines::after {
3460  content: "";
3461  position: absolute;
3462  left: 0;
3463  width: 18px;
3464  height: 2px;
3465  border-radius: 999px;
3466  background: #ffffff;
3467  transition: transform 0.2s ease, top 0.2s ease, bottom 0.2s ease;
3468}
3469
3470.lf-header__burger-lines::before {
3471  top: -5px;
3472}
3473
3474.lf-header__burger-lines::after {
3475  bottom: -5px;
3476}
3477
3478.lf-header--open .lf-header__burger-lines {
3479  background: transparent;
3480}
3481
3482.lf-header--open .lf-header__burger-lines::before {
3483  top: 0;
3484  transform: rotate(45deg);
3485}
3486
3487.lf-header--open .lf-header__burger-lines::after {
3488  bottom: 0;
3489  transform: rotate(-45deg);
3490}
3491
3492@media (max-width: 900px) {
3493  .lf-header__inner {
3494    padding: 10px 14px;
3495  }
3496
3497  .lf-header__nav,
3498  .lf-header__actions {
3499    display: none;
3500  }
3501
3502  .lf-header__burger {
3503    display: inline-flex;
3504  }
3505
3506  .lf-header--open .lf-header__nav,
3507  .lf-header--open .lf-header__actions {
3508    display: flex;
3509  }
3510
3511  .lf-header--open .lf-header__inner {
3512    flex-wrap: wrap;
3513    align-items: flex-start;
3514  }
3515
3516  .lf-header__nav {
3517    flex-direction: column;
3518    align-items: flex-start;
3519    width: 100%;
3520    margin-top: 10px;
3521    padding-top: 10px;
3522    border-top: 1px solid rgba(255, 110, 60, 0.35);
3523  }
3524
3525  .lf-header__actions {
3526    width: 100%;
3527    justify-content: flex-start;
3528    padding-bottom: 8px;
3529  }
3530
3531  .lf-header__submenu {
3532    position: static;
3533    margin-top: 8px;
3534    width: 100%;
3535  }
3536
3537  .lf-header__submenu a {
3538    width: 100%;
3539  }
3540}
3541  
3542  @media (min-width: 901px) {
3543  .lf-header__nav-item--has-sub {
3544    padding-bottom: 0 !important;
3545  }
3546}
3547
3548  </style>
3549
3550
3551  <div class="lf-header__inner">
3552<!-- LOGO -->
3553<a href="https://szabocapitalgroup.com" class="lf-header__logo">
3554<div class="lf-header__logo-mark">SZ</div>
3555<div class="lf-header__logo-text">
3556<span class="lf-header__logo-text-main">Szabo Capital Group</span>
3557<span class="lf-header__logo-text-sub">Trading & Education</span>
3558</div>
3559    </a>
3560
3561<!-- NAV -->
3562<nav class="lf-header__nav">
3563  <a href="https://szabocapitalgroup.com" class="lf-header__nav-link">Kezdőlap</a>
3564  <a href="https://szabocapitalgroup.com/kozosseg" class="lf-header__nav-link">Közösség</a>
3565
3566  <div class="lf-header__nav-item lf-header__nav-item--has-sub">
3567    <button class="lf-header__nav-btn" type="button">
3568      Termékek
3569      <span class="lf-header__nav-btn-icon">⌄</span>
3570    </button>
3571    <div class="lf-header__submenu">
3572      <a href="https://szabocapitalgroup.com/kereskedo-robot">Kereskedési Robot</a>
3573      <a href="https://szabocapitalgroup.com/ekonyv">E-könyvek</a>
3574      <a href="https://szabocapitalgroup.com/oktatas">Oktatás</a>
3575    </div>
3576  </div>
3577
3578  <a href="https://szabocapitalgroup.com/blog" class="lf-header__nav-link">Blog</a>
3579</nav>
3580
3581<!-- ACTIONS -->
3582<div class="lf-header__actions">
3583  <a href="https://api.szabocapitalgroup.com/login" class="lf-header__link">Belépés</a>
3584  <a href="https://app.szabocapitalgroup.com/payment-link/6922f81abbe219660d381906" class="lf-header__cta">Csatlakozom</a>
3585</div>
3586
3587<!-- BURGER -->
3588<button class="lf-header__burger" type="button" aria-label="Menü megnyitása">
3589  <span class="lf-header__burger-lines"></span>
3590</button>
3591
3592  </div>
3593
3594  
3594<script>
3595 (function () {
3596var header = document.querySelector('.lf-header');
3597var burger = document.querySelector('.lf-header__burger');
3598var productsToggle = document.querySelector('.lf-header__nav-item--has-sub > .lf-header__nav-btn');
3599
3600   if (!header || !burger) return;
3601
3602  burger.addEventListener('click', function () {
3603    header.classList.toggle('lf-header--open');
3604  });
3605
3606  if (productsToggle) {
3607    productsToggle.addEventListener('click', function () {
3608      var parent = this.parentElement;
3609      parent.classList.toggle('is-open');
3610    });
3611  }
3612})();
3613</script>
3613
3614
3615
3616</header>
3617</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div></div><!----><div><!--[--><div>
vendor: 67 bytes, line 3617
3617<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3617GTM-N8WF26K7
vendor: 84 bytes, lines 3617-3618
3617" 
3618 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
3618</div><div id="gb-track-hl-custom-code"></div><!--]--></div><!----></div><!--]--></div><!--]--><!--]--></div><div id="teleports"></div>
3618<script>window.__NUXT__={};window.__NUXT__.config={public:{baseUrl:"https://apisystem.tech",newBaseURL:"https://backend.leadconnectorhq.com/appengine",serverBaseUrl:"https://apisystem.tech",NODE_ENV:"production",OLD_STORAGE_API_URL1_CDN:"https://cdn.msgsndr.com",OLD_STORAGE_API_URL2_CDN:"https://assets.cdn.msgsndr.com",STORAGE_API_URL1_CDN:"https://cdn.filesafe.space",STORAGE_API_URL2_CDN:"https://assets.cdn.filesafe.space",REVIEW_WIDGET_URL:"https://backend.leadconnectorhq.com/appengine/reviews/get_widget/",REST_API_URLS:"https://backend.leadconnectorhq.com",STATS_API_URL:"https://backend.leadconnectorhq.com",paymentsServiceUrl:"https://backend.leadconnectorhq.com",pciIframeEnabled:true,paymentEmbedOrigin:"https://payment-embed.leadconnectorhq.com",pciIframeLocations:"uF0vaUyrN6rdVdctJldw,xab25XqX1o1xdmYkKqBs",HLS_URL:"https://content.apisystem.tech",IMAGE_CDN:"https://images.leadconnectorhq.com",IMAGE_CDN_WHITELIST:["assets.cdn.msgsndr.com","cdn.msgsndr.com","cdn.filesafe.space","assets.cdn.filesafe.space","storage.googleapis.com","firebasestorage.googleapis.com"],authorizeAcceptJsUrlTestMode:"https://jstest.authorize.net/v1/Accept.js",authorizeAcceptJsUrlLiveMode:"https://js.authorize.net/v1/Accept.js",nmiPaymentProviderScriptUrl:"https://secure.safewebservices.com/token/Collect.js",FORMS_SERVICE_URL:"https://backend.leadconnectorhq.com",SURVEYS_SERVICE_URL:"https://backend.leadconnectorhq.com",QR_CODE_SERVICE_URL:"https://backend.leadconnectorhq.com",GOOGLE_API_SERVICE_URL:"https://services.leadconnectorhq.com/common-google",ECOMMERCE_SERVICE_URL:"https://backend.leadconnectorhq.com/ecommerce",HL_HOMEPAGE_STEPID:"6dcfb06b-9734-44bd-bbcc-8bd4b7fec976",STRIPE_BNPL_CONFIGURATION_TEST:"pmc_1OaAR1FpU9DlKp7RH0HHU4xH",STRIPE_BNPL_CONFIGURATION_LIVE:"pmc_1OlnyOFpU9DlKp7R4tTHuihw",STRIPE_PMC_KEY_TEST:"pmc_1Ps2bTFpU9DlKp7RmgTzmJUL",STRIPE_PMC_KEY_LIVE:"pmc_1PzYYpFpU9DlKp7RcgxVmcvS",STRIPE_DEFAULT_CONFIGURATION_TEST:"pmc_1M95aRFpU9DlKp7ReIqqY0PP",STRIPE_DEFAULT_CONFIGURATION_LIVE:"pmc_1NYilsFpU9DlKp7RkMiUNrKE",STRIPE_DEFAULT_CONFIGURATION_TEST_SURVEY:"pmc_1QrvB7FpU9DlKp7RcL9L2idV",STRIPE_DEFAULT_CONFIGURATION_LIVE_SURVEY:"pmc_1Qwds7FpU9DlKp7RMCBlclQ0",STRIPE_DEFAULT_CONFIGURATION_TEST_FORM:"pmc_1Qodu1FpU9DlKp7RoWHB8Txx",STRIPE_DEFAULT_CONFIGURATION_LIVE_FORM:"pmc_1QwcV0FpU9DlKp7RORUHPK8B",STRIPE_CARD_ONLY_TEST_PMC:"pmc_1PVvmcFpU9DlKp7RFsjX5G7G",STRIPE_CARD_ONLY_LIVE_PMC:"pmc_1PVvogFpU9DlKp7Rj8F0ITLV",ENTERPRISE_RECAPTCHA_SITE_KEY:"6LeDBFwpAAAAAJe8ux9-imrqZ2ueRsEtdiWoDDpX",ENTERPRISE_RECAPTCHA_CHECKBOX_SITE_KEY:"6Lfjxx4sAAAAAIsnmlR5mKNS7QwIWqDjABW2SUu7",STRIPE_ONE_STEP_PMC_ID_TEST:"pmc_1QodqYFpU9DlKp7R8EIapiwE",STRIPE_TWO_STEP_PMC_ID_TEST:"pmc_1QodsEFpU9DlKp7RHRyay2KC",STRIPE_ONE_STEP_PMC_ID_LIVE:"pmc_1QwcLrFpU9DlKp7Rl9zb07x1",STRIPE_TWO_STEP_PMC_ID_LIVE:"pmc_1QwcP4FpU9DlKp7R4L0ytWkJ",RECAPTCHA_SITE_KEY:"6LfcbMseAAAAAI-EJoB-lUh7_TJaYloLbcbmnhEO",TURNSTILE_INVISIBLE_SITE_KEY:"0x4AAAAAACCpVlau-4k7cJ33",TURNSTILE_VISIBLE_SITE_KEY:"0x4AAAAAACDfuwSBQ2sYO1VD",TURNSTILE_INVISIBLE_TEST_SITE_KEY:"1x00000000000000000000BB",TURNSTILE_VISIBLE_TEST_SITE_KEY:"1x00000000000000000000AA",ENCRYPTED_STORAGE_SECRET_KEY:"daffd34c5f824e455827b0c87cbbf64f8b0cd32b79b6d73100fc4bdf41f095ea",formFunnelWrapperEnabled:true,formCalendarWrapperEnabled:true,formNativeWrapperEnabled:true,formCalendarServiceWrapperEnabled:true,formCalendarRentalWrapperEnabled:true,surveyFunnelWrapperEnabled:true,surveyNativeWrapperEnabled:true,quizNativeWrapperEnabled:true,i18n:{baseUrl:"",defaultLocale:"en",defaultDirection:"ltr",strategy:"no_prefix",lazy:true,rootRedirect:"",routesNameSeparator:"___",defaultLocaleRouteNameSuffix:"default",skipSettingLocaleOnNavigate:true,differentDomains:false,trailingSlash:false,detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:"",cookieKey:"i18n_redirected",cookieSecure:false,fallbackLocale:"",redirectOn:"root",useCookie:true},experimental:{localeDetector:"",switchLocalePathLinkSSR:false,autoImportTranslationFunctions:false,typedPages:true,typedOptionsAndMessages:false,generatedLocaleFilePathFormat:"absolute",alternateLinkCanonicalQueries:false,hmr:true},multiDomainLocales:false,domainLocales:{da:{domain:""},de:{domain:""},en:{domain:""},es:{domain:""},fi:{domain:""},"fr-ca":{domain:""},fr:{domain:""},hu:{domain:""},it:{domain:""},nl:{domain:""},no:{domain:""},pl:{domain:""},"pt-br":{domain:""},pt:{domain:""},sv:{domain:""}}}}
3618,app:{baseURL:"/",buildId:"b4ecd1ef-dee4-4d86-b8ff-16e246408e57",buildAssetsDir:"/_preview/",cdnURL:"https://stcdn.leadconnectorhq.com/"}}</script>
3618<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":336,"once":523,"_errors":524,"serverRendered":39},["ShallowReactive",3],{"pageData":4},{"elements":5,"popup":282,"fontsToLoad":36,"customFonts":283,"meta":284,"domainName":289,"pageUrl":290,"pageId":291,"pageName":292,"locationId":293,"headerCode":36,"footerCode":36,"popupsList":294,"favicon":328,"globalHeadTrackingCode":329,"globalBodyTrackingCode":330,"funnelId":331,"funnelName":332,"stepId":333,"affiliateId":-1,"cookieConsent":-1,"disablePageLevelCookieConsent":32,"pixelToInit":334,"isOptimisePageLoad":39,"backgroundSettingsClass":38,"schemaMarkup":335,"isGeolocationNeeded":32},[6,10,47,71,115,128,139,150,161,172,183,194,205,216,227,238,249,260,271],{"id":7,"child":8},"hl_main",[9],"section-CzRtt2Oht8",{"id":9,"type":11,"child":12,"class":14,"styles":23,"extra":27,"meta":11,"tagName":45,"title":46,"_id":9},"section",[13],"row-Ywuzs-l02C",{"width":15,"borders":17,"borderRadius":19,"radiusEdge":21},{"value":16},"fullSection",{"value":18},"noBorder",{"value":20},"radius0",{"value":22},"none",{"borderWidth":24},{"value":25,"unit":26},"2","px",{"sticky":28,"visibility":30,"bgImage":33,"allowRowMaxWidth":40,"customClass":41,"elementScreenshot":43},{"value":29},"noneSticky",{"value":31},{"hideDesktop":32,"hideMobile":32},false,{"value":34},{"mediaType":35,"url":36,"opacity":37,"options":38,"svgCode":36,"videoUrl":36,"videoThumbnail":36,"videoLoop":39},"image","","1","bgCover",true,{"value":39},{"value":42},[],{"value":44},[],"c-section","Section",{"id":13,"type":48,"child":49,"class":51,"styles":57,"extra":59,"tagName":69,"meta":48,"title":70},"row",[50],"col-uDXOT75cbj",{"alignRow":52,"borders":54,"borderRadius":55,"radiusEdge":56},{"value":53},"row-align-center",{"value":18},{"value":20},{"value":22},{"borderWidth":58},{"value":25,"unit":26},{"visibility":60,"bgImage":62,"rowWidth":64,"customClass":67},{"value":61},{"hideDesktop":32,"hideMobile":32},{"value":63},{"mediaType":35,"url":36,"opacity":37,"options":38,"svgCode":36,"videoUrl":36,"videoThumbnail":36,"videoLoop":39},{"value":65,"unit":66},100,"%",{"value":68},[],"c-row","1 Column Row",{"id":50,"type":72,"child":73,"class":89,"styles":94,"extra":96,"tagName":112,"meta":72,"title":113,"noOfColumns":114},"col",[74,75,76,77,78,79,80,81,82,83,84,85,86,87,88],"custom-code-CD3zfWTE-e","custom-code-4P1d50-Aqx","custom-code-BU39VCuFzk","custom-code-uFyk6FqVCK","custom-code-38GyIez2Zn","custom-code-0UX5hkGZTI","custom-code-Iy-CCRlgNy","custom-code-KQBUMLgbnn","custom-code-5zGv4EV01f","custom-code-3X-v9n-ZDj","custom-code-1RkHcjKzHz","custom-code-pOuyz6cUiv","custom-code-tT0k1wfqNC","custom-code-BpdyqF0To9","custom-code-vD1F2r3TJm",{"borders":90,"borderRadius":91,"radiusEdge":92,"nestedColumn":93},{"value":18},{"value":20},{"value":22},{"value":36},{"borderWidth":95},{"value":25,"unit":26},{"visibility":97,"bgImage":99,"columnLayout":101,"justifyContentColumnLayout":103,"alignContentColumnLayout":105,"forceColumnLayoutForMobile":107,"customClass":108,"elementVersion":110},{"value":98},{"hideDesktop":32,"hideMobile":32},{"value":100},{"mediaType":35,"url":36,"opacity":37,"options":38,"svgCode":36,"videoUrl":36,"videoThumbnail":36,"videoLoop":39},{"value":102},"column",{"value":104},"center",{"value":106},"inherit",{"value":39},{"value":109},[],{"value":111},2,"c-column","1st Column",1,{"extra":116,"id":88,"meta":125,"tagName":126,"class":127},{"visibility":117,"customCode":119,"customClass":122,"nodeId":124},{"value":118},{"hideMobile":36,"hideDesktop":36},{"value":120},{"rawCustomCode":121},"\u003Cheader class=\"lf-header\">\n\u003Cstyle>\n\u002F* ---------- HEADER ALAP ---------- *\u002F\n\n.lf-header {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 999;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n  color: #fff;\n  \u002F* üveg-hatású, pirosas háttér *\u002F\n  background:\n    radial-gradient(circle at 0% 0%, rgba(255, 70, 20, 0.32), transparent 55%),\n    linear-gradient(90deg, rgba(5, 5, 5, 0.96), rgba(8, 8, 10, 0.96));\n  backdrop-filter: blur(16px);\n  border-bottom: 1px solid rgba(255, 120, 72, 0.35);\n  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9);\n}\n\n.lf-header__inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 14px 6vw;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n\u002F* ---------- LOGO ---------- *\u002F\n\n.lf-header__logo {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  text-decoration: none;\n  color: #ffffff;\n  white-space: nowrap;\n}\n\n.lf-header__logo-mark {\n  width: 32px;\n  height: 32px;\n  border-radius: 999px;\n  background: radial-gradient(circle at 30% 0%, #ff9f4a 0%, #ff3b1f 45%, #2b0500 100%);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 700;\n  box-shadow: 0 0 22px rgba(255, 90, 40, 0.7);\n}\n\n.lf-header__logo-text-main {\n  font-weight: 700;\n  font-size: 15px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.lf-header__logo-text-sub {\n  font-size: 11px;\n  opacity: 0.7;\n}\n\n.lf-header__logo-text {\n  display: flex;\n  flex-direction: column;\n  line-height: 1.1;\n}\n\n\u002F* ---------- NAV ---------- *\u002F\n\n.lf-header__nav {\n  display: flex;\n  align-items: center;\n  gap: 22px;\n  font-size: 14px;\n}\n\n.lf-header__nav-link,\n.lf-header__nav-btn {\n  position: relative;\n  border: none;\n  background: none;\n  color: #f4f5ff;\n  text-decoration: none;\n  font: inherit;\n  cursor: pointer;\n  padding: 4px 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  opacity: 0.88;\n  transition: opacity 0.18s ease;\n}\n\n.lf-header__nav-link::after,\n.lf-header__nav-btn::after {\n  
3618content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -4px;\n  height: 2px;\n  border-radius: 999px;\n  background: linear-gradient(90deg, #ff7a3c, #ff3b1f);\n  transform: scaleX(0);\n  transform-origin: center;\n  transition: transform 0.2s ease;\n}\n\n.lf-header__nav-link:hover,\n.lf-header__nav-btn:hover {\n  opacity: 1;\n}\n\n.lf-header__nav-link:hover::after,\n.lf-header__nav-btn:hover::after {\n  transform: scaleX(1);\n}\n\n\u002F* ---------- DROPDOWN (TERMÉKEK) ---------- *\u002F\n\n.lf-header__nav-item {\n  position: relative;\n}\n\n\u002F* 🔧 Itt adunk „puffert”, hogy ne legyen lyuk a gomb és az almenü között *\u002F\n.lf-header__nav-item--has-sub {\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.lf-header__nav-item--has-sub .lf-header__nav-btn-icon {\n  font-size: 12px;\n  opacity: 0.8;\n  transition: transform 0.18s ease;\n}\n\n.lf-header__submenu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  \u002F* margin-top: 12px;  \u003C-- EZT kivettük, ez okozta a „lyukat” *\u002F\n  min-width: 210px;\n  background: radial-gradient(circle at 0% 0%, #28100b 0%, #050506 55%, #000 100%);\n  border-radius: 14px;\n  border: 1px solid rgba(255, 130, 82, 0.55);\n  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.92);\n  padding: 8px;\n  display: none;\n  z-index: 40;\n}\n\n.lf-header__submenu a {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 10px;\n  border-radius: 10px;\n  text-decoration: none;\n  font-size: 13px;\n  color: #f7f2ee;\n  opacity: 0.9;\n  transition: background 0.15s ease, opacity 0.15s ease, transform 0.12s ease;\n}\n\n.lf-header__submenu a span {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: #ffae73;\n}\n\n.lf-header__submenu a:hover {\n  background: rgba(255, 110, 60, 0.14);\n  opacity: 1;\n  transform: translateY(-1px);\n}\n\n\u002F* Desktop: hover-re lenyílik, és mivel a padding-bottom betömi a rést, stabil marad *\u002F\n@media (min-width: 901px) {\n  .lf-header__nav-item--has-sub:hover .lf-header__submenu {\n    display: block;\n  }\n\n  .lf-header__nav-item--has-sub:hover .lf-header__nav-btn-icon {\n    transform: rotate(180deg);\n  }\n}\n\n\u002F* Mobilon .is-open osztály nyitja *\u002F\n.lf-header__nav-item--has-sub.is-open .lf-header__submenu {\n  display: block;\n}\n\n.lf-header__nav-item--has-sub.is-open .lf-header__nav-btn-icon {\n  transform: rotate(180deg);\n}\n\n\u002F* ---------- ACTION GOMBOK ---------- *\u002F\n\n.lf-header__actions {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.lf-header__link {\n  font-size: 13px;\n  text-decoration: none;\n  color: #f3f4ff;\n  opacity: 0.8;\n  transition: opacity 0.15s ease;\n}\n\n.lf-header__link:hover {\n  opacity: 1;\n}\n\n.lf-header__cta {\n  padding: 10px 20px;\n  border-radius: 999px;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n  background: linear-gradient(135deg, #ff7a3c, #ff3b1f);\n  color: #ffffff;\n  box-shadow:\n    0 16px 40px rgba(0, 0, 0, 0.9),\n    0 0 25px rgba(255, 90, 40, 0.8);\n  transition: transform 0.12s ease, box-shadow 0.15s ease, opacity 0.12s ease;\n  white-space: nowrap;\n}\n\n.lf-header__cta:hover {\n  transform: translateY(-1px);\n  opacity: 0.97;\n  box-shadow:\n    0 18px 50px rgba(0, 0, 0, 0.96),\n    0 0 30px rgba(255, 110, 60, 0.95);\n}\n\n\u002F* ---------- BURGER (MOBIL) ---------- *\u002F\n\n.lf-header__burger {\n  display: none;\n  width: 34px;\n  height: 34px;\n  border-radius: 999px;\n  border: 1px solid rgba(255, 130, 82, 0.7);\n  background: rgba(8, 6, 6, 0.9);\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 0;\n}\n\n.lf-header__burger-lines {\n  width: 18px;\n  height: 2px;\n  border-radius: 999px;\n  background: #ffffff;\n  position: relative;\n  transition: background 0.2s ease;\n}\n\n.lf-header__burger-lines::before,\n.lf-header__burger-lines::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  width: 18px;\n  height: 2px;\n  border-radius: 999px;\n  background: #ffffff;\n  transition: transform 0.2s ease, top 0.2s ease, bottom 0.2s ease;\n}\n\n.lf-header__burger-lines::before {\n  top: -5px;\n}\n\n.lf-header__burger-lines::after {\n  bottom: -5px;\n}\n\n.lf-header--open .lf-header__burger-lines {\n  background: transparent;\n}\n\n.lf-header--open .lf-header__burger-lines::before {\n  top: 0;\n  transform: rotate(45deg);\n}\n\n.lf-header--open .lf-header__burger-lines::after {\n  bottom: 0;\n  transform: rotate(-45deg);\n}\n\n@media (max-width: 900px) {\n  .lf-header__inner {\n    padding: 10px 14px;\n  }\n\n  .lf-header__nav,\n  .lf-header__actions {\n    display: none;\n  }\n\n  .lf-header__burger {\n    display: inline-flex;\n  }\n\n  .lf-header--open .lf-header__nav,\n  .lf-header--open .lf-header__actions {\n    display: flex;\n  }\n\n  .lf-header--open .lf-header__inner {\n    flex-wrap: wrap;
3618\n    align-items: flex-start;\n  }\n\n  .lf-header__nav {\n    flex-direction: column;\n    align-items: flex-start;\n    width: 100%;\n    margin-top: 10px;\n    padding-top: 10px;\n    border-top: 1px solid rgba(255, 110, 60, 0.35);\n  }\n\n  .lf-header__actions {\n    width: 100%;\n    justify-content: flex-start;\n    padding-bottom: 8px;\n  }\n\n  .lf-header__submenu {\n    position: static;\n    margin-top: 8px;\n    width: 100%;\n  }\n\n  .lf-header__submenu a {\n    width: 100%;\n  }\n}\n  \n  @media (min-width: 901px) {\n  .lf-header__nav-item--has-sub {\n    padding-bottom: 0 !important;\n  }\n}\n\n  \u003C\u002Fstyle>\n\n\n  \u003Cdiv class=\"lf-header__inner\">\n\u003C!-- LOGO -->\n\u003Ca href=\"https:\u002F\u002Fszabocapitalgroup.com\" class=\"lf-header__logo\">\n\u003Cdiv class=\"lf-header__logo-mark\">SZ\u003C\u002Fdiv>\n\u003Cdiv class=\"lf-header__logo-text\">\n\u003Cspan class=\"lf-header__logo-text-main\">Szabo Capital Group\u003C\u002Fspan>\n\u003Cspan class=\"lf-header__logo-text-sub\">Trading & Education\u003C\u002Fspan>\n\u003C\u002Fdiv>\n    \u003C\u002Fa>\n\n\u003C!-- NAV -->\n\u003Cnav class=\"lf-header__nav\">\n  \u003Ca href=\"https:\u002F\u002Fszabocapitalgroup.com\" class=\"lf-header__nav-link\">Kezdőlap\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fszabocapitalgroup.com\u002Fkozosseg\" class=\"lf-header__nav-link\">Közösség\u003C\u002Fa>\n\n  \u003Cdiv class=\"lf-header__nav-item lf-header__nav-item--has-sub\">\n    \u003Cbutton class=\"lf-header__nav-btn\" type=\"button\">\n      Termékek\n      \u003Cspan class=\"lf-header__nav-btn-icon\">⌄\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n    \u003Cdiv class=\"lf-header__submenu\">\n      \u003Ca href=\"https:\u002F\u002Fszabocapitalgroup.com\u002Fkereskedo-robot\">Kereskedési Robot\u003C\u002Fa>\n      \u003Ca href=\"https:\u002F\u002Fszabocapitalgroup.com\u002Fekonyv\">E-könyvek\u003C\u002Fa>\n      \u003Ca href=\"https:\u002F\u002Fszabocapitalgroup.com\u002Foktatas\">Oktatás\u003C\u002Fa>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003Ca href=\"https:\u002F\u002Fszabocapitalgroup.com\u002Fblog\" class=\"lf-header__nav-link\">Blog\u003C\u002Fa>\n\u003C\u002Fnav>\n\n\u003C!-- ACTIONS -->\n\u003Cdiv class=\"lf-header__actions\">\n  \u003Ca href=\"https:\u002F\u002Fapi.szabocapitalgroup.com\u002Flogin\" class=\"lf-header__link\">Belépés\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fapp.szabocapitalgroup.com\u002Fpayment-link\u002F6922f81abbe219660d381906\" class=\"lf-header__cta\">Csatlakozom\u003C\u002Fa>\n\u003C\u002Fdiv>\n\n\u003C!-- BURGER -->\n\u003Cbutton class=\"lf-header__burger\" type=\"button\" aria-label=\"Menü megnyitása\">\n  \u003Cspan class=\"lf-header__burger-lines\">\u003C\u002Fspan>\n\u003C\u002Fbutton>\n\n  \u003C\u002Fdiv>\n\n  \u003Cscript>\n (function () {\nvar header = document.querySelector('.lf-header');\nvar burger = document.querySelector('.lf-header__burger');\nvar productsToggle = document.querySelector('.lf-header__nav-item--has-sub > .lf-header__nav-btn');\n\n   if (!header || !burger) return;\n\n  burger.addEventListener('click', function () {\n    header.classList.toggle('lf-header--open');\n  });\n\n  if (productsToggle) {\n    productsToggle.addEventListener('click', function () {\n      var parent = this.parentElement;\n      parent.classList.toggle('is-open');\n    });\n  }\n})();\n\u003C\u002Fscript>\n\n\n\u003C\u002Fheader>\n",{"value":123},[],"ccustom-code-vD1F2r3TJm","custom-code","c-custom-code",{},{"extra":129,"id":87,"meta":125,"tagName":126,"class":138},{"visibility":130,"customCode":132,"customClass":135,"nodeId":137},{"value":131},{"hideMobile":36,"hideDesktop":36},{"value":133},{"rawCustomCode":134},"\u003Cfooter class=\"scg-footer\">\n  \u003Cstyle>\n    .scg-footer {\n      background: radial-gradient(circle at 50% 0%, #171717 0, #050505 55%, #000 100%);\n      padding: 24px 16px 30px;\n      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n      color: #b8b8b8;\n      font-size: 11px;\n    }\n\n    .scg-footer__inner {\n      max-width: 1180px;\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .scg-footer__nav {\n      margin-bottom: 10px;\n      letter-spacing: 0.04em;\n      white-space: nowrap;\n    }\n\n    .scg-footer__nav a {\n      color: #c5c5c5;\n      text-decoration: none;\n      margin: 0 4px;\n      transition: color 0.15s ease;\n    }\n\n    .scg-footer__nav a:hover {\n      color: #ffffff;\n    }\n\n    .scg-footer__separator {\n      opacity: 0.45;\n      margin: 0 4px;\n    }\n\n    .scg-footer__risk {\n      font-size: 10px;\n      color: #8f8f8f;\n      line-height: 1.55;\n      max-width: 820px;\n      margin: 10px auto 14px;\n      opacity: 0.8;\n    }
3618\n\n    .scg-footer__copy {\n      opacity: 0.7;\n      letter-spacing: 0.04em;\n    }\n\n    @media (max-width: 600px) {\n      .scg-footer {\n        padding: 22px 12px 26px;\n        font-size: 10px;\n      }\n      .scg-footer__nav {\n        white-space: normal;\n        line-height: 1.6;\n      }\n      .scg-footer__risk {\n        font-size: 9px;\n      }\n    }\n  \u003C\u002Fstyle>\n\n  \u003Cdiv class=\"scg-footer__inner\">\n\n    \u003C!-- NAV LINK-EK -->\n    \u003Cdiv class=\"scg-footer__nav\">\n      \u003Ca href=\"https:\u002F\u002Fszabocapitalgroup.com\u002Fsupport\" target=\"_blank\">Kapcsolat\u003C\u002Fa>\n      \u003Cspan class=\"scg-footer__separator\">|\u003C\u002Fspan>\n      \u003Ca href=\"https:\u002F\u002Fszabocapitalgroup.com\u002Fprivacy\" target=\"_blank\">Adatkezelési tájékoztató\u003C\u002Fa>\n      \u003Cspan class=\"scg-footer__separator\">|\u003C\u002Fspan>\n      \u003Ca href=\"https:\u002F\u002Fszabocapitalgroup.com\u002Fterms\" target=\"_blank\">Általános szerződési feltételek\u003C\u002Fa>\n    \u003C\u002Fdiv>\n\n    \u003C!-- KOCKÁZATI FIGYELMEZTETÉS -->\n    \u003Cdiv class=\"scg-footer__risk\">\n      A program nem minősül pénzügyi tanácsadásnak vagy befektetési ajánlásnak, és semmilyen formában nem garantál hozamot.\u003Cbr>\n      A kereskedés kockázattal jár. A résztvevők minden döntést saját felelősségükre hoznak.\n    \u003C\u002Fdiv>\n\n    \u003C!-- COPYRIGHT -->\n    \u003Cdiv class=\"scg-footer__copy\">\n      ©2026 SZABO CAPITAL GROUP LTD. All rights reserved.\n    \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\u003C\u002Ffooter>\n",{"value":136},[],"ccustom-code-BpdyqF0To9",{},{"extra":140,"id":86,"meta":125,"tagName":126,"class":149},{"visibility":141,"customCode":143,"customClass":146,"nodeId":148},{"value":142},{"hideMobile":36,"hideDesktop":36},{"value":144},{"rawCustomCode":145},"\u003Csection class=\"scg-final-cta\">\n  \u003Cstyle>\n    .scg-final-cta {\n      background: radial-gradient(circle at 50% 0%, #262626, #060606 60%, #000 100%);\n      color: #ffffff;\n      padding: 140px 20px 80px;\n      font-family: 'Open Sans', sans-serif;\n      text-align: center;\n    }\n\n    .scg-final-inner {\n      max-width: 920px;\n      margin: 0 auto;\n    }\n\n    .scg-final-title {\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: clamp(40px, 5vw, 64px);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      line-height: 1.15;\n      margin-bottom: 26px;\n    }\n\n    .scg-final-title span {\n      color: #ff3c1d;\n    }\n\n    .scg-final-lead {\n      max-width: 780px;\n      margin: 0 auto 40px;\n      font-size: 15px;\n      line-height: 1.8;\n      color: #e2e2e2;\n    }\n\n    .scg-final-btn {\n      display: inline-block;\n      margin-top: 10px;\n      padding: 16px 40px;\n      border-radius: 999px;\n      border: none;\n      cursor: pointer;\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: 22px;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: #ffffff;\n      background: linear-gradient(90deg, #ff3c1d, #b3190f);\n      box-shadow: 0 0 26px rgba(255,60,30,0.65);\n      text-decoration: none;\n      transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;\n    }\n\n    .scg-final-btn:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 0 34px rgba(255,60,30,0.85);\n      opacity: .95;\n    }\n\n    .scg-final-note {\n      margin-top: 12px;\n      font-size: 12px;\n      color: #bdbdbd;\n    }\n\n    .scg-final-footer {\n      margin-top: 70px;\n      font-size: 11px;\n      color: #8c8c8c;\n      opacity: .9;\n    }\n\n    .scg-final-footer-links {\n      margin-bottom: 8px;\n    }\n\n    .scg-final-footer-links a {\n      color: #cfcfcf;\n      text-decoration: none;\n      margin: 0 10px;\n      font-size: 11px;\n    }\n\n    .scg-final-footer-links a:hover {\n      text-decoration: underline;\n    }\n\n    @media (max-width: 600px) {\n      .scg-final-cta {\n        padding: 100px 16px 60px;\n      }\n      .scg-final-btn {\n        width: 100%;\n        max-width: 360px;\n      }\n    }\n  \u003C\u002Fstyle>\n\n  \u003Cdiv class=\"scg-final-inner\">\n    \u003Ch2 class=\"scg-final-title\">\n      LÉPJ BE \u003Cspan>MA\u003C\u002Fspan>, HOGY MEGTEDD AZ ELSŐ LÉPÉST\u003Cbr>\n      EGY ÚJ PÉNZÜGYI \u003Cspan>ÉLET FELÉ\u003C\u002Fspan>\n    \u003C\u002Fh2>\n\n    \u003Cp class=\"scg-final-lead\">\n      Ne halogasd tovább annak az életnek a felépítését, amit eddig csak terveztél.  \n      A Szabó Capital Group programjában megkapod azt a tudást, rendszert és közösségi támogatást,\n      amire szükséged van ahhoz, hogy magabiztosan olvasd a piacot, fejleszd a kereskedési rendszered,\n      és valódi kontrollt szerezz a pénzügyi jövőd felett.\n    \u003C\u002Fp>\n\n    \u003C!-- 🔥 MÓDOSÍTOTT CTA — SCROLL-TO-MEMBERSHIP -->\n    \u003Ca href=\"https:\u002F\u002Fapp.szabocapitalgroup.com\u002Fpayment-link\u002F6922f81abbe219660d381906\" \n   class=\"scg-final-btn scroll-to-membership\"\n   target=\"_blank\">\n   BELÉPEK A KÖZÖSSÉGBE MOST\n\u003C\u002Fa>\n    \u003Cdiv class=\"scg-final-note\">\n      Biztonságos online fizetés, azonnali hozzáféréssel a tartalmakhoz és a közösséghez.\n    \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n",{"value":147},[],"ccustom-code-tT0k1wfqNC",{},{"extra":151,"id":85,"meta":125,"tagName":126,"class":160}
3618,{"visibility":152,"customCode":154,"customClass":157,"nodeId":159},{"value":153},{"hideMobile":36,"hideDesktop":36},{"value":155},{"rawCustomCode":156},"\u003Csection class=\"scg-faq-tabs\">\n   \u003Cstyle>\n    .scg-faq-tabs {\n      position: relative;\n      padding: 140px 20px 160px;\n      font-family: 'Open Sans', sans-serif;\n      color: #fff;\n      background: radial-gradient(circle at 50% 0%, #3a150d, #050608 55%, #000 100%);\n      text-align: center;\n      overflow: hidden;\n    }\n\n    .scg-faq-tabs::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(900px 600px at 50% 0%, rgba(255,80,40,0.18), transparent 70%);\n      opacity: .9;\n      pointer-events: none;\n      filter: blur(30px);\n    }\n\n    .scg-faq-inner {\n      position: relative;\n      z-index: 1;\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n\n    .scg-faq-kicker {\n      font-size: 13px;\n      letter-spacing: .18em;\n      text-transform: uppercase;\n      color: #ff9b6a;\n      margin-bottom: 10px;\n    }\n\n    .scg-faq-title {\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: clamp(40px, 5vw, 64px);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 40px;\n    }\n\n    .scg-faq-title span {\n      color: #ff3c1d;\n    }\n\n    \u002F* TAB NAV – desktop *\u002F\n    .scg-faq-tab-nav {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 6px;\n      border-radius: 999px;\n      background: rgba(0,0,0,0.55);\n      box-shadow: 0 0 20px rgba(0,0,0,0.6);\n      margin-bottom: 40px;\n    }\n\n    .scg-faq-tab-btn {\n      border: none;\n      outline: none;\n      cursor: pointer;\n      padding: 10px 26px;\n      border-radius: 999px;\n      font-size: 14px;\n      font-weight: 600;\n      letter-spacing: .04em;\n      text-transform: uppercase;\n      color: #f4f4f4;\n      background: transparent;\n      transition: .2s ease;\n      white-space: nowrap;\n    }\n\n    .scg-faq-tab-btn.active {\n      background: linear-gradient(90deg, #ff3c1d, #b3190f);\n      box-shadow: 0 0 22px rgba(255,60,30,0.6);\n    }\n\n    \u002F* PANELS WRAPPER *\u002F\n    .scg-faq-panels {\n      margin-top: 10px;\n    }\n\n    .scg-faq-panel {\n      max-width: 1100px;\n      margin: 0 auto;\n      background: radial-gradient(circle at 50% 0%, rgba(255,60,30,0.15), rgba(8,8,8,0.98) 55%);\n      border-radius: 22px;\n      padding: 28px 26px;\n      box-shadow: 0 22px 60px rgba(0,0,0,0.85);\n      text-align: left;\n      display: none;\n    }\n\n    .scg-faq-panel.active {\n      display: block;\n    }\n\n    \u002F* ACCORDION ITEMS *\u002F\n    .scg-faq-item {\n      border-radius: 14px;\n      background: rgba(10,10,10,0.9);\n      border: 1px solid rgba(255,255,255,0.05);\n      margin-bottom: 10px;\n      overflow: hidden;\n      transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;\n    }\n\n    .scg-faq-item.open {\n      border-color: rgba(255,90,40,0.65);\n      background: radial-gradient(circle at 0% 0%, rgba(255,70,40,0.22), rgba(10,10,10,0.96));\n      box-shadow: 0 10px 30px rgba(0,0,0,0.8);\n    }\n\n    .scg-faq-question {\n      width: 100%;\n      padding: 18px 18px 18px 20px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      background: transparent;\n      border: none;\n      color: inherit;\n      cursor: pointer;\n    }\n\n    .scg-faq-question-text {\n      font-size: 16px;\n      font-weight: 600;\n    }\n\n    .scg-faq-toggle {\n      flex-shrink: 0;\n      width: 26px;\n      height: 26px;\n      border-radius: 50%;\n      border: 1px solid rgba(255,255,255,0.4);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      line-height: 1;\n      color: #fff;\n      transition: .2s ease;\n    }\n\n    .scg-faq-item.open .scg-faq-toggle {\n      background: #ff3c1d;\n      border-color: #ff3c1d;\n      transform: rotate(45deg);\n      box-shadow: 0 0 16px rgba(255,60,30,0.7);\n    }\n\n    .scg-faq-answer {\n      padding: 0 20px 0 20px;\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height .28s ease, padding-bottom .28s ease;\n      font-size: 14px;\n      color: #dedede;\n      line-height: 1.7;\n    }\n\n    .scg-faq-item.open .scg-faq-answer {\n      padding-bottom: 16px;\n      max-height: 260px;\n    }\n\n    .scg-faq-answer p {\n      margin: 0;\n    }\n\n    \u002F* ---------- MOBILE ---------- *\u002F\n    @media (max-width: 768px) {\n      .scg-faq-tabs {\n        padding: 100px 16px 120px;\n      }\n\n      \u002F* headline kicsit kompaktabb *\u002F\n      .scg-faq-title {\n        font-size: 32px;\n        line-height: 1.2;\n        max-width: 20ch;\n        margin: 0 auto 32px;\n      }\n\n      \u002F* tabok egymás alatt, teljes szélességben *\u002F\n      .scg-faq-tab-nav {\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n        gap: 8px;\n        padding: 8px;\n        border-radius: 20px;\n        background: rgba(0,0,0,0.7);\n        max-width: 360px;\n        margin: 0 auto 32px;\n      }\n\n      .scg-faq-tab-btn {\n        width: 100%;\n        white-space: normal;\n        font-size: 12px;\n        padding: 10px 14px;\n      }\n\n      .scg-faq-panel {\n        padding: 18px 14px;\n      }\n\n      .scg-faq-question {\n        padding-inline: 14px;\n      }\n\n      .scg-faq-answer {\n        padding-inline: 14px;\n      }\n    }\n  \u003C\u002Fstyle>\n\n  \u003Cdiv class=\"scg-faq-inner\">\n    \u003Cdiv class=\"scg-faq-kicker\">G.Y.I.K.\u003C\u002Fdiv>\n    \u003Ch2 class=\"scg-faq-title\">\n      Tedd fel a kérdéseidet, \u003Cspan>mi őszintén válaszolunk\u003C\u002Fspan>\n    \u003C\u002Fh2>\n\n    \u003C!-- TABOK -->\n    \u003Cdiv class=\"scg-faq-tab-nav\">\n      \u003Cbutton class=\"scg-faq-tab-btn active\" data-tab=\"general\">Általános\u003C\u002Fbutton>\n      \u003Cbutton class=\"scg-faq-tab-btn\" data-tab=\"pricing\">Árazás\u003C\u002Fbutton>\n      \u003Cbutton class=\"scg-faq-tab-btn\" data-tab=\"program\">Program\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n\n    \u003C!-- PANEL TARTALOM -->\n    \u003Cdiv class=\"scg-faq-panels\">\n\n      \u003C!-- ÁLTALÁNOS -->\n      \u003Cdiv class=\"scg-faq-panel active\" data-panel=\"general\">\n\n        \u003Cdiv class=\"scg-faq-item open\">\n          \u003Cbutton class=\"scg-faq-question\">\n            \u003Cspan class=\"scg-faq-question-text\">\n              Milyen gyorsan várható bármilyen változás a kereskedésemben?\n            \u003C\u002Fspan>\n            \u003Cspan class=\"scg-faq-toggle\">+\u003C\u002Fspan>\n          \u003C\u002Fbutton>\n          \u003Cdiv class=\"scg-faq-answer\">\n            \u003Cp>\n              Az eredmények egyénenként eltérhetnek, és rengeteg tényezőtől függenek – beleértve a gyakorlást,\n              az aktivitást és az előzetes tudást. A tapasztalatunk az, hogy s
3618ok tagunk már\n              \u003Cstrong>néhány hét rendszeres gyakorlás után strukturáltabban és tudatosabban\u003C\u002Fstrong>\n              kezd el gondolkodni a piacról, a konkrét pénzügyi eredmények pedig fokozatosan jelennek meg.\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"scg-faq-item\">\n          \u003Cbutton class=\"scg-faq-question\">\n            \u003Cspan class=\"scg-faq-question-text\">\n              Mi történik, ha nem látok eredményt?\n            \u003C\u002Fspan>\n            \u003Cspan class=\"scg-faq-toggle\">+\u003C\u002Fspan>\n          \u003C\u002Fbutton>\n          \u003Cdiv class=\"scg-faq-answer\">\n            \u003Cp>\n              A program célja, hogy \u003Cstrong>gondolkodásmódot, elemzési keretrendszert és gyakorlati ismereteket\u003C\u002Fstrong>\n              adjon. Nem ígérünk gyors meggazdagodást, viszont az oktatási anyagokat és a közösségi támogatást úgy\n              alakítottuk ki, hogy minden elkötelezett résztvevő számára hosszú távon használható tudást adjon.\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"scg-faq-item\">\n          \u003Cbutton class=\"scg-faq-question\">\n            \u003Cspan class=\"scg-faq-question-text\">\n              Szükséges bármilyen előképzettség a csatlakozáshoz?\n            \u003C\u002Fspan>\n            \u003Cspan class=\"scg-faq-toggle\">+\u003C\u002Fspan>\n          \u003C\u002Fbutton>\n          \u003Cdiv class=\"scg-faq-answer\">\n            \u003Cp>\n              Nem szükséges. A program úgy épül fel, hogy az alapoktól indul,\n              és \u003Cstrong>lépésről lépésre vezet be az intézményi gondolkodásmódba\u003C\u002Fstrong>.\n              Ha már van kereskedési tapasztalatod, az anyag mélyebb szintjei ott is rengeteg új nézőpontot adnak –\n              ha pedig teljesen kezdő vagy, végig fogunk kísérni az első lépésektől.\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"scg-faq-item\">\n          \u003Cbutton class=\"scg-faq-question\">\n            \u003Cspan class=\"scg-faq-question-text\">\n              Van lehetőség személyes mentorálásra?\n            \u003C\u002Fspan>\n            \u003Cspan class=\"scg-faq-toggle\">+\u003C\u002Fspan>\n          \u003C\u002Fbutton>\n          \u003Cdiv class=\"scg-faq-answer\">\n            \u003Cp>\n              A program részeként \u003Cstrong>csoportos konzultációkat és közösségi támogatást\u003C\u002Fstrong> kapsz.\n              Bizonyos időszakokban lehetőség van egyéni iránymutatásra is – ezekről mindig a közösségen belül adunk\n              friss tájékoztatást.\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"scg-faq-item\">\n          \u003Cbutton class=\"scg-faq-question\">\n            \u003Cspan class=\"scg-faq-question-text\">\n              Mi történik, ha már minden leckét megnéztem?\n            \u003C\u002Fspan>\n            \u003Cspan class=\"scg-faq-toggle\">+\u003C\u002Fspan>\n          \u003C\u002Fbutton>\n          \u003Cdiv class=\"scg-faq-answer\">\n            \u003Cp>\n              A program \u003Cstrong>folyamatosan bővül új leckékkel, friss elemzésekkel és gyakorlati tudással\u003C\u002Fstrong>.\n              Nem egy egyszer lefutó kurzust kapsz, hanem egy fejlődési rendszert, amely mindig a piaci környezethez\n              és a közösség igényeihez igazodik. Aktív tagsággal a jövőbeni frissítésekhez is hozzáférsz.\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n      \u003C!-- ÁRAZÁS -->\n      \u003Cdiv class=\"scg-faq-panel\" data-panel=\"pricing\">\n\n        \u003Cdiv class=\"scg-faq-item open\">\n          \u003Cbutton class=\"scg-faq-question\">\n            \u003Cspan class=\"scg-faq-question-text\">\n              Havi vagy éves díjat kell fizetnem?\n            \u003C\u002Fspan>\n            \u003Cspan class=\"scg-faq-toggle\">+\u003C\u002Fspan>\n          \u003C\u002Fbutton>\n          \u003Cdiv class=\"scg-faq-answer\">\n            \u003Cp>\n              A tagság alapvetően \u003Cstrong>havi díjas konstrukció\u003C\u002Fstrong>, amelyet bármikor le tudsz mondani,\n              így mindig te döntöd el, meddig szeretnél a közösség része lenni. Időszakosan elérhetőek kedvezményes\n              hosszabb távú (pl. 6–12 hónapos) csomagok is.\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"scg-faq-item\">\n          \u003Cbutton class=\"scg-faq-question\">\n            \u003Cspan class=\"scg-faq-question-text\">\n              Van rejtett költség vagy upsell a programban?\n            \u003C\u002Fspan>\n            \u003Cspan class=\"scg-faq-toggle\">+\u003C\u002Fspan>\n          \u003C\u002Fbutton>\n          \u003Cdiv class=\"scg-faq-answer\">\n            \u003Cp>
3618\n              Nincs. A kommunikált tagsági díj \u003Cstrong>minden oktatási modulhoz és közösségi funkcióhoz\u003C\u002Fstrong>\n              hozzáférést biztosít, nincsenek kötelező extra csomagok vagy rejtett díjak.\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n      \u003C!-- PROGRAM -->\n      \u003Cdiv class=\"scg-faq-panel\" data-panel=\"program\">\n\n        \u003Cdiv class=\"scg-faq-item open\">\n          \u003Cbutton class=\"scg-faq-question\">\n            \u003Cspan class=\"scg-faq-question-text\">\n              Milyen formában kapom meg a tananyagot?\n            \u003C\u002Fspan>\n            \u003Cspan class=\"scg-faq-toggle\">+\u003C\u002Fspan>\n          \u003C\u002Fbutton>\n          \u003Cdiv class=\"scg-faq-answer\">\n            \u003Cp>\n              A leckék \u003Cstrong>videós formában\u003C\u002Fstrong> érhetők el, struktúrált modulokra bontva.\n              Ezeket bármikor, bármilyen eszközről visszanézheted – legyen az laptop, tablet vagy mobil.\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"scg-faq-item\">\n          \u003Cbutton class=\"scg-faq-question\">\n            \u003Cspan class=\"scg-faq-question-text\">\n              Kapok-e hozzáférést a közösséghez és live-okhoz?\n            \u003C\u002Fspan>\n            \u003Cspan class=\"scg-faq-toggle\">+\u003C\u002Fspan>\n          \u003C\u002Fbutton>\n          \u003Cdiv class=\"scg-faq-answer\">\n            \u003Cp>\n              Igen. A tagság részeként \u003Cstrong>zárt közösségi csatornákhoz, live elemzésekhez és Q&amp;A alkalmakhoz\u003C\u002Fstrong>\n              is csatlakozhatsz, ahol valós idejű példákon keresztül tudsz tanulni és kérdezni.\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003Cscript>\n    (function () {\n      \u002F\u002F TABKEZELÉS\n      const tabButtons = document.querySelectorAll('.scg-faq-tab-btn');\n      const panels = document.querySelectorAll('.scg-faq-panel');\n\n      tabButtons.forEach(btn => {\n        btn.addEventListener('click', () => {\n          const target = btn.getAttribute('data-tab');\n\n          tabButtons.forEach(b => b.classList.remove('active'));\n          btn.classList.add('active');\n\n          panels.forEach(p => {\n            if (p.getAttribute('data-panel') === target) {\n              p.classList.add('active');\n            } else {\n              p.classList.remove('active');\n            }\n          });\n        });\n      });\n\n      \u002F\u002F ACCORDION KEZELÉS\n      const faqItems = document.querySelectorAll('.scg-faq-item');\n\n      faqItems.forEach(item => {\n        const qBtn = item.querySelector('.scg-faq-question');\n        const toggle = item.querySelector('.scg-faq-toggle');\n\n        qBtn.addEventListener('click', () => {\n          const isOpen = item.classList.contains('open');\n\n          \u002F\u002F Csak az adott panelen belül zárjuk a többieket\n          const parentPanel = item.closest('.scg-faq-panel');\n          parentPanel.querySelectorAll('.scg-faq-item').forEach(i => {\n            i.classList.remove('open');\n          });\n\n          if (!isOpen) {\n            item.classList.add('open');\n          }\n        });\n      });\n    })();\n  \u003C\u002Fscript>\n\u003C\u002Fsection>\n",{"value":158},[],"ccustom-code-pOuyz6cUiv",{},{"extra":162,"id":84,"meta":125,"tagName":126,"class":171},{"visibility":163,"customCode":165,"customClass":168,"nodeId":170},{"value":164},{"hideMobile":36,"hideDesktop":36},{"value":166},{"rawCustomCode":167},"\u003Csection class=\"membership-section\">\n  \u003Cstyle>\n    \u002F* --- HÁTTÉR, SZEKCIÓ --- *\u002F\n    .membership-section {\n      position: relative;\n      padding: 140px 40px 160px;\n      background: radial-gradient(circle at 0% 50%, #2b0c05 0, #050505 55%, #000 100%);\n      color: #fff;\n      font-family: 'Open Sans', sans-serif;\n      text-align: center;\n      overflow: hidden;\n    }\n\n    .membership-section::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(900px 600px at 50% -10%, rgba(255,60,30,0.35), transparent 70%);\n      filter: blur(40px);\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    .membership-inner {\n      position: relative;\n      z-index: 2;\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n\n    \u002F* --- EYEBROW + TITLE --- *\u002F\n    .membership-eyebrow {\n      font-size: 14px;\n      letter-spacing: 0.25em;\n      text-transform: uppercase;\n      color: #ff7b4b;\n      margin-bottom: 10px;\n    }\n\n    .membership-title {\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: clamp(44px, 5.5vw, 62px);\n      text-transform: uppercase;\n      margin-bottom: 60px;\n    }\n\n    \u002F* --- FŐ KÁRTYA --- *\u002F\n    .pricing-shell {\n      max-width: 900px;\n      margin: 0 auto;\n      border-radius: 26px;\n      background: radial-gradient(circle at 50% -20%, #1c1c1c, #050505 60%);\n      box-shadow:\n        0 22px 70px rgba(0,0,0,0.95),\n        0 0 40px rgba(0,0,0,0.8);\n      padding: 34px 34px 40px;\n      border: 1px solid rgba(255,255,255,0.04);\n      position: relative;\n    }\n\n    .pricing-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 30px;\n      gap: 16px;\n    }\n\n    .branding-pill {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 18px;\n      border-radius: 999px;\n      background: #171717;\n      border: 1px solid rgba(255,255,255,0.06);\n      font-size: 14px;\n    }\n\n    .branding-icon {\n      width: 26px;
3618\n      height: 26px;\n      border-radius: 8px;\n      background: linear-gradient(135deg, #ff6a36, #b6230f);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 16px;\n    }\n\n    .branding-name {\n      font-weight: 600;\n      letter-spacing: 0.02em;\n    }\n\n    .member-badge {\n      padding: 8px 20px;\n      border-radius: 999px;\n      background: #3f180f;\n      color: #ffb4a1;\n      border: 1px solid rgba(255,90,50,0.7);\n      font-size: 14px;\n      font-weight: 600;\n      letter-spacing: 0.03em;\n      text-transform: uppercase;\n    }\n\n    \u002F* --- ÁR RÉSZ --- *\u002F\n    .pricing-main {\n      text-align: center;\n      margin-bottom: 32px;\n    }\n\n    .pricing-main .price {\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: 64px;\n      line-height: 1;\n      margin-bottom: 6px;\n    }\n\n    .pricing-main .billed {\n      font-size: 13px;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      color: #b7b7b7;\n      margin-bottom: 20px;\n    }\n\n    .pricing-main .subtitle {\n      font-size: 15px;\n      color: #d3d3d3;\n      max-width: 620px;\n      margin: 0 auto;\n    }\n\n    \u002F* --- VÁLASZTÓVONAL --- *\u002F\n    .pricing-divider {\n      margin: 32px 0 28px;\n      border-top: 1px solid rgba(255,255,255,0.06);\n    }\n\n    \u002F* --- FEATURE GRID --- *\u002F\n    .feature-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0,1fr));\n      gap: 10px 40px;\n      text-align: left;\n      max-width: 720px;\n      margin: 0 auto 40px;\n      font-size: 15px;\n    }\n\n    .feature-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      color: #e5e5e5;\n    }\n\n    .feature-check {\n      font-size: 14px;\n      margin-top: 2px;\n      color: #ff8255;\n    }\n\n    \u002F* --- CTA + NOTE --- *\u002F\n    .pricing-cta-wrap {\n      text-align: center;\n    }\n\n    .pricing-cta-btn {\n      display: inline-block;\n      padding: 16px 42px;\n      border-radius: 999px;\n      background: linear-gradient(90deg, #ff4b24, #b61a0e);\n      color: #fff;\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: 26px;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      box-shadow: 0 18px 50px rgba(0,0,0,0.9);\n      text-decoration: none;\n      transition: 0.18s ease;\n      margin-bottom: 20px;\n    }\n\n    .pricing-cta-btn:hover {\n      transform: translateY(-3px);\n      box-shadow:\n        0 26px 70px rgba(0,0,0,1),\n        0 0 32px rgba(255,90,50,0.9);\n      opacity: 0.98;\n    }\n\n    .pricing-note {\n      font-size: 13px;\n      color: #aaaaaa;\n      margin-bottom: 22px;\n    }\n\n    .payment-row {\n      display: flex;\n      justify-content: center;\n      gap: 30px;\n      opacity: 0.75;\n    }\n\n    .payment-row img {\n      height: 30px;\n      width: auto;\n      filter: drop-shadow(0 0 10px rgba(0,0,0,0.9));\n    }\n\n    \u002F* --- MOBIL: Digital Launchpad-szerű kiemelés --- *\u002F\n    @media (max-width: 840px) {\n      .membership-section {\n        padding: 110px 16px 140px;\n        background: radial-gradient(circle at 50% -10%, #1d0905 0, #000 70%);\n      }\n\n      .membership-inner {\n        max-width: 480px;\n      }\n\n      .membership-eyebrow {\n        font-size: 12px;\n        letter-spacing: 0.23em;\n      }\n\n      .membership-title {\n        font-size: 32px;\n        line-height: 1.15;\n        margin-bottom: 38px;\n        padding: 0 8px;\n      }\n\n      .pricing-shell {\n        max-width: 100%;\n        margin: 0 auto;\n        border-radius: 26px;\n        padding: 28px 22px 34px;\n        background: linear-gradient(180deg, #31100a 0%, #150605 55%, #050505 100%);\n        box-shadow:\n          0 26px 80px rgba(0,0,0,1),\n          0 0 40px rgba(0,0,0,1);\n        border: 1px solid rgba(255,255,255,0.06);\n      }\n\n      .pricing-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 10px;\n        margin-bottom: 24px;\n      }\n\n      .pricing-main .price {\n        font-size: 46px;\n      }\n\n      .pricing-main .subtitle {\n        font-size: 14px;\n      }\n\n      .feature-grid {\n        grid-template-columns: 1fr;\n        gap: 8px 0;\n        font-size: 14px;\n        margin-bottom: 30px;\n      }\n\n      .pricing-cta-btn {\n        width: 100%;\n        padding: 14px 10px;\n        font-size: 22px;\n        letter-spacing: 0.09em;\n      }\n\n      .pricing-note {\n        font-size: 12px;\n      }\n\n      .payment-row img {\n        height: 22px;\n      }\n    }\n  \u003C\u002Fstyle>\n\n  \u003Cdiv class=\"membership-inner\">\n    \u003Cdiv class=\"membership-eyebrow\">ÁRAZÁS\u003C\u002Fdiv>\n    \u003Ch2 class=\"membership-title\">Tagság a Szabo Capital Group közösséghez\u003C\u002Fh2>\n\n    \u003Cdiv class=\"pricing-shell\">\n      \u003Cdiv class=\"pricing-header\">\n        \u003Cdiv class=\"branding-pill\">\n          \u003Cdiv class=\"branding-icon\">S\u003C\u002Fdiv>\n          \u003Cdiv class=\"branding-name\">Szabo Capital Group\u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"member-badge\">Member pricing\u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv class=\"pricing-main\">\n        \u003Cdiv class=\"price\">10.990 Ft \u002F hó\u003C\u002Fdiv>\n        \u003Cdiv class=\"billed\">Havonta számlázva\u003C\u002Fdiv>\n        \u003Cp class=\"subtitle\">\n          Azonnali hozzáférést kapsz a teljes képzési rendszerhez, a zárt közösséghez\n          és minden új, havonta érkező tartalomhoz – egyetlen tagsági díjért.\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv class=\"pricing-divider\">\u003C\u002Fdiv>\n\n      \u003Cdiv class=\"feature-grid\">\n        \u003Cdiv class=\"feature-item\">\n          \u003Cspan class=\"feature-check\">✔\u003C\u002Fspan>\n          \u003Cspan>
3618Minden stratégia és modul azonnal elérhető\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"feature-item\">\n          \u003Cspan class=\"feature-check\">✔\u003C\u002Fspan>\n          \u003Cspan>Havi bónuszok és extra tartalmak\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"feature-item\">\n          \u003Cspan class=\"feature-check\">✔\u003C\u002Fspan>\n          \u003Cspan>Új programok és frissítések minden hónapban\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"feature-item\">\n          \u003Cspan class=\"feature-check\">✔\u003C\u002Fspan>\n          \u003Cspan>Kereskedési robot exkluzív stratégiák\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"feature-item\">\n          \u003Cspan class=\"feature-check\">✔\u003C\u002Fspan>\n          \u003Cspan>Szintlépési rendszer – kezdőtől haladóig és profiig\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"feature-item\">\n          \u003Cspan class=\"feature-check\">✔\u003C\u002Fspan>\n          \u003Cspan>Kereskedői közösség, élő támogatással\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv class=\"pricing-cta-wrap\">\n        \u003Ca href=\"https:\u002F\u002Fapp.szabocapitalgroup.com\u002Fpayment-link\u002F6922f81abbe219660d381906\" \n   class=\"pricing-cta-btn\" \n   target=\"_blank\">\n  Kérem a hozzáférést\n\u003C\u002Fa>\n\n        \u003Cdiv class=\"pricing-note\">\n          A fizetés a Stripe rendszerén keresztül történik, biztonságos, bankkártyás fizetéssel.\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"payment-row\">\n          \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F691d91ecd4f9b361a85cee9c.png\" alt=\"Stripe\">\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n",{"value":169},[],"ccustom-code-1RkHcjKzHz",{},{"extra":173,"id":83,"meta":125,"tagName":126,"class":182},{"visibility":174,"customCode":176,"customClass":179,"nodeId":181},{"value":175},{"hideMobile":36,"hideDesktop":36},{"value":177},{"rawCustomCode":178},"\u003Csection class=\"results-premium\">\n  \u003Cstyle>\n\n    \u002F* --- Háttér: prémium piros-fekete \"lava gradient\" + glow + vignette --- *\u002F\n    .results-premium {\n      position: relative;\n      padding: 160px 40px 170px;\n      background: radial-gradient(circle at 50% 0%, #2a0000, #0a0a0a 70%);\n      overflow: hidden;\n      color: #fff;\n      font-family: 'Open Sans', sans-serif;\n      text-align: center;\n    }\n\n    \u002F* Piros felső glow *\u002F\n    .results-premium::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(900px 700px at 50% -10%, rgba(255,60,20,0.33), transparent 70%),\n        radial-gradient(700px 500px at 80% 20%, rgba(255,30,0,0.18), transparent 70%);\n      filter: blur(40px);\n      pointer-events: none;\n    }\n\n    \u002F* Finom alsó vignette *\u002F\n    .results-premium::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.55) 75%, #000 100%);\n      pointer-events: none;\n    }\n\n    \u002F* --- CÍM --- *\u002F\n    .results-premium h2 {\n      position: relative;\n      z-index: 3;\n      font-family: 'Bebas Neue';\n      font-size: clamp(48px, 6vw, 70px);\n      margin-bottom: 100px;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n    }\n\n    .results-premium h2 span {\n      color: #ff3c1d;\n    }\n\n    \u002F* --- GRID --- *\u002F\n    .results-grid {\n      position: relative;\n      z-index: 3;\n      max-width: 1200px;\n      margin: 0 auto 90px auto;\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 70px 90px;\n      text-align: left;\n    }\n\n    \u002F* --- Kártyák: glass + glow --- *\u002F\n    .result-box {\n      display: flex;\n      gap: 22px;\n      padding: 28px 22px;\n      border-radius: 14px;\n      background: rgba(25, 25, 25, 0.45);\n      backdrop-filter: blur(6px);\n      border: 1px solid rgba(255,60,30,0.18);\n      box-shadow:\n        0 8px 40px rgba(0,0,0,0.55),\n        0 0 20px rgba(255,60,30,0.08);\n      transition: 0.25s;\n    }\n\n    .result-box:hover {\n      background: rgba(35,35,35,0.55);\n      transform: translateY(-3px);\n      box-shadow:\n        0 12px 50px rgba(0,0,0,0.65),\n        0 0 28px rgba(255,80,40,0.22);\n    }\n\n    \u002F* --- Szám --- *\u002F\n    .result-number {\n      font-family: 'Bebas Neue';\n      font-size: 52px;\n      color: #ff3c1d;\n      line-height: 1;\n      min-width: 60px;\n      text-shadow: 0 0 18px rgba(255,60,30,0.35);\n    }\n\n    \u002F* --- Szöveg --- *\u002F\n    .result-text h3 {\n      font-family: 'Bebas Neue';\n      font-size: 26px;\n      color: #fff;\n      margin-bottom: 8px;\n    }\n\n    .result-text p {\n      color: #eaeaea;\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    \u002F* --- CTA --- *\u002F\n    .cta-btn {\n      position: relative;\n      z-index: 3;\n      display: inline-block;\n      margin-top: 20px;\n      padding: 18px 36px;\n      background: linear-gradient(90deg, #ff3c1d, #b3190f);\n      color: #fff;\n      font-family: 'Bebas Neue';\n      font-size: 28px;\n      letter-spacing: 1px;\n      border-radius: 14px;\n      box-shadow: 0 0 32px rgba(255,60,30,0.45);\n      cursor: pointer;\n      transition: 0.18s;\n      text-decoration: none;\n    }\n\n    .cta-btn:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 0 45px rgba(255,60,30,0.65);\n    }\n\n    \u002F* --- MOBILE --- *\u002F\n    @media (max-width: 900px) {\n      .results-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n    }\n\n    \u002F* --- MOBILE OPTIMALIZÁLÁS HEADLINE-HOZ --- *\u002F\n    @media(max-width: 650px) {\n\n      .results-premium {\n        padding: 90px 28px 110px !important;\n      }\n\n      .results-premium h2 {\n        font-size: 34px !important;\n        line-height: 1.18 !important;\n        margin-bottom: 55px !important;\n        max-width: 95%;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      .results-premium h2 span {\n        font-size: 34px !important;\n      }\n\n      .results-grid {\n        gap: 30px !important;\n      }\n\n      .result-text h3 {\n        font-size: 22px !important;\n      }\n\n      .result-text p {\n        font-size: 14.5px !important;\n        line-height: 1.55 !important;\n      }\n\n      .result-number {\n        font-size: 44px !important;\n        min-width: 52px !important;\n      }\n    }\n\n  \u003C\u002Fstyle>\n\n  \u003Ch2>Valós eredmények, amelyeket \u003Cspan>TE is\u003C\u002Fspan> elérhetsz\u003C\u002Fh2>\n\n  \u003Cdiv class=\"results-grid\">\n    \u003C!-- BOXOK (változatlanul hagyva) -->\n    \u003Cdiv class=\"result-box\">\u003Cdiv class=\"result-number\">01\u003C\u002Fdiv>\u003Cdiv class=\"result-text\">\u003Ch3>Pontosabban olvasod a piacot\u003C\u002Fh3>\u003Cp>Megérted az order flow mintázatait, és tisztábban látod a nagy pénz mozgását.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\n    \u003Cdiv class=\"result-box\">\u003Cdiv class=\"result-number\">02\u003C\u002Fdiv>\u003Cdiv class=\"result-text\">\u003Ch3>Session alapú gondolkodás\u003C\u002Fh3>\u003Cp>A fő idősávokat azonnal felismered, és előre látod a manipulációk mintáit.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\n    \u003Cdiv class=\"result-box\">\u003Cdiv class=\"result-number\">03\u003C\u002Fdiv>\u003Cdiv class=\"result-text\">\u003Ch3>Profitábilis rendszer építése\u003C\u002Fh3>\u003Cp>
3618Belépési modell, exit stratégia, money management – végre rendszerben tradelsz.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\n    \u003Cdiv class=\"result-box\">\u003Cdiv class=\"result-number\">04\u003C\u002Fdiv>\u003Cdiv class=\"result-text\">\u003Ch3>Valós idejű elemzés\u003C\u002Fh3>\u003Cp>A Footprint–DOM döntéseid stabilabbá válnak, és azonnal tanulhatsz belőlük.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\n    \u003Cdiv class=\"result-box\">\u003Cdiv class=\"result-number\">05\u003C\u002Fdiv>\u003Cdiv class=\"result-text\">\u003Ch3>Mentális stabilitás\u003C\u002Fh3>\u003Cp>Érzelemkezelés, fókusz és fegyelem – mint az intézményi traderek.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\n    \u003Cdiv class=\"result-box\">\u003Cdiv class=\"result-number\">06\u003C\u002Fdiv>\u003Cdiv class=\"result-text\">\u003Ch3>Strukturális megértés\u003C\u002Fh3>\u003Cp>A nagy tőke célárait felismered – nem leszel többé bizonytalan a piacon.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003C!-- 🔥 MÓDOSÍTOTT CTA — SCROLL-TO-MEMBERSHIP OSZTÁLY -->\n  \u003Ca class=\"cta-btn scroll-to-membership\" \n   href=\"https:\u002F\u002Fapp.szabocapitalgroup.com\u002Fpayment-link\u002F6922f81abbe219660d381906\"\n   target=\"_blank\">\n   Belépek a közösségbe\n\u003C\u002Fa>\n\n\n\u003C\u002Fsection>\n",{"value":180},[],"ccustom-code-3X-v9n-ZDj",{},{"extra":184,"id":82,"meta":125,"tagName":126,"class":193},{"visibility":185,"customCode":187,"customClass":190,"nodeId":192},{"value":186},{"hideMobile":36,"hideDesktop":36},{"value":188},{"rawCustomCode":189},"\u003Csection class=\"scg-mobileapp\">\n\n\u003Cstyle>\n.scg-mobileapp {\n  padding: 90px 6vw; \u002F* kevesebb felső padding *\u002F\n  background: radial-gradient(circle at 50% 0%, rgba(168,21,7,0.35), #050101 60%, #000 100%);\n  position: relative;\n  overflow: hidden;\n  color: #fff;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\n.scg-mobileapp::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(900px 600px at 80% -10%, rgba(255, 60, 31, 0.35), transparent 70%);\n  filter: blur(50px);\n  opacity: 0.7;\n  pointer-events: none;\n}\n\n.scg-mobileapp__inner {\n  max-width: 1300px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);\n  gap: 70px;\n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n\n\u002F* ---- KÉP DESKTOPON ---- *\u002F\n.scg-mobileapp__media {\n  max-width: 460px;\n  justify-self: center;\n}\n\n.scg-mobileapp__media img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 22px;\n  object-fit: cover;\n}\n\n\u002F* ---- APP IKON (mobilon látszik csak) ---- *\u002F\n.scg-mobileapp__icon {\n  display: none;\n}\n\n.scg-mobileapp__icon img {\n  width: 80px;\n  height: 80px;\n  border-radius: 22px;\n  display: block;\n  margin: 0 auto 18px;\n  box-shadow: 0 12px 30px rgba(0,0,0,0.7);\n}\n\n\u002F* ---- SZÖVEG ---- *\u002F\n.scg-mobileapp__eyebrow {\n  font-size: 13px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: #ffb5a4;\n  margin-bottom: 12px;\n}\n\n.scg-mobileapp__title {\n  font-family: 'Bebas Neue', system-ui, sans-serif;\n  font-size: clamp(42px, 5.2vw, 70px);\n  line-height: 1.05;\n  margin-bottom: 14px;\n  letter-spacing: 0.03em;\n}\n\n.scg-mobileapp__title span {\n  color: #FF3C1F;\n}\n\n.scg-mobileapp__text {\n  font-size: 17px;\n  line-height: 1.7;\n  color: #f2d7d0;\n  margin-bottom: 26px;\n  max-width: 620px;\n}\n\n.scg-mobileapp__stores {\n  display: flex;\n  gap: 18px;\n  margin-top: 14px;\n}\n\n.scg-mobileapp__stores img {\n  height: 52px;\n  cursor: pointer;\n  transition: transform .15s ease;\n}\n\n.scg-mobileapp__stores img:hover {\n  transform: scale(1.04);\n}\n\n\u002F* ---- RESPONSIVE ---- *\u002F\n@media (max-width: 1000px) {\n  .scg-mobileapp {\n    padding: 60px 18px 80px; \u002F* jóval kisebb felső padding mobilon *\u002F\n  }\n\n  .scg-mobileapp__inner {\n    grid-template-columns: 1fr;\n    text-align: center;\n    gap: 40px;\n  }\n\n  \u002F* telefon mockup elrejtése mobilon *\u002F\n  .scg-mobileapp__media {\n    display: none;\n  }\n\n  \u002F* ikon megjelenítése a cím felett *\u002F\n  .scg-mobileapp__icon {\n    display: block;\n  }\n\n  .scg-mobileapp__text {\n    margin: 0 auto 26px;\n  }\n\n  .scg-mobileapp__stores {\n    justify-content: center;\n  }\n}\n\n@media (max-width: 600px) {\n  .scg-mobileapp {\n    padding: 50px 16px 70px; \u002F* még kevesebb top padding iPhone méretre *\u002F\n  }\n\n  .scg-mobileapp__title {\n    font-size: clamp(34px, 9vw, 40px);\n  }\n\n  .scg-mobileapp__text {\n    font-size: 15px;\n  }\n\n  .scg-mobileapp__icon img {\n    width: 72px;\n    height: 72px;\n    margin-bottom: 16px;\n  }\n}\n\u003C\u002Fstyle>\n\n\u003Cdiv class=\"scg-mobileapp__inner\">\n\n  \u003C!-- KÉP (csak desktopon látszik) -->\n  \u003Cdiv class=\"scg-mobileapp__media\">\n    \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F691f5d18d0b2ee7a34c41190.png\" \n         alt=\"Szabó Capital Group mobilalkalmazás előnézet\">\n  \u003C\u002Fdiv>\n\n  \u003C!-- SZÖVEG + MOBIL IKON -->\n  \u003Cdiv>\n    \u003C!-- ez csak mobilon látszik -->\n    \u003Cdiv class=\"scg-mobileapp__icon\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F691db5a4c03e0f9f90c329da.png\" \n           alt=\"SCG App ikon\">\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"scg-mobileapp__eyebrow\">Mindig veled. Minden eszközön.\u003C\u002Fdiv>\n\n    \u003Ch2 class=\"scg-mobileapp__title\">\n      A teljes \u003Cspan>Szabo Capital Group\u003C\u002Fspan>\u003Cbr>\n      a zsebedben van.\n    \u003C\u002Fh2>\n\n    \u003Cp class=\"scg-mobileapp__text\">\n      Tananyagok, közösség, mentorálás, chatek, értesítések és elemzések —\n      \u003Cstrong>bárhol, bármikor\u003C\u002Fstrong> elérhetők az Szabo Capital Group mobilalkalmazásban.\n      Fejlessz, tanulj, kommunikálj és haladj előre, akár úton vagy, akár az irodában,\n      akár egy kávézóban ülsz.\n    \u003C\u002Fp>\n\n    \u003Cp class=\"scg-mobileapp__text\">\n      Az alkalmazást letöltheted iOS-re és Androidra — a teljes rendszer egy érintésre van.\n      \u003Cstrong>\u003C\u002Fstrong>\n    \u003C\u002Fp>\n\n    \u003Cdiv class=\"scg-mobileapp__stores\">\n  \u003Ca href=\"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Fszabo-capital-group\u002Fid6757193394\" target=\"_blank\" rel=\"noopener\">\n    \u003Cimg \n      src=\"https:\u002F\u002Fupload.wikimedia.org\u002Fwikipedia\u002Fcommons\u002F9\u002F91\u002FDownload_on_the_App_Store_RGB_blk.svg\" \n      alt=\"App Store\"\n    >\n  \u003C\u002Fa>\n\n  \u003Ca href=\"https:\u002F\u002Fplay.google.com\u002Fstore\u002Fapps\u002Fdetail
3618s?id=com.szabo.wl\" target=\"_blank\" rel=\"noopener\">\n    \u003Cimg \n      src=\"https:\u002F\u002Fupload.wikimedia.org\u002Fwikipedia\u002Fcommons\u002F7\u002F78\u002FGoogle_Play_Store_badge_EN.svg\" \n      alt=\"Google Play\"\n    >\n  \u003C\u002Fa>\n\u003C\u002Fdiv>\n\n\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n",{"value":191},[],"ccustom-code-5zGv4EV01f",{},{"extra":195,"id":81,"meta":125,"tagName":126,"class":204},{"visibility":196,"customCode":198,"customClass":201,"nodeId":203},{"value":197},{"hideMobile":36,"hideDesktop":36},{"value":199},{"rawCustomCode":200},"\u003Csection class=\"results-section\">\n  \u003Cstyle>\n    .results-section {\n      background: transparent !important;\n      padding: 120px 40px;\n      text-align: center;\n      color: #fff;\n      font-family: 'Open Sans', sans-serif;\n    }\n\n    .results-section h2 {\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: clamp(48px, 6vw, 70px);\n      text-transform: uppercase;\n      margin-bottom: 70px;\n      letter-spacing: 1px;\n    }\n\n    .results-section h2 span {\n      color: #ff3c1d;\n    }\n\n    \u002F* SLIDER *\u002F\n    .results-slider {\n      display: flex;\n      overflow: hidden;\n      width: 100%;\n      max-width: 1500px;\n      margin: 0 auto;\n      position: relative;\n    }\n\n    .results-track {\n      display: flex;\n      gap: 25px;\n      animation: slide 30s linear infinite;\n    }\n\n    \u002F* 🔥 NAGYOBB KÁRTYÁK *\u002F\n    .result-card {\n      width: 360px;\n      height: 480px;\n      background: linear-gradient(180deg, #1a1a1a, #0f0f0f);\n      border-radius: 14px;\n      overflow: hidden;\n      position: relative;\n      box-shadow: 0 0 18px rgba(255,0,0,0.15);\n      flex-shrink: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .result-card img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      opacity: 0.95;\n    }\n\n    @keyframes slide {\n      0% { transform: translateX(0); }\n      100% { transform: translateX(-50%); }\n    }\n\n    \u002F* CTA TEXT *\u002F\n    .results-next {\n      margin-top: 80px;\n      font-size: 20px;\n      color: #dcdcdc;\n      opacity: 0.85;\n    }\n\n    \u002F* CTA BUTTON *\u002F\n    .results-cta-btn {\n      margin-top: 25px;\n      padding: 18px 42px;\n      background: linear-gradient(90deg, #ff4b2b, #ff3b1d);\n      border: none;\n      color: #fff;\n      border-radius: 12px;\n      font-size: 18px;\n      font-weight: 700;\n      cursor: pointer;\n      transition: .25s ease;\n      box-shadow: 0 0 25px rgba(255,60,30,0.25);\n    }\n\n    .results-cta-btn:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 0 35px rgba(255,60,30,0.45);\n    }\n\n    \u002F* 📱 Mobil – kicsit nagyobb, mint eddig *\u002F\n    @media (max-width: 900px) {\n      .result-card {\n        width: 260px;\n        height: 360px;\n      }\n    }\n  \u003C\u002Fstyle>\n\n  \u003Ch2>EZEK \u003Cspan>VALÓDI\u003C\u002Fspan> EREDMÉNYEK A KÖZÖSSÉGBŐL\u003C\u002Fh2>\n\n  \u003C!-- AUTO-SLIDER -->\n  \u003Cdiv class=\"results-slider\">\n    \u003Cdiv class=\"results-track\">\n\n      \u003Cdiv class=\"result-card\">\u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F69275785fbd3443a0d21b1f9.png\">\u003C\u002Fdiv>\n      \u003Cdiv class=\"result-card\">\u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F692757855f7cbc5fe0c9d6ea.png\">\u003C\u002Fdiv>\n      \u003Cdiv class=\"result-card\">\u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F692757854ee4a33b6247c880.png\">\u003C\u002Fdiv>\n      \u003Cdiv class=\"result-card\">\u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F692757850863c309f5562964.png\">\u003C\u002Fdiv>\n      \u003Cdiv class=\"result-card\">\u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F692757852b23a2015ae385d3.png\">\u003C\u002Fdiv>\n\n      \u003C!-- végtelenítés -->\n      \u003Cdiv class=\"result-card\">\u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F69275785fbd3443a0d21b1f9.png\">\u003C\u002Fdiv>\n      \u003Cdiv class=\"result-card\">\u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F692757855f7cbc5fe0c9d6ea.png\">\u003C\u002Fdiv>\n      \u003Cdiv class=\"result-card\">\u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F692757854ee4a33b6247c880.png\">\u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003C!-- CTA RÉSZ -->\n  \u003Cdiv class=\"results-next\">\u003C\u002Fdiv>\n\n  \u003C!-- ✅ UGYANAZ A SCROLL RENDSZER, MINT ELŐZŐLEG -->\n  \u003Ca href=\"https:\u002F\u002Fapp.szabocapitalgroup.com\u002Fpayment-link\u002F6922f81abbe219660d381906\"\n   class=\"results-cta-btn scroll-to-membership\"\n   target=\"_blank\">\n\u003C\u002Fa>\n\n\n\u003C\u002Fsection>\n",{"value":202},[],"ccustom-code-KQBUMLgbnn",{},{"extra":206,"id":80,"meta":125,"tagName":126,"class":215},{"visibility":207,"customCode":209,"customClass":212,"nodeId":214},{"value":208},{"hideMobile":36,"hideDesktop":36}
3618,{"value":210},{"rawCustomCode":211},"\u003Csection class=\"skills-slider\">\n  \u003Cstyle>\n    .skills-slider {\n      background: radial-gradient(circle at top, #2a1410 0%, #050505 55%, #000 100%);\n      padding: 110px 20px 90px;\n      color: #fff;\n      text-align: center;\n      overflow: hidden;\n      font-family: 'Open Sans', sans-serif;\n    }\n\n    .skills-slider h2 {\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: clamp(42px, 6vw, 70px);\n      text-transform: uppercase;\n      margin-bottom: 60px;\n      color: #ffffff;\n    }\n\n    .skills-slider h2 span {\n      color: #ff3c1d;\n    }\n\n    \u002F* --- CONTAINER + TRACK --- *\u002F\n    .skills-container {\n      max-width: 920px;\n      margin: 0 auto;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .skills-track {\n      display: flex;\n      transition: transform 0.6s ease;\n      will-change: transform;\n    }\n\n    \u002F* --- CARD --- *\u002F\n    .skill-card {\n      flex: 0 0 100%;\n      padding: 36px 34px;\n      border-radius: 20px;\n      background: radial-gradient(circle at top left, #26272f 0%, #14151c 45%, #0b0c11 100%);\n      border: 1px solid rgba(255, 60, 30, 0.16);\n      box-shadow:\n        0 26px 60px rgba(0, 0, 0, 0.85),\n        0 0 28px rgba(255, 60, 30, 0.18);\n      opacity: 0.45;\n      transform: scale(0.94);\n      transition: opacity 0.35s ease, transform 0.35s ease,\n                  box-shadow 0.35s ease, border-color 0.35s ease;\n    }\n\n    .skill-card.active {\n      opacity: 1;\n      transform: scale(1);\n      border-color: rgba(255, 60, 30, 0.55);\n      box-shadow:\n        0 30px 80px rgba(0, 0, 0, 0.9),\n        0 0 40px rgba(255, 60, 30, 0.25);\n    }\n\n    .skill-card h3 {\n      font-size: 24px;\n      font-family: 'Bebas Neue', sans-serif;\n      color: #ff3c1d;\n      letter-spacing: 0.04em;\n      margin-bottom: 10px;\n    }\n\n    .skill-card p {\n      font-size: 15px;\n      line-height: 1.7;\n      color: #e1e1e1;\n      margin-bottom: 18px;\n    }\n\n    .skill-card .meta {\n      font-size: 13px;\n      color: #aeb3c4;\n    }\n\n    \u002F* --- NAV GOMBOK --- *\u002F\n    .slider-nav {\n      margin-top: 36px;\n      display: flex;\n      justify-content: center;\n      gap: 26px;\n    }\n\n    .nav-btn {\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      background: #14151c;\n      border: 1px solid rgba(255, 60, 30, 0.35);\n      color: #ff3c1d;\n      font-size: 22px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background 0.2s ease, color 0.2s ease,\n                  box-shadow 0.2s ease, transform 0.2s ease;\n    }\n\n    .nav-btn:hover {\n      background: #ff3c1d;\n      color: #fff;\n      box-shadow: 0 0 22px rgba(255, 60, 30, 0.6);\n      transform: translateY(-2px);\n    }\n\n    \u002F* --- MOBILE --- *\u002F\n    @media (max-width: 768px) {\n      .skills-slider {\n        padding: 80px 16px 70px;\n      }\n\n      \u002F* kisebb, launchpad-szerű headline mobilon *\u002F\n      .skills-slider h2 {\n        font-size: 32px;\n        line-height: 1.2;\n        max-width: 18ch;\n        margin: 0 auto 40px auto;\n      }\n\n      .skills-slider h2 span {\n        display: block;          \u002F* külön sor, mint náluk *\u002F\n      }\n\n      .skill-card {\n        padding: 28px 22px;\n        border-radius: 18px;\n      }\n    }\n  \u003C\u002Fstyle>\n\n  \u003C!-- TITLE -->\n  \u003Ch2>\n    Tanuld meg azokat a készségeket, amelyekre\n    \u003Cspan>egy profi tradernek\u003C\u002Fspan> szüksége van\n  \u003C\u002Fh2>\n\n  \u003Cdiv class=\"skills-container\">\n    \u003Cdiv class=\"skills-track\">\n      \u003Carticle class=\"skill-card active\">\n        \u003Ch3>DOM &amp; Liquidity Map\u003C\u002Fh3>\n        \u003Cp>Spoofing, iceberg megbízások, liquidity wall-ok elemzése futures piacon.\u003C\u002Fp>\n        \u003Cdiv class=\"meta\">Futures – 4. lecke • 14:19\u003C\u002Fdiv>\n      \u003C\u002Farticle>\n\n      \u003Carticle class=\"skill-card\">\n        \u003Ch3>Kereskedési Robotok\u003C\u002Fh3>\n        \u003Cp>Session optimalizált automata rendszerek — csúszó stop, breakeven, risk engine.\u003C\u002Fp>\n        \u003Cdiv class=\"meta\">Algo Trading – 5. lecke • 31:08\u003C\u002Fdiv>\n      \u003C\u002Farticle>\n\n      \u003Carticle class=\"skill-card\">\n        \u003Ch3>Funded Trader Blueprint\u003C\u002Fh3>\n        \u003Cp>Challenge felkészítés, drawdown kontroll, mentális stabilitás, equity curve menedzsment.\u003C\u002Fp>\n        \u003Cdiv class=\"meta\">Funded Mastery – 1. lecke • 19:21\u003C\u002Fdiv>\n      \u003C\u002Farticle>\n\n      \u003Carticle class=\"skill-card\">\n        \u003Ch3>Session Timing\u003C\u002Fh3>\n        \u003Cp>London–New York manipulációk, sweep-ek időzítése, piaci bias olvasása.\u003C\u002Fp>\n        \u003Cdiv class=\"meta\">Session Framework – 2. lecke • 18:55\u003C\u002Fdiv>\n      \u003C\u002Farticle>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003Cdiv class=\"slider-nav\">\n    \u003Cbutton class=\"nav-btn\" id=\"prevBtn\">‹\u003C\u002Fbutton>\n    \u003Cbutton class=\"nav-btn\" id=\"nextBtn\">›\u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n\n  \u003Cscript>\n    (function () {\n      const track = document.querySelector('.skills-track');\n      const cards = Array.from(document.querySelectorAll('.skill-card'));\n      const prevBtn = document.getElementById('prevBtn');\n      const nextBtn = document.getElementById('nextBtn');\n\n      let index = 0;\n      let autoTimer;\n\n      function updateSlider() {\n        const offset = -(index * 100);\n        track.style.transform = `translateX(${offset}%)`;\n        cards.forEach(card => card.classList.remove('active'));\n        cards[index].classList.add('active');\n      }\n\n      function nextSlide() {\n        index = (index + 1) % cards.length;\n        updateSlider();\n      }\n\n      function prevSlide() {\n        index = (index - 1 + cards.length) % cards.length;\n        updateSlider();\n      }\n\n      nextBtn.addEventListener('click', () => {\n        nextSlide();\n        resetAuto();\n      });\n\n      prevBtn.addEventListener('click', () => {\n        prevSlide();\n        resetAuto();\n      });\n\n      function startAuto() {\n        autoTimer = setInterval(nextSlide, 4500);\n      }\n\n      function resetAuto() {\n        clearInterval(autoTimer);\n        startAuto();\n      }\n\n      updateSlider();\n      startAuto();\n    })();\n  \u003C\u002Fscript>\n\u003C\u002Fsection>
3618\n",{"value":213},[],"ccustom-code-Iy-CCRlgNy",{},{"extra":217,"id":79,"meta":125,"tagName":126,"class":226},{"visibility":218,"customCode":220,"customClass":223,"nodeId":225},{"value":219},{"hideMobile":36,"hideDesktop":36},{"value":221},{"rawCustomCode":222},"\u003Csection class=\"pricing-path\"> \n  \u003Cstyle>\n    .pricing-path {\n      position: relative;\n      padding: 140px 40px 150px;\n      background: #000;\n      overflow: hidden;\n      text-align: center;\n      color: #ffffff;\n      font-family: 'Open Sans', sans-serif;\n    }\n\n    .pricing-path::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(circle at 50% 0%, rgba(255,60,20,0.12), transparent 70%),\n        linear-gradient(180deg, rgba(0,0,0,0.85), rgba(0,0,0,0.65) 40%, rgba(0,0,0,1) 90%);\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    .pricing-path::after {\n      content: \"\";\n      position: absolute;\n      inset: -200px;\n      background: radial-gradient(circle at 50% 65%, rgba(0,0,0,0), rgba(0,0,0,0.45) 70%);\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    .pricing-path h2 {\n      position: relative;\n      z-index: 5;\n      font-family: 'Bebas Neue';\n      font-size: clamp(48px, 6vw, 70px);\n      margin-bottom: 70px;\n      text-transform: uppercase;\n      color: #ffffff;\n      letter-spacing: 0.05em;\n    }\n\n    .pricing-wrapper {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      gap: 42px;\n      max-width: 1180px;\n      margin: 0 auto;\n      padding-top: 50px;\n      z-index: 5;\n    }\n\n    .pricing-wrapper::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 8%;\n      right: 8%;\n      border-top: 1px dashed rgba(255,120,60,0.8);\n      opacity: 0.8;\n    }\n\n    .pricing-wrapper::after {\n      content: \"\";\n      position: absolute;\n      top: -1px;\n      left: 50%;\n      width: 1px;\n      height: 24px;\n      transform: translateX(-50%);\n      border-left: 1px dashed rgba(255,120,60,0.7);\n    }\n\n    .path-card {\n      width: 48%;\n      padding: 50px 40px 45px;\n      border-radius: 20px;\n      text-align: center;\n      background: rgba(16,16,16,0.66);\n      border: 1px solid rgba(255,60,30,0.35);\n      box-shadow:\n        0 22px 60px rgba(0,0,0,0.95),\n        0 0 18px rgba(255,60,30,0.15);\n      backdrop-filter: blur(4px);\n      z-index: 5;\n    }\n\n    .path-card.red {\n      background: linear-gradient(180deg, #c42813, #851209 55%, #390803);\n      border: none;\n      box-shadow:\n        0 22px 70px rgba(0,0,0,0.95),\n        0 0 40px rgba(255,60,30,0.45);\n    }\n\n    .path-card h3 {\n      font-size: 17px;\n      font-weight: 700;\n      color: #d0d0d0;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      margin-bottom: 10px;\n    }\n\n    .path-card .price {\n      font-family: 'Bebas Neue';\n      font-size: 56px;\n      margin: 0 0 20px;\n      color: #fff;\n    }\n\n    .path-card p {\n      font-size: 15px;\n      line-height: 1.8;\n      color: #f2f2f2;\n      margin-bottom: 40px;\n    }\n\n    .pricing-btn {\n      padding: 14px 30px;\n      border-radius: 999px;\n      background: #111;\n      color: #fff;\n      font-weight: 600;\n      cursor: pointer;\n      border: 1px solid rgba(255,255,255,0.15);\n      text-transform: uppercase;\n      transition: 0.15s;\n      font-size: 13px;\n    }\n\n    .pricing-btn:hover {\n      background: #222;\n      transform: translateY(-2px);\n    }\n\n    .pricing-btn.red {\n      background: linear-gradient(90deg, #ff5a29, #ff3418);\n      border: none;\n      box-shadow: 0 0 25px rgba(255,60,30,0.75);\n    }\n\n    .pricing-btn.red:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 0 35px rgba(255,60,30,1);\n    }\n\n    .vs-circle {\n      display: none;\n    }\n\n    \u002F* ---------- MOBIL ---------- *\u002F\n    @media(max-width: 900px) {\n\n      .pricing-path {\n        padding: 100px 20px 120px;\n      }\n\n      .pricing-path h2 {\n        font-size: 36px;\n        letter-spacing: 0.04em;\n        white-space: nowrap;\n        margin-bottom: 40px;\n      }\n\n      .pricing-wrapper {\n        flex-direction: column;\n        gap: 20px;\n        padding-top: 10px;\n        max-width: 480px;\n      }\n\n      .pricing-wrapper::before,\n      .pricing-wrapper::after {\n        display: none;\n      }\n\n      .path-card {\n        width: 100%;\n        padding: 32px 22px 28px;\n        border-radius: 18px;\n      }\n\n      .path-card .price {\n        font-size: 44px;\n        margin-bottom: 14px;\n      }\n\n      .path-card p {\n        font-size: 14px;\n        line-height: 1.6;\n        margin-bottom: 26px;\n      }\n\n      .pricing-btn {\n        padding: 10px 22px;\n        font-size: 12px;\n      }\n\n      .vs-circle {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        margin: 4px auto;\n        padding: 12px 22px;\n        position: static;\n        transform: none;\n        border-radius: 999px;\n        color: #ff5a29;\n        font-weight: 800;\n        letter-spacing: 0.22em;\n        background: #0b0c10;\n        border: 2px solid rgba(255,120,60,0.5);\n        box-shadow:\n          0 0 18px rgba(255,60,30,0.45),\n          0 0 0 2px rgba(255,80,40,0.35);\n        z-index: 5;\n      }\n    }\n  \u003C\u002Fstyle>\n\n  \u003Ch2>Két út. Egy döntés.\u003C\u002Fh2>\n\n  \u003Cdiv class=\"pricing-wrapper\">\n\n    \u003Cdiv class=\"path-card\">\n      \u003Ch3>Fizetsz\u003C\u002Fh3>\n      \u003Cdiv class=\"price\">1–3 millió Ft\u003C\u002Fdiv>\n      \u003Cp>\n        Rossz pozíciók, elhibázott döntések és impulzív trade-ek formájában\u003Cbr>\n        könnyen kiadhatsz több millió forintot – a tudás hiánya miatt.\u003Cbr>\u003Cbr>\n        Megpróbálhatod egyedül is, de a legtöbb trader így éveket veszít el,\n        fejlődés nélkül.\n      \u003C\u002Fp>\n      \u003Cbutton class=\"pricing-btn\">❌ Maradok a bizonytalanságnál\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"vs-circle\">VS\u003C\u002Fdiv>\n\n    \u003Cdiv class=\"path-card red\">\n      \u003Ch3>Fizetsz\u003C\u002Fh3>\n      \u003Cdiv class=\"price\">10.990 Ft \u002F hó\u003C\u002Fdiv>\n      \u003Cp>\n        Hozzáférsz egy profi kereskedési rendszerhez,\u003Cbr>\n        amely footprint elemzést, mentális stabilitást,\u003Cbr>\n        robotokat, edukációt és valós idejű live-okat ad.\u003Cbr>\u003Cbr>
3618\n        Több mint egy évtized tapasztalata egy helyen —  \n        hogy ne veszteségek árán tanulj.\n      \u003C\u002Fp>\n\n      \u003C!-- 🔥 SCROLL TO MEMBERSHIP BUTTON -->\n      \u003Cbutton class=\"pricing-btn red scroll-to-membership\"\n        onclick=\"window.open('https:\u002F\u002Fapp.szabocapitalgroup.com\u002Fpayment-link\u002F6922f81abbe219660d381906', '_blank')\">\n        🔥 Belépek a közösségbe\n\u003C\u002Fbutton>\n\n\n    \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\n\u003C\u002Fsection>\n\n\u003C!-- 🔥 SMOOTH SCROLL SCRIPT (ugyanaz, ami már működik az oldalon) -->\n\u003Cscript>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  document.querySelectorAll(\".scroll-to-membership\").forEach(btn => {\n    btn.addEventListener(\"click\", () => {\n      const target = document.querySelector(\"#membership-section\");\n      if (target) {\n        target.scrollIntoView({ behavior: \"smooth\" });\n      }\n    });\n  });\n});\n\u003C\u002Fscript>\n",{"value":224},[],"ccustom-code-0UX5hkGZTI",{},{"extra":228,"id":78,"meta":125,"tagName":126,"class":237},{"visibility":229,"customCode":231,"customClass":234,"nodeId":236},{"value":230},{"hideMobile":36,"hideDesktop":36},{"value":232},{"rawCustomCode":233},"\u003Csection class=\"bento-access\">\n  \u003Cstyle>\n    .bento-access {\n      background: transparent !important;\n      color: #fff;\n      padding: 120px 40px;\n      font-family: 'Open Sans', sans-serif;\n      text-align: center;\n    }\n\n    .bento-access h2 {\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: clamp(46px, 5.8vw, 68px);\n      text-transform: uppercase;\n      margin-bottom: 70px;\n      color: #ffffff;\n      letter-spacing: 1px;\n      line-height: 1.1;\n    }\n\n    .bento-access h2 span {\n      color: #ff3c1d;\n    }\n\n    \u002F* --- BENTO GRID --- *\u002F\n    .bento-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr)); \u002F* 4 oszlop – bento stílus *\u002F\n      grid-auto-rows: 230px;\n      gap: 20px;\n      max-width: 1350px;\n      margin: 0 auto;\n    }\n\n    .bento-item {\n      position: relative;\n      border-radius: 18px;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-end;\n      padding: 26px 26px 24px;\n      text-align: left;\n      background: radial-gradient(circle at top, #262626, #101010);\n      box-shadow: 0 0 0 1px rgba(255,255,255,0.05);\n      transition: transform .25s ease, box-shadow .25s ease;\n      isolation: isolate;\n    }\n\n    .bento-item::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 65%, #000 100%);\n      opacity: .85;\n      z-index: 0;\n    }\n\n    .bento-item:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 0 26px rgba(255, 60, 30, 0.35);\n    }\n\n    .bento-item img {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      opacity: .45;\n      z-index: -1;\n      transform: scale(1.03);\n    }\n\n    .bento-item .content {\n      position: relative;\n      z-index: 2;\n    }\n\n    .bento-item h3 {\n      font-family: 'Bebas Neue', sans-serif;\n      color: #ffffff;\n      font-size: 24px;\n      margin-bottom: 8px;\n      letter-spacing: .5px;\n    }\n\n    .bento-item h3 span {\n      color: #ff3c1d;\n    }\n\n    .bento-item p {\n      color: #d5d5d5;\n      font-size: 14px;\n      line-height: 1.6;\n      max-width: 90%;\n    }\n\n    \u002F* --- BENTO LAYOUT (DESKTOP, 4 oszlop) --- *\u002F\n\n    \u002F* nagy bal felső blokk – 2×2 *\u002F\n    .footprint { grid-column: span 2; grid-row: span 2; }\n\n    \u002F* mellette fent 2×1 *\u002F\n    .session   { grid-column: span 2; grid-row: span 1; }\n\n    \u002F* a Footprint alatt, jobb oldali oszlopokban 1×1 kártyák *\u002F\n    .psychology { grid-column: span 1; grid-row: span 1; }\n    .funded     { grid-column: span 1; grid-row: span 1; }\n\n    \u002F* alsó sor – kicsit „tördelt” *\u002F\n    .stocks { grid-column: span 2;
3618 grid-row: span 1; }\n    .robots { grid-column: span 1; grid-row: span 1; }\n    .live   { grid-column: span 1; grid-row: span 1; }\n\n    \u002F* mobil app – teljes sor szélesség *\u002F\n    .mobile { grid-column: 1 \u002F -1; grid-row: span 1; }\n\n    \u002F* session kép pozíció *\u002F\n    .bento-item.session img {\n      object-position: center 35%;\n    }\n\n    \u002F* ---- Tablet nézet (max 1024px) ---- *\u002F\n    @media (max-width: 1024px) {\n      .bento-access {\n        padding: 90px 24px;\n      }\n\n      .bento-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        grid-auto-rows: 230px;\n      }\n\n      \u002F* minden kártya teljes soron tablet nézetben *\u002F\n      .bento-item,\n      .footprint,\n      .session,\n      .psychology,\n      .funded,\n      .stocks,\n      .robots,\n      .live,\n      .mobile {\n        grid-column: span 2;\n        grid-row: span 1;\n      }\n\n      .footprint {\n        grid-row: span 2; \u002F* továbbra is kicsit magasabb lehet, ha tetszik *\u002F\n      }\n    }\n\n    \u002F* ---- Mobil nézet (max 640px) ---- *\u002F\n    @media (max-width: 640px) {\n      .bento-access {\n        padding: 70px 18px;\n      }\n\n      .bento-grid {\n        grid-template-columns: 1fr;\n        grid-auto-rows: auto;\n        gap: 18px;\n      }\n\n      .bento-item {\n        padding: 22px 20px 20px;\n        min-height: 220px;\n      }\n\n      .bento-item h3 {\n        font-size: 22px;\n      }\n\n      .bento-item p {\n        font-size: 14px;\n        max-width: 100%;\n      }\n    }\n  \u003C\u002Fstyle>\n\n  \u003Ch2>\n    Mit kapsz hozzáférésként a \u003Cspan>Szabo Capital Group\u003C\u002Fspan> közösségben?\n  \u003C\u002Fh2>\n\n  \u003Cdiv class=\"bento-grid\">\n\n    \u003C!-- FOOTPRINT CHART -->\n    \u003Cdiv class=\"bento-item footprint\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F691760f57aa330609b876f6a.jpg\" alt=\"Footprint Chart\">\n      \u003Cdiv class=\"content\">\n        \u003Ch3>\u003Cspan>Footprint Chart\u003C\u002Fspan> &amp; Order Flow\u003C\u002Fh3>\n        \u003Cp>Megtanulod olvasni az intézményi order flow dinamikáját, az abszorpciós zónákat és volume-klasztereket – vagyis azt, hol dönt a nagytőke.\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003C!-- SESSION TRADING -->\n    \u003Cdiv class=\"bento-item session\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F691760f56c431e6971c99241.jpg\" alt=\"Trading Sessions\">\n      \u003Cdiv class=\"content\">\n        \u003Ch3>\u003Cspan>Session alapú\u003C\u002Fspan> kereskedés\u003C\u002Fh3>\n        \u003Cp>London, New York és Ázsia killzone-jai, liquidity sweep-ek és bias-váltások – érthetően, napi gyakorlatra lefordítva.\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003C!-- PSYCHOLOGY -->\n    \u003Cdiv class=\"bento-item psychology\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F691760f521776f7430dde3e3.jpg\" alt=\"Trading Psychology\">\n      \u003Cdiv class=\"content\">\n        \u003Ch3>Trader \u003Cspan>pszichológia\u003C\u002Fspan>\u003C\u002Fh3>\n        \u003Cp>Érzelmi önszabályozás, limbikus csapdák, kognitív torzítások lebontása – hogy a döntéseidet ne a félelem irányítsa.\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003C!-- FUNDED \u002F PROP FIRM -->\n    \u003Cdiv class=\"bento-item funded\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F691760f55d55fc34722d69ac.jpg\" alt=\"Funded Trader\">\n      \u003Cdiv class=\"content\">\n        \u003Ch3>Prop Firm &amp; \u003Cspan>Funded státusz\u003C\u002Fspan>\u003C\u002Fh3>\n        \u003Cp>Olyan stratégiák, amelyekkel nemcsak átjutsz a challenge-eken, hanem hosszú távon is meg tudod tartani a funded számlát.\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003C!-- STOCK INVESTING -->\n    \u003Cdiv class=\"bento-item stocks\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F6908b6cb08b94c1abc1261bd.png\" alt=\"Stock Investing\">\n      \u003Cdiv class=\"content\">\n        \u003Ch3>Részvény\u003Cspan>befektetések\u003C\u002Fspan>\u003C\u002Fh3>\n        \u003Cp>Megérted a fundamentumok, szektorrotációk és makrotrendek hatását – és hogyan építs egyensúlyos portfóliót.\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003C!-- ROBOTS -->\n    \u003Cdiv class=\"bento-item robots\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F691760f59890527b5e8e116e.jpg\" alt=\"Trading Robots\">\n      \u003Cdiv class=\"content\">\n        \u003Ch3>Kereskedési \u003Cspan>robotok\u003C\u002Fspan>\u003C\u002Fh3>\n        \u003Cp>Saját fejlesztésű, session-idősávokra optimalizált automatizált rendszerek, paraméterezhető kockázatkezeléssel.\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003C!-- LIVE TRADING -->\n    \u003Cdiv class=\"bento-item live\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F691760f56c431e32d4c99240.jpg\" alt=\"Live Trading with Szabó Zoltán\">\n      \u003Cdiv class=\"content\">\n        \u003Ch3>Szabó Zoltán \u003Cspan>élő live-ok\u003C\u002Fspan>\u003C\u002Fh3>\n        \u003Cp>Valós idejű kereskedések Footprint Chart és DOM alapján – közvetlen betekintés Zoltán gondolkodásába.\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003C!-- MOBILE APP -->\n    \u003Cdiv class=\"bento-item mobile\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F691760f57635bd8d40fdb243.jpg\" alt=\"Mobile App\">\n      \u003Cdiv class=\"content\">\n        \u003Ch3>\u003Cspan>Mobil app\u003C\u002Fspan> hozzáférés\u003C\u002Fh3>\n        \u003Cp>Vidd magaddal a tananyagot és a kereskedési eszközöket: telefonról is eléred a videókat, jegyzeteket és a közösséget.\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n",{"value":235},[],"ccustom-code-38GyIez2Zn",{},{"extra":239,"id":77,"meta":125,"tagName":126,"class":248},{"visibility":240,"customCode":242,"customClass":245,"nodeId":247},{"value":241},{"hideMobile":36,"hideDesktop":36},{"value":243},{"rawCustomCode":244},"\u003Csection class=\"audience-section\">\n  \u003Cstyle>\n\n    .audience-section {\n      background-color: #0d0d0d;\n      color: #fff;\n      padding: 120px 40px;\n      text-align: center;\n      font-family: 'Open Sans', sans-serif;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \u002F* --- DESKTOP HEADLINE --- *\u002F\n    .audience-section h2 {\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: clamp(48px, 6vw, 70px);\n      margin-bottom: 70px;\n      color: #fff;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      position: relative;\n      max-width: 900px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    \u002F* GRID DESKTOP *\u002F\n    .audience-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 35px;\n      justify-items: center;\n      align-items: stretch;\n      max-width: 1300px;\n      margin: 0 auto;\n    }\n\n    \u002F* --- CARD --- *\u002F\n    .audience-card {\n      background-color: #141414;\n      border-radius: 18px;\n      padding: 50px 30px;\n      transition: all 0.3s ease;\n      box-shadow: 0 0 0 1px rgba(255,255,255,0.05);\n      position: relative;\n      width: 100%;\n    }\n\n    .audience-icon {\n      width: 64px;\n      height: 64px;\n      background-color: rgba(255,60,30,0.1);\n      color: #ff3c1d;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      font-size: 28px;\n      margin: 0 auto 25px auto;\n    }\n\n    .audience-card h3 {\n      color: #ff3c1d;\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: 28px;\n      margin-bottom: 16px;\n      letter-spacing: 1px;\n    }\n\n    .audience-card p {\n      font-size: 16px;\n      line-height: 1.7;\n      color: #d6d6d6;\n      max-width: 300px;\n      margin: 0 auto;\n    }\n\n    \u002F* ---- TABLET ---- *\u002F\n    @media (max-width: 1100px) {\n      .audience-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n      }\n      .audience-card {\n        padding: 40px 25px;\n      }\n    }\n\n    \u002F* ----------------------------------- *\u002F\n    \u002F* ----------- MOBILE FIX ------------ *\u002F\n    \u002F* ----------------------------------- *\u002F\n    @media (max-width: 650px) {\n\n      \u002F* HEADLINE Launchpad-stílus *\u002F\n      .audience-section h2 {\n        font-size: 30px !important;\n        line-height: 1.15 !important;\n        margin-bottom: 50px !important;\n        max-width: 95%;\n        letter-spacing: 0.5px;\n      }\n\n      \u002F* MINDEN KÁRTYA széles, levegős Launchpad módra *\u002F\n      .audience-grid {\n        grid-template-columns: 1fr;\n        gap: 28px;\n        width: 100%;\n      }\n\n      .audience-card {\n        width: 100%;\n        max-width: 480px;\n        margin: 0 auto;\n        padding: 38px 25px;\n        border-radius: 20px;\n      }\n\n      .audience-icon {\n        width: 58px;\n        height: 58px;\n        font-size: 26px;\n        margin-bottom: 20px;\n      }\n\n      .audience-card h3 {\n        font-size: 26px;\n        margin-bottom: 12px;\n      }\n\n      .audience-card p {\n        font-size: 15px;\n        line-height: 1.6;\n        max-width: 90%;\n      }\n    }\n  \u003C\u002Fstyle>\n\n  \u003Ch2>
3618Kiknek szól a Szabo Capital Group program?\u003C\u002Fh2>\n\n  \u003Cdiv class=\"audience-grid\">\n\n    \u003Cdiv class=\"audience-card\">\n      \u003Cdiv class=\"audience-icon\">🎯\u003C\u002Fdiv>\n      \u003Ch3>Kezdő traderek\u003C\u002Fh3>\n      \u003Cp>Ha most vágsz bele a tőzsdébe, lépésről lépésre megtanítalak az alapokra, hogy biztonságosan és magabiztosan kezdj el kereskedni.\u003C\u002Fp>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"audience-card\">\n      \u003Cdiv class=\"audience-icon\">📈\u003C\u002Fdiv>\n      \u003Ch3>Tapasztalt traderek\u003C\u002Fh3>\n      \u003Cp>Ha már kereskedsz, de nem vagy következetesen profitábilis, segítek intézményi gondolkodásmódra váltani és stabil rendszert építeni.\u003C\u002Fp>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"audience-card\">\n      \u003Cdiv class=\"audience-icon\">💼\u003C\u002Fdiv>\n      \u003Ch3>Alkalmazottak\u003C\u002Fh3>\n      \u003Cp>Ha eleged van a mókuskerékből, építsd fel a pénzügyi szabadságod: tanuld meg, hogyan termelhetsz jövedelmet akár munka mellett is.\u003C\u002Fp>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"audience-card\">\n      \u003Cdiv class=\"audience-icon\">🏆\u003C\u002Fdiv>\n      \u003Ch3>Vállalkozók\u003C\u002Fh3>\n      \u003Cp>Ha már sikeres vagy az üzletben, de szeretnéd, hogy a pénzed is dolgozzon helyetted, megtanítom, hogyan válj befektető vállalkozóvá.\u003C\u002Fp>\n    \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n",{"value":246},[],"ccustom-code-uFyk6FqVCK",{},{"extra":250,"id":76,"meta":125,"tagName":126,"class":259},{"visibility":251,"customCode":253,"customClass":256,"nodeId":258},{"value":252},{"hideMobile":36,"hideDesktop":36},{"value":254},{"rawCustomCode":255},"\u003Csection class=\"story-section\">\n  \u003Cstyle>\n    .story-section {\n      position: relative;\n      background: #000;\n      padding: 140px 40px;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .story-section::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(900px 600px at 70% 40%, rgba(255,40,10,0.25), transparent 75%);\n      filter: blur(100px);\n      z-index: 0;\n    }\n\n    .story-container {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      max-width: 1300px;\n      width: 100%;\n      z-index: 1;\n      gap: 60px;\n    }\n\n    \u002F* ---- BEFORE–AFTER SLIDER ---- *\u002F\n    .slider-wrapper {\n      position: relative;\n      flex: 0 0 45%;\n      aspect-ratio: 4\u002F5;\n      border-radius: 18px;\n      overflow: hidden;\n      box-shadow: 0 10px 40px rgba(255,60,30,0.3);\n      cursor: ew-resize;\n    }\n\n    .slider-wrapper img {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      top: 0;\n      left: 0;\n      pointer-events: none;\n      user-select: none;\n    }\n\n    \u002F* --- After félrecsúsztatás --- *\u002F\n    .slider-wrapper .after {\n      clip-path: inset(0 0 0 50%);\n      transition: clip-path 0.2s ease;\n    }\n\n    .slider-wrapper::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 50%;\n      width: 3px;\n      background: rgba(255,60,30,0.8);\n      transform: translateX(-50%);\n      transition: left 0.2s ease;\n    }\n\n    \u002F* --- Overlay szövegek --- *\u002F\n    .overlay-text {\n      position: absolute;\n      bottom: 25px;\n      width: calc(50% - 24px);\n      color: rgba(255,255,255,0.88);\n      font-size: 1rem;\n      line-height: 1.6;\n      font-family: 'Open Sans', sans-serif;\n      text-align: center;\n      padding: 16px 18px;\n      background: rgba(0,0,0,0.38);\n      backdrop-filter: blur(4px);\n      border-radius: 10px;\n      text-shadow: 0 2px 10px rgba(0,0,0,0.5);\n      pointer-events: none;\n      z-index: 2;\n    }\n\n    .overlay-before { left: 12px; }\n    .overlay-after  { right: 12px; }\n\n    \u002F* ---- JOBB OLDAL: SZÖVEG ---- *\u002F\n    .story-text {\n      flex: 0 0 50%;\n      color: #eaeaea;\n      font-family: 'Open Sans', sans-serif;\n      font-size: 1.1rem;\n      line-height: 1.8;\n      max-width: 600px;\n      opacity: 0;\n      transform: translateY(20px);\n      animation: fadeUp 1s ease forwards 0.3s;\n    }\n\n    .story-text h2 {\n      font-family: 'Bebas Neue', sans-serif;\n      font-size: clamp(48px, 5.5vw, 64px);\n      color: #fff;\n      line-height: 1.05;\n      margin-bottom: 18px;\n      text-transform: uppercase;\n    }\n\n    .story-text h2 span {\n      color: #ff3b1d;       \u002F* narancs “KEZDETE” *\u002F\n      display: block;\n    }\n\n    .story-text p {\n      color: #d0d0d0;\n      margin-bottom: 22px;\n      font-size: 1rem;\n    }\n\n    .story-text strong {\n      color: #ff3b1d;\n      font-weight: 600;\n    }\n\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(30px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \u002F* ---- MOBIL ---- *\u002F\n    @media(max-width: 900px){\n      .story-section{\n        padding: 100px 24px;\n      }\n      .story-container{\n        flex-direction: column-reverse;\n        text-align: center;\n        gap: 40px;\n      }\n      .story-text{\n        max-width: 100%;\n      }\n      .story-text h2{\n        font-size: 40px;\n        max-width: 18ch;      \u002F* szélesebb, de 2 sorban törik *\u002F\n        margin: 0 auto 18px;\n      }
3618\n\n      .slider-wrapper{\n        width: 90%;\n        max-width: 500px;\n        aspect-ratio: 3\u002F4;\n        border-radius: 16px;\n      }\n\n      .overlay-text{\n        width: 86%;\n        left: 50%;\n        transform: translateX(-50%);\n        font-size: .92rem;\n        line-height: 1.45;\n        padding: 10px 12px;\n        background: rgba(0,0,0,0.55);\n        white-space: normal;\n      }\n\n      .overlay-before{\n        top: 10px;\n        bottom: auto;\n      }\n\n      .overlay-after{\n        bottom: 10px;\n        top: auto;\n      }\n    }\n  \u003C\u002Fstyle>\n\n  \u003Cdiv class=\"story-container\">\n    \u003Cdiv class=\"slider-wrapper\" id=\"beforeAfter\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F6914e251b49c9ed17c593e7a.jpg\" class=\"before\" alt=\"Before\">\n      \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F6914e20cfb51418493ab6d75.jpg\" class=\"after\" alt=\"After\">\n\n      \u003Cdiv class=\"overlay-text overlay-before\">\n        11 évvel ezelőtt… amikor a \u003Cstrong>pia és a drog\u003C\u002Fstrong> volt a boldogság.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"overlay-text overlay-after\">\n        Ma… amikor a \u003Cstrong>családom és a sikereim\u003C\u002Fstrong> adnak értelmet.\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"story-text\">\n      \u003Ch2>\n        A BEFEKTETŐI UTAM\n        \u003Cspan>KEZDETE\u003C\u002Fspan>\n      \u003C\u002Fh2>\n      \u003Cp>\n        11 évvel ezelőtt \u003Cstrong>teljesen a padlón voltam\u003C\u002Fstrong> — anyagilag, mentálisan, és nem volt irány az életemben. \n        A tőzsde világa még távolinak tűnt, de volt bennem valami, ami nem hagyott nyugodni: \n        \u003Cstrong>a vágy, hogy kitörjek\u003C\u002Fstrong>.\n      \u003C\u002Fp>\n      \u003Cp>\n        Ma már \u003Cstrong>sikeres traderként\u003C\u002Fstrong> dolgozom, és olyan befektetési rendszert építettem, \n        ami szabadságot adott: anyagi, időbeli és mentális értelemben egyaránt.\n      \u003C\u002Fp>\n      \u003Cp>\n        Ez az út nem volt könnyű, de minden egyes nap közelebb vitt ahhoz az emberhez, akivé ma lettem.\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003Cscript>\n    const slider = document.getElementById(\"beforeAfter\");\n    const after  = slider.querySelector(\".after\");\n\n    let isDragging = false;\n\n    slider.addEventListener(\"mousedown\", () => isDragging = true);\n    slider.addEventListener(\"mouseup\",   () => isDragging = false);\n    slider.addEventListener(\"mouseleave\",() => isDragging = false);\n\n    slider.addEventListener(\"mousemove\", (e) => {\n      if(!isDragging) return;\n      const rect    = slider.getBoundingClientRect();\n      const offsetX = e.clientX - rect.left;\n      const percent = Math.max(0, Math.min(offsetX \u002F rect.width, 1));\n      after.style.clipPath = `inset(0 0 0 ${percent * 100}%)`;\n      slider.style.setProperty(\"--divider-left\", `${percent * 100}%`);\n    });\n\n    slider.addEventListener(\"touchmove\", (e) => {\n      const rect    = slider.getBoundingClientRect();\n      const offsetX = e.touches[0].clientX - rect.left;\n      const percent = Math.max(0, Math.min(offsetX \u002F rect.width, 1));\n      after.style.clipPath = `inset(0 0 0 ${percent * 100}%)`;\n    });\n  \u003C\u002Fscript>\n\u003C\u002Fsection>\n",{"value":257},[],"ccustom-code-BU39VCuFzk",{},{"extra":261,"id":75,"meta":125,"tagName":126,"class":270},{"visibility":262,"customCode":264,"customClass":267,"nodeId":269},{"value":263},{"hideMobile":36,"hideDesktop":36},{"value":265},{"rawCustomCode":266},"\u003Csection class=\"value-prop\">\n  \u003Cstyle>\n    .value-prop{\n      position: relative;\n      background:#000;\n      padding: 120px 24px;\n      overflow: hidden;\n    }\n\n    \u002F* háttérfények finoman – NEM sötétít semmit *\u002F\n    .value-prop::before{\n      content:\"\";\n      position:absolute; inset:0;\n      background:\n        radial-gradient(900px 600px at 80% 0%, rgba(255,60,30,.11), transparent 70%),\n        radial-gradient(1200
3618px 700px at 20% 100%, rgba(255,40,10,.08), transparent 80%);\n      filter: blur(80px);\n      opacity: .6;\n      pointer-events:none;\n    }\n\n    \u002F* ❌ SÖTÉTÍTŐ GRADIENT TELJESEN KIKAPCSOLVA *\u002F\n    .value-prop::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background: none !important;\n      pointer-events:none;\n    }\n\n    .vp{\n      position:relative;\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n\n    \u002F* ✨ Tiszta fehér szöveg *\u002F\n    .vp-text{\n      font-family: 'Open Sans', sans-serif;\n      font-size: clamp(18px, 2.2vw, 28px);\n      line-height: 1.75;\n      color: #ffffff !important;\n      text-align: center;\n      margin: 0;\n      text-shadow: none !important;\n      opacity: 1 !important;\n    }\n\n    \u002F* Highlight *\u002F\n    .hl{\n      background: rgba(255,90,40,0.9);\n      padding: .05em .28em;\n      border-radius: .22em;\n      color: #fff;\n      box-shadow: none !important;\n    }\n\n    @media (max-width: 640px){\n      .value-prop{ padding: 90px 18px; }\n    }\n  \u003C\u002Fstyle>\n\n  \u003Cdiv class=\"vp\">\n    \u003Cp class=\"vp-text\">\n      A \u003Cstrong>Szabo Capital Group\u003C\u002Fstrong> nem csupán egy oktatási platform — \n      ez a startvonala a befektetői utadnak. Hozzáférést kapsz\n      válogatott, bizonyított megközelítésekhez, amelyek \n      \u003Cspan class=\"hl\">kezdők számára is érthetők\u003C\u002Fspan>.\n      Megmutatjuk, hogyan válaszd ki a hozzád illő irányt, és \n      \u003Cspan class=\"hl\">építs fenntarthatóan nyereséges rendszert\u003C\u002Fspan> \n      a mindennapi elfoglaltságaid mellett is.\n      Legyél te is egy lépéssel a lakossági traderek előtt: \n      \u003Cspan class=\"hl\">tanuld meg az intézményi tőke mozgását\u003C\u002Fspan>,\n      és fejlődj ezen az úton olyan traderrel, \n      \u003Cspan class=\"hl\">aki már végigjárta ezt az utat\u003C\u002Fspan>.\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n",{"value":268},[],"ccustom-code-4P1d50-Aqx",{},{"extra":272,"id":74,"meta":125,"tagName":126,"class":281},{"visibility":273,"customCode":275,"customClass":278,"nodeId":280},{"value":274},{"hideMobile":36,"hideDesktop":36},{"value":276},{"rawCustomCode":277},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"hu\">\n\u003Chead>\n\u003Cmeta charset=\"utf-8\">\n\u003Cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n\u003Ctitle>Hero – Responsive Final\u003C\u002Ftitle>\n\u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Bebas+Neue&family=Open+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\n\u003Cstyle>\nhtml,body{\n  height:100%;\n  margin:0;\n  background:#000!important;\n}\nbody{\n  font-family:'Open Sans',sans-serif;\n  color:#fff;\n  position:relative;\n  overflow-x:hidden;\n}\n\n\u002F* 🔴 Piros glow háttér – fekete aljjal *\u002F\n.glow-layer{\n  position:absolute;\n  inset:0;\n  z-index:0;\n  pointer-events:none;\n  background:\n    radial-gradient(900px 700px at 80% 35%, rgba(255,60,30,0.45), transparent 70%),\n    radial-gradient(1000px 500px at 70% 75%, rgba(255,40,10,0.25), transparent 80%),\n    linear-gradient(180deg, #090000 0%, #060000 60%, #000 100%);\n  filter: blur(90px);\n}\n@media(max-width:600px){\n  .glow-layer{\n    background:\n      radial-gradient(500px 400px at 50% 30%, rgba(255,60,30,0.3), transparent 70%),\n      linear-gradient(180deg,#050505 0%, #0a0000 100%);\n  }\n}\n\n\u002F* 🔻 Háttér grafikon *\u002F\n.background-chart{\n  position:absolute;\n  inset:0;\n  z-index:0;\n  pointer-events:none;\n  opacity:.18;\n}\n.background-chart svg{\n  width:100%;\n  height:100%;\n  position:absolute;\n  object-fit:cover;\n}\n.background-chart path{\n  fill:none;\n  stroke:#ff3b1d;\n  stroke-width:1.6;\n  opacity:.45;\n  filter:blur(0.3px);\n}\n.background-chart path:nth-child(2){\n  stroke:#ff5420;\n  opacity:.35;\n}\n.background-chart path:nth-child(3){\n  stroke:#ff2e00;\n  opacity:.25;\n}\n\n\u002F* Hero layout *\u002F\n.hero{\n  position:relative;\n  z-index:1;\n  max-width:1280px;\n  margin:0 auto;\n  padding:100px 40px;\n  display:grid;\n  grid-template-columns:1fr 1.1fr;\n  align-items:center;\n  gap:70px;\n}
3618\n@media(max-width:900px){\n  .hero{\n    grid-template-columns:1fr;\n    text-align:center;\n    padding:80px 20px;\n    gap:50px;\n  }\n}\n\n.eyebrow{\n  color:#ffffff;\n  text-transform:uppercase;\n  letter-spacing:.12em;\n  font-weight:600;\n  margin-bottom:12px;\n  font-size:0.9rem;\n}\n\n\u002F* Címsor *\u002F\nh1{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:clamp(42px,6vw,68px);\n  font-weight:700;\n  line-height:1.05;\n  letter-spacing:.02em;\n  margin-bottom:18px;\n}\nh1 .accent{\n  display:block;\n  color:#ff3b1d;\n  margin-top:5px;\n  font-size:clamp(34px,5vw,60px);\n}\n\n\u002F* Szöveg *\u002F\n.lead{\n  color:#d0d0d0;\n  line-height:1.7;\n  max-width:60ch;\n  margin-top:16px;\n  font-family:'Open Sans',sans-serif;\n  font-size:1rem;\n}\n@media(max-width:600px){\n  .lead{font-size:.95rem;line-height:1.6;}\n}\n\n\u002F* CTA gomb *\u002F\n.btn{\n  display:inline-block;\n  margin-top:32px;\n  padding:15px 26px;\n  border-radius:10px;\n  border:none;\n  cursor:pointer;\n  background:linear-gradient(90deg,#ff4b2b,#ff3b1d);\n  color:#fff;\n  font-weight:600;\n  letter-spacing:.03em;\n  box-shadow:0 0 30px rgba(255,60,30,.4);\n  transition:transform .15s ease, filter .2s ease;\n  position:relative;\n}\n.btn:hover{transform:translateY(-2px);filter:brightness(1.1);}\n@media(max-width:600px){\n  .btn{padding:14px 22px;font-size:.9rem;}\n}\n\n\u002F* Halvány piros fény a CTA alatt *\u002F\n.btn::after{\n  content:\"\";\n  position:absolute;\n  bottom:-30px;\n  left:50%;\n  transform:translateX(-50%);\n  width:320px;\n  height:90px;\n  background:radial-gradient(ellipse at center, rgba(255,60,30,0.25), transparent 70%);\n  filter:blur(25px);\n  z-index:-1;\n}\n\n.subtext{\n  font-size:.9rem;\n  color:#d0d0d0;\n  margin-top:12px;\n  line-height:1.5;\n}\n\n\u002F* KPI szekció *\u002F\n.kpis{\n  display:flex;\n  gap:28px;\n  flex-wrap:wrap;\n  margin-top:40px;\n  justify-content:flex-start;\n}\n@media(max-width:900px){\n  .kpis{justify-content:center;margin-top:30px;}\n}\n.kpi{\n  padding:12px 18px;\n  border-radius:10px;\n  background:rgba(255,255,255,.05);\n  border:1px solid rgba(255,255,255,.08);\n  font-size:.9rem;\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n  justify-content:center;\n  min-width:140px;\n}\n.kpi strong{\n  display:block;\n  font-size:1.8rem;\n  color:#ff3b1d;\n  text-shadow:0 0 15px rgba(255,60,30,.4);\n  font-weight:700;\n  line-height:1.1;\n  margin-bottom:2px;\n}\n@media(max-width:600px){\n  .kpi strong{font-size:1.5rem;}\n}\n\n\u002F* 🔴 Kép szekció *\u002F\n.image{\n  width:100%;\n  aspect-ratio:16\u002F9.5;\n  border-radius:18px;\n  background:linear-gradient(180deg,#19191c,#0a0a0c);\n  border:1px solid rgba(255,255,255,.08);\n  box-shadow:0 10px 40px rgba(0,0,0,.7);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n  transform:scale(1.15);\n  position:relative;\n}\n.image img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n}\n@media(max-width:900px){\n  .image{aspect-ratio:16\u002F10;margin-top:20px;}\n}\n\u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n\n\u003C!-- 🔴 Glow és halvány chart -->\n\u003Cdiv class=\"glow-layer\">\u003C\u002Fdiv>\n\u003Cdiv class=\"background-chart\" aria-hidden=\"true\">\n  \u003Csvg viewBox=\"0 0 1200 600\" preserveAspectRatio=\"none\">\n    \u003Cpath d=\"M0,400 C80,360 160,380 240,330 S400,260 480,320 S640,440 720,410 S880,300 960,340 S1120,420 1200,380\"\u002F>\n    \u003Cpath d=\"M0,450 C100,420 200,440 300,380 S500,320 600,360 S800,440 900,420 S1100,360 1200,400\"\u002F>\n    \u003Cpath d=\"M0,380 C120,340 240,370 360,320 S600,240 720,300 S960,420 1080,380 S1200,340 1280,380\"\u002F>\n  \u003C\u002Fsvg>\n\u003C\u002Fdiv>\n\n\u003Csection class=\"hero\">\n  \u003Cdiv>\n    \u003Cdiv class=\"eyebrow\">A VÍZIÓTÓL A SIKERES ÉLETIG\u003C\u002Fdiv>\n    \u003Ch1>\n      ÉPÍTSD FEL\n      \u003Cspan class=\"accent\">A SAJÁT BEFEKTETŐI KARRIERED\u003C\u002Fspan>\n    \u003C\u002Fh1>\n    \u003Cp class=\"lead\">\n      Gyakorlatorientált oktatás, szakértői mentorálás és támogató közösség – minden, amire szükséged van, hogy magabiztos befektetővé válj.\n    \u003C\u002Fp>\n\n    \u003C!-- 🔥 GOMB, AMI JS-T HÍV -->\n    \u003Cbutton id=\"go-membership\" class=\"btn\" \n        onclick=\"window.open('https:\u002F\u002Fapp.szabocapitalgroup.com\u002Fpayment-link\u002F6922f81abbe219660d381906', '_blank')\">\n  LÉPJ A LEGMAGASABB SZINTRE MOST\n\u003C\u002Fbutton>\n\n\n    \u003Cdiv class=\"subtext\">\n      A tudás az első lépés a gazdagság felé. \u003Cbr>\n      \u003Cstrong>Biztosítsd be magad ezen az úton még ma!\u003C\u002Fstrong>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"kpis\">\n      \u003Cdiv class=\"kpi\">\u003Cstrong>8+\u003C\u002Fstrong>
3618 Intézményi stratégia\u003C\u002Fdiv>\n      \u003Cdiv class=\"kpi\">\u003Cstrong>1000+\u003C\u002Fstrong> Hallgató a programjainkon\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\n  \u003Cdiv class=\"image\">\n    \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F6914a3f82f13301bfb603d29.png\" alt=\"Hero kép\">\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003C!-- 🔥 JS — SMOOTH SCROLL MINDIG MŰKÖDIK -->\n\u003Cscript>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const scrollBtn = document.getElementById(\"go-membership\");\n\n  scrollBtn?.addEventListener(\"click\", function () {\n    const target = document.getElementById(\"membership-section\");\n\n    if (target) {\n      const top = target.getBoundingClientRect().top + window.pageYOffset - 40;\n      window.scrollTo({ top: top, behavior: \"smooth\" });\n    } else {\n      console.warn(\"membership-section ID not found!\");\n    }\n  });\n});\n\u003C\u002Fscript>\n\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n",{"value":279},[],"ccustom-code-CD3zfWTE-e",{},[],[],{"author":36,"canonicalMeta":285,"customMeta":286,"description":36,"imageUrl":36,"keywords":36,"language":287,"title":288,"isPreviewUrl":32},[],[],"en","Kezdőlap | Szabo Capital Group","szabocapitalgroup.com","\u002F","GQCzJTz6Fr0Hn7gcxCLs","Kezdőlap","E2Ag7RSeuo4imYowFPEM",[295],{"id":296,"elements":297,"activeElementId":296},"hl_main_popup-hjDwbjejql",[298],{"extra":299,"class":315,"styles":321,"customCss":324,"id":296,"child":325,"meta":326,"title":327,"tag":36},{"bgImage":300,"overlayColor":302,"left":304,"popupDisabled":306,"minWidth":307,"popupHide":309,"showPopupOnMouseOut":310,"customClass":312,"position":314},{"value":301},{"mediaType":35,"url":36,"opacity":37,"options":38,"svgCode":36,"videoUrl":36,"videoThumbnail":36,"videoLoop":39},{"value":303},"var(--overlay)",{"value":305,"unit":66},50,{"value":32},{"value":308},"medium-page",{"value":32},{"value":311,"delay":114},"exit",{"value":313},[],{"value":104},{"borders":316,"borderRadius":318,"radiusEdge":320},{"value":317},"borderFull",{"value":319},"radius2",{"value":22},{"borderWidth":322},{"value":323,"unit":26},"10",[],[],"hl_main_popup","Popup","https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FE2Ag7RSeuo4imYowFPEM\u002Fmedia\u002F691db5a4c03e0f9f90c329da.png","\u003C!-- Google Tag Manager -->\n\u003Cscript>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https:\u002F\u002Fwww.googletagmanager.com\u002Fgtm.js?id='
3618+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-N8WF26K7');\u003C\u002Fscript>\n\u003C!-- End Google Tag Manager -->\n\n\u003C!-- Meta Pixel Code -->\n\u003Cscript>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\u002F\u002Fconnect.facebook.net\u002Fen_US\u002Ffbevents.js');\nfbq('init', '25776345441963296');\nfbq('track', 'PageView');\n\u003C\u002Fscript>\n\u003Cnoscript>\u003Cimg height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\u002F\u002Fwww.facebook.com\u002Ftr?id=25776345441963296&ev=PageView&noscript=1\"\n\u002F>\u003C\u002Fnoscript>\n\u003C!-- End Meta Pixel Code -->","\u003C!-- Google Tag Manager (noscript) -->\n\u003Cnoscript>\u003Ciframe src=\"https:\u002F\u002Fwww.googletagmanager.com\u002Fns.html?id=GTM-N8WF26K7\"\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\">\u003C\u002Fiframe>\u003C\u002Fnoscript>\n\u003C!-- End Google Tag Manager (noscript) -->","NkXNzccsjgnH9ji61brC","Szabo Capital Group","e075ab6a-e7f3-429c-9e6e-a1c1af334ea1",[],null,["Reactive",337],{"$snuxt-i18n-meta":338,"$spreviewState":339,"$smetaPixelOptions":519},{},{"defaultSettings":340,"mobileDevice":32,"tabletDevice":32,"funnelId":331,"funnelDomain":289,"stepId":333,"locationId":293,"funnelPageId":291,"locationCode":424,"funnelNextStep":425,"fingerprint":36,"funnelNextPageId":426,"stripePublishableKey":427,"enablePaymentElement":39,"merchantLoginId":36,"paypalPublishableKey":36,"merchantAccountId":-1,"stripeAccountId":428,"isLivePaymentMode":39,"version":429,"funnelSteps":430,"cartItems":496,"funnelName":332,"orderFormVersion":111,"currency":497,"businessCurrency":498,"blogSlug":36,"domain":289,"pageUrl":29
36180,"pageName":292,"pageSeo":499,"affiliateId":-1,"videoExistsInPage":32,"pageType":500,"contactId":-1,"email":-1,"phone":36,"categoryId":36,"blogSearchTerm":36,"categoryUrlSlug":36,"authorSlug":36,"tagSlug":36,"authorId":36,"defaultPaymentProvider":36,"productCollections":501,"ecomSelectedCollection":36,"imageOptimizationEnabled":32,"nmiMerchantGatewayId":36,"squareMerchantGatewayId":36,"mercadoPagoUserId":36,"fontsToLoad":502,"ecomProductId":36,"isGdprCompliant":32,"isOptimisePageLoad":39,"ecommercePage":114,"isBlogActive":32,"blogData":503,"blogPaths":-1,"blogId":331,"allowedCookies":504,"paymentProviderDetails":-1,"events":505,"searchTerm":36,"countryList":506,"pixelToInit":334,"formAction":36,"ecomProduct":507,"requireCreditCard":39,"haveBlogWidget":32,"isFacebookIAB":32,"companyId":508,"customerLoginToken":36,"savedAddresses":509,"savedAddressesLoaded":32,"savedAddressesFailed":32,"cookieConsentList":510,"cookieConsentExpiry":511,"hostCookieConsentData":335,"isHostCookieConsentExpected":32,"mediaFormats":512,"adyenMerchantGatewayId":36,"webinarProperties":335,"webinarSession":335,"userWebinarSession":335,"turnstileToken":36,"turnstileType":514,"turnstileSiteKeys":515,"upsellInFlight":32,"mobileVisibilityDelays":518,"productDetailPageStyles":335,"geoCountry":335,"isCurrencyFormattingEnabled":32},{"typography":341,"background":362,"percentWidth":367,"offsetColor":401,"progressBarSize":414},{"fonts":342,"colors":353},{"headlineFont":343,"contentFont":349},{"id":344,"text":345,"value":346},"headlinefont","Headline Font",{"text":347,"value":348},"Inter","var(--inter)",{"id":350,"text":351,"value":352},"contentfont","Content Font",{"text":347,"value":348},{"textColor":354,"linkColor":358},{"value":355},{"label":356,"value":357},"var(--black)","#000000",{"value":359},{"label":360,"value":361},"var(--blue)","#188bf6",{"bgImage":363,"backgroundColor":365},{"value":364},{"url":36,"options":38},{"value":366},"var(--white)",[368,371,374,377,380,383,386,389,392,395,398],{"text":369,"value":370},"0 Percent","progress0",{"text":372,"value":373},"10 Percent","progress10",{"text":375,"value":376},"20 Percent","progress20",{"text":378,"value":379},"30 Percent","progress30",{"text":381,"value":382},"40 Percent","progress40",{"text":384,"value":385},"50 Percent","progress50",{"text":387,"value":388},"60 Percent","progress60",{"text":390,"value":391},"70 Percent","progress70",{"text":393,"value":394},"80 Percent","progress80",{"text":396,"value":397},"90 Percent","progress90",{"text":399,"value":400},"100 Percent","progress100",[402,405,408,411],{"text":403,"value":404},"White","progressbarOffsetWhite",{"text":406,"value":407},"Transparent White","progressbarOffsetTransparentWhite",{"text":409,"value":410},"Black","progressbarOffsetBlack",{"text":412,"value":413},"Transparent Black","progressbarOffsetTransparentBlack",[415,418,421],{"text":416,"value":417},"Small","progressbarSmall",{"text":419,"value":420},"Medium","progressbarMedium",{"text":422,"value":423},"Large","progressbarLarge","GB","\u002Fkereskedo-robot","8mHHsmu9Iu4oMTGcVp5t","pk_live_MtxwO3obi7pfD7UZlGkfR2yj","acct_1SKzo6D8tJn6N4Cv",4,[431,437,442,445,448,454,460,466,472,478,484,490],{"url":432,"value":433,"type":434,"sequence":114,"id":435,"name":436},"\u002Fkozosseg","2261489f-10be-43f9-b322-d3d586e83072","optin_funnel_page","m3UJBMdbUnRzbXETtUJH","Közösség",{"url":438,"value":439,"type":434,"sequence":111,"id":440,"name":441},"\u002Foktatas","c6f1d628-8be4-4a88-a5ad-963e0a8d958b","IBuzOsRjxG0liJWkRRO7","Oktatás",{"url":443,"value":333,"type":434,"sequence":444,"id":291,"name":292,"split":32},"\u002Fkezdolap",3,{"url":425,"value":446,"type":434,"sequence":429,"id":426,"name":447,"split":32},"7f855661-4f73-42ee-abfc-03dfe5cee3dc","Robot",{"url":449,"value":450,"type":434,"sequence":451,"id":452,"name":453,"split":32},"\u002Fekonyv","98c75aa8-1e1a-48d4-8482-e2d5a7a31ffc",5,"DN9rMaSvqODV4AmMT3ig","Ekönyv",{"url":455,"value":456,"type":434,"sequence":457,"id":458,"name":459,"split":32},"\u002Fsupport","e28e085e-5afa-4901-aa61-51a0b4336fbd",6,"vF7iKCUBWSgh43hl37P0","Support",{"url":461,"value":462,"type":434,"sequence":463,"id":464,"name":465},"\u002Fterms","bac56e35-446e-419b-8cb0-a5b5e727c099",7,"mLSYWAwnnDpZdMQhGrMY","Terms",{"url":467,"value":468,"type":434,"sequence":469,"id":470,"name":471},"\u002Fprivacy","6e9654b7-36b3-485e-8755-00edc20f86c6",8,"9rNZnvzGYenbERijpR9j","Privacy",{"url":473,"value":474,"type":434,"sequence":475,"id":476,"name":477},"\u002Fkoszonjuk-robot-3","102cda0b-b84e-4e69-891b-90f16803ff23",9,"WotcfWqDQQXiGyUCmr8T","Thank you page - Robot - 3",{"url":479,"value":480,"type":434,"sequence":481,"id":482,"name":483},"\u002Fkoszonjuk-robot-lt","3f8d6db4-fc0c-4018-909c-a63ef89956f5",10,"PZoMXogyGjDvce2vZWO9","Thank you page - Robot - lt",{"url":485,"value":486,"type":434,"sequence":487,"id":488,"name":489},"\u002Fkoszonjuk-kozosseg","a4917af7-5fbe-4faf-8a46-78fdd32c5e31",11,"Vq8wdDeYhkv1TD32pz0E","Thank you page - Közösség",{"url":491,"value":492,"type":434,"sequence":493,"id":494,"name":495,"split":32},"\u002Fict-course","c32477c5-b9eb-4404-9217-08780ce58010",12,"qyxgD9R8jSpKyyBUZhY4","ICT sales oldal",[],"GBP","HUF",{"title":288,"description":36,"imageUrl":36},"website",[],[],{},[],[],[],{},"vM0HHTFP9ItJkYgmLnu9",[],[],["Date","2026-09-30T18:53:13.087Z"],{"formats":513},[],"invisible",{"invisibleSiteKey":516,"visibleSiteKey":517}
3618,"0x4AAAAAACCpVlau-4k7cJ33","0x4AAAAAACDfuwSBQ2sYO1VD",["Map"],{"pixelID":335,"disabled":32,"track":520,"version":521,"isEnabled":39,"pixelLoaded":32,"manualMode":39,"userData":335,"eventsQueue":522},"PageView","2.0",[],["Set"],["ShallowReactive",525],{"pageData":-1}]</script>
3618</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.