/* Reset & Base - Bizalomgerjesztő alapok */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;color:#2c3e50;overflow-x:hidden;line-height:1.7;background:#f8f9fa}
.container{max-width:1400px;margin:0 auto;padding:0 40px}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}

/* Navigation - Stabil, biztonságos üveges hatás */
#mainNav{position:fixed;top:0;width:100%;z-index:1000;transition:all 0.3s ease}
.glass-nav{background:rgba(255,255,255,0.92);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 2px 20px rgba(0,0,0,0.06);border-bottom:1px solid rgba(0,91,187,0.1)}
.nav-content{display:flex;justify-content:space-between;align-items:center;padding:24px 0}
.logo{font-size:28px;font-weight:900;background:linear-gradient(135deg,#005bbb,#0078d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.5px}
.nav-links{display:flex;gap:48px}
.nav-links a{font-weight:600;font-size:15px;color:#2c3e50;transition:all 0.3s;position:relative}
.nav-links a:after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#005bbb;transition:width 0.3s}
.nav-links a:hover{color:#005bbb}
.nav-links a:hover:after{width:100%}
.mobile-menu{display:none;background:none;border:none;cursor:pointer;padding:0;width:32px;height:26px;position:relative}
.mobile-menu span{display:block;width:100%;height:3px;background:#2c3e50;position:absolute;left:0;transition:all 0.3s;border-radius:2px}
.mobile-menu span:nth-child(1){top:0}
.mobile-menu span:nth-child(2){top:11px}
.mobile-menu span:nth-child(3){top:22px}
.mobile-nav{display:none;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);padding:24px;box-shadow:0 8px 30px rgba(0,0,0,0.1);border-top:2px solid #005bbb}
.mobile-nav a{display:block;padding:16px 0;font-weight:600;border-bottom:1px solid rgba(0,91,187,0.1);transition:all 0.3s}
.mobile-nav a:hover{color:#005bbb;padding-left:8px}

/* Asymmetric Content Boxes - Megbízható keretek */
.content-box{background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);padding:80px;border-radius:16px;box-shadow:0 10px 40px rgba(0,91,187,0.08);border:2px solid rgba(0,91,187,0.08)}
.content-box-center{background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);padding:80px;border-radius:16px;box-shadow:0 10px 40px rgba(0,91,187,0.08);border:2px solid rgba(0,91,187,0.08);max-width:1000px;margin:0 auto;text-align:center}
.image-container{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,91,187,0.12);transform:translateX(-8px);transition:all 0.4s ease}
.image-container:hover{transform:translateX(0) scale(1.01);box-shadow:0 25px 70px rgba(0,91,187,0.15)}
.image-container img{width:100%;display:block}

/* Professional Typography - Olvashatóság első */
.overline{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2.5px;color:#005bbb;margin-bottom:28px}
.hero-title{font-size:84px;font-weight:900;line-height:1;margin-bottom:40px;color:#1a1a1a;letter-spacing:-2.5px}
.section-title{font-size:68px;font-weight:900;line-height:1.05;margin-bottom:36px;color:#1a1a1a;letter-spacing:-2px}
.section-title-white{font-size:68px;font-weight:900;line-height:1.05;margin-bottom:36px;color:#fff;letter-spacing:-2px}
.lead-text{font-size:22px;line-height:1.65;color:#2c3e50;margin-bottom:0;font-weight:400}
.lead-text-white{font-size:22px;line-height:1.65;color:rgba(255,255,255,0.96);margin-bottom:0;font-weight:400}
.body-text{font-size:18px;line-height:1.75;color:#34495e;margin-bottom:28px;font-weight:400}
.feature-title{font-size:58px;font-weight:900;line-height:1.05;margin-bottom:20px;color:#1a1a1a;letter-spacing:-1.8px}
.feature-subtitle{font-size:19px;font-weight:700;color:#005bbb;margin-bottom:28px;letter-spacing:-0.2px}
.service-title{font-size:52px;font-weight:900;line-height:1.1;margin-bottom:36px;color:#1a1a1a;letter-spacing:-1.5px}

/* Hero Pain Section - Egyensúlyos asszimetria */
.hero-pain{padding:180px 0 120px;background:linear-gradient(160deg,#f0f7ff 0%,#ffffff 100%);position:relative;overflow:hidden}
.hero-pain:before{content:'';position:absolute;top:-40%;right:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(0,91,187,0.06) 0%,transparent 70%);border-radius:50%}
.hero-pain .container{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center}

/* Asymmetric Grid System - Stabil de dinamikus */
.problem-solo{padding:120px 0;background:#ffffff;position:relative}
.problem-solo:before{content:'';position:absolute;top:0;left:0;width:35%;height:100%;background:linear-gradient(90deg,rgba(0,91,187,0.025) 0%,transparent 100%)}
.problem-solo .container{display:grid;grid-template-columns:1fr 1.35fr;gap:100px;align-items:center}

.problem-competition{padding:120px 0;background:#1a2332;position:relative;overflow:hidden}
.problem-competition:after{content:'';position:absolute;bottom:-25%;left:-8%;width:550px;height:550px;background:radial-gradient(circle,rgba(0,120,212,0.12) 0%,transparent 70%);border-radius:50%}
.problem-competition .container{display:grid;grid-template-columns:1.35fr 1fr;gap:100px;align-items:center;position:relative;z-index:1}
.problem-competition .section-title{color:#fff}
.problem-competition .body-text{color:rgba(255,255,255,0.92)}
.problem-competition .content-box{background:rgba(255,255,255,0.04);border:2px solid rgba(255,255,255,0.1);backdrop-filter:blur(30px)}

/* Issue Lists - Tiszta, olvasható */
.issue-list{list-style:none;margin-top:36px}
.issue-list li{padding:18px 26px;margin-bottom:14px;background:#f8f9fa;border-left:4px solid #005bbb;border-radius:10px;font-size:17px;color:#2c3e50;font-weight:500;transition:all 0.3s}
.issue-list li:hover{background:#f0f7ff;transform:translateX(4px)}
.problem-competition .issue-list li{background:rgba(255,255,255,0.08);border-left:4px solid #0078d4;color:#fff}

/* Solution Section - Megbízható gradiens */
.solution-difference{padding:140px 0;background:linear-gradient(135deg,#005bbb 0%,#0078d4 100%);color:#fff;position:relative;overflow:hidden}
.solution-difference:before{content:'';position:absolute;top:-25%;right:-15%;width:900px;height:900px;background:radial-gradient(circle,rgba(255,255,255,0.06) 0%,transparent 70%);border-radius:50%}

/* Feature Sections - Váltakozó egyensúly */
.feature-section{padding:120px 0;position:relative}
.feature-section:nth-of-type(odd){background:#ffffff}
.feature-section:nth-of-type(odd):before{content:'';position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(-90deg,rgba(0,91,187,0.02) 0%,transparent 100%)}
.feature-section:nth-of-type(even){background:#f8f9fa}
.feature-section:nth-of-type(even):before{content:'';position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,rgba(0,120,212,0.02) 0%,transparent 100%)}
.feature-section.feature-alt{background:#1a2332}
.feature-section.feature-alt:before{background:linear-gradient(90deg,rgba(0,120,212,0.08) 0%,transparent 100%)}
.feature-section.feature-alt .feature-title{color:#fff}
.feature-section.feature-alt .feature-subtitle{color:#4d9ef8}
.feature-section.feature-alt .body-text{color:rgba(255,255,255,0.92)}
.feature-section.feature-alt .content-box{background:rgba(255,255,255,0.04);border:2px solid rgba(255,255,255,0.1);backdrop-filter:blur(30px)}
.feature-section .container{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;position:relative;z-index:1}
.feature-section:nth-of-type(even) .container{grid-template-columns:1fr 1.25fr}
.benefit-box{background:linear-gradient(135deg,rgba(0,91,187,0.06),rgba(0,120,212,0.06));border-left:4px solid #005bbb;padding:30px;border-radius:14px;margin-top:36px;font-size:17px;font-weight:600;color:#2c3e50;line-height:1.65}
.feature-section.feature-alt .benefit-box{background:rgba(77,158,248,0.12);border-left:4px solid #4d9ef8;color:#fff}

/* Services Section */
.services-intro{padding:140px 0;background:linear-gradient(135deg,#1a2332 0%,#2c3e50 100%);color:#fff;position:relative;overflow:hidden}
.services-intro:after{content:'';position:absolute;top:-15%;left:-12%;width:700px;height:700px;background:radial-gradient(circle,rgba(0,120,212,0.1) 0%,transparent 70%);border-radius:50%}

.service-section{padding:120px 0;position:relative}
.service-section:nth-of-type(odd){background:#ffffff}
.service-section:nth-of-type(odd):after{content:'';position:absolute;bottom:0;right:0;width:50%;height:100%;background:linear-gradient(-90deg,rgba(0,91,187,0.015) 0%,transparent 100%)}
.service-section:nth-of-type(even){background:#f8f9fa}
.service-section:nth-of-type(even):after{content:'';position:absolute;bottom:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,rgba(0,120,212,0.015) 0%,transparent 100%)}
.service-section.service-alt{background:#1a2332}
.service-section.service-alt .service-title{color:#fff}
.service-section.service-alt .body-text{color:rgba(255,255,255,0.92)}
.service-section.service-alt .content-box{background:rgba(255,255,255,0.04);border:2px solid rgba(255,255,255,0.1);backdrop-filter:blur(30px)}
.service-section .container{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;align-items:center;position:relative;z-index:1}
.service-section:nth-of-type(even) .container{grid-template-columns:1.3fr 1fr}
.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:36px}
.stat-card{background:linear-gradient(135deg,rgba(0,91,187,0.08),rgba(0,120,212,0.08));padding:30px;border-radius:14px;text-align:center;border:2px solid rgba(0,91,187,0.1);transition:all 0.3s}
.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,91,187,0.15)}
.stat-number{display:block;font-size:34px;font-weight:900;color:#005bbb;margin-bottom:10px;letter-spacing:-1px}
.stat-label{display:block;font-size:13px;color:#5a6c7d;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}
.service-section.service-alt .stat-card{background:rgba(77,158,248,0.12);border:2px solid rgba(77,158,248,0.15)}
.service-section.service-alt .stat-number{color:#4d9ef8}
.service-section.service-alt .stat-label{color:rgba(255,255,255,0.75)}

/* Case Studies - Bizalomépítő */
.case-studies{padding:120px 0;background:#f8f9fa;position:relative}
.case-studies:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top left,rgba(0,91,187,0.025) 0%,transparent 50%)}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:72px;position:relative;z-index:1}
.case-card{background:#fff;padding:44px;border-radius:16px;border:2px solid rgba(0,91,187,0.06);transition:all 0.35s;position:relative}
.case-card:nth-child(2){transform:translateY(24px)}
.case-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,91,187,0.12);border-color:rgba(0,91,187,0.15)}
.case-industry{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.8px;color:#005bbb;margin-bottom:18px}
.case-title{font-size:22px;font-weight:800;color:#1a1a1a;margin-bottom:18px;line-height:1.35;letter-spacing:-0.3px}
.case-description{font-size:16px;color:#34495e;line-height:1.7;margin-bottom:26px}
.case-result{padding-top:26px;border-top:3px solid rgba(0,91,187,0.12)}
.result-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#5a6c7d;display:block;margin-bottom:9px}
.result-value{font-size:20px;font-weight:900;color:#005bbb;display:block;letter-spacing:-0.4px}

/* Conferences - Hitelesség építés */
.conferences{padding:120px 0;background:#ffffff;position:relative}
.conferences:after{content:'';position:absolute;bottom:0;right:0;width:55%;height:100%;background:linear-gradient(-90deg,rgba(0,120,212,0.02) 0%,transparent 100%)}
.conference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-top:72px;position:relative;z-index:1}
.conference-item{background:#f8f9fa;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,91,187,0.08);border:2px solid rgba(0,91,187,0.04);transition:all 0.35s}
.conference-item:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,91,187,0.14)}
.conference-img{width:100%;height:260px;object-fit:cover}
.conference-info{padding:36px}
.conference-name{font-size:24px;font-weight:800;color:#1a1a1a;margin-bottom:14px;letter-spacing:-0.4px}
.conference-desc{font-size:16px;color:#34495e;line-height:1.7}

/* About Founder - Személyes megbízhatóság */
.about-founder{padding:120px 0;background:linear-gradient(160deg,#f8f9fa 0%,#f0f7ff 100%);position:relative;overflow:hidden}
.about-founder:before{content:'';position:absolute;top:-18%;left:-8%;width:650px;height:650px;background:radial-gradient(circle,rgba(0,91,187,0.05) 0%,transparent 70%);border-radius:50%}
.founder-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:100px;align-items:center;position:relative;z-index:1}
.founder-image{border-radius:16px;overflow:hidden;box-shadow:0 25px 70px rgba(0,91,187,0.16);transition:all 0.4s}
.founder-image:hover{transform:scale(1.01);box-shadow:0 30px 80px rgba(0,91,187,0.2)}
.founder-image img{width:100%}
.founder-name{font-size:58px;font-weight:900;color:#1a1a1a;margin-bottom:10px;letter-spacing:-1.8px}
.founder-title{font-size:20px;color:#005bbb;font-weight:700;margin-bottom:44px;letter-spacing:-0.2px}
.founder-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:36px}
.founder-stat{text-align:center;padding:30px;background:rgba(255,255,255,0.9);backdrop-filter:blur(20px);border-radius:14px;border:2px solid rgba(0,91,187,0.06)}
.stat-num{display:block;font-size:44px;font-weight:900;background:linear-gradient(135deg,#005bbb,#0078d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;letter-spacing:-1.3px}
.stat-text{display:block;font-size:13px;color:#5a6c7d;font-weight:700;letter-spacing:0.6px}
.founder-bio{font-size:18px;line-height:1.75;color:#34495e;margin-bottom:36px}
.founder-social{display:flex;gap:18px}
.social-link{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.95);border-radius:50%;border:2px solid rgba(0,91,187,0.08);transition:all 0.3s}
.social-link:hover{background:#005bbb;color:#fff;transform:scale(1.08);border-color:#005bbb}

/* Guarantee - Biztonság és garancia */
.guarantee{padding:140px 0;background:linear-gradient(135deg,#1a2332 0%,#2c3e50 100%);color:#fff;text-align:center;position:relative;overflow:hidden}
.guarantee:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1100px;height:1100px;background:radial-gradient(circle,rgba(0,120,212,0.08) 0%,transparent 70%);border-radius:50%}

/* CTA Section - Világos cselekvésre hívás */
.cta-section{padding:120px 0;background:#ffffff;text-align:center;position:relative}
.cta-section:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(0,91,187,0.025) 0%,transparent 70%)}
.cta-title{font-size:72px;font-weight:900;color:#1a1a1a;margin-bottom:28px;letter-spacing:-2.2px;position:relative;z-index:1}
.cta-subtitle{font-size:21px;color:#34495e;margin-bottom:56px;line-height:1.65;max-width:800px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.contact-info{display:flex;justify-content:center;gap:90px;margin-bottom:56px;position:relative;z-index:1}
.contact-item{text-align:center}
.contact-label{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.8px;color:#5a6c7d;margin-bottom:14px}
.contact-value{display:block;font-size:26px;font-weight:900;color:#005bbb;transition:color 0.3s;letter-spacing:-0.4px}
.contact-value:hover{color:#0078d4}
.btn-cta{padding:26px 72px;font-size:19px;font-weight:900;background:linear-gradient(135deg,#005bbb,#0078d4);color:#fff;border:none;border-radius:14px;cursor:pointer;transition:all 0.35s;box-shadow:0 15px 40px rgba(0,91,187,0.25);letter-spacing:-0.2px;position:relative;z-index:1}
.btn-cta:hover{transform:translateY(-3px);box-shadow:0 20px 55px rgba(0,91,187,0.35)}

/* Contact Form Modal - Professzionális */
.form-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;align-items:center;justify-content:center}
.form-modal.active{display:flex}
.form-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(26,35,50,0.8);backdrop-filter:blur(8px)}
.form-modal-content{position:relative;background:#fff;border-radius:20px;padding:56px;max-width:640px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 90px rgba(0,91,187,0.3);z-index:2001}
.form-close{position:absolute;top:22px;right:22px;width:42px;height:42px;border:none;background:none;font-size:34px;color:#5a6c7d;cursor:pointer;transition:color 0.3s;line-height:1}
.form-close:hover{color:#1a1a1a}
.form-title{font-size:44px;font-weight:900;color:#1a1a1a;margin-bottom:14px;letter-spacing:-1.3px}
.form-subtitle{font-size:17px;color:#5a6c7d;margin-bottom:36px;line-height:1.6}
.contact-form{display:flex;flex-direction:column;gap:26px}
.form-group{display:flex;flex-direction:column}
.form-group label{font-size:14px;font-weight:700;color:#2c3e50;margin-bottom:9px;letter-spacing:-0.1px}
.form-group input,.form-group textarea{padding:15px 19px;border:2px solid rgba(0,91,187,0.1);border-radius:10px;font-size:16px;font-family:'Inter',sans-serif;transition:all 0.3s;background:#f8f9fa}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#005bbb;box-shadow:0 0 0 4px rgba(0,91,187,0.08);background:#fff}
.form-group textarea{resize:vertical;min-height:130px}
.btn-submit{padding:18px 36px;font-size:17px;font-weight:900;background:linear-gradient(135deg,#005bbb,#0078d4);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all 0.3s;letter-spacing:-0.2px}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,91,187,0.3)}

/* Footer - Megbízható lezárás */
.footer{padding:90px 0;background:#1a2332;color:#fff;text-align:center}
.footer-logo{font-size:30px;font-weight:900;background:linear-gradient(135deg,#4d9ef8,#0078d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;letter-spacing:-0.7px}
.footer-tagline{font-size:16px;color:rgba(255,255,255,0.75);margin-bottom:36px}
.footer-copyright{font-size:14px;color:rgba(255,255,255,0.55)}
.footer-copyright a{color:rgba(255,255,255,0.75);transition:color 0.3s}
.footer-copyright a:hover{color:#fff}

/* Responsive - Mobil First Megközelítés */
@media(max-width:1200px){
.hero-title{font-size:68px}
.section-title,.section-title-white{font-size:56px}
.feature-title{font-size:48px}
.service-title{font-size:42px}
.cta-title{font-size:58px}
.founder-name{font-size:48px}
.container{padding:0 32px}
}

@media(max-width:768px){
.mobile-menu{display:block}
.nav-links{display:none}
.container{padding:0 20px}
.hero-pain .container,.problem-solo .container,.problem-competition .container,.feature-section .container,.service-section .container,.founder-grid{grid-template-columns:1fr;gap:56px}
.content-box,.content-box-center{padding:40px}
.hero-title{font-size:48px;letter-spacing:-1.8px;line-height:1.05}
.section-title,.section-title-white{font-size:38px;letter-spacing:-1.2px}
.feature-title{font-size:36px;letter-spacing:-1px}
.service-title{font-size:32px;letter-spacing:-0.9px}
.cta-title{font-size:42px;letter-spacing:-1.3px}
.founder-name{font-size:36px;letter-spacing:-1px}
.lead-text,.lead-text-white{font-size:19px}
.body-text{font-size:17px}
.cases-grid,.conference-grid{grid-template-columns:1fr;gap:28px}
.case-card:nth-child(2){transform:none}
.contact-info{flex-direction:column;gap:36px}
.founder-stats{grid-template-columns:1fr;gap:20px}
.stats-row{grid-template-columns:1fr;gap:18px}
section{padding:80px 0}
.hero-pain{padding:140px 0 80px}
.form-modal-content{padding:36px 24px}
.image-container{transform:none;box-shadow:0 15px 45px rgba(0,91,187,0.1)}
.founder-image{box-shadow:0 20px 55px rgba(0,91,187,0.14)}
.nav-content{padding:20px 0}
.feature-section .container,.service-section .container{gap:48px}
.problem-solo .container,.problem-competition .container{gap:48px}
}

@media(max-width:480px){
.hero-title{font-size:38px}
.section-title,.section-title-white{font-size:32px}
.feature-title{font-size:30px}
.service-title{font-size:28px}
.cta-title{font-size:34px}
.content-box,.content-box-center{padding:28px}
.btn-cta{padding:22px 48px;font-size:17px}
}