html{scroll-behavior: smooth;overflow-x: hidden;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} body{line-height: 1;position: relative;font-family: "Raleway", sans-serif;overflow-x: hidden;} ol, ul, li{list-style: none;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;} table{border-collapse: collapse;border-spacing: 0;} a{color: white;text-decoration: none;} p{color: var(--text);} :root{--narancs : rgb(253, 98, 98);--kek: rgb(136,156,231);--szurke : #555;--vilagosszurke: #999;--fekete: #1b2b4b;--textszurke: #66717f;--backgroundszurke: #f7f7f7;} .narancs{color: var(--narancs);} .circle{height: 24px;width: 24px;border-radius: 24px;background-color: black;position: fixed;top: 0;left: 0;pointer-events: none;z-index: 99999999;} .block{display: none;} @media (max-width:970px){.circle{display: none;}} .toggle_btn{display: none;} .toggle_btn .close-icon{display: none;} .dropdown_menu{position: fixed;inset: 0;width: 100%;margin: 0;padding: clamp(140px, 20vh, 220px) 24px clamp(140px, 20vh, 220px);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;background: rgba(5, 7, 15, 0.95);backdrop-filter: blur(10px);border-radius: 0;max-height: 0;opacity: 0;pointer-events: none;transition: opacity 0.25s ease, max-height 0.25s ease;z-index: 10020;overflow-y: auto;font-family: "Poppins", sans-serif;box-sizing: border-box;} .dropdown-close{position: absolute;top: 24px;right: 24px;width: 48px;height: 48px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.3);background: rgba(0, 0, 0, 0.4);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;cursor: pointer;transition: background 0.2s ease, transform 0.2s ease;} .dropdown-close:hover{background: rgba(255, 255, 255, 0.15);transform: translateY(-1px);} .dropdown-close:focus{outline: 2px solid var(--narancs);outline-offset: 2px;} .dropdown_menu.open{max-height: 100vh;opacity: 1;pointer-events: auto;} .dropdown_menu > *{width: min(92vw, 420px);} .dropdown_menu li{width: 100%;margin: 0 auto;padding-bottom: 14px;border-bottom: 1px solid rgba(255, 255, 255, 0.08);text-align: center;display: flex;align-items: center;justify-content: center;} .dropdown_menu a{color: #fff;font-size: 1.5rem;font-weight: 700;text-decoration: none;text-transform: uppercase;letter-spacing: 0.15em;transition: color 0.2s ease;width: 100%;} .dropdown_menu a:hover{color: var(--narancs);} .dropdown-contact{margin-top: 1.5rem;text-align: center;color: rgba(255, 255, 255, 0.75);font-size: 0.95rem;line-height: 1.6;word-break: break-word;display: flex;flex-direction: column;gap: 0.75rem;} .dropdown-contact-link{color: var(--narancs);font-weight: 700;display: inline-flex;align-items: center;justify-content: center;gap: 0.4rem;} .dropdown-contact-btn{display: inline-flex;align-items: center;justify-content: center;padding: 8px 18px;border-radius: 999px;background: var(--narancs);color: #fff;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;margin-top: 0.75rem;font-size: 0.85rem;max-width: 180px;margin-left: auto;margin-right: auto;} body.menu-open{overflow: hidden;} body.header-scrolled .top-info-bar{transform: translateY(-100%);opacity: 0;} body.header-scrolled header.drop{background-color: rgba(5, 8, 18, 0.95);box-shadow: 0 18px 40px rgba(10, 10, 10, 0.35);} .cursor-spotlight{position: fixed;top: 0;left: 0;width: 18px;height: 18px;border-radius: 50%;border: 1px solid rgba(253, 98, 98, 0.7);background: rgba(253, 98, 98, 0.12);box-shadow: 0 12px 24px rgba(12, 16, 32, 0.18);pointer-events: none;opacity: 0;transform: translate3d(-999px, -999px, 0);transition: opacity 0.25s ease;z-index: 10050;will-change: transform;} .cursor-spotlight.is-visible{opacity: 1;} .cursor-spotlight.is-cta{border-color: rgba(255, 255, 255, 0.7);background: rgba(255, 255, 255, 0.18);box-shadow: 0 10px 22px rgba(12, 16, 32, 0.2);} .cursor-spotlight.is-hero{border-color: rgba(136, 156, 231, 0.75);background: rgba(136, 156, 231, 0.14);} .cursor-spotlight.is-why{border-color: rgba(111, 252, 203, 0.75);background: rgba(111, 252, 203, 0.14);} @media (max-width: 1024px), (pointer: coarse){.cursor-spotlight{display: none;}} .hero::before, .why::before{content: "";position: absolute;inset: 0;pointer-events: none;opacity: 0;transition: opacity 0.4s ease;z-index: 0;} .hero::before{background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);background-size: 40px 40px;} .why::before{inset: 40px 10%;background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);background-size: 60px 60px;border-radius: 60px;filter: blur(10px);} .hero.cursor-grid-active::before, .why.cursor-grid-active::before{opacity: 0.3;} header{background-color: rgba(12, 95, 168, 0);position: absolute;width: 100%;z-index: 999;} .back-to-top{position: fixed;bottom: 24px;right: 24px;width: 52px;height: 52px;border-radius: 26px;border: none;background: linear-gradient(135deg, var(--kek), var(--narancs));color: #fff;font-size: 1.2rem;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 20px 45px rgba(15, 19, 45, 0.35);opacity: 0;transform: translateY(20px);pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;z-index: 9990;} .back-to-top.visible{opacity: 1;transform: translateY(0);pointer-events: auto;} .back-to-top i{pointer-events: none;} .header-wrapper{height: 100px;font-family: "Poppins", sans-serif;} .header-container{height: inherit;width: 90vw;display: flex;justify-content: space-between;margin: 0 auto;box-sizing: border-box;flex-wrap: nowrap;} .header-logo{height: 90px;} .header-pagesul, .header-jobb, .main-a{display: flex;white-space: nowrap;} .header-pagesul li{line-height: 100px;font-size: 18px;padding: 0 10px;white-space: nowrap;} .header-jobb-contact{box-sizing: border-box;padding: 0 0 0 40px;display: flex;justify-content: center;align-items: center;} .header-contact-container{height: 20px;width: 200px;margin: auto;} .top-info-bar{background-color: var(--fekete);color: white;font-size: 14px;padding: 6px 0;} .top-info-content{width: 90vw;max-width: 1200px;margin: 0 auto;display: flex;justify-content: flex-end;align-items: center;gap: 12px;font-family: "Open Sans", sans-serif;} .top-info-item{color: white;display: inline-flex;align-items: center;gap: 6px;} .top-info-divider{color: rgba(255, 255, 255, 0.5);} .scroll-progress{position: fixed;top: 0;left: 0;width: 100%;height: 4px;background: rgba(255, 255, 255, 0.1);z-index: 9999;} .scroll-progress-bar{height: 100%;width: 0;background: linear-gradient(90deg, var(--narancs), var(--kek));transition: width 0.1s ease;} @media (max-width: 768px){.top-info-content{justify-content: center;flex-wrap: wrap;} .top-info-divider{display: none;}} .contact-button, .miért-button button{padding: 12px 20px;background-color: var(--narancs);border-color: var(--narancs);font-size: 22px;color: white;border-radius: 30px;} .main-subtitle{font-size: 20px;color: rgba(255, 255, 255, 0.85);max-width: 520px;margin-top: 15px;word-break: break-word;} .main-cta{display: flex;gap: 15px;flex-wrap: wrap;align-items: center;margin-top: 25px;} .main-primary-cta{font-weight: 600;position: relative;overflow: hidden;padding: 14px 30px;font-size: 22px;} .secondary-cta{border: 2px solid var(--narancs);padding: 10px 18px;color: var(--narancs);background: transparent;border-radius: 30px;font-size: 18px;display: inline-flex;align-items: center;gap: 10px;font-weight: 600;transition: background 0.2s ease, color 0.2s ease;position: relative;overflow: hidden;} .secondary-cta:hover, .main-primary-cta:hover{background: rgba(255, 255, 255, 0.15);color: white;} .typewriter{margin-top: 20px;font-size: 18px;color: rgba(255, 255, 255, 0.75);font-family: "Open Sans", sans-serif;} .typewriter-label{margin-right: 8px;font-weight: 600;} .typewriter-text{color: var(--narancs);position: relative;padding-right: 8px;} .typewriter-text::after{content: '|';position: absolute;right: 0;animation: blink 0.8s steps(1) infinite;} @keyframes blink{50%{opacity: 0;}} .hero-metrics{display: flex;gap: 20px;margin-top: 20px;flex-wrap: wrap;} .metric-card{background: rgba(255, 255, 255, 0.1);padding: 16px 24px;border-radius: 16px;text-align: center;min-width: 140px;} .metric-number{font-size: 36px;font-weight: 700;color: white;display: block;} .metric-card p{margin: 0;font-size: 14px;color: rgba(255, 255, 255, 0.7);} @media (max-width: 600px){.hero-metrics{flex-direction: column;align-items: center;} .metric-card{width: 100%;}} .cta-ripple{position: absolute;width: 140px;height: 140px;background: rgba(255, 255, 255, 0.4);border-radius: 50%;transform: translate(-50%, -50%);animation: ripple 0.6s ease-out forwards;pointer-events: none;} @keyframes ripple{from{transform: translate(-50%, -50%) scale(0.2);opacity: 0.8;} to{transform: translate(-50%, -50%) scale(1.2);opacity: 0;}} @keyframes heroPan{0%{background-position: center;transform: scale(1);} 100%{background-position: center 30px;transform: scale(1.05);}} @media (max-width: 1290px){.main-btn{margin-left: -16vw;}} @media (max-width: 1130px){.header-container{width: 98vw;}} @media (max-width: 1060px){.header-jobb-contact{display: none;}} @media (max-width: 970px){.tegla{margin-top: 60px;} .header-container{width: 100%;} .tegla-button{top: 100px !important;} .main-shadow{padding-top: 170px !important;} .header-container{width: 100%;}} @media (max-width: 825px){.tegla{margin-top: 0;} .header-jobb{display: none;} .open{display: grid;overflow: auto;max-height: 1000px;transition: max-height 0.2s linear;} .fa-solid, .fas{font-weight: 900;} .fa-classic, .fa-regular, .fa-solid, .far, .fas{font-family: "Font Awesome 6 Free";} .toggle_btn{display: block;position: relative;height: 20px;top: 20px;right: 25px;} .header-container{font-size: 40px;color: white;}} @media (max-width: 768px){.main-btn{margin-left: 0;} .narancs768{color: var(--narancs);} .tegla{display: none;} .tegla-button{width: 50vw !important;height: 500px !important;} .main-shadow{padding: 220px 24px 0 !important;width: 100%;margin: 0 auto;text-align: center;} .main-text p, .main-text h1, .main-subtitle, .typewriter{margin-left: auto;margin-right: auto;} .main-text p{font-size: 18px;} .main-text h1{font-size: 36px;line-height: 1.2;} .main-subtitle{max-width: 100%;font-size: 16px;} .typewriter{font-size: 14px;} .main-cta{justify-content: center;} .hero-metrics{justify-content: center;}} @media (max-width: 520px){.header-logo{height: 80px;padding-top: 20px;} .toggle_btn{right: 5px;}} @media (max-width: 438px){.header-logo{height: 70px;}} @media (max-width: 362px){.header-logo{height: 50px;}} .banner #dotsCanvas{position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;} .tegla-button{margin-top: -500px;height: 600px;width: 400px;border-color: var(--narancs);border-width: 20px;background-color: rgba(127, 255, 212, 0);} .hero{position: relative;overflow: hidden;} .hero-background{position: absolute;inset: 0;background: linear-gradient(120deg, rgba(8,11,31,0.92), rgba(32,38,72,0.65)), url(assets/webbers-MAIN.webp) center/cover no-repeat;filter: brightness(0.9);z-index: 0;} .hero-wrapper{position: relative;z-index: 1;width: min(1200px, 92vw);box-sizing: border-box;margin: 0 auto;min-height: 90vh;padding: 140px 0 80px;display: grid;grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.85fr);gap: 60px;color: #fff;font-family: "Poppins", sans-serif;} .hero-left{box-sizing: border-box;} .hero-left h1{font-size: clamp(36px, 3.8vw, 56px);line-height: 1.15;margin: 10px 0 18px;word-break: break-word;} .hero-label{text-transform: uppercase;letter-spacing: 3px;font-size: 13px;color: var(--kek);} .hero-highlight{color: var(--narancs);} .hero-lead{font-size: 19px;line-height: 1.7;color: rgba(255,255,255,0.85);margin-bottom: 22px;} .hero-typewriter{margin-bottom: 24px;} .hero-actions{display: flex;flex-wrap: wrap;gap: 14px;margin-bottom: 24px;} .hero-secondary{display: inline-flex;align-items: center;gap: 8px;padding: 12px 26px;border-radius: 30px;border: 1px solid rgba(255,255,255,0.4);color: rgba(255,255,255,0.85);text-transform: uppercase;font-weight: 600;letter-spacing: 1px;} .hero-badges{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 28px;} .hero-badges span{border: 1px solid rgba(255,255,255,0.2);border-radius: 999px;padding: 6px 14px;font-size: 13px;} .hero-badges i{color: var(--narancs);margin-right: 6px;} .hero-metrics{display: grid;grid-template-columns: repeat(3,minmax(110px,1fr));gap: 18px;} .hero-metrics .metric-card{background: rgba(255,255,255,0.08);border-radius: 18px;border: 1px solid rgba(255,255,255,0.12);padding: 18px;} .hero-right{display: flex;align-items: center;} .hero-showcase{position: relative;width: 100%;padding: 40px 30px;border-radius: 30px;background: rgba(5,7,18,0.8);border: 1px solid rgba(255,255,255,0.05);box-shadow: 0 40px 80px rgba(2,6,23,0.55);} .hero-card{background: rgba(255,255,255,0.04);border-radius: 24px;padding: 24px;border: 1px solid rgba(255,255,255,0.08);margin-bottom: 24px;} .hero-card-label{letter-spacing: 2px;font-size: 12px;text-transform: uppercase;color: var(--kek);margin-bottom: 8px;} .hero-card h3{margin: 0 0 8px;} .hero-card ul{list-style: none;padding: 0;margin: 12px 0 0;display: flex;flex-direction: column;gap: 6px;color: rgba(255,255,255,0.8);} .hero-card ul i{color: var(--narancs);margin-right: 8px;} .hero-floating{position: absolute;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.15);border-radius: 18px;padding: 12px 18px;min-width: 120px;text-align: center;box-shadow: 0 15px 30px rgba(0,0,0,0.35);animation: heroFloat 6s ease-in-out infinite;} .hero-floating-value{display: block;font-size: 22px;font-weight: 700;} .hero-floating-top{top: -30px;right: 20px;} .hero-floating-mid{top: 50%;right: -30px;animation-delay: 1.5s;} .hero-floating-bot{bottom: -25px;left: 30px;animation-delay: 3s;} @keyframes heroFloat{0%{transform: translateY(0);} 50%{transform: translateY(-12px);} 100%{transform: translateY(0);}} @media (max-width: 1024px){.hero-wrapper{grid-template-columns: 1fr;padding-top: 120px;} .hero-showcase{margin-top: 10px;}} @media (max-width: 640px){.hero-wrapper{width: 100%;padding: 140px 20px 60px;gap: 32px;} .hero-left{margin-top: 28px;width: min(520px, 92vw);margin-left: auto;margin-right: auto;text-align: center;} .hero-actions{flex-direction: column;width: 100%;gap: 10px;} .hero-actions a{width: 100%;max-width: 320px;text-align: center;justify-content: center;font-size: 14px;padding: 12px 16px;margin: 0 auto;box-sizing: border-box;} .hero-badges{flex-direction: column;width: 100%;gap: 8px;} .hero-badges span{width: 80%;margin: 0 auto;text-align: center;box-sizing: border-box;} .hero-metrics{grid-template-columns: 1fr;width: 100%;gap: 12px;align-items: center;justify-items: center;} .hero-metrics .metric-card{width: 80%;padding: 14px;box-sizing: border-box;margin: 0 auto;} .hero-floating{display: none;} .hero-showcase{padding: 28px 20px;} .hero-card{width: 80%;margin: 0 auto 20px;} .hero-card ul{font-size: 14px;}} .hero-transition{position: relative;margin: -45px 0 -30px;z-index: 5;} .hero-transition-wrapper{width: min(1050px, 92vw);margin: 0 auto;padding: 18px 32px;border-radius: 999px;background: linear-gradient(90deg, rgba(9,12,32,0.96), rgba(42,55,120,0.85), rgba(9,12,32,0.95));border: 1px solid rgba(255,255,255,0.14);box-shadow: 0 30px 70px rgba(3,6,20,0.55);display: flex;align-items: center;gap: 18px;color: rgba(255,255,255,0.9);font-family: "Poppins", sans-serif;} .hero-transition-pill{display: inline-flex;align-items: center;gap: 8px;padding: 6px 16px;border-radius: 999px;background: rgba(255,255,255,0.12);font-size: 13px;letter-spacing: 1px;text-transform: uppercase;} .hero-transition-text{flex: 1;font-size: 15px;line-height: 1.6;color: rgba(255,255,255,0.8);} @media (max-width: 768px){.hero-transition-wrapper{flex-direction: column;text-align: center;border-radius: 30px;padding: 20px;} .hero-transition-text{font-size: 14px;}} .services-highlight{padding: 120px 0 80px;background: radial-gradient(circle at top right, rgba(136,156,231,0.12), rgba(20,24,40,0.95));color: #fff;} .services-highlight-wrapper{width: min(1200px, 92vw);margin: 0 auto;display: grid;grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);gap: 60px;align-items: stretch;} .services-highlight-left{font-family: "Poppins", sans-serif;} .section-label{text-transform: uppercase;letter-spacing: 3px;font-size: 14px;color: var(--kek);display: inline-block;margin-bottom: 12px;} .services-highlight-left h2{font-size: clamp(34px, 3vw, 48px);line-height: 1.2;margin-bottom: 16px;} .services-highlight-left p{font-size: 18px;line-height: 1.7;color: rgba(255,255,255,0.82);margin-bottom: 24px;} .services-highlight-list{list-style: none;padding: 0;margin: 0 0 26px;display: flex;flex-direction: column;gap: 12px;} .services-highlight-list li{display: flex;gap: 10px;font-size: 16px;color: rgba(255,255,255,0.88);} .services-highlight-list i{color: var(--narancs);margin-top: 2px;} .services-highlight-cta{display: flex;flex-wrap: wrap;gap: 12px;} .secondary-link{color: rgba(255,255,255,0.8);font-weight: 600;text-transform: uppercase;letter-spacing: 1px;} .service-cards-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 24px;} .service-card{background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: 28px;padding: 28px 24px;min-height: 220px;display: flex;flex-direction: column;gap: 14px;box-shadow: 0 25px 65px rgba(8,15,35,0.35);position: relative;overflow: hidden;transform: translateY(30px);opacity: 0;transition: transform 0.4s ease, opacity 0.4s ease, border-color 0.3s ease;} .service-card::after{content: "";position: absolute;inset: 0;background: radial-gradient(circle at top right, rgba(253,98,98,0.2), transparent 60%);opacity: 0;transition: opacity 0.3s ease;} .service-card h3{margin: 0;font-size: 20px;} .service-card p{margin: 0;font-size: 16px;line-height: 1.5;color: rgba(255,255,255,0.85);} .service-card-icon{width: 48px;height: 48px;border-radius: 16px;background: rgba(255,255,255,0.08);display: flex;align-items: center;justify-content: center;font-size: 20px;color: var(--narancs);} .service-card.card-visible{transform: translateY(0);opacity: 1;border-color: rgba(253,98,98,0.4);} .service-card.card-visible::after{opacity: 1;} @media (max-width: 1024px){.services-highlight-wrapper{grid-template-columns: 1fr;} .services-highlight{padding: 90px 0 60px;} .service-cards-grid{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}} @media (max-width: 620px){.services-highlight-cta{flex-direction: column;} .service-card{padding: 24px;}} .services-modern{background: linear-gradient(180deg, #f6f7fb 0%, #ffffff 70%);padding: 90px 0;} .services-modern-wrapper{width: min(1200px, 92vw);margin: 0 auto;display: flex;flex-direction: column;gap: 40px;font-family: "Poppins", sans-serif;} .services-modern-intro{text-align: center;max-width: 820px;margin: 0 auto;} .services-modern-intro h2{font-size: clamp(32px, 3.2vw, 46px);margin: 12px 0 14px;color: var(--narancs);} .services-modern-intro p{color: var(--textszurke);line-height: 1.7;} .services-modern-pills{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;margin-top: 16px;} .services-modern-pills span{border: 1px solid rgba(17,28,61,0.35);border-radius: 999px;padding: 6px 14px;font-size: 13px;letter-spacing: 0.08em;text-transform: uppercase;background: rgba(5,8,18,0.85);color: #fff;} .services-modern-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 22px;} .services-modern-card{background: #fff;border-radius: 28px;border: 1px solid rgba(17,28,61,0.08);padding: 26px;box-shadow: 0 35px 60px rgba(15,18,40,0.12);display: flex;flex-direction: column;gap: 12px;position: relative;overflow: hidden;} .services-modern-card::after{content: "";position: absolute;inset: 0;background: radial-gradient(circle at top right, rgba(136,156,231,0.15), transparent 65%);opacity: 0;transition: opacity 0.35s ease;} .services-modern-card:hover::after{opacity: 1;} .services-modern-card > *{position: relative;z-index: 1;} .services-card-icon{width: 56px;height: 56px;border-radius: 16px;background: rgba(136,156,231,0.12);display: flex;align-items: center;justify-content: center;color: var(--kek);font-size: 22px;} .services-modern-card h3{margin: 0;font-size: 1.35rem;color: #0f1530;} .services-modern-card p{margin: 0;color: var(--textszurke);line-height: 1.6;} .services-modern-card ul{margin: 0;padding-left: 18px;color: #0f1530;line-height: 1.5;} .services-card-meta{margin-top: auto;font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;font-size: 12px;color: rgba(15,21,48,0.6);} .services-modern-meta{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 16px;text-align: center;} .services-stat{background: rgba(255,255,255,0.8);border-radius: 24px;padding: 24px;border: 1px solid rgba(17,28,61,0.08);box-shadow: 0 25px 45px rgba(7,10,20,0.08);} .services-stat span{display: block;font-size: 2rem;font-weight: 700;color: #0f1530;} .services-stat p{margin: 6px 0 0;color: var(--textszurke);} @media (max-width: 768px){.services-modern{padding: 60px 0;} .services-modern-card{padding: 22px;}} .hibavadasz{background: #f6f7f9;padding: 80px 0;} .hibavadasz-wrapper{width: 90vw;max-width: 1200px;margin: 0 auto;text-align: center;} .hibavadasz-header h2{font-size: 44px;color: var(--fekete);margin: 10px 0 20px;line-height: 1.2;} .hibavadasz-intro{color: var(--kek);font-size: clamp(20px, 2.7vw, 30px);text-transform: uppercase;letter-spacing: 3px;font-weight: 600;margin-bottom: 16px;} .hibavadasz-lead{color: var(--textszurke);font-size: 18px;line-height: 1.7;margin: 0 auto 20px;max-width: 720px;} .hibavadasz-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 20px;margin-top: 30px;} .hiba-card{border: 2px solid rgba(255,99,71,0.2);background: white;border-radius: 18px;padding: 25px 20px;font-size: 18px;font-weight: 600;color: var(--fekete);cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;} .hiba-card:hover{transform: translateY(-4px);box-shadow: 0 12px 30px rgba(0,0,0,0.12);border-color: var(--narancs);} .hiba-card.active{border-color: var(--narancs);box-shadow: 0 15px 35px rgba(0,0,0,0.15);background: #fff9f7;} .hiba-icon{display: block;font-size: 34px;margin-bottom: 12px;} .hiba-result{margin-top: 40px;background: white;border-radius: 20px;padding: 30px;box-shadow: 0 10px 30px rgba(0,0,0,0.08);min-height: 160px;text-align: left;} .hiba-result h3{color: var(--narancs);margin-bottom: 16px;font-size: 32px;} .hibavadasz-cta{margin-top: 30px;} .hiba-result p{color: var(--textszurke);font-size: 18px;line-height: 1.75;margin: 0;} @media (max-width:380px){.szolgpad{padding-bottom: 70px !important;}} .felhiv{height: 330px;position: relative;z-index: 8;} .felhiv-container{padding-top: 130px;padding-bottom: 130px;width: 80vw;margin-left: auto;margin-right: auto;text-align: center;} .felhiv-container h1{font-size: 2vw;color: white;font-weight: 600;padding-bottom: 50px;} .felhiv-also{position: relative;top: -310px;pointer-events: none;} @media (max-width:875px){.backgroundshade{background-color: #f7f7f7;width: 100%;height: 120px;position: relative;top: -680px;}} .why{background: linear-gradient(180deg, #f9f9fb 0%, #ffffff 100%);padding: clamp(50px, 8vw, 120px) 0;position: relative;overflow: visible;} .why::after{content: "";position: absolute;inset: 40px 10%;border-radius: 60px;background: radial-gradient(circle at top right, rgba(136,156,231,0.25), transparent 60%);filter: blur(40px);z-index: 0;} .why-wrapper{position: relative;z-index: 2;width: min(1280px, 94vw);margin: 0 auto;} .why-layout{display: grid;grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);gap: clamp(30px, 4vw, 70px);align-items: start;} .why-intro-block{font-family: "Poppins", sans-serif;color: var(--fekete);position: sticky;top: 300px;align-self: flex-start;padding-bottom: 150px;} .why-lead{font-size: 18px;line-height: 1.7;color: var(--textszurke);margin: 16px 0 30px;} .why-metrics-band{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 16px;margin-bottom: 28px;} .why-metric{background: #fff;border-radius: 20px;padding: 20px;border: 1px solid rgba(17, 28, 61, 0.08);box-shadow: 0 14px 35px rgba(16, 19, 41, 0.08);position: relative;overflow: hidden;will-change: transform, box-shadow;} .why-metric::before{content: "";position: absolute;inset: 0;background: linear-gradient(135deg, rgba(136,156,231,0.1), rgba(253,98,98,0.08));opacity: 0;transition: opacity 0.3s ease;} .why-metric:hover::before{opacity: 1;} .why-metric-top{display: flex;align-items: center;justify-content: space-between;font-size: 15px;font-weight: 600;margin-bottom: 14px;position: relative;z-index: 1;} .why-metric strong{font-size: 18px;color: var(--narancs);} .why-metric-bar{height: 6px;border-radius: 999px;background: rgba(12,15,34,0.08);overflow: hidden;position: relative;} .why-metric-bar span{display: block;height: 100%;background: linear-gradient(90deg, var(--kek), var(--narancs));width: var(--progress, 85%);animation: whyBarFill 1.8s ease forwards;} .why-metric small{display: block;margin-top: 12px;font-size: 13px;color: var(--textszurke);position: relative;z-index: 1;} @keyframes whyBarFill{from{width: 8%;} to{width: var(--progress, 85%);}} .why-badges-row{display: flex;flex-wrap: wrap;gap: 12px;align-items: center;} .why-badge{display: inline-flex;align-items: center;gap: 6px;padding: 5px 14px;border-radius: 999px;border: 1px solid rgba(17,28,61,0.12);text-transform: uppercase;letter-spacing: 1px;font-size: 11px;color: var(--fekete);background: rgba(255,255,255,0.8);} .why-dynamic{background: rgba(11,15,31,0.95);border-radius: 32px;border: 1px solid rgba(255,255,255,0.08);padding: clamp(24px, 4vw, 40px);color: #fff;position: relative;overflow: hidden;will-change: transform;} .why-dynamic::after{content: "";position: absolute;inset: 0;background: radial-gradient(circle at 25% 20%, rgba(253,98,98,0.25), transparent 55%);pointer-events: none;} .why-tabs{display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 12px;margin-bottom: 22px;} .why-tab{border: 1px solid rgba(255,255,255,0.25);border-radius: 16px;padding: 14px 16px;background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.85);font-weight: 600;text-align: left;cursor: pointer;transition: all 0.3s ease;position: relative;z-index: 1;} .why-tab.active{background: rgba(253,98,98,0.15);border-color: rgba(253,98,98,0.5);color: #fff;box-shadow: 0 12px 30px rgba(253,98,98,0.2);} .why-detail{background: rgba(4,7,20,0.8);border-radius: 24px;padding: 24px;border: 1px solid rgba(255,255,255,0.08);margin-bottom: 26px;position: relative;z-index: 1;} .why-detail-pill{display: inline-block;padding: 4px 12px;border-radius: 999px;background: rgba(255,255,255,0.1);font-size: 12px;letter-spacing: 1px;margin-bottom: 12px;text-transform: uppercase;} .why-detail h3{font-size: clamp(22px, 2vw, 30px);margin-bottom: 10px;} .why-detail-text{color: rgba(255,255,255,0.85);line-height: 1.6;margin-bottom: 18px;} .why-detail-list{list-style: none;padding: 0;margin: 0 0 16px;display: flex;flex-direction: column;gap: 10px;} .why-detail-list li{position: relative;padding-left: 18px;font-size: 15px;color: rgba(255,255,255,0.8);} .why-detail-list li::before{content: "•";position: absolute;left: 0;color: var(--narancs);} .why-detail-cta{display: inline-flex;align-items: center;justify-content: center;font-size: 14px;padding: 10px 22px;} .why-cards-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));gap: 16px;position: relative;z-index: 1;} .why-card{background: rgba(255,255,255,0.02);border-radius: 20px;border: 1px solid rgba(255,255,255,0.1);padding: 20px;min-height: 190px;display: flex;flex-direction: column;gap: 10px;border-color: rgba(255,255,255,0.2);} .why-card-icon{width: 42px;height: 42px;border-radius: 12px;background: rgba(255,255,255,0.08);display: flex;align-items: center;justify-content: center;font-size: 18px;color: var(--narancs);} .why-card p{color: rgba(255,255,255,0.75);font-size: 14px;line-height: 1.5;} .why-card-tag{display: inline-block;margin-top: auto;font-size: 12px;letter-spacing: 1px;color: rgba(255,255,255,0.7);text-transform: uppercase;} @media (max-width: 1300px){.why-intro-block{top: 220px;}} @media (max-width: 1024px){.why-layout{grid-template-columns: 1fr;} .why-intro-block{position: static;padding-bottom: 40px;top: auto;} .why-dynamic{order: 2;}} @media (max-width: 768px){.why-metrics-band{grid-template-columns: 1fr;} .why-tabs{grid-template-columns: 1fr;} .why-dynamic, .why-detail{padding: 20px;}} @media (max-width: 520px){.why-badges-row{flex-direction: column;align-items: stretch;} .why-badge{width: 70%;text-align: center;margin: 0 auto;} .why-badges-row .contact-button{width: 80%;max-width: 220px;margin: 0 auto;text-align: center;} .why-detail h3{font-size: 22px;} .why-card{min-height: auto;}} @media (max-width: 530px){.why-badge{flex: 1 1 45%;text-align: center;width: 70%;margin: 0 auto;} .why-badges-row .contact-button{width: 75%;max-width: 210px;}} @media (max-width: 380px){.why-badges-row .contact-button{width: 85%;max-width: 220px;padding: 10px 16px;font-size: 13px;}} @media (max-width: 360px){.why-dynamic{border-radius: 24px;} .why-card-icon{width: 36px;height: 36px;} .why-badges-row .contact-button{width: 82%;max-width: 210px;font-size: 13px;padding: 10px 14px;}} .main-btn-link{display: inline-flex;align-items: center;justify-content: center;gap: 10px;background-color: var(--narancs);color: #fff;font-size: 22px;font-weight: 700;padding: 14px 32px;border-radius: 8px;text-decoration: none;transition: all 0.25s ease;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);} .main-btn-link:hover{background-color: #e54b4b;transform: translateY(-2px);box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);} .main-a-icon{width: 22px;height: auto;filter: brightness(0) invert(1);transition: transform 0.25s ease;} .main-btn-link:hover .main-a-icon{transform: translateX(4px);} @media (max-width: 768px){.hibavadasz-header h2{font-size: 32px;} .hibavadasz-lead{font-size: 17px;}} @media (max-width: 520px){.hibavadasz-intro{font-size: 18px;letter-spacing: 2px;} .hibavadasz-header h2{font-size: 28px;} .hibavadasz-lead{font-size: 16px;text-align: left;padding: 0 10px;}} html{scroll-behavior: smooth;} .footer{background-color: var(--fekete);} .footer-wrapper{width: 1200px;margin: 0 auto;text-align: center;padding-top: 40px;} .footer-top{display: flex;justify-content: space-between;color: white;padding-bottom: 30px;} .footer-top h2{font-size: 20px;font-weight: 600;padding-bottom: 30px;} .footer-section{width: 300px;box-sizing: border-box;margin: 3vw;} .footer-section p{padding-bottom: 30px;} .footer-cta{display: inline-flex;align-items: center;gap: 8px;padding: 10px 18px;text-transform: uppercase;letter-spacing: 1px;transition: transform 0.2s ease, box-shadow 0.2s ease;} .footer-cta:hover{transform: translateY(-3px);box-shadow: 0 8px 20px rgba(0,0,0,0.3);} .footer-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 40px;color: white;margin: 40px 0;} .footer-col h3{margin-bottom: 14px;font-size: 18px;text-transform: uppercase;letter-spacing: 1px;} .footer-col ul{list-style: none;padding: 0;margin: 0;} .footer-col li{margin-bottom: 10px;font-size: 16px;} .footer-col li a, .footer-col li span{color: rgba(255,255,255,0.8);transition: color 0.2s ease;} .footer-col li a:hover{color: white;} .footer-newsletter{display: flex;gap: 10px;flex-wrap: wrap;} .footer-newsletter input{flex: 1;min-width: 200px;padding: 10px 14px;border-radius: 30px;border: none;outline: none;} .footer-newsletter button{background: var(--narancs);border: none;color: white;padding: 10px 20px;border-radius: 30px;cursor: pointer;transition: background 0.2s ease;} .footer-newsletter button:hover{background: rgba(255, 255, 255, 0.85);color: var(--fekete);} .footer-bot ul{display: flex;justify-content: space-between;width: 600px;margin: 0 auto;color: white;padding-bottom: 40px;} @media (max-width:1300px){.footer-wrapper{width: 90vw;}} @media (max-width:700px){.footer-grid{grid-template-columns: 1fr;} .footer-bot ul{display: block;width: 80vw;} .footer-bot li{padding-bottom: 10px;}} @media (max-width:540px){.footer-top{display: block;} .footer-section{width: 80vw;padding-bottom: 20px;}}
.promo-newyear{position: relative;background: linear-gradient(180deg, #0a0d1f 0%, #11162d 65%, #0a0d1f 100%);color: #fff;padding: clamp(60px, 8vw, 120px) 0;overflow: hidden;}
.promo-newyear::after{content: "";position: absolute;inset: 10% 5% auto;width: 80%;height: 60%;background: radial-gradient(circle at 20% 30%, rgba(253,98,98,0.22), transparent 40%), radial-gradient(circle at 80% 20%, rgba(136,156,231,0.18), transparent 40%);filter: blur(30px);opacity: 0.7;z-index: 0;}
.promo-wrapper{position: relative;z-index: 1;width: min(1180px, 92vw);margin: 0 auto;display: flex;flex-direction: column;gap: 30px;}
.promo-headline{text-align: center;font-family: "Poppins", sans-serif;max-width: 900px;margin: 0 auto;display: flex;flex-direction: column;gap: 16px;}
.promo-headline h2{font-size: clamp(32px, 3.2vw, 48px);line-height: 1.2;margin: 0;}
.promo-emoji{font-size: 1.2em;}
.promo-lead{color: rgba(255,255,255,0.85);line-height: 1.7;font-size: 18px;margin: 0;}
.promo-cta-row{display: inline-flex;align-items: center;justify-content: center;gap: 12px;flex-wrap: wrap;margin-top: 6px;text-align: center;width: 100%;}
.promo-cta-row .promo-primary,
.promo-cta-row .promo-secondary{display: inline-flex;align-items: center;justify-content: center;margin: 0 auto;}
.promo-primary{font-size: 18px;padding: 12px 26px;box-shadow: 0 12px 30px rgba(253,98,98,0.25);}
.promo-secondary{border: 1px solid rgba(255,255,255,0.3);background: rgba(255,255,255,0.04);color: #fff;padding: 12px 20px;border-radius: 28px;font-weight: 700;letter-spacing: 0.02em;text-transform: uppercase;cursor: pointer;transition: background 0.2s ease, transform 0.2s ease;}
.promo-secondary:hover{background: rgba(255,255,255,0.12);transform: translateY(-1px);}
.promo-countdown{display: grid;grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 10px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.1);border-radius: 20px;padding: 14px;margin: 4px auto 0;max-width: 640px;box-shadow: 0 20px 60px rgba(0,0,0,0.3);}
.promo-count-item{text-align: center;padding: 12px;border-radius: 14px;background: rgba(0,0,0,0.25);border: 1px solid rgba(255,255,255,0.08);}
.promo-count-item span{display: block;font-size: 34px;font-weight: 700;}
.promo-count-item small{color: rgba(255,255,255,0.7);text-transform: uppercase;letter-spacing: 0.08em;}
.promo-deadline{margin: 0;opacity: 0.8;}
.promo-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 18px;}
.promo-card{background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);border-radius: 20px;padding: 20px;box-shadow: 0 18px 40px rgba(0,0,0,0.32);}
.promo-card h3{margin: 0 0 12px;font-size: 20px;}
.promo-card ul{margin: 0;padding-left: 18px;line-height: 1.55;color: rgba(255,255,255,0.82);}
.promo-taglist{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 8px 12px;padding-left: 0;list-style: none;}
.promo-taglist li{background: rgba(255,255,255,0.08);padding: 10px 12px;border-radius: 12px;border: 1px solid rgba(255,255,255,0.08);}
.promo-note{margin-top: 10px;color: rgba(255,255,255,0.8);}
.promo-usps{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 12px;}
.promo-usp{display: inline-flex;align-items: center;gap: 10px;padding: 12px 14px;border-radius: 14px;border: 1px solid rgba(255,255,255,0.12);background: rgba(0,0,0,0.25);font-weight: 600;letter-spacing: 0.01em;}
.promo-usp i{color: var(--narancs);}
.promo-faq{position: relative;z-index: 1;width: min(1100px, 92vw);margin: 24px auto 0;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: 22px;padding: 22px 20px;box-shadow: 0 16px 40px rgba(0,0,0,0.28);}
.promo-faq h3{margin: 0 0 14px;font-size: 22px;text-align: center;}
.promo-faq-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 14px;}
.promo-faq-item{background: rgba(0,0,0,0.28);border: 1px solid rgba(255,255,255,0.08);border-radius: 16px;padding: 14px;}
.promo-faq-item h4{margin: 0 0 8px;font-size: 17px;}
.promo-faq-item p{margin: 0;color: rgba(255,255,255,0.82);line-height: 1.6;}
@media (max-width: 640px){.promo-countdown{grid-template-columns: repeat(2,minmax(0,1fr));} .promo-cta-row{flex-direction: column;} .promo-primary, .promo-secondary{width: 100%;max-width: 320px;} .promo-headline{align-items: center;} .promo-card ul{padding-left: 16px;} .promo-faq{padding: 18px;}}

.site-footer{background:linear-gradient(180deg,#0b0f1f 0%,#0a0d1f 70%,#0b0f1f 100%);color:#fff;padding:60px 0 40px;font-family:"Poppins",sans-serif;} .footer-wrapper{width:min(1200px,92vw);margin:0 auto;display:flex;flex-direction:column;gap:28px;} .footer-sale{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:18px;background:linear-gradient(120deg,rgba(136,156,231,0.12),rgba(253,98,98,0.18));border:1px solid rgba(255,255,255,0.1);} .footer-sale-copy h3{margin:4px 0 6px;font-size:22px;} .footer-sale-copy p{margin:0;color:rgba(255,255,255,0.82);} .footer-sale-label{text-transform:uppercase;letter-spacing:0.08em;font-size:12px;color:rgba(255,255,255,0.75);margin:0;} .footer-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;background:var(--narancs);color:#fff;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;white-space:nowrap;transition:transform 0.15s ease,box-shadow 0.15s ease;} .footer-cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,0.25);} .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;color:rgba(255,255,255,0.9);} .footer-col h4{margin:0 0 10px;text-transform:uppercase;letter-spacing:0.08em;font-size:14px;} .footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;} .footer-col a{color:rgba(255,255,255,0.9);transition:color 0.2s ease;} .footer-col a:hover{color:#fff;} .newsletter-col p{margin:0 0 8px;color:rgba(255,255,255,0.8);} .footer-newsletter{display:flex;gap:10px;flex-wrap:wrap;} .footer-newsletter input{flex:1;min-width:180px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.08);color:#fff;} .footer-newsletter button{background:var(--narancs);border:none;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;transition:background 0.2s ease;} .footer-newsletter button:hover{background:#ff8c72;} .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,0.08);padding-top:12px;color:rgba(255,255,255,0.75);} .footer-bottom-links{display:flex;flex-wrap:wrap;gap:12px;} .footer-bottom a{color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:0.05em;font-size:12px;} @media(max-width:700px){.footer-sale{flex-direction:column;align-items:flex-start;}.footer-cta{width:50%;max-width:220px;justify-content:center;align-self:center;}.footer-bottom{flex-direction:column;align-items:flex-start;}}