:root{--bg:#020711;--bg2:#051225;--panel:#07172b;--panel2:#091c35;--blue:#078cff;--blue2:#0057ff;--cyan:#32c5ff;--text:#f4f8ff;--muted:#94a7bf;--line:rgba(87,153,220,.26);--shadow:0 24px 80px rgba(0,0,0,.46);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:radial-gradient(circle at 78% 8%,rgba(0,92,220,.13),transparent 27%),linear-gradient(180deg,#020711 0%,#03101e 48%,#020711 100%);color:var(--text);font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.container{width:min(1180px,calc(100% - 42px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(2,7,17,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(54,113,174,.17);transition:.3s}.site-header.scrolled{background:rgba(2,7,17,.92);box-shadow:0 15px 45px rgba(0,0,0,.28)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:none}.brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,119,255,.3))}.brand>span{display:flex;flex-direction:column}.brand strong{font-size:25px;letter-spacing:2px;line-height:1}.brand strong span,.visual-wordmark strong span,.project-logo strong span{color:var(--blue)}.brand small{font-size:7px;letter-spacing:3.1px;color:#9fb5ce;margin-top:6px}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{color:#c8d4e3;text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap;transition:.22s}.nav-links>a:not(.nav-cta):not(.nav-outline):hover{color:#fff}.nav-cta,.nav-outline{padding:11px 16px;border-radius:7px}.nav-cta{background:linear-gradient(135deg,#129fff,#0050eb);box-shadow:0 7px 24px rgba(0,104,255,.24);color:#fff!important}.nav-outline{border:1px solid rgba(35,130,221,.58);color:#e5f3ff!important}.nav-outline:hover{border-color:#169cff;background:rgba(0,126,255,.09)}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:8px}.menu-toggle i{display:block;height:2px;background:#fff;margin:6px;border-radius:2px}.hero{position:relative;isolation:isolate;min-height:800px;padding:66px 0 0;overflow:hidden}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,transparent,var(--bg));z-index:-1}.hero-grid-bg{position:absolute;inset:0;z-index:-4;background-image:linear-gradient(rgba(39,107,173,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(39,107,173,.07) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.hero-orbit{position:absolute;border:1px solid rgba(0,121,255,.18);border-radius:50%;z-index:-3;box-shadow:0 0 90px rgba(0,96,255,.1)}.orbit-a{width:680px;height:680px;right:-130px;top:25px}.orbit-b{width:420px;height:420px;right:25px;top:155px}.hero-layout{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:610px;gap:35px}.kicker{display:flex;align-items:center;gap:10px;color:#46aefa;font-size:12px;letter-spacing:2px;font-weight:800}.kicker>span{width:22px;height:1px;background:#118eff;box-shadow:0 0 8px #078cff}.kicker.centered{justify-content:center}.hero h1{font-size:clamp(48px,5.25vw,76px);line-height:1.02;letter-spacing:-3.2px;margin:25px 0 25px;max-width:660px}.hero h1 em{color:var(--blue);font-style:normal;text-shadow:0 0 30px rgba(0,133,255,.28)}.hero-copy>p{max-width:660px;color:#a9b9cc;font-size:17px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 38px}.button{min-height:49px;padding:0 22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;text-decoration:none;font-weight:800;font-size:14px;position:relative;overflow:hidden;border:0;cursor:pointer;font-family:inherit}.button:before{content:"";position:absolute;inset:-2px auto -2px -60%;width:42%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.55s}.button:hover:before{left:125%}.button.primary{background:linear-gradient(135deg,#13a7ff 0%,#075df7 55%,#0046d8 100%);box-shadow:0 13px 32px rgba(0,96,255,.28),inset 0 1px rgba(255,255,255,.24)}.button.secondary,.button.tertiary{border:1px solid rgba(34,136,229,.62);background:linear-gradient(135deg,rgba(8,42,82,.72),rgba(3,20,42,.65));box-shadow:inset 0 1px rgba(255,255,255,.04)}.button.tertiary{border-color:rgba(79,113,156,.48);color:#c9d8e8}.hero-proof{display:flex;gap:34px;flex-wrap:wrap}.hero-proof>div{display:flex;align-items:center;gap:11px}.hero-proof i{width:35px;height:35px;border-radius:9px;border:1px solid rgba(20,145,255,.6);display:grid;place-items:center;color:#20a8ff;font-style:normal;background:rgba(5,38,77,.55)}.hero-proof span{display:flex;flex-direction:column}.hero-proof b{font-size:12px}.hero-proof small{font-size:10px;color:#7389a2}.hero-visual{height:610px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1100px}.visual-halo{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,132,255,.27),rgba(0,61,166,.09) 38%,transparent 68%);filter:blur(10px);animation:pulse 5s ease-in-out infinite}.hero-cube{position:relative;width:min(470px,90%);height:auto;z-index:3;filter:drop-shadow(0 32px 48px rgba(0,0,0,.56)) drop-shadow(0 0 40px rgba(0,106,255,.28));animation:float 6s ease-in-out infinite}.visual-wordmark{position:absolute;bottom:65px;right:30px;display:flex;flex-direction:column;z-index:4;text-align:right;text-shadow:0 0 24px rgba(0,112,255,.35)}.visual-wordmark strong{font-size:34px;letter-spacing:5px}.visual-wordmark small{font-size:8px;letter-spacing:4.6px;color:#9fb5cf}.visual-beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#139cff,transparent);filter:drop-shadow(0 0 8px #078cff);opacity:.55;transform-origin:left}.beam-one{width:570px;right:-110px;top:250px;transform:rotate(-17deg)}.beam-two{width:500px;right:-90px;top:330px;transform:rotate(19deg)}.visual-chip{position:absolute;z-index:5;padding:11px 15px;border:1px solid rgba(37,140,232,.35);background:rgba(3,17,36,.72);backdrop-filter:blur(12px);border-radius:10px;box-shadow:0 16px 45px rgba(0,0,0,.3);display:flex;flex-direction:column}.visual-chip b{font-size:12px;color:#44b6ff}.visual-chip small{font-size:9px;color:#8499b3}.chip-a{top:142px;left:25px}.chip-b{right:8px;top:202px}.technology-bar{position:relative;z-index:5;display:grid;grid-template-columns:repeat(7,1fr);border:1px solid rgba(37,93,150,.47);background:linear-gradient(90deg,rgba(5,21,44,.9),rgba(6,31,65,.82),rgba(5,21,44,.9));box-shadow:0 18px 70px rgba(0,0,0,.28);border-radius:10px;overflow:hidden}.technology-bar span{display:flex;align-items:center;justify-content:center;gap:9px;padding:18px 9px;border-right:1px solid rgba(36,87,140,.43)}.technology-bar span:last-child{border:0}.technology-bar i{font-style:normal;color:#12a0ff;font-size:17px}.technology-bar b{font-size:11px;letter-spacing:.5px}.section{padding:105px 0}.section-heading{text-align:center;max-width:800px}.section-heading h2,.split-layout h2,.project-intro h2,.faq-layout h2{font-size:clamp(35px,4vw,52px);line-height:1.12;letter-spacing:-1.8px;margin:18px 0}.section-heading p,.muted{color:var(--muted);max-width:700px;margin-inline:auto}.process-grid{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;margin-top:50px}.process-card,.service-card,.why-panel,.project-shell{border:1px solid rgba(55,125,192,.37);background:linear-gradient(145deg,rgba(8,27,54,.84),rgba(3,13,29,.78));box-shadow:inset 0 1px rgba(255,255,255,.04),var(--shadow)}.process-card{min-height:278px;padding:34px;border-radius:var(--radius);position:relative;overflow:hidden}.process-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(0,107,255,.14);filter:blur(45px);right:-25px;top:-35px}.number{font-size:44px;font-weight:900;color:#0a8fff;letter-spacing:-2px}.process-icon{position:absolute;right:30px;top:31px;color:#25a9ff;font-size:38px}.process-card h3{font-size:21px;margin-top:32px}.process-card p,.service-card p,.why-item p,.project-intro p,.faq p{color:var(--muted)}.connector{text-align:center;position:relative;color:#169eff;font-size:36px}.connector:before{content:"";height:1px;position:absolute;left:0;right:0;top:50%;background:linear-gradient(90deg,transparent,#087aff,transparent)}.connector span{position:relative;background:#03101e;padding:4px}.service-section{background:linear-gradient(180deg,transparent,rgba(3,19,40,.5),transparent)}.split-layout{display:grid;grid-template-columns:1.28fr .72fr;gap:54px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:40px}.service-card{min-height:322px;padding:26px 21px;border-radius:15px;position:relative;transition:.3s cubic-bezier(.2,.8,.2,1)}.service-card:after{content:"";position:absolute;inset:auto 15px 0;height:1px;background:linear-gradient(90deg,transparent,#078cff,transparent);opacity:0;transition:.3s}.service-card:hover{transform:translateY(-8px);border-color:rgba(20,149,255,.75);box-shadow:0 20px 60px rgba(0,80,190,.2),inset 0 1px rgba(255,255,255,.06)}.service-card:hover:after{opacity:1}.service-icon{color:#24aaff;font-size:39px;text-shadow:0 0 22px rgba(0,135,255,.3)}.service-card h3{font-size:20px;line-height:1.25;margin:19px 0}.service-card p{font-size:13px}.service-card>a{position:absolute;left:21px;bottom:20px;text-decoration:none;color:#1ea4ff;font-size:27px}.why-panel{border-radius:var(--radius);padding:34px 31px}.why-item{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:25px 0;border-bottom:1px solid rgba(61,116,168,.2)}.why-item:last-child{border:0}.why-item i{width:50px;height:50px;border:1px solid rgba(24,151,255,.67);border-radius:13px;display:grid;place-items:center;color:#2caeff;font-style:normal;font-size:23px;background:rgba(0,93,198,.08)}.why-item h3{font-size:16px;margin:0 0 5px}.why-item p{font-size:13px;margin:0}.project-section{position:relative}.project-shell{display:grid;grid-template-columns:.78fr 1.45fr;border-radius:22px;overflow:hidden;min-height:650px}.project-intro{position:relative;padding:54px 44px;overflow:hidden;background:linear-gradient(145deg,rgba(5,27,59,.88),rgba(3,15,33,.55))}.project-intro h2{font-size:43px}.project-intro>p{max-width:430px}.project-logo{position:absolute;left:38px;right:20px;bottom:32px;height:285px;display:flex;align-items:center;justify-content:center;opacity:.88}.project-logo img{width:250px;height:250px;object-fit:contain;filter:drop-shadow(0 0 33px rgba(0,126,255,.32));animation:float 7s ease-in-out infinite}.project-logo>div:last-child{display:flex;flex-direction:column;margin-left:-32px;margin-top:85px}.project-logo strong{font-size:29px;letter-spacing:4px}.project-logo small{font-size:7px;letter-spacing:3.6px;color:#9aafc7}.logo-glow{position:absolute;width:270px;height:270px;border-radius:50%;background:rgba(0,112,255,.23);filter:blur(75px)}.form-card{padding:34px;background:linear-gradient(145deg,rgba(4,16,34,.93),rgba(2,10,22,.97))}.form-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:5px;background:#061426;border:1px solid rgba(55,120,185,.42);border-radius:12px;margin-bottom:26px}.form-tab{min-height:48px;border:0;border-radius:8px;background:transparent;color:#98abc1;font-family:inherit;font-weight:800;cursor:pointer;transition:.25s}.form-tab:hover{color:#fff;background:rgba(0,118,255,.07)}.form-tab.active{color:#fff;background:linear-gradient(135deg,#159eff,#0758ed);box-shadow:0 9px 25px rgba(0,102,255,.27),inset 0 1px rgba(255,255,255,.2)}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lead-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#bdd0e3}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid rgba(51,109,165,.5);background:rgba(3,14,29,.86);border-radius:9px;color:#f3f8ff;padding:14px 15px;font:inherit;outline:none;transition:.22s;resize:vertical}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#5f7690}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#168fff;box-shadow:0 0 0 3px rgba(0,126,255,.12),0 0 28px rgba(0,89,220,.11);background:#05152b}.full{grid-column:1/-1}.upload{min-height:92px;border:1px dashed rgba(34,145,235,.55);border-radius:11px;background:rgba(3,28,58,.42);display:grid!important;place-items:center;align-content:center;position:relative;cursor:pointer;gap:1px!important;text-align:center}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload b{font-size:13px;color:#e4f3ff}.upload small{font-size:10px;color:#7289a4}.submit{width:100%;margin-top:2px}.tab-panel[hidden]{display:none!important}.faq-section{background:linear-gradient(180deg,transparent,rgba(3,17,35,.58))}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:75px}.faq details{border-bottom:1px solid rgba(58,112,165,.33);padding:20px 3px}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:800;font-size:17px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#1ba2ff;font-size:24px;transition:.2s}.faq details[open] summary span{transform:rotate(45deg)}.faq p{margin:13px 0 5px;font-size:14px}footer{border-top:1px solid rgba(46,101,154,.35);background:#01050c;padding:65px 0 22px}.footer-grid{display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:60px}.footer-brand p{max-width:340px;color:#8092a8;font-size:13px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-grid h4{font-size:13px;letter-spacing:1px;margin:5px 0 9px}.footer-grid a:not(.brand){color:#8295ac;text-decoration:none;font-size:13px}.footer-grid a:hover{color:#fff}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid rgba(43,91,139,.25);display:flex;justify-content:space-between;color:#53677e;font-size:11px}.cursor-glow{position:fixed;width:380px;height:380px;border-radius:50%;background:rgba(0,104,255,.055);filter:blur(80px);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.15s}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-17px) rotate(1deg)}}@keyframes pulse{0%,100%{transform:scale(.95);opacity:.75}50%{transform:scale(1.05);opacity:1}}@media(max-width:1100px){.nav-links{gap:11px}.nav-links a{font-size:11px}.nav-cta,.nav-outline{padding:10px 11px}.service-grid{grid-template-columns:repeat(2,1fr)}.project-shell{grid-template-columns:1fr}.project-intro{min-height:420px}.project-logo{left:auto;width:420px;right:30px;bottom:0}.project-intro h2,.project-intro>p{max-width:570px}.form-card{padding:30px 34px}}@media(max-width:900px){.menu-toggle{display:block}.nav-links{position:absolute;top:76px;left:21px;right:21px;display:none;flex-direction:column;align-items:stretch;background:rgba(3,14,30,.97);border:1px solid rgba(51,118,185,.5);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{text-align:center;font-size:13px}.hero{padding-top:38px}.hero-layout{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .kicker,.hero-actions,.hero-proof{justify-content:center}.hero-copy>p,.hero h1{margin-inline:auto}.hero-visual{height:510px}.visual-chip{display:none}.technology-bar{grid-template-columns:repeat(4,1fr)}.process-grid{grid-template-columns:1fr}.connector{height:55px;display:grid;place-items:center;transform:rotate(90deg)}.split-layout,.faq-layout{grid-template-columns:1fr}.faq-layout{gap:20px}.footer-grid{grid-template-columns:1fr 1fr}.project-logo{opacity:.65}}@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:74px}.brand img{width:49px;height:49px}.brand strong{font-size:21px}.hero{min-height:auto;padding-top:45px}.hero h1{font-size:45px;letter-spacing:-2px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-proof{display:grid;grid-template-columns:1fr 1fr;text-align:left}.hero-proof>div:last-child{grid-column:1/-1}.hero-visual{height:390px}.hero-cube{width:330px}.visual-wordmark{right:10px;bottom:33px}.visual-wordmark strong{font-size:25px}.technology-bar{grid-template-columns:repeat(2,1fr)}.technology-bar span:nth-last-child(1){grid-column:1/-1}.section{padding:78px 0}.section-heading h2,.split-layout h2,.faq-layout h2{font-size:36px}.service-grid{grid-template-columns:1fr}.service-card{min-height:260px}.project-intro{min-height:400px;padding:35px 23px}.project-intro h2{font-size:35px}.project-logo{left:0;right:0;width:auto;bottom:0;opacity:.72}.project-logo img{width:215px}.project-logo>div:last-child{display:none}.form-card{padding:18px 14px 24px}.form-tabs{grid-template-columns:1fr}.form-tab{min-height:43px}.lead-form{grid-template-columns:1fr}.full{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:8px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-cube,.project-logo img,.visual-halo{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* V2.1 — Kullanıcı referansına sadık yerleşim düzeltmeleri */
.hero-visual{
  min-width:0;
  height:auto;
  min-height:430px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  position:relative;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
}
.hero-banner{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  object-fit:contain;
  object-position:center;
  border:0;
  box-shadow:none;
  background:transparent;
}

.project-intro{
  display:flex;
  flex-direction:column;
}
.project-logo{
  position:relative;
  inset:auto;
  width:100%;
  height:auto;
  min-height:285px;
  margin-top:auto;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
  opacity:.88;
  isolation:isolate;
}
.project-logo img{
  position:relative;
  z-index:2;
  width:250px;
  height:250px;
  object-fit:contain;
  filter:drop-shadow(0 0 33px rgba(0,126,255,.32));
  animation:float 7s ease-in-out infinite;
}
.project-logo .logo-glow{
  position:absolute;
  z-index:1;
  left:50%;
  bottom:8px;
  transform:translateX(-50%);
  width:270px;
  height:270px;
  border-radius:50%;
  background:rgba(0,112,255,.23);
  filter:blur(75px);
  pointer-events:none;
}

@media(max-width:1100px){
  .hero-visual{min-height:420px;justify-content:center}
  .project-logo{position:relative;left:auto;right:auto;bottom:auto;width:100%;min-height:285px;margin-top:auto}
}
@media(max-width:900px){
  .hero-visual{height:auto;min-height:0;margin-top:20px}
  .hero-banner{width:100%}
  .project-logo{opacity:.88}
}
@media(max-width:620px){
  .hero-visual{height:auto;min-height:0}
  .hero-banner{width:100%}
  .project-intro{min-height:560px}
  .project-logo{position:relative;left:auto;right:auto;bottom:auto;width:100%;min-height:245px;margin-top:auto;opacity:.88}
  .project-logo img{width:215px;height:215px}
}


/* ERG2GO son düzenleme: mevcut stil korunarak hero arka planı, merkez metin ve dil seçimi */
.hero-visual{
  background-image:url("assets/erg2go-banner.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  min-height:430px!important;
  overflow:hidden!important;
}
.hero-banner{display:none!important}
.project-intro-centered{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-height:100%!important;
}
.project-intro-centered h2,
.project-intro-centered>p{max-width:520px!important;margin-left:auto!important;margin-right:auto!important}
.language-switch{display:flex;align-items:center;gap:5px;flex:none;padding:4px;border:1px solid rgba(35,130,221,.45);border-radius:9px;background:rgba(3,18,38,.72)}
.lang-button{height:34px;min-width:56px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#93a9c1;display:flex;align-items:center;justify-content:center;gap:7px;font:800 11px/1 Inter,Manrope,"Segoe UI",Arial,sans-serif;letter-spacing:.6px;cursor:pointer;transition:.2s}
.lang-button img{width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.lang-button:hover{color:#fff;background:rgba(0,126,255,.09)}
.lang-button.active{color:#fff;background:linear-gradient(135deg,#159eff,#0758ed);box-shadow:0 6px 18px rgba(0,102,255,.24)}
@media(max-width:1100px){.nav-wrap{gap:12px}.language-switch{margin-left:auto}.lang-button{min-width:49px;padding:0 7px}.nav-links{gap:8px}}
@media(max-width:900px){.language-switch{order:2;margin-left:auto}.menu-toggle{order:3}.nav-links{order:4}.hero-visual{background-size:contain!important;min-height:0!important;aspect-ratio:16/9}.project-intro-centered{min-height:360px!important}}
@media(max-width:620px){.brand>span{display:none}.language-switch{padding:3px}.lang-button{min-width:46px;height:32px}.lang-button img{width:20px;height:14px}.project-intro-centered{min-height:340px!important;padding:35px 24px!important}}

/* Hero banner integration fix — only removes the visible image rectangle. */
.hero-visual{
  position:relative!important;
  align-self:stretch!important;
  min-height:610px!important;
  background-image:url("assets/erg2go-banner.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.hero-visual::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,16,30,.98) 0%,rgba(3,16,30,.64) 8%,transparent 24%),
    linear-gradient(180deg,rgba(3,16,30,.88) 0%,transparent 17%,transparent 83%,rgba(3,16,30,.9) 100%);
}
@media(max-width:900px){
  .hero-visual{
    min-height:0!important;
    aspect-ratio:16/9!important;
    background-size:cover!important;
  }
  .hero-visual::after{
    background:
      linear-gradient(90deg,rgba(3,16,30,.7) 0%,transparent 14%,transparent 86%,rgba(3,16,30,.35) 100%),
      linear-gradient(180deg,rgba(3,16,30,.72) 0%,transparent 15%,transparent 85%,rgba(3,16,30,.8) 100%);
  }
}

/* V4 hero düzeltmesi: banner kırpılmadan, sağ alanın içinde tam görünür. */
.hero-visual{
  position:relative!important;
  align-self:stretch!important;
  min-height:610px!important;
  background-color:#020711!important;
  background-image:url("assets/erg2go-banner.png")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:contain!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.hero-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(0,95,220,.08),transparent 70%);
}
.hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,#020711 0%,rgba(2,7,17,.36) 8%,transparent 20%,transparent 80%,rgba(2,7,17,.18) 93%,#020711 100%),
    linear-gradient(180deg,#020711 0%,rgba(2,7,17,.12) 10%,transparent 22%,transparent 78%,rgba(2,7,17,.12) 90%,#020711 100%);
}
@media(max-width:900px){
  .hero-visual{
    min-height:0!important;
    aspect-ratio:16/9!important;
    background-size:contain!important;
  }
}

/* FINAL HERO PLACEMENT — banner spans the entire hero behind the existing content. */
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:
    linear-gradient(90deg,rgba(2,7,17,.97) 0%,rgba(2,7,17,.91) 24%,rgba(2,7,17,.58) 42%,rgba(2,7,17,.12) 64%,rgba(2,7,17,.03) 100%),
    url("assets/erg2go-banner.png");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
html[lang="en"] .hero::before{
  background-image:
    linear-gradient(90deg,rgba(2,7,17,.97) 0%,rgba(2,7,17,.91) 24%,rgba(2,7,17,.58) 42%,rgba(2,7,17,.12) 64%,rgba(2,7,17,.03) 100%),
    url("assets/erg2go-banner-en.png");
}
.hero-copy{position:relative;z-index:3}
.hero-visual{background:none!important;pointer-events:none}
.hero-orbit{display:none!important}
.hero-grid-bg{opacity:.22}
@media(max-width:900px){
  .hero::before,html[lang="en"] .hero::before{
    background-position:62% center;
    background-size:auto 100%;
  }
  .hero::after{
    background:linear-gradient(180deg,transparent 55%,var(--bg));
  }
}

/* VERIFIED HERO FIX 2026-07-21
   The brand artwork is one full-hero background. The former right-side
   visual container is removed so no rectangular image panel can appear. */
.hero{
  background-color:#020711;
}
.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;
  background-image:
    linear-gradient(90deg,rgba(2,7,17,.98) 0%,rgba(2,7,17,.94) 24%,rgba(2,7,17,.72) 43%,rgba(2,7,17,.22) 68%,rgba(2,7,17,.04) 100%),
    url("assets/erg2go-banner.png")!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}
html[lang="en"] .hero::before{
  background-image:
    linear-gradient(90deg,rgba(2,7,17,.98) 0%,rgba(2,7,17,.94) 24%,rgba(2,7,17,.72) 43%,rgba(2,7,17,.22) 68%,rgba(2,7,17,.04) 100%),
    url("assets/erg2go-banner-en.png")!important;
}
.hero-layout{
  display:block!important;
  min-height:610px!important;
  position:relative!important;
}
.hero-copy{
  width:min(660px,100%)!important;
  padding-top:55px!important;
}
.hero-visual{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  background:none!important;
}
@media(max-width:900px){
  .hero::before,html[lang="en"] .hero::before{
    background-size:cover!important;
    background-position:60% center!important;
  }
  .hero-layout{min-height:650px!important}
  .hero-copy{padding-top:25px!important}
}
@media(max-width:620px){
  .hero::before,html[lang="en"] .hero::before{
    background-position:68% center!important;
  }
  .hero-layout{min-height:620px!important}
}

/* ==========================================================
   ERG2GO MOBILE V2.1 — 2026-07-21
   Yalnızca telefon görünümü. Masaüstü kuralları değişmez.
========================================================== */
@media (max-width: 767px){
  .container{width:min(100% - 28px,1180px)}

  .site-header{background:rgba(2,7,17,.9)}
  .nav-wrap{height:72px;gap:10px}
  .brand img{width:48px;height:48px}
  .language-switch{margin-left:auto;padding:3px;gap:3px;border-radius:9px}
  .lang-button{min-width:45px;height:32px;padding:0 7px;gap:5px}
  .lang-button img{width:19px;height:13px}

  .menu-toggle{
    display:block;width:42px;height:42px;padding:9px;border-radius:10px;
    border:1px solid rgba(76,142,209,.25);background:rgba(5,24,48,.58)
  }
  .menu-toggle i{height:2px;margin:5px 3px;transition:transform .24s ease,opacity .2s ease}
  .menu-toggle.active i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle.active i:nth-child(2){opacity:0}
  .menu-toggle.active i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .hero{min-height:auto;padding:44px 0 0}
  .hero::before,html[lang="en"] .hero::before{
    background-size:cover!important;
    background-position:68% center!important;
  }
  .hero::after{height:180px;background:linear-gradient(180deg,transparent 28%,var(--bg))}
  .hero-layout{min-height:600px!important}
  .hero-copy{width:100%!important;padding-top:8px!important;text-align:center}
  .kicker{justify-content:center;font-size:10px;letter-spacing:1.55px;white-space:nowrap}
  .hero h1{
    margin:22px auto 20px;max-width:340px;
    font-size:clamp(35px,10.2vw,42px);line-height:1.08;letter-spacing:-1.65px
  }
  .hero-copy>p{max-width:350px;margin-inline:auto;font-size:14px;line-height:1.72;color:#b3c1d2}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin:28px 0 26px}
  .hero-actions .button{width:100%;min-height:50px;padding:0 18px;font-size:13px;border-radius:8px}
  .hero-actions .secondary,.hero-actions .tertiary{background:rgba(3,20,42,.72)}
  .hero-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;text-align:left}
  .hero-proof>div{gap:9px;min-width:0}
  .hero-proof>div:nth-child(3){grid-column:1/-1;justify-self:center}
  .hero-proof i{width:32px;height:32px;border-radius:8px;flex:0 0 auto}
  .hero-proof b{font-size:11px}.hero-proof small{font-size:9px}
  .technology-bar{margin-top:8px}
}

@media (max-width: 374px){
  .container{width:min(100% - 22px,1180px)}
  .brand img{width:44px;height:44px}
  .lang-button{min-width:42px;padding:0 5px}
  .hero{padding-top:36px}
  .hero-layout{min-height:575px!important}
  .hero h1{font-size:34px;max-width:320px}
  .hero-copy>p{font-size:13px}
}
@media (max-width: 767px) {

  .hero {
    background-color: #020711 !important;
  }

  .hero::before {
    background-image:
      linear-gradient(
        180deg,
        #020711 0%,
        rgba(2, 7, 17, 0.98) 28%,
        rgba(2, 7, 17, 0.90) 48%,
        rgba(2, 7, 17, 0.48) 68%,
        rgba(2, 7, 17, 0.10) 100%
      ),
      url("assets/erg2go-banner-mobile.png") !important;

    background-size:
      100% 100%,
      100% auto !important;

    background-position:
      center center,
      center bottom !important;

    background-repeat: no-repeat !important;
  }

  html[lang="en"] .hero::before {
    background-image:
      linear-gradient(
        180deg,
        #020711 0%,
        rgba(2, 7, 17, 0.98) 28%,
        rgba(2, 7, 17, 0.90) 48%,
        rgba(2, 7, 17, 0.48) 68%,
        rgba(2, 7, 17, 0.10) 100%
      ),
      url("assets/erg2go-banner-mobile-en.png") !important;
  }

}