:root{
  --bg:#0a0d0f;--surface:#12171a;--surface2:#171d21;--text:#f4f5f5;--muted:#9fa8ad;
  --line:#283037;--orange:#df7b39;--blue:#5aa6c8;--wood:#b98551;--green:#7ea06a;--max:1500px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}
.top{position:sticky;top:0;z-index:20;background:rgba(10,13,15,.84);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.top-in{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:900;letter-spacing:-.02em}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:#7f8990;text-transform:uppercase;margin-top:2px}
.nav{display:flex;align-items:center;gap:22px;color:#b5bdc2;font-size:12px;font-weight:750}
.nav a:hover{color:#fff}.menu-btn{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:9px;padding:9px 12px}
.hero{min-height:76vh;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding-top:70px;padding-bottom:80px}
.kicker{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.hero h1{font-size:clamp(58px,8vw,118px);line-height:.86;letter-spacing:-.065em;margin:16px 0 28px;max-width:980px}
.hero p{font-size:clamp(18px,1.7vw,24px);color:#b8c0c4;max-width:760px;margin:0}
.hero-art{height:560px;position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:
 radial-gradient(circle at 70% 20%,rgba(223,123,57,.18),transparent 35%),
 radial-gradient(circle at 25% 72%,rgba(90,166,200,.12),transparent 32%),
 linear-gradient(135deg,#151b1f,#090c0e)}
.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}
.hero-art:before{width:430px;height:430px;right:-100px;top:-80px;box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(255,255,255,.012)}
.hero-art:after{width:230px;height:230px;left:80px;bottom:70px}
.hero-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}
.hero-label{position:absolute;left:28px;bottom:28px;color:#d4d9dc;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.section{padding:110px 0}.section-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:end;margin-bottom:54px}
.section-head h2{font-size:clamp(44px,6vw,78px);line-height:.95;letter-spacing:-.05em;margin:0}.section-head p{margin:0;color:var(--muted);max-width:760px}
.sectors{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.sector{position:relative;min-height:330px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;transition:.25s ease}
.sector:hover{transform:translateY(-4px);border-color:#3c4850}.sector h3{font-size:30px;line-height:1.04;letter-spacing:-.035em;margin:18px 0 12px}.sector p{margin:0;color:#9ca6ac;font-size:14px;max-width:440px}
.sector .tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.sector .go{position:absolute;left:28px;bottom:25px;font-size:12px;font-weight:850}
.sector .orb{position:absolute;width:210px;height:210px;border-radius:50%;right:-70px;top:-70px;border:1px solid rgba(255,255,255,.08)}
.s1{grid-column:span 7}.s2{grid-column:span 5}.s3{grid-column:span 4}.s4{grid-column:span 4}.s5{grid-column:span 4}
.s1 .tag{color:var(--orange)}.s2 .tag{color:#d8a566}.s3 .tag{color:var(--blue)}.s4 .tag{color:#a88bd2}.s5 .tag{color:var(--green)}
.tech{padding:110px 0;border-top:1px solid var(--line)}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tech-card{min-height:430px;border:1px solid var(--line);border-radius:20px;padding:30px;display:flex;flex-direction:column;background:linear-gradient(145deg,#141a1e,#0d1114);position:relative;overflow:hidden}
.tech-card h3{font-size:36px;line-height:1;letter-spacing:-.04em;margin:18px 0 14px}.tech-card p{color:#9ea8ae;font-size:14px;margin:0;max-width:420px}.tech-card .go{margin-top:auto;font-size:12px;font-weight:900;padding-top:28px}
.tech-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-90px;bottom:-80px;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 45px rgba(255,255,255,.015)}
.tech-card.steel .tag{color:var(--orange)}.tech-card.wood .tag{color:var(--wood)}.tech-card.me .tag{color:var(--blue)}
.statement{margin:20px 0 110px;border-radius:24px;padding:72px;background:#ece9e3;color:#171717}
.statement small{font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:#8a6c53}
.statement h2{font-size:clamp(46px,7vw,96px);line-height:.9;letter-spacing:-.06em;margin:16px 0 0;max-width:1200px}
.footer{border-top:1px solid var(--line);padding:34px 0 50px;color:#7f8990;font-size:12px}
@media(max-width:1000px){
 .hero{grid-template-columns:1fr}.hero-art{height:430px}.section-head{grid-template-columns:1fr}.s1,.s2,.s3,.s4,.s5{grid-column:span 12}.tech-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 .nav{display:none}.menu-btn{display:block}.hero{padding-top:48px;gap:38px}.hero h1{font-size:58px}.hero-art{height:340px}
 .section,.tech{padding:78px 0}.section-head h2{font-size:48px}.sector{min-height:290px}.statement{margin-bottom:75px;padding:48px 22px}.statement h2{font-size:52px}
}


/* v2 — marka / domain portföyü */
.portfolio{padding:110px 24px 40px}
.portfolio-groups{display:grid;gap:22px}
.portfolio-group{
  border:1px solid var(--line);
  border-radius:22px;
  padding:32px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),
    var(--surface);
}
.portfolio-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding-bottom:26px;
  border-bottom:1px solid var(--line);
}
.portfolio-head h3{
  font-size:clamp(30px,4vw,48px);
  line-height:1;
  letter-spacing:-.04em;
  margin:9px 0 0;
}
.count{
  flex:none;
  border:1px solid var(--line);
  padding:8px 11px;
  border-radius:999px;
  color:#aeb7bc;
  font-size:11px;
  font-weight:850;
}
.portfolio-group.food .kicker{color:#e49752}
.portfolio-group.industrial .kicker{color:var(--orange)}
.portfolio-group.media .kicker{color:var(--blue)}
.portfolio-group.digital .kicker{color:var(--green)}
.domain-cluster{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-top:20px;
}
.domain-cluster.four{grid-template-columns:repeat(4,1fr)}
.domain-cluster.two{grid-template-columns:repeat(2,1fr)}
.domain-family{
  min-width:0;
  background:#0e1316;
  border:1px solid #252e33;
  border-radius:15px;
  padding:20px;
}
.domain-family h4{
  font-size:13px;
  letter-spacing:.03em;
  margin:0 0 13px;
  color:#dce1e3;
}
.domain-links{display:flex;flex-direction:column;gap:8px}
.domain-links a{
  display:block;
  border-top:1px solid rgba(255,255,255,.055);
  padding-top:8px;
  font-size:12px;
  color:#98a4aa;
  overflow-wrap:anywhere;
  transition:.2s ease;
}
.domain-links a:first-child{border-top:0;padding-top:0}
.domain-links a:hover{color:#fff;transform:translateX(3px)}

@media(max-width:1000px){
  .domain-cluster,.domain-cluster.four{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .portfolio{padding:78px 18px 25px}
  .portfolio-group{padding:22px}
  .portfolio-head{display:block}
  .count{display:inline-block;margin-top:16px}
  .domain-cluster,.domain-cluster.four,.domain-cluster.two{grid-template-columns:1fr}
}


/* v3 — bağlantılı faaliyet alanları */
section[id]{scroll-margin-top:92px}

.domain-single{
  margin-top:20px;
}
.primary-domain{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:74px;
  padding:0 22px;
  border-radius:15px;
  border:1px solid #252e33;
  background:#0e1316;
  color:#dbe2e5;
  font-size:15px;
  font-weight:800;
  transition:.2s ease;
}
.primary-domain:after{
  content:"↗";
  color:#76838a;
  font-size:17px;
}
.primary-domain:hover{
  border-color:#46545c;
  transform:translateY(-2px);
  color:#fff;
}
.solutions{
  padding:110px 24px 70px;
}
.solution-feature{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:end;
  min-height:320px;
  border:1px solid var(--line);
  border-radius:22px;
  padding:38px;
  background:
    radial-gradient(circle at 85% 10%,rgba(168,139,210,.15),transparent 34%),
    linear-gradient(145deg,#15191d,#0d1114);
}
.solution-feature .kicker{color:#a88bd2}
.solution-feature h3{
  font-size:clamp(34px,4.5vw,58px);
  line-height:.98;
  letter-spacing:-.045em;
  margin:14px 0 0;
  max-width:700px;
}
.solution-feature p{
  color:#aeb7bc;
  font-size:16px;
  max-width:620px;
  margin:0;
}
@media(max-width:800px){
  .solution-feature{grid-template-columns:1fr;gap:28px;padding:26px;min-height:0}
  .solutions{padding:78px 18px 48px}
}


/* v4 — kurumsal akış, oegrup.com marka alanı ve Endüstri önceliği */

.brand-logo{
  display:inline-flex;
  align-items:baseline;
  gap:0;
  font-weight:950;
  letter-spacing:-.055em;
  line-height:1;
  font-size:25px;
  color:#fff;
}
.brand-logo .brand-oe{
  display:inline-grid;
  place-items:center;
  min-width:38px;
  height:38px;
  padding:0 7px;
  margin-right:5px;
  border-radius:9px;
  background:linear-gradient(135deg,#ef8a43,#d66e30);
  color:#0b0e10;
  letter-spacing:-.08em;
}
.brand-logo .brand-grup{
  color:#f1f3f4;
}
.brand-logo .brand-dot{
  margin-left:1px;
  font-size:13px;
  letter-spacing:-.02em;
  color:#849097;
  font-weight:800;
}

.nav{
  gap:18px;
}
.nav a{
  white-space:nowrap;
}

.tech{
  padding-top:115px;
  padding-bottom:75px;
}
.industrial-products{
  margin-top:70px;
  border:1px solid var(--line);
  border-radius:22px;
  padding:38px;
  background:
    radial-gradient(circle at 88% 0%,rgba(223,123,57,.12),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),
    var(--surface);
}
.industrial-products .portfolio-head{
  padding-bottom:30px;
}
.industrial-products .portfolio-head h3{
  font-size:clamp(38px,4.7vw,62px);
}
.industrial-products .domain-cluster.four{
  gap:18px;
}
.industrial-products .domain-family{
  min-height:145px;
  padding:25px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.industrial-products .domain-family h4{
  font-size:18px;
  margin-bottom:15px;
  letter-spacing:-.01em;
}
.industrial-products .domain-links a{
  font-size:14px;
  color:#aeb8bd;
  font-weight:650;
}
.industrial-products .domain-links a:hover{
  color:#fff;
}

.portfolio{
  padding-top:90px;
}
.portfolio-group.media,
.portfolio-group.digital{
  scroll-margin-top:92px;
}

@media(max-width:1180px){
  .nav{gap:12px;font-size:11px}
  .brand-logo{font-size:22px}
  .brand-logo .brand-oe{min-width:34px;height:34px}
}
@media(max-width:1000px){
  .industrial-products .domain-cluster.four{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .brand-logo{font-size:21px}
  .brand-logo .brand-dot{font-size:11px}
  .industrial-products{padding:24px;margin-top:48px}
  .industrial-products .domain-cluster.four{grid-template-columns:1fr}
  .industrial-products .domain-family{min-height:120px}
  .industrial-products .portfolio-head h3{font-size:40px}
}


/* v5 — Ayvalık FM proje vitrini */
.fm-showcase{
  scroll-margin-top:92px;
  border:1px solid var(--line);
  border-radius:24px;
  padding:38px;
  background:
    radial-gradient(circle at 88% 8%,rgba(90,166,200,.18),transparent 28%),
    radial-gradient(circle at 72% 90%,rgba(223,123,57,.09),transparent 30%),
    linear-gradient(145deg,#151c20,#0d1215);
  overflow:hidden;
}
.fm-top{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:44px;
  align-items:center;
  padding-bottom:34px;
  border-bottom:1px solid var(--line);
}
.fm-copy .kicker{color:var(--blue)}
.fm-copy h3{
  font-size:clamp(48px,6vw,80px);
  line-height:.92;
  letter-spacing:-.055em;
  margin:10px 0 20px;
}
.fm-lead{
  max-width:760px;
  margin:0;
  color:#b8c2c7;
  font-size:17px;
}
.fm-visual{
  min-height:270px;
  border:1px solid #2b3940;
  border-radius:19px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    #0c1317;
  background-size:36px 36px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.fm-visual:after{
  content:"";
  position:absolute;
  width:260px;height:260px;
  border-radius:50%;
  right:-80px;top:-75px;
  border:1px solid rgba(90,166,200,.22);
  box-shadow:0 0 0 55px rgba(90,166,200,.025),0 0 0 110px rgba(223,123,57,.018);
}
.fm-wave{
  height:100px;
  display:flex;
  align-items:center;
  gap:7px;
  position:relative;
  z-index:2;
}
.fm-wave i{
  display:block;
  width:5px;
  border-radius:999px;
  background:linear-gradient(#66b7d8,#d88442);
  opacity:.9;
  animation:fmWave 1.25s ease-in-out infinite alternate;
}
.fm-wave i:nth-child(1){height:18px}.fm-wave i:nth-child(2){height:42px;animation-delay:.08s}
.fm-wave i:nth-child(3){height:68px;animation-delay:.16s}.fm-wave i:nth-child(4){height:90px;animation-delay:.24s}
.fm-wave i:nth-child(5){height:54px;animation-delay:.32s}.fm-wave i:nth-child(6){height:82px;animation-delay:.4s}
.fm-wave i:nth-child(7){height:45px;animation-delay:.48s}.fm-wave i:nth-child(8){height:96px;animation-delay:.56s}
.fm-wave i:nth-child(9){height:58px;animation-delay:.64s}.fm-wave i:nth-child(10){height:78px;animation-delay:.72s}
.fm-wave i:nth-child(11){height:34px;animation-delay:.8s}.fm-wave i:nth-child(12){height:17px;animation-delay:.88s}
@keyframes fmWave{to{transform:scaleY(.55);opacity:.6}}
.fm-now{
  position:absolute;
  left:20px;bottom:18px;
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:9px;
  align-items:center;
  z-index:3;
}
.live-dot{
  width:8px;height:8px;border-radius:50%;background:#db7540;
  box-shadow:0 0 0 5px rgba(219,117,64,.10);
  grid-row:1/3;
}
.fm-now strong{font-size:12px;letter-spacing:.08em}
.fm-now small{font-size:8px;letter-spacing:.16em;color:#76858d}
.fm-features{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  padding:26px 0;
}
.fm-feature{
  min-height:205px;
  padding:20px;
  border:1px solid #273138;
  border-radius:15px;
  background:rgba(8,13,16,.72);
}
.fm-icon{font-size:23px;display:block;margin-bottom:18px}
.fm-feature h4{
  margin:0 0 9px;
  font-size:17px;
  letter-spacing:-.02em;
}
.fm-feature p{
  margin:0;
  color:#95a2a9;
  font-size:12px;
  line-height:1.7;
}
.fm-domain{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 24px;
  border-radius:16px;
  border:1px solid #334149;
  background:#0a1013;
  transition:.22s ease;
}
.fm-domain:hover{
  border-color:#52656f;
  transform:translateY(-2px);
}
.fm-domain small{
  display:block;
  color:#75838a;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:9px;
  font-weight:850;
  margin-bottom:4px;
}
.fm-domain strong{font-size:21px}
.fm-domain b{font-size:25px;color:var(--blue)}
@media(max-width:1100px){
  .fm-top{grid-template-columns:1fr}
  .fm-features{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .fm-showcase{padding:22px}
  .fm-copy h3{font-size:52px}
  .fm-visual{min-height:230px}
  .fm-features{grid-template-columns:1fr}
  .fm-feature{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .fm-wave i{animation:none}
}


/* v6 — Gıda & Gastronomi proje vitrini */
.food-showcase{
  scroll-margin-top:92px;
  border:1px solid var(--line);
  border-radius:24px;
  padding:38px;
  background:
    radial-gradient(circle at 88% 12%,rgba(228,151,82,.18),transparent 28%),
    radial-gradient(circle at 70% 90%,rgba(126,160,106,.08),transparent 30%),
    linear-gradient(145deg,#1a1815,#101312);
  overflow:hidden;
}
.food-top{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:44px;
  align-items:center;
  padding-bottom:34px;
  border-bottom:1px solid var(--line);
}
.food-top .kicker{color:#e49752}
.food-top h3{
  font-size:clamp(46px,5.6vw,76px);
  line-height:.93;
  letter-spacing:-.055em;
  margin:10px 0 20px;
}
.food-lead{
  margin:0;
  max-width:780px;
  color:#bbb7b1;
  font-size:17px;
}
.food-visual{
  min-height:285px;
  position:relative;
  overflow:hidden;
  border:1px solid #35302a;
  border-radius:19px;
  background:
    linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px),
    #11100e;
  background-size:38px 38px;
}
.food-rings{
  position:absolute;
  width:240px;height:240px;
  border-radius:50%;
  right:55px;top:24px;
  border:1px solid rgba(228,151,82,.34);
  box-shadow:
    0 0 0 40px rgba(228,151,82,.035),
    0 0 0 80px rgba(126,160,106,.018);
}
.food-rings:before,
.food-rings:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
}
.food-rings:before{inset:42px}
.food-rings:after{inset:86px}
.food-mark{
  position:absolute;
  left:24px;bottom:24px;
}
.food-mark span{
  display:block;
  color:#e49752;
  font-size:10px;
  letter-spacing:.18em;
  font-weight:900;
  margin-bottom:5px;
}
.food-mark strong{
  font-size:13px;
  letter-spacing:.08em;
}
.food-families{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  padding-top:26px;
}
.food-family{
  min-height:440px;
  padding:24px;
  border:1px solid #302c28;
  border-radius:17px;
  background:rgba(10,12,11,.72);
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
}
.food-family:after{
  content:"";
  position:absolute;
  width:180px;height:180px;
  border-radius:50%;
  right:-80px;top:-70px;
  border:1px solid rgba(255,255,255,.05);
}
.food-family.lahmacun{box-shadow:inset 0 3px 0 rgba(223,123,57,.72)}
.food-family.pide{box-shadow:inset 0 3px 0 rgba(228,151,82,.72)}
.food-family.lavas{box-shadow:inset 0 3px 0 rgba(126,160,106,.72)}
.food-family-head{
  display:flex;
  gap:15px;
  align-items:center;
  margin-bottom:20px;
}
.food-symbol{
  width:42px;height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#171915;
  border:1px solid #33342d;
  color:#e6a467;
  font-size:18px;
  flex:none;
}
.food-family-head small{
  display:block;
  color:#7f8079;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:8px;
  font-weight:900;
  margin-bottom:3px;
}
.food-family-head h4{
  margin:0;
  font-size:28px;
  line-height:1;
  letter-spacing:-.035em;
}
.food-family > p{
  color:#9d9e98;
  font-size:13px;
  line-height:1.75;
  margin:0 0 22px;
}
.food-main-domain{
  min-height:72px;
  margin-top:auto;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid #35342d;
  background:#0c0e0c;
  border-radius:13px;
  transition:.2s ease;
}
.food-main-domain:hover{
  border-color:#57564b;
  transform:translateY(-2px);
}
.food-main-domain small{
  display:block;
  color:#777a72;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:8px;
  font-weight:900;
  margin-bottom:3px;
}
.food-main-domain strong{
  font-size:15px;
}
.food-main-domain b{
  color:#df7b39;
  font-size:20px;
}
.food-aliases{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.food-aliases a{
  padding:7px 9px;
  border:1px solid #2b2d29;
  border-radius:999px;
  color:#777f79;
  font-size:9px;
  background:#0d100e;
  transition:.2s ease;
  overflow-wrap:anywhere;
}
.food-aliases a:hover{
  color:#fff;
  border-color:#4a4d46;
}
@media(max-width:1100px){
  .food-top{grid-template-columns:1fr}
  .food-families{grid-template-columns:1fr}
  .food-family{min-height:0}
}
@media(max-width:650px){
  .food-showcase{padding:22px}
  .food-top h3{font-size:48px}
  .food-visual{min-height:230px}
  .food-rings{right:-20px}
}


/* v7 — Su Serisi yapı malzemeleri vitrini */
.water-showcase{
  margin-top:70px;
  scroll-margin-top:92px;
  border:1px solid var(--line);
  border-radius:24px;
  padding:38px;
  background:
    radial-gradient(circle at 90% 12%,rgba(90,166,200,.14),transparent 28%),
    radial-gradient(circle at 72% 90%,rgba(223,123,57,.08),transparent 30%),
    linear-gradient(145deg,#151b1f,#0d1215);
  overflow:hidden;
}
.water-top{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:44px;
  align-items:center;
  padding-bottom:34px;
  border-bottom:1px solid var(--line);
}
.water-top .kicker{color:var(--orange)}
.water-top h3{
  font-size:clamp(46px,5.8vw,76px);
  line-height:.93;
  letter-spacing:-.055em;
  margin:10px 0 20px;
}
.water-lead{
  margin:0;
  max-width:760px;
  color:#b9c1c6;
  font-size:17px;
}
.water-visual{
  min-height:285px;
  position:relative;
  overflow:hidden;
  border:1px solid #304048;
  border-radius:19px;
  background:
    linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px),
    #0f1417;
  background-size:38px 38px;
}
.water-visual:after{
  content:"";
  position:absolute;
  width:250px;height:250px;
  border-radius:50%;
  right:-70px;top:-70px;
  border:1px solid rgba(90,166,200,.20);
  box-shadow:0 0 0 50px rgba(90,166,200,.025),0 0 0 100px rgba(223,123,57,.018);
}
.water-stack{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}
.plate{
  position:absolute;
  width:170px;
  height:88px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  box-shadow:0 16px 30px rgba(0,0,0,.18);
}
.plate.p1{transform:translate(-44px,-26px) rotate(-7deg)}
.plate.p2{transform:translate(34px,-6px) rotate(8deg)}
.plate.p3{transform:translate(-22px,44px) rotate(6deg)}
.plate.p4{transform:translate(54px,62px) rotate(-5deg)}
.water-mark{
  position:absolute;
  left:24px;bottom:24px;
}
.water-mark span{
  display:block;
  color:var(--orange);
  font-size:10px;
  letter-spacing:.18em;
  font-weight:900;
  margin-bottom:5px;
}
.water-mark strong{
  font-size:13px;
  letter-spacing:.08em;
}
.water-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  padding-top:26px;
}
.water-card{
  min-height:300px;
  padding:24px;
  border:1px solid #2e3940;
  border-radius:17px;
  background:rgba(8,12,14,.72);
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
}
.water-card:after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  border-radius:50%;
  right:-65px;top:-58px;
  border:1px solid rgba(255,255,255,.045);
}
.water-card-head small{
  display:block;
  color:#748088;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:8px;
  font-weight:900;
  margin-bottom:7px;
}
.water-card-head h4{
  margin:0 0 16px;
  font-size:31px;
  line-height:1;
  letter-spacing:-.035em;
}
.water-card p{
  margin:0;
  color:#99a4aa;
  font-size:13px;
  line-height:1.75;
}
.water-domain{
  min-height:72px;
  margin-top:auto;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid #334149;
  background:#0a1013;
  border-radius:13px;
  transition:.2s ease;
}
.water-domain:hover{
  border-color:#52656f;
  transform:translateY(-2px);
}
.water-domain small{
  display:block;
  color:#75838a;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:8px;
  font-weight:900;
  margin-bottom:3px;
}
.water-domain strong{
  font-size:15px;
}
.water-domain b{
  color:var(--blue);
  font-size:20px;
}
@media(max-width:1150px){
  .water-top{grid-template-columns:1fr}
  .water-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .water-showcase{padding:22px;margin-top:48px}
  .water-top h3{font-size:48px}
  .water-visual{min-height:230px}
  .water-grid{grid-template-columns:1fr}
  .water-card{min-height:0}
}


/* v8 — Ayvalık Keşfet proje vitrini */
.discover-showcase{
  scroll-margin-top:92px;
  border:1px solid var(--line);
  border-radius:24px;
  padding:38px;
  background:
    radial-gradient(circle at 88% 10%,rgba(126,160,106,.15),transparent 28%),
    radial-gradient(circle at 72% 90%,rgba(90,166,200,.10),transparent 30%),
    linear-gradient(145deg,#141916,#0d1210);
  overflow:hidden;
}
.discover-top{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:44px;
  align-items:center;
  padding-bottom:34px;
  border-bottom:1px solid var(--line);
}
.discover-copy .kicker{color:var(--green)}
.discover-copy h3{
  font-size:clamp(48px,6vw,80px);
  line-height:.92;
  letter-spacing:-.055em;
  margin:10px 0 20px;
}
.discover-lead{
  max-width:760px;
  margin:0;
  color:#b8c2ba;
  font-size:17px;
}
.discover-visual{
  min-height:285px;
  border:1px solid #324036;
  border-radius:19px;
  background:
    linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px),
    #0e1310;
  background-size:36px 36px;
  position:relative;
  overflow:hidden;
}
.discover-visual:after{
  content:"";
  position:absolute;
  width:250px;height:250px;
  border-radius:50%;
  right:-70px;top:-70px;
  border:1px solid rgba(126,160,106,.22);
  box-shadow:0 0 0 50px rgba(126,160,106,.025),0 0 0 100px rgba(90,166,200,.018);
}
.discover-map{
  position:absolute;
  inset:0;
}
.pin{
  position:absolute;
  width:18px;height:18px;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  background:#7ea06a;
  box-shadow:0 0 0 5px rgba(126,160,106,.12);
}
.pin:after{
  content:"";
  position:absolute;
  width:7px;height:7px;
  border-radius:50%;
  background:#0e1310;
  left:5px;top:5px;
}
.pin.p1{left:24%;top:30%}
.pin.p2{left:50%;top:46%}
.pin.p3{left:68%;top:26%}
.route{
  position:absolute;
  border-top:2px dashed rgba(126,160,106,.55);
  height:0;
}
.route.r1{left:27%;top:38%;width:26%;transform:rotate(18deg)}
.route.r2{left:53%;top:40%;width:18%;transform:rotate(-28deg)}
.discover-mark{
  position:absolute;
  left:24px;bottom:24px;
}
.discover-mark span{
  display:block;
  color:var(--green);
  font-size:10px;
  letter-spacing:.18em;
  font-weight:900;
  margin-bottom:5px;
}
.discover-mark strong{
  font-size:13px;
  letter-spacing:.08em;
}
.discover-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding:26px 0;
}
.discover-feature{
  min-height:195px;
  padding:20px;
  border:1px solid #29332d;
  border-radius:15px;
  background:rgba(8,13,10,.72);
}
.discover-icon{
  font-size:23px;
  display:block;
  margin-bottom:18px;
}
.discover-feature h4{
  margin:0 0 9px;
  font-size:17px;
  letter-spacing:-.02em;
}
.discover-feature p{
  margin:0;
  color:#97a39b;
  font-size:12px;
  line-height:1.7;
}
.discover-domain{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 24px;
  border-radius:16px;
  border:1px solid #33403a;
  background:#0a100d;
  transition:.22s ease;
}
.discover-domain:hover{
  border-color:#55675f;
  transform:translateY(-2px);
}
.discover-domain small{
  display:block;
  color:#758379;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:9px;
  font-weight:850;
  margin-bottom:4px;
}
.discover-domain strong{font-size:21px}
.discover-domain b{font-size:25px;color:var(--green)}
@media(max-width:1100px){
  .discover-top{grid-template-columns:1fr}
  .discover-features{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .discover-showcase{padding:22px}
  .discover-copy h3{font-size:52px}
  .discover-visual{min-height:230px}
  .discover-features{grid-template-columns:1fr}
  .discover-feature{min-height:0}
}


/* v9 — Dijital Çözümler vitrini */
.digital-showcase{
  padding-top:110px;
  padding-bottom:60px;
}
.digital-head p{
  max-width:840px;
}
.digital-shell{
  border:1px solid var(--line);
  border-radius:24px;
  padding:38px;
  background:
    radial-gradient(circle at 88% 10%,rgba(168,139,210,.16),transparent 28%),
    radial-gradient(circle at 20% 88%,rgba(90,166,200,.08),transparent 30%),
    linear-gradient(145deg,#14161b,#0d1014);
  overflow:hidden;
}
.digital-top{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:44px;
  align-items:center;
  padding-bottom:34px;
  border-bottom:1px solid var(--line);
}
.digital-copy .kicker{color:#a88bd2}
.digital-copy h3{
  font-size:clamp(44px,5.6vw,74px);
  line-height:.94;
  letter-spacing:-.055em;
  margin:10px 0 20px;
}
.digital-lead{
  max-width:780px;
  margin:0;
  color:#b9c0c8;
  font-size:17px;
}
.digital-visual{
  min-height:285px;
  border:1px solid #343745;
  border-radius:19px;
  background:#0d1114;
  position:relative;
  overflow:hidden;
}
.digital-grid{
  position:absolute; inset:0;
  background:
    linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);
  background-size:36px 36px;
}
.digital-visual:after{
  content:"";
  position:absolute;
  width:250px;height:250px;
  border-radius:50%;
  right:-70px;top:-70px;
  border:1px solid rgba(168,139,210,.22);
  box-shadow:0 0 0 50px rgba(168,139,210,.025),0 0 0 100px rgba(90,166,200,.018);
}
.digital-nodes{position:absolute; inset:0}
.node{
  position:absolute;
  width:18px;height:18px;border-radius:50%;
  background:#a88bd2;
  box-shadow:0 0 0 6px rgba(168,139,210,.12);
}
.node.n1{left:22%;top:28%}
.node.n2{left:48%;top:20%}
.node.n3{left:68%;top:38%}
.node.n4{left:37%;top:58%}
.node.n5{left:61%;top:68%}
.link{
  position:absolute;
  border-top:2px solid rgba(168,139,210,.45);
  transform-origin:left center;
}
.link.l1{left:24.5%;top:33%;width:24%;transform:rotate(-10deg)}
.link.l2{left:50%;top:25.5%;width:20%;transform:rotate(27deg)}
.link.l3{left:41%;top:60%;width:23%;transform:rotate(12deg)}
.link.l4{left:52%;top:46.5%;width:18%;transform:rotate(58deg)}
.digital-mark{
  position:absolute;
  left:24px;bottom:24px;
}
.digital-mark span{
  display:block;
  color:#a88bd2;
  font-size:10px;
  letter-spacing:.18em;
  font-weight:900;
  margin-bottom:5px;
}
.digital-mark strong{
  font-size:13px;
  letter-spacing:.08em;
}
.digital-services{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding:26px 0;
}
.digital-service{
  min-height:208px;
  padding:20px;
  border:1px solid #2d313c;
  border-radius:15px;
  background:rgba(10,12,16,.72);
}
.digital-icon{
  font-size:23px;
  display:block;
  margin-bottom:18px;
}
.digital-service h4{
  margin:0 0 9px;
  font-size:17px;
  letter-spacing:-.02em;
}
.digital-service p{
  margin:0;
  color:#99a1ab;
  font-size:12px;
  line-height:1.72;
}
.digital-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.digital-point{
  min-height:104px;
  padding:18px 20px;
  border:1px solid #313745;
  border-radius:15px;
  background:#0b0f13;
}
.digital-point small{
  display:block;
  color:#7f8894;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:8px;
  font-weight:900;
  margin-bottom:8px;
}
.digital-point strong{
  font-size:15px;
  line-height:1.5;
}
@media(max-width:1100px){
  .digital-top{grid-template-columns:1fr}
  .digital-services{grid-template-columns:1fr 1fr}
  .digital-points{grid-template-columns:1fr}
}
@media(max-width:650px){
  .digital-showcase{padding-top:78px;padding-bottom:40px}
  .digital-shell{padding:22px}
  .digital-copy h3{font-size:48px}
  .digital-visual{min-height:230px}
  .digital-services{grid-template-columns:1fr}
  .digital-service{min-height:0}
}


/* v10 — Gizli Ar-Ge / Gelecek Teknolojileri vitrini */
.future-showcase{
  padding-top:110px;
  padding-bottom:70px;
  scroll-margin-top:92px;
}
.future-head p{max-width:850px}
.future-shell{
  position:relative;
  overflow:hidden;
  border:1px solid #153b4b;
  border-radius:24px;
  padding:42px;
  background:
    radial-gradient(circle at 80% 12%,rgba(0,180,235,.16),transparent 28%),
    radial-gradient(circle at 18% 90%,rgba(40,100,180,.10),transparent 32%),
    linear-gradient(145deg,#071019,#060b11 65%,#08131c);
  box-shadow:inset 0 0 80px rgba(0,145,210,.025);
}
.future-shell:before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(31,171,223,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,171,223,.025) 1px,transparent 1px);
  background-size:42px 42px;
  pointer-events:none;
}
.future-copy{
  position:relative;z-index:2;
  max-width:850px;
  padding-right:380px;
}
.future-kicker{
  display:flex;align-items:center;gap:9px;
  color:#42c8f1;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.future-kicker span{
  width:8px;height:8px;border-radius:50%;
  background:#42c8f1;
  box-shadow:0 0 0 6px rgba(66,200,241,.09),0 0 20px rgba(66,200,241,.4);
}
.future-copy h3{
  font-size:clamp(42px,5.6vw,74px);
  line-height:.94;
  letter-spacing:-.055em;
  margin:18px 0 22px;
  color:#eef9ff;
}
.future-copy > p{
  margin:0;
  max-width:760px;
  color:#9db5c1;
  font-size:16px;
}
.future-status{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:30px;
}
.future-status div{
  min-height:88px;
  border:1px solid #173847;
  border-radius:13px;
  padding:16px;
  background:rgba(4,12,18,.72);
}
.future-status small{
  display:block;
  color:#547a8b;
  text-transform:uppercase;
  font-size:8px;
  letter-spacing:.12em;
  font-weight:900;
  margin-bottom:7px;
}
.future-status strong{
  font-size:13px;
  color:#d6edf6;
}
.future-visual{
  position:absolute;
  right:38px;top:42px;
  width:310px;height:310px;
  border:1px solid #153c4e;
  border-radius:22px;
  background:rgba(2,9,14,.72);
  overflow:hidden;
  z-index:2;
}
.future-visual:after{
  content:"";
  position:absolute;
  width:220px;height:220px;
  border-radius:50%;
  right:-80px;top:-80px;
  border:1px solid rgba(66,200,241,.18);
  box-shadow:0 0 0 45px rgba(66,200,241,.02),0 0 0 90px rgba(66,200,241,.012);
}
.future-core{
  position:absolute;
  left:50%;top:50%;
  width:76px;height:76px;
  transform:translate(-50%,-50%);
  border:1px solid #2bc8f8;
  border-radius:15px;
  display:grid;place-items:center;
  color:#62d7ff;
  font-size:27px;font-weight:950;
  letter-spacing:.04em;
  box-shadow:0 0 26px rgba(43,200,248,.25),inset 0 0 20px rgba(43,200,248,.08);
}
.future-node{
  position:absolute;
  width:14px;height:14px;
  border-radius:50%;
  border:2px solid #39c8f0;
  background:#061019;
  box-shadow:0 0 12px rgba(57,200,240,.35);
}
.future-node.n1{left:42px;top:60px}
.future-node.n2{right:42px;top:70px}
.future-node.n3{left:35px;bottom:64px}
.future-node.n4{right:40px;bottom:55px}
.future-node.n5{left:50%;top:22px;transform:translateX(-50%)}
.future-line{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,rgba(57,200,240,.15),rgba(57,200,240,.85));
  transform-origin:left center;
}
.future-line.l1{left:54px;top:72px;width:100px;transform:rotate(36deg)}
.future-line.l2{left:159px;top:154px;width:106px;transform:rotate(-38deg)}
.future-line.l3{left:48px;bottom:72px;width:116px;transform:rotate(-34deg)}
.future-line.l4{left:158px;top:158px;width:110px;transform:rotate(35deg)}
.future-line.l5{left:156px;top:35px;width:105px;transform:rotate(90deg)}
.future-label{
  position:absolute;
  left:16px;bottom:14px;
  color:#3d7489;
  font-size:8px;
  letter-spacing:.17em;
  font-weight:900;
}
.future-features{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:38px;
}
.future-features article{
  min-height:190px;
  padding:20px;
  border:1px solid #153744;
  border-radius:15px;
  background:rgba(3,10,15,.78);
}
.future-features span{
  color:#36bee9;
  font-size:9px;
  letter-spacing:.12em;
  font-weight:900;
}
.future-features h4{
  font-size:17px;
  margin:14px 0 9px;
}
.future-features p{
  margin:0;
  color:#7f9daa;
  font-size:12px;
  line-height:1.72;
}
.future-note{
  position:relative;z-index:2;
  margin-top:14px;
  min-height:94px;
  border:1px solid #174153;
  border-radius:15px;
  background:linear-gradient(90deg,rgba(6,18,26,.95),rgba(5,13,19,.78));
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.future-note small{
  color:#3a8ca9;
  font-size:8px;
  letter-spacing:.15em;
  font-weight:900;
  margin-bottom:7px;
}
.future-note strong{
  font-size:20px;
  letter-spacing:-.02em;
  color:#e0f4fb;
}
@media(max-width:1120px){
  .future-copy{padding-right:0}
  .future-visual{
    position:relative;
    right:auto;top:auto;
    width:100%;height:300px;
    margin-top:32px;
  }
  .future-features{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .future-showcase{padding-top:78px;padding-bottom:45px}
  .future-shell{padding:22px}
  .future-copy h3{font-size:46px}
  .future-status{grid-template-columns:1fr}
  .future-features{grid-template-columns:1fr}
  .future-features article{min-height:0}
  .future-note strong{font-size:17px}
}


/* v11 — Kurumsal Yapı */
.corporate{
  padding-top:110px;
}
.corporate .section-head{
  align-items:start;
}
.corporate .section-head p{
  font-size:17px;
  line-height:1.8;
}
.corporate-body{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:50px;
  align-items:start;
}
.corporate-copy{
  border-top:1px solid var(--line);
  padding-top:28px;
}
.corporate-copy p{
  color:#aab3b8;
  font-size:16px;
  line-height:1.85;
  margin:0 0 22px;
}
.corporate-points{
  display:grid;
  gap:14px;
}
.corporate-points article{
  min-height:160px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(145deg,#14191d,#0d1114);
}
.corporate-points span{
  display:block;
  color:var(--orange);
  font-size:9px;
  letter-spacing:.14em;
  font-weight:900;
  margin-bottom:16px;
}
.corporate-points h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.05;
  letter-spacing:-.03em;
}
.corporate-points p{
  margin:0;
  color:#929da3;
  font-size:13px;
  line-height:1.72;
}
@media(max-width:1000px){
  .corporate-body{grid-template-columns:1fr}
}
@media(max-width:650px){
  .corporate{padding-top:78px}
  .corporate-copy p{font-size:15px}
}


/* v12 — Ar-Ge görsel alanı daha dikkat çekici / nöral ağ benzeri hareketli yapı */
.neural-visual{
  background:
    radial-gradient(circle at 80% 15%, rgba(35,220,255,.10), transparent 20%),
    radial-gradient(circle at 20% 85%, rgba(0,145,255,.08), transparent 28%),
    linear-gradient(145deg, rgba(2,10,14,.92), rgba(3,9,14,.82));
}
.future-visual-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(38,180,230,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(38,180,230,.035) 1px, transparent 1px);
  background-size:28px 28px;
  animation:gridDrift 16s linear infinite;
}
@keyframes gridDrift{
  from{transform:translateY(0)}
  to{transform:translateY(28px)}
}

.future-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(18px);
  opacity:.65;
}
.future-glow.glow-1{
  width:140px;height:140px;
  left:22%;top:18%;
  background:rgba(24,186,255,.18);
  animation:glowFloat 5.5s ease-in-out infinite alternate;
}
.future-glow.glow-2{
  width:120px;height:120px;
  right:18%;bottom:16%;
  background:rgba(58,127,255,.14);
  animation:glowFloat 6.2s ease-in-out infinite alternate-reverse;
}
@keyframes glowFloat{
  from{transform:translateY(0) scale(1)}
  to{transform:translateY(-12px) scale(1.08)}
}

.future-core-wrap{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:150px;height:150px;
}
.future-core{
  z-index:4;
  background:linear-gradient(145deg, rgba(8,27,40,.95), rgba(5,15,24,.96));
}
.future-core-pulse{
  position:absolute;
  inset:50%;
  width:76px;height:76px;
  transform:translate(-50%,-50%);
  border-radius:22px;
  border:1px solid rgba(64,216,255,.35);
  box-shadow:0 0 25px rgba(64,216,255,.14);
  animation:corePulse 3.6s ease-out infinite;
}
.future-core-pulse.pulse-2{
  animation-delay:1.8s;
}
@keyframes corePulse{
  0%{opacity:.9; transform:translate(-50%,-50%) scale(1)}
  80%{opacity:0; transform:translate(-50%,-50%) scale(2.35)}
  100%{opacity:0; transform:translate(-50%,-50%) scale(2.35)}
}

.future-orbit{
  position:absolute;
  left:50%;top:50%;
  border-radius:50%;
  border:1px solid rgba(53,202,244,.12);
  transform:translate(-50%,-50%);
}
.future-orbit.orbit-1{width:128px;height:128px; animation:spinOrbit 14s linear infinite}
.future-orbit.orbit-2{width:186px;height:186px; animation:spinOrbitReverse 22s linear infinite}
.future-orbit.orbit-3{width:248px;height:248px; animation:spinOrbit 30s linear infinite}
@keyframes spinOrbit{
  from{transform:translate(-50%,-50%) rotate(0)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes spinOrbitReverse{
  from{transform:translate(-50%,-50%) rotate(360deg)}
  to{transform:translate(-50%,-50%) rotate(0)}
}

.future-node{
  width:14px;height:14px;
  border:2px solid #4bd9ff;
  background:#071019;
  box-shadow:0 0 12px rgba(57,200,240,.35), 0 0 0 4px rgba(57,200,240,.04);
  animation:nodeBlink 3.8s ease-in-out infinite;
}
.future-node.n1{left:26px;top:42px;animation-delay:.1s}
.future-node.n2{right:24px;top:44px;animation-delay:.5s}
.future-node.n3{left:20px;bottom:54px;animation-delay:1s}
.future-node.n4{right:26px;bottom:48px;animation-delay:1.5s}
.future-node.n5{left:50%;top:18px;transform:translateX(-50%);animation-delay:2s}
.future-node.n6{left:52px;top:145px;animation-delay:2.4s}
.future-node.n7{right:54px;top:156px;animation-delay:2.8s}
.future-node.n8{left:50%;bottom:18px;transform:translateX(-50%);animation-delay:3.1s}

@keyframes nodeBlink{
  0%,100%{box-shadow:0 0 10px rgba(57,200,240,.25),0 0 0 4px rgba(57,200,240,.03); opacity:.72}
  50%{box-shadow:0 0 24px rgba(57,200,240,.58),0 0 0 8px rgba(57,200,240,.08); opacity:1}
}

.future-line{
  height:1px;
  background:linear-gradient(90deg, rgba(57,200,240,.10), rgba(57,200,240,.85));
  animation:lineFlow 5.8s ease-in-out infinite;
}
.future-line.l1{left:36px;top:56px;width:122px;transform:rotate(29deg);animation-delay:.2s}
.future-line.l2{left:156px;top:153px;width:124px;transform:rotate(-28deg);animation-delay:.7s}
.future-line.l3{left:34px;bottom:62px;width:128px;transform:rotate(-28deg);animation-delay:1.1s}
.future-line.l4{left:156px;top:158px;width:128px;transform:rotate(26deg);animation-delay:1.5s}
.future-line.l5{left:156px;top:38px;width:112px;transform:rotate(90deg);animation-delay:1.9s}
.future-line.l6{left:72px;top:146px;width:92px;transform:rotate(7deg);animation-delay:2.4s}
.future-line.l7{left:160px;top:144px;width:88px;transform:rotate(170deg);animation-delay:2.8s}
.future-line.l8{left:155px;top:204px;width:102px;transform:rotate(88deg);animation-delay:3.2s}

@keyframes lineFlow{
  0%,100%{opacity:.48}
  50%{opacity:1}
}

.data-particle{
  position:absolute;
  width:6px;height:6px;
  border-radius:50%;
  background:#6fe6ff;
  box-shadow:0 0 12px rgba(111,230,255,.7);
  opacity:0;
}
.data-particle.p1{left:78px;top:92px;animation:dataMove1 5s linear infinite}
.data-particle.p2{left:226px;top:98px;animation:dataMove2 5.8s linear infinite 1s}
.data-particle.p3{left:66px;top:222px;animation:dataMove3 6.2s linear infinite .3s}
.data-particle.p4{left:246px;top:216px;animation:dataMove4 6.4s linear infinite 1.6s}
.data-particle.p5{left:150px;top:48px;animation:dataMove5 4.8s linear infinite .8s}
.data-particle.p6{left:154px;top:232px;animation:dataMove6 5.2s linear infinite 2s}

@keyframes dataMove1{
  0%{transform:translate(0,0);opacity:0}
  15%{opacity:1}
  80%{opacity:1}
  100%{transform:translate(78px,55px);opacity:0}
}
@keyframes dataMove2{
  0%{transform:translate(0,0);opacity:0}
  15%{opacity:1}
  80%{opacity:1}
  100%{transform:translate(-66px,58px);opacity:0}
}
@keyframes dataMove3{
  0%{transform:translate(0,0);opacity:0}
  15%{opacity:1}
  80%{opacity:1}
  100%{transform:translate(84px,-56px);opacity:0}
}
@keyframes dataMove4{
  0%{transform:translate(0,0);opacity:0}
  15%{opacity:1}
  80%{opacity:1}
  100%{transform:translate(-88px,-58px);opacity:0}
}
@keyframes dataMove5{
  0%{transform:translate(0,0);opacity:0}
  15%{opacity:1}
  80%{opacity:1}
  100%{transform:translate(0,94px);opacity:0}
}
@keyframes dataMove6{
  0%{transform:translate(0,0);opacity:0}
  15%{opacity:1}
  80%{opacity:1}
  100%{transform:translate(0,-84px);opacity:0}
}

.future-mini-panels{
  position:absolute;
  right:14px;bottom:18px;
  display:flex;flex-direction:column;gap:8px;
  z-index:3;
}
.mini-panel{
  min-width:84px;
  padding:7px 10px;
  border:1px solid rgba(61,171,211,.24);
  border-radius:10px;
  background:rgba(4,13,20,.74);
  color:#76d8f7;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  animation:miniPanelPulse 4.8s ease-in-out infinite;
}
.mini-panel:nth-child(2){animation-delay:.9s}
.mini-panel:nth-child(3){animation-delay:1.8s}
@keyframes miniPanelPulse{
  0%,100%{transform:translateX(0); opacity:.72}
  50%{transform:translateX(-4px); opacity:1}
}

.future-label{
  left:16px;
  bottom:14px;
  color:#51bfe0;
  font-size:8px;
  letter-spacing:.18em;
  text-shadow:0 0 10px rgba(81,191,224,.25);
}

@media(max-width:1120px){
  .future-visual{
    height:360px;
  }
}

@media(max-width:650px){
  .future-visual{
    height:280px;
  }
  .future-mini-panels{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .future-visual-grid,
  .future-glow,
  .future-orbit,
  .future-core-pulse,
  .future-node,
  .future-line,
  .data-particle,
  .mini-panel{
    animation:none !important;
  }
}


/* v13 — Ar-Ge alanı toparlandı / daha kompakt ve dengeli */
.future-shell{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:28px 28px;
  align-items:start;
  padding:34px;
}

.future-copy{
  max-width:none;
  padding-right:0;
}

.future-copy h3{
  font-size:clamp(34px,4.2vw,62px);
  line-height:.96;
  max-width:760px;
  margin:16px 0 18px;
}

.future-copy > p{
  max-width:640px;
  font-size:15px;
  line-height:1.8;
}

.future-status{
  max-width:640px;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
  margin-top:22px;
}

.future-status div{
  min-height:78px;
  padding:14px;
}

.future-visual{
  position:relative;
  right:auto;
  top:auto;
  width:100%;
  height:360px;
  margin:0;
  align-self:start;
}

.future-features{
  grid-column:1 / 3;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  margin-top:4px;
}

.future-features article{
  min-height:150px;
  padding:18px;
}

.future-features h4{
  font-size:16px;
  margin:12px 0 8px;
}

.future-features p{
  font-size:12px;
  line-height:1.7;
}

.future-note{
  grid-column:1 / 3;
  margin-top:0;
  min-height:84px;
  padding:18px 20px;
}

.future-note strong{
  font-size:18px;
  line-height:1.45;
}

.future-showcase{
  padding-top:88px;
  padding-bottom:54px;
}

.future-head{
  margin-bottom:34px;
}

.future-head p{
  max-width:760px;
}

@media(max-width:1120px){
  .future-shell{
    grid-template-columns:1fr;
    padding:28px;
  }

  .future-copy h3{
    max-width:820px;
  }

  .future-copy > p,
  .future-status{
    max-width:none;
  }

  .future-visual{
    height:320px;
  }

  .future-features,
  .future-note{
    grid-column:auto;
  }
}

@media(max-width:700px){
  .future-shell{
    padding:20px;
    gap:18px;
  }

  .future-copy h3{
    font-size:44px;
  }

  .future-status{
    grid-template-columns:1fr;
  }

  .future-visual{
    height:270px;
  }

  .future-features{
    grid-template-columns:1fr;
  }

  .future-note strong{
    font-size:16px;
  }
}


/* v15 — iletişim, hukuki sayfalar ve profesyonel footer */
.legal-footer{
  margin-top:70px;
  border-top:1px solid var(--line);
  background:#080b0d;
}
.legal-footer-inner{
  display:grid;
  grid-template-columns:1.45fr .7fr .7fr;
  gap:50px;
  padding-top:42px;
  padding-bottom:34px;
}
.footer-logo{
  display:inline-flex;
  align-items:baseline;
  gap:2px;
  font-size:24px;
  letter-spacing:-.05em;
}
.footer-logo strong{color:#f2f4f5}
.footer-logo span{color:#748087;font-size:13px}
.legal-footer-brand p{
  max-width:520px;
  margin:15px 0 0;
  color:#778289;
  font-size:12px;
  line-height:1.7;
}
.legal-footer-contact,
.legal-footer-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.legal-footer small{
  color:#59646b;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:8px;
  font-weight:900;
  margin-bottom:5px;
}
.legal-footer-contact a,
.legal-footer-links a{
  color:#9aa4aa;
  font-size:12px;
}
.legal-footer-contact a:hover,
.legal-footer-links a:hover{color:#fff}
.legal-footer-bottom{
  min-height:58px;
  border-top:1px solid #181e22;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#5f686e;
  font-size:10px;
}

.info-page{background:var(--bg)}
.info-hero{
  padding-top:105px;
  padding-bottom:58px;
}
.info-hero h1{
  font-size:clamp(52px,7vw,96px);
  line-height:.9;
  letter-spacing:-.06em;
  margin:14px 0 22px;
  max-width:1050px;
}
.info-hero p{
  max-width:820px;
  margin:0;
  color:#aeb7bc;
  font-size:18px;
  line-height:1.75;
}

.contact-layout{
  display:grid;
  grid-template-columns:.8fr 1.05fr 1.15fr;
  gap:18px;
  padding-bottom:45px;
}
.contact-layout article{
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(145deg,#141a1e,#0d1114);
  min-height:310px;
  padding:28px;
}
.contact-label{
  color:var(--orange);
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
  margin-bottom:22px;
}
.contact-phone{
  display:block;
  font-size:clamp(27px,3vw,39px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  margin-bottom:20px;
}
.contact-primary p,
.contact-address p{
  color:#909ba1;
  font-size:13px;
  line-height:1.75;
}
.contact-address h2{
  font-size:29px;
  line-height:1;
  letter-spacing:-.035em;
  margin:0 0 14px;
}
.direction-btn{
  display:inline-flex;
  align-items:center;
  gap:30px;
  margin-top:20px;
  padding:13px 16px;
  border-radius:11px;
  background:#df7b39;
  color:#0c0d0e;
  font-size:12px;
  font-weight:900;
}
.contact-map-card{
  position:relative;
  overflow:hidden;
  padding:0!important;
  background:#0c1215!important;
}
.map-grid-art{
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:35px 35px;
}
.map-road{
  position:absolute;
  height:5px;
  background:rgba(90,166,200,.16);
  border:1px solid rgba(90,166,200,.18);
  border-radius:999px;
}
.map-road.r1{left:-20%;top:34%;width:120%;transform:rotate(13deg)}
.map-road.r2{left:3%;top:63%;width:110%;transform:rotate(-24deg)}
.map-road.r3{left:47%;top:-8%;width:80%;transform:rotate(72deg)}
.map-pin{
  position:absolute;
  left:55%;top:43%;
  width:30px;height:30px;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  background:#df7b39;
  box-shadow:0 0 0 9px rgba(223,123,57,.10),0 0 30px rgba(223,123,57,.28);
}
.map-pin:after{
  content:"";
  position:absolute;
  width:10px;height:10px;
  border-radius:50%;
  background:#101416;
  left:10px;top:10px;
}
.map-caption{
  position:absolute;
  left:22px;bottom:22px;
  z-index:3;
}
.map-caption small{
  display:block;
  color:#64818e;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:8px;
  font-weight:900;
}
.map-caption strong{
  display:block;
  font-size:18px;
  margin:5px 0 2px;
}
.map-caption span{font-size:11px;color:#77878f}
.map-overlay-link{position:absolute;inset:0;z-index:4}
.contact-note{
  margin-top:25px;
  padding-top:50px;
  padding-bottom:40px;
  border-top:1px solid var(--line);
}
.contact-note h2{
  font-size:clamp(34px,4.4vw,58px);
  line-height:1;
  letter-spacing:-.045em;
  margin:0 0 17px;
}
.contact-note p{
  max-width:760px;
  margin:0;
  color:#929da3;
  font-size:15px;
  line-height:1.8;
}

.legal-document{
  max-width:1040px;
  padding-bottom:55px;
}
.legal-document h2{
  font-size:26px;
  line-height:1.15;
  letter-spacing:-.03em;
  margin:44px 0 12px;
}
.legal-document p{
  color:#aab3b8;
  font-size:15px;
  line-height:1.85;
  margin:0 0 16px;
}
.legal-document a{color:#d7e0e4;text-decoration:underline}
.legal-contact-box,
.legal-warning{
  margin-top:34px;
  border:1px solid var(--line);
  border-radius:15px;
  padding:20px;
  background:#101519;
}
.legal-contact-box strong,
.legal-warning strong{
  display:block;
  color:#e1e6e8;
  margin-bottom:8px;
}
.legal-contact-box p,
.legal-warning p{margin:0;font-size:13px}
.legal-warning{
  border-color:#60482f;
  background:rgba(223,123,57,.055);
}
.legal-warning strong{color:#e3a06e}

@media(max-width:1050px){
  .contact-layout{grid-template-columns:1fr 1fr}
  .contact-map-card{grid-column:1/3;min-height:350px!important}
  .legal-footer-inner{grid-template-columns:1fr 1fr}
  .legal-footer-brand{grid-column:1/3}
}
@media(max-width:700px){
  .legal-footer-inner{grid-template-columns:1fr;gap:28px;padding-top:34px}
  .legal-footer-brand{grid-column:auto}
  .legal-footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;padding-top:15px;padding-bottom:15px}
  .info-hero{padding-top:72px;padding-bottom:40px}
  .info-hero h1{font-size:52px}
  .info-hero p{font-size:16px}
  .contact-layout{grid-template-columns:1fr}
  .contact-map-card{grid-column:auto;min-height:310px!important}
  .contact-layout article{min-height:0}
}


/* v16 — SEO / AI / sitelink altyapısı */
:focus-visible{
  outline:2px solid #55d6ff;
  outline-offset:4px;
}
.breadcrumb{
  display:flex;
  align-items:center;
  gap:9px;
  padding-top:26px;
  color:#6e7d84;
  font-size:11px;
}
.breadcrumb a{color:#9aa8af}
.breadcrumb a:hover{color:#fff}

.section-detail-link{
  display:inline-flex;
  margin-top:12px;
  color:#6ddcff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
}
.section-detail-link:hover{color:#fff}

.seo-landing-page{
  background:#0a0d0f;
}
.seo-landing-hero{
  padding-top:64px;
  padding-bottom:52px;
  border-bottom:1px solid var(--line);
}
.seo-landing-hero h1{
  max-width:980px;
  margin:13px 0 20px;
  font-size:clamp(52px,8vw,104px);
  line-height:.9;
  letter-spacing:-.065em;
}
.seo-landing-hero p{
  max-width:820px;
  margin:0;
  color:#a7b1b6;
  font-size:17px;
  line-height:1.75;
}
.seo-landing-section{
  padding-top:55px;
  padding-bottom:25px;
}
.seo-link-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.seo-link-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.seo-link-card{
  display:block;
  padding:24px;
  min-height:240px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(145deg,#13191d,#0d1114);
}
.seo-link-card small,
.seo-section-title small{
  display:block;
  color:#5bcff5;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.seo-link-card h2,
.seo-section-title h2{
  margin:0 0 14px;
  font-size:27px;
  line-height:1;
  letter-spacing:-.04em;
}
.seo-link-card p,
.seo-section-title p,
.seo-copy-columns p{
  color:#909da3;
  font-size:13px;
  line-height:1.75;
}
.seo-link-card > span{
  display:block;
  margin-top:24px;
  color:#d9e4e8;
  font-size:11px;
  font-weight:800;
}
.seo-domain-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:20px;
}
.seo-domain-list a{
  color:#98a8af;
  font-size:11px;
}
.seo-domain-list a:hover{color:#fff}
.seo-section-title{
  max-width:720px;
}
.seo-domain-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.seo-domain-row a,
.seo-primary-link{
  display:inline-flex;
  padding:11px 14px;
  border:1px solid #29363d;
  border-radius:10px;
  color:#c8d3d8;
  background:#0f1518;
  font-size:11px;
  font-weight:800;
}
.seo-domain-row a:hover,
.seo-primary-link:hover{
  border-color:#4bc9f1;
  color:#fff;
}
.seo-feature-layout{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:20px;
  align-items:start;
}
.seo-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.seo-mini-grid article{
  padding:18px;
  min-height:118px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#0f1417;
}
.seo-mini-grid strong{
  display:block;
  margin-bottom:8px;
  font-size:14px;
}
.seo-mini-grid p{
  margin:0;
  color:#829098;
  font-size:11px;
  line-height:1.65;
}
.seo-copy-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.seo-copy-columns > div{
  padding:22px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#0f1417;
}
.seo-copy-columns h2{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.05;
}
.seo-footer-grid{
  grid-template-columns:1.45fr .7fr .8fr .65fr;
}
.error-page{
  min-height:70vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.error-page h1{
  max-width:820px;
  margin:10px 0 20px;
  font-size:clamp(48px,7vw,90px);
  line-height:.95;
  letter-spacing:-.06em;
}
.error-page p{
  max-width:650px;
  color:#9aa7ad;
  line-height:1.7;
}
@media(max-width:980px){
  .seo-link-grid,
  .seo-link-grid-2,
  .seo-copy-columns{
    grid-template-columns:1fr 1fr;
  }
  .seo-feature-layout{
    grid-template-columns:1fr;
  }
  .seo-footer-grid{
    grid-template-columns:1fr 1fr;
  }
  .seo-footer-grid .legal-footer-brand{grid-column:1/3}
}
@media(max-width:650px){
  .seo-landing-hero{padding-top:45px}
  .seo-landing-hero h1{font-size:52px}
  .seo-landing-hero p{font-size:15px}
  .seo-link-grid,
  .seo-link-grid-2,
  .seo-copy-columns,
  .seo-mini-grid,
  .seo-footer-grid{
    grid-template-columns:1fr;
  }
  .seo-footer-grid .legal-footer-brand{grid-column:auto}
}


/* v17 — CEO seviyesinde SSS */
.ceo-faq{
  padding-top:88px;
  padding-bottom:82px;
  border-top:1px solid var(--line);
  background:
    radial-gradient(circle at 88% 8%, rgba(56,196,244,.06), transparent 26%),
    #0a0d0f;
}
.faq-head{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:50px;
  align-items:end;
  margin-bottom:34px;
}
.faq-head h2{
  margin:12px 0 0;
  max-width:780px;
  font-size:clamp(44px,6vw,78px);
  line-height:.92;
  letter-spacing:-.055em;
}
.faq-head > p{
  max-width:520px;
  margin:0 0 6px;
  color:#8f9ca3;
  font-size:14px;
  line-height:1.8;
}
.faq-list{
  border-top:1px solid #253038;
}
.faq-item{
  border-bottom:1px solid #253038;
}
.faq-question{
  width:100%;
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  padding:24px 0;
  border:0;
  background:transparent;
  color:#edf3f6;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.faq-question > span:first-child{
  max-width:900px;
  font-size:clamp(18px,2vw,25px);
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.025em;
}
.faq-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid #2f414b;
  border-radius:50%;
  color:#58d7ff;
  font-size:20px;
  transition:transform .25s ease,border-color .25s ease;
}
.faq-question:hover .faq-icon{
  border-color:#58d7ff;
}
.faq-question[aria-expanded="true"] .faq-icon{
  transform:rotate(45deg);
}
.faq-answer{
  max-width:920px;
  padding:0 72px 25px 0;
}
.faq-answer p{
  margin:0;
  color:#9aa7ad;
  font-size:14px;
  line-height:1.8;
}
@media(max-width:800px){
  .ceo-faq{
    padding-top:64px;
    padding-bottom:62px;
  }
  .faq-head{
    grid-template-columns:1fr;
    gap:18px;
  }
  .faq-head h2{
    font-size:48px;
  }
  .faq-answer{
    padding-right:0;
  }
}

/* v20 — SSS görünürlüğü ve anchor düzeltmesi */
#sss{
  scroll-margin-top:96px;
}


/* v21 — Çelik İmalatları: 30 soruluk bölüm bazlı SSS */
.service-faq{
  padding-top:90px;
  padding-bottom:84px;
  border-top:1px solid var(--line);
  background:
    radial-gradient(circle at 92% 4%, rgba(78,176,219,.055), transparent 26%),
    #0a0d0f;
}
.service-faq-head{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:50px;
  align-items:end;
  margin-bottom:28px;
}
.service-faq-head h2{
  margin:12px 0 0;
  max-width:820px;
  font-size:clamp(44px,6vw,76px);
  line-height:.93;
  letter-spacing:-.055em;
}
.service-faq-head > p{
  max-width:560px;
  margin:0 0 6px;
  color:#8e9ba2;
  font-size:14px;
  line-height:1.8;
}
.service-faq-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 52px;
}
.service-faq-nav a{
  padding:9px 11px;
  border:1px solid #29363d;
  border-radius:999px;
  color:#9aa8af;
  background:#0e1417;
  font-size:10px;
  font-weight:800;
}
.service-faq-nav a:hover{
  color:#fff;
  border-color:#55d6ff;
}
.service-faq-group{
  scroll-margin-top:100px;
  padding:36px 0 42px;
  border-top:1px solid #243039;
}
.service-faq-group:last-child{
  border-bottom:1px solid #243039;
}
.service-faq-group-head{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:20px;
  align-items:start;
  margin-bottom:14px;
}
.service-faq-group-head small{
  padding-top:6px;
  color:#5bcff5;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:8px;
  font-weight:900;
}
.service-faq-group-head h3{
  margin:0;
  font-size:clamp(27px,3.2vw,42px);
  line-height:1;
  letter-spacing:-.04em;
}
.service-faq-list{
  margin-left:150px;
}
.service-faq-item{
  border-top:1px solid #1f2b32;
}
.service-faq-question{
  width:100%;
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  padding:20px 0;
  border:0;
  background:transparent;
  color:#edf3f6;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.service-faq-question > span:first-child{
  max-width:900px;
  font-size:18px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:-.018em;
}
.service-faq-icon{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid #304149;
  border-radius:50%;
  color:#5bd8ff;
  font-size:18px;
  transition:transform .25s ease,border-color .25s ease;
}
.service-faq-question:hover .service-faq-icon{
  border-color:#5bd8ff;
}
.service-faq-question[aria-expanded="true"] .service-faq-icon{
  transform:rotate(45deg);
}
.service-faq-answer{
  max-width:900px;
  padding:0 70px 20px 0;
}
.service-faq-answer p{
  margin:0;
  color:#98a5ab;
  font-size:13px;
  line-height:1.8;
}
@media(max-width:800px){
  .service-faq{
    padding-top:64px;
    padding-bottom:64px;
  }
  .service-faq-head{
    grid-template-columns:1fr;
    gap:18px;
  }
  .service-faq-head h2{
    font-size:47px;
  }
  .service-faq-nav{
    margin-bottom:36px;
  }
  .service-faq-group-head{
    grid-template-columns:1fr;
    gap:8px;
  }
  .service-faq-list{
    margin-left:0;
  }
  .service-faq-answer{
    padding-right:0;
  }
}


/* v22 — OE Grup SSS / Bilgi Merkezi */
.faq-all-link{
  display:inline-flex;
  margin-top:30px;
  padding:12px 15px;
  border:1px solid #31424b;
  border-radius:10px;
  color:#dce7eb;
  background:#101619;
  font-size:11px;
  font-weight:900;
}
.faq-all-link:hover{
  color:#fff;
  border-color:#54d6ff;
}

.knowledge-page{
  background:#090d0f;
}
.knowledge-hero{
  padding-top:64px;
  padding-bottom:58px;
}
.knowledge-hero h1{
  max-width:1050px;
  margin:14px 0 24px;
  font-size:clamp(56px,8.2vw,112px);
  line-height:.88;
  letter-spacing:-.067em;
}
.knowledge-hero > p{
  max-width:860px;
  margin:0;
  color:#a0acb2;
  font-size:17px;
  line-height:1.78;
}
.knowledge-stats{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:38px;
}
.knowledge-stats div{
  min-width:165px;
  padding:17px 18px;
  border:1px solid #28343b;
  border-radius:14px;
  background:#0e1417;
}
.knowledge-stats strong{
  display:block;
  font-size:27px;
  line-height:1;
  color:#e7f0f4;
}
.knowledge-stats span{
  display:block;
  margin-top:7px;
  color:#6e7d84;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}

.knowledge-tools{
  position:sticky;
  top:70px;
  z-index:30;
  padding:18px 0;
  border-top:1px solid #222d33;
  border-bottom:1px solid #222d33;
  background:rgba(9,13,15,.94);
  backdrop-filter:blur(18px);
}
.knowledge-search-wrap label{
  display:block;
  margin-bottom:8px;
  color:#6b7b82;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.knowledge-search-box{
  position:relative;
}
.knowledge-search-box input{
  width:100%;
  height:54px;
  padding:0 52px 0 16px;
  border:1px solid #2b3a42;
  border-radius:13px;
  background:#0d1316;
  color:#edf4f7;
  font:inherit;
  font-size:14px;
}
.knowledge-search-box input::placeholder{
  color:#59676e;
}
.knowledge-search-box span{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  color:#55d7ff;
  font-size:22px;
}
.knowledge-search-result{
  min-height:20px;
  margin-top:7px;
  color:#67767d;
  font-size:10px;
}
.knowledge-nav{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:9px 0 1px;
  scrollbar-width:thin;
}
.knowledge-nav a{
  flex:0 0 auto;
  padding:8px 11px;
  border:1px solid #26333a;
  border-radius:999px;
  color:#8d9aa1;
  background:#0c1215;
  font-size:9px;
  font-weight:900;
}
.knowledge-nav a:hover{
  color:#fff;
  border-color:#4bcdf5;
}

.knowledge-content{
  padding-top:38px;
  padding-bottom:80px;
}
.knowledge-category{
  scroll-margin-top:220px;
  padding:54px 0 64px;
  border-bottom:1px solid #26323a;
}
.knowledge-category:first-child{
  padding-top:20px;
}
.knowledge-category-head{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:45px;
  align-items:end;
  margin-bottom:10px;
}
.knowledge-category-head small{
  display:block;
  margin-bottom:10px;
  color:#4fcff7;
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.knowledge-category-head h2{
  max-width:780px;
  margin:0;
  font-size:clamp(39px,5.3vw,70px);
  line-height:.93;
  letter-spacing:-.055em;
}
.knowledge-category-head p{
  max-width:560px;
  margin:0 0 5px;
  color:#87959c;
  font-size:13px;
  line-height:1.8;
}
.knowledge-category-count{
  margin:18px 0 24px;
  color:#5d6e76;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.knowledge-faq-list{
  border-top:1px solid #253139;
}
.knowledge-faq-item{
  border-bottom:1px solid #202b32;
}
.knowledge-faq-question{
  width:100%;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 36px;
  gap:12px;
  align-items:center;
  padding:19px 0;
  border:0;
  background:transparent;
  color:#eef4f7;
  text-align:left;
  cursor:pointer;
}
.knowledge-faq-number{
  color:#51616a;
  font-size:9px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.knowledge-faq-question-text{
  font-size:17px;
  line-height:1.35;
  font-weight:800;
  letter-spacing:-.018em;
}
.knowledge-faq-icon{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid #304149;
  border-radius:50%;
  color:#5ad7ff;
  font-size:18px;
  transition:transform .2s ease,border-color .2s ease;
}
.knowledge-faq-question:hover .knowledge-faq-icon{
  border-color:#5ad7ff;
}
.knowledge-faq-question[aria-expanded="true"] .knowledge-faq-icon{
  transform:rotate(45deg);
}
.knowledge-faq-answer{
  padding:0 64px 20px 60px;
}
.knowledge-faq-answer p{
  max-width:930px;
  margin:0;
  color:#98a5ab;
  font-size:13px;
  line-height:1.85;
}
[data-faq-item][hidden],
[data-faq-category][hidden]{
  display:none!important;
}

@media(max-width:800px){
  .knowledge-hero{
    padding-top:48px;
  }
  .knowledge-hero h1{
    font-size:54px;
  }
  .knowledge-tools{
    top:64px;
  }
  .knowledge-category{
    scroll-margin-top:245px;
  }
  .knowledge-category-head{
    grid-template-columns:1fr;
    gap:16px;
  }
  .knowledge-category-head h2{
    font-size:44px;
  }
  .knowledge-faq-question{
    grid-template-columns:34px minmax(0,1fr) 32px;
    gap:8px;
  }
  .knowledge-faq-question-text{
    font-size:15px;
  }
  .knowledge-faq-answer{
    padding-left:42px;
    padding-right:0;
  }
}


/* v25 — Ayvaz Su İzmir / Manisa / Ayvalık Bölge Bayiliği */
.s6{
  grid-column:span 12;
  min-height:235px;
  background:
    radial-gradient(circle at 88% 10%,rgba(60,188,236,.15),transparent 30%),
    linear-gradient(135deg,#111a1f,#0d1316);
}
.s6 .tag{color:#58d5ff}
.s6 h3{max-width:760px}
.s6 p{max-width:760px}

.ayvaz-showcase{
  padding:34px;
  border:1px solid #233842;
  border-radius:24px;
  background:
    radial-gradient(circle at 86% 14%,rgba(47,187,235,.11),transparent 25%),
    linear-gradient(145deg,#0d171c,#0b1114);
  overflow:hidden;
}
.ayvaz-top{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:30px;
  align-items:stretch;
}
.ayvaz-kicker{color:#58d8ff}
.ayvaz-copy h3{
  margin:12px 0 18px;
  font-size:clamp(48px,6.5vw,82px);
  line-height:.89;
  letter-spacing:-.06em;
}
.ayvaz-copy h3 span{color:#68d9ff}
.ayvaz-lead{
  max-width:690px;
  color:#a3b2b8;
  font-size:15px;
  line-height:1.75;
}
.ayvaz-regions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.ayvaz-regions span{
  padding:9px 12px;
  border:1px solid #2f596b;
  border-radius:999px;
  color:#8adfff;
  background:#0c181e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.ayvaz-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
}
.ayvaz-detail-btn,.ayvaz-site-btn{
  display:inline-flex;
  align-items:center;
  min-height:43px;
  padding:0 14px;
  border-radius:10px;
  font-size:11px;
  font-weight:900;
}
.ayvaz-detail-btn{
  background:#62d9ff;
  color:#081115;
}
.ayvaz-site-btn{
  border:1px solid #2c4e5c;
  color:#c2d3da;
  background:#0d171c;
}
.ayvaz-visual{
  position:relative;
  min-height:330px;
  overflow:hidden;
  border:1px solid #21404c;
  border-radius:20px;
  background:
    linear-gradient(rgba(70,200,246,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(70,200,246,.035) 1px,transparent 1px),
    radial-gradient(circle at 50% 65%,rgba(51,179,226,.15),transparent 38%),
    #081216;
  background-size:34px 34px,34px 34px,auto,auto;
}
.water-drop{
  position:absolute;
  width:70px;height:90px;
  border:1px solid rgba(94,216,255,.5);
  border-radius:60% 40% 65% 35% / 65% 40% 60% 35%;
  transform:rotate(45deg);
  animation:ayvazFloat 5s ease-in-out infinite alternate;
}
.water-drop.d1{right:70px;top:38px}
.water-drop.d2{right:190px;top:100px;width:38px;height:50px;animation-delay:1s}
.water-drop.d3{right:130px;bottom:30px;width:26px;height:35px;animation-delay:2s}
@keyframes ayvazFloat{
  from{transform:translateY(0) rotate(45deg)}
  to{transform:translateY(-12px) rotate(45deg)}
}
.ayvaz-waterline{
  position:absolute;
  left:-5%;right:-5%;bottom:74px;
  height:1px;
  background:linear-gradient(90deg,transparent,#5bdcff,transparent);
  box-shadow:0 -18px 50px rgba(67,204,247,.16);
}
.ayvaz-mark{
  position:absolute;
  left:24px;bottom:26px;
  display:flex;
  flex-direction:column;
}
.ayvaz-mark small{
  color:#5ea9c3;
  font-size:8px;
  letter-spacing:.16em;
  font-weight:900;
}
.ayvaz-mark strong{
  margin-top:5px;
  font-size:32px;
  line-height:1;
  color:#e4f6fc;
}
.ayvaz-mark span{
  margin-top:6px;
  color:#62d9ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}
.ayvaz-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
.ayvaz-facts article{
  padding:19px;
  min-height:170px;
  border:1px solid #20343d;
  border-radius:15px;
  background:#0c1418;
}
.ayvaz-facts small{
  color:#557684;
  font-size:8px;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:900;
}
.ayvaz-facts strong{
  display:block;
  margin:11px 0 8px;
  color:#e6f4f8;
  font-size:18px;
}
.ayvaz-facts p{
  margin:0;
  color:#83959d;
  font-size:11px;
  line-height:1.65;
}
.ayvaz-products{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.ayvaz-products span{
  padding:8px 10px;
  border:1px solid #21343d;
  border-radius:9px;
  color:#8499a2;
  background:#0b1317;
  font-size:9px;
  font-weight:800;
}

/* Ayvaz detail page */
.ayvaz-detail-hero{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:32px;
  align-items:center;
  padding-top:60px;
  padding-bottom:65px;
}
.ayvaz-detail-copy h1{
  max-width:850px;
  margin:14px 0 22px;
  font-size:clamp(53px,7.4vw,100px);
  line-height:.88;
  letter-spacing:-.065em;
}
.ayvaz-detail-copy h1 span{
  color:#59d6ff;
  font-size:.58em;
  letter-spacing:-.04em;
}
.ayvaz-detail-copy > p{
  max-width:720px;
  color:#9baab1;
  font-size:16px;
  line-height:1.75;
}
.ayvaz-region-band{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:25px 0;
}
.ayvaz-region-band strong{
  padding:10px 13px;
  border:1px solid #2c5262;
  border-radius:999px;
  color:#77dcff;
  font-size:9px;
  letter-spacing:.14em;
}
.ayvaz-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.ayvaz-detail-actions a{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  padding:0 15px;
  border:1px solid #29434e;
  border-radius:10px;
  background:#0e181d;
  color:#d6e7ed;
  font-size:11px;
  font-weight:900;
}
.ayvaz-detail-actions a:first-child{
  background:#60d8ff;
  color:#071014;
  border-color:#60d8ff;
}
.ayvaz-detail-art{
  position:relative;
  min-height:440px;
  border:1px solid #24434f;
  border-radius:24px;
  overflow:hidden;
  background:
    linear-gradient(rgba(75,199,240,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,199,240,.035) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(65,190,233,.13),transparent 42%),
    #091217;
  background-size:36px 36px,36px 36px,auto,auto;
}
.ayvaz-radar{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(81,211,251,.22);
  border-radius:50%;
  animation:ayvazRadar 8s linear infinite;
}
.ring-a{width:160px;height:160px}
.ring-b{width:270px;height:270px;animation-duration:13s}
.ring-c{width:380px;height:380px;animation-duration:20s}
@keyframes ayvazRadar{
  from{transform:translate(-50%,-50%) rotate(0)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
.ayvaz-core{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:116px;height:116px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid #59d6ff;
  border-radius:50%;
  background:#0c1920;
  color:#eaf9fe;
  font-size:19px;
  font-weight:900;
  box-shadow:0 0 35px rgba(73,202,243,.17);
}
.ayvaz-core small{font-size:10px;color:#59d6ff}
.region-node{
  position:absolute;
  padding:8px 10px;
  border:1px solid #2b5262;
  border-radius:999px;
  background:#0b171c;
  color:#78ddff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.region-node.izmir{left:12%;top:25%}
.region-node.manisa{right:12%;top:27%}
.region-node.ayvalik{left:50%;bottom:12%;transform:translateX(-50%)}

.ayvaz-detail-section{
  padding-top:68px;
  padding-bottom:32px;
  border-top:1px solid #202c32;
}
.ayvaz-detail-head{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:42px;
  align-items:end;
  margin-bottom:28px;
}
.ayvaz-detail-head small{
  display:block;
  color:#55d4ff;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900;
  margin-bottom:10px;
}
.ayvaz-detail-head h2{
  margin:0;
  max-width:800px;
  font-size:clamp(36px,4.6vw,62px);
  line-height:.95;
  letter-spacing:-.05em;
}
.ayvaz-detail-head p{
  margin:0;
  color:#8d9ba2;
  font-size:13px;
  line-height:1.8;
}
.ayvaz-detail-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.ayvaz-detail-cards article,
.ayvaz-product-grid article{
  min-height:190px;
  padding:20px;
  border:1px solid #23323a;
  border-radius:15px;
  background:#0e1417;
}
.ayvaz-detail-cards span{
  color:#55d4ff;
  font-size:9px;
  font-weight:900;
}
.ayvaz-detail-cards h3,
.ayvaz-product-grid h3{
  margin:23px 0 10px;
  font-size:19px;
  line-height:1.05;
}
.ayvaz-detail-cards p{
  margin:0;
  color:#89979e;
  font-size:11px;
  line-height:1.7;
}
.ayvaz-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.ayvaz-product-grid small{
  color:#66838f;
  font-size:8px;
  line-height:1.5;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.ayvaz-transparency{
  display:grid;
  grid-template-columns:repeat(3,1fr) auto;
  gap:10px;
}
.ayvaz-transparency > *{
  min-height:100px;
  padding:17px;
  border:1px solid #23333b;
  border-radius:13px;
  background:#0e1518;
}
.ayvaz-transparency small{
  display:block;
  color:#607883;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}
.ayvaz-transparency strong{
  display:block;
  margin-top:13px;
  color:#dcecf2;
  font-size:14px;
}
.ayvaz-transparency a{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#62d9ff;
  font-size:11px;
  font-weight:900;
}
.ayvaz-contact-grid{
  display:grid;
  grid-template-columns:.7fr .8fr 1.5fr;
  gap:12px;
}
.ayvaz-contact-grid article{
  padding:21px;
  border:1px solid #24343c;
  border-radius:15px;
  background:#0e1518;
}
.ayvaz-contact-grid small{
  display:block;
  color:#627985;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
  margin-bottom:12px;
}
.ayvaz-contact-grid a{
  color:#dcecf2;
  font-size:15px;
  font-weight:850;
}
.ayvaz-contact-grid p{
  margin:0 0 12px;
  color:#94a2a8;
  font-size:11px;
  line-height:1.65;
}
.ayvaz-contact-grid article:last-child a{
  color:#60d8ff;
  font-size:10px;
}
.ayvaz-faq-cta{
  margin-top:50px;
  margin-bottom:70px;
  padding:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  border:1px solid #285164;
  border-radius:18px;
  background:linear-gradient(135deg,#0c181e,#101a1e);
}
.ayvaz-faq-cta small{
  color:#59d6ff;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900;
}
.ayvaz-faq-cta h2{
  max-width:760px;
  margin:8px 0 0;
  font-size:27px;
  line-height:1.05;
}
.ayvaz-faq-cta a{
  flex:0 0 auto;
  padding:12px 14px;
  border-radius:10px;
  background:#5ed7ff;
  color:#081115;
  font-size:10px;
  font-weight:900;
}

@media(max-width:980px){
  .ayvaz-top,
  .ayvaz-detail-hero,
  .ayvaz-detail-head{
    grid-template-columns:1fr;
  }
  .ayvaz-facts,
  .ayvaz-detail-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ayvaz-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ayvaz-transparency{
    grid-template-columns:1fr 1fr;
  }
  .ayvaz-contact-grid{
    grid-template-columns:1fr 1fr;
  }
  .ayvaz-contact-grid article:last-child{
    grid-column:1/3;
  }
}
@media(max-width:650px){
  .s6{grid-column:span 12}
  .ayvaz-showcase{padding:20px}
  .ayvaz-copy h3{font-size:49px}
  .ayvaz-visual{min-height:270px}
  .ayvaz-facts,
  .ayvaz-detail-cards,
  .ayvaz-product-grid,
  .ayvaz-transparency,
  .ayvaz-contact-grid{
    grid-template-columns:1fr;
  }
  .ayvaz-contact-grid article:last-child{grid-column:auto}
  .ayvaz-detail-copy h1{font-size:50px}
  .ayvaz-detail-art{min-height:330px}
  .ayvaz-faq-cta{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* v26 — Telekomünikasyon, Enerji & Saha Operasyonları */
.s-telekom{
  grid-column:span 12;
  min-height:245px;
  background:
    radial-gradient(circle at 86% 12%,rgba(91,238,166,.13),transparent 28%),
    linear-gradient(135deg,#101b18,#0d1313);
}
.s-telekom .tag{color:#6de9aa}
.s-telekom h3{max-width:800px}
.s-telekom p{max-width:760px}

.telecom-showcase{
  padding:34px;
  border:1px solid #224238;
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 87% 12%,rgba(93,238,169,.09),transparent 26%),
    linear-gradient(145deg,#0d1714,#0a1110);
}
.telecom-top{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:30px;
}
.telecom-kicker{color:#68e8a8}
.telecom-copy h3{
  margin:12px 0 18px;
  font-size:clamp(46px,6.2vw,80px);
  line-height:.9;
  letter-spacing:-.06em;
}
.telecom-copy h3 span{color:#7deab4}
.telecom-lead{
  max-width:720px;
  color:#9eafa7;
  font-size:15px;
  line-height:1.75;
}
.telecom-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.telecom-pill-row span{
  padding:9px 12px;
  border:1px solid #2d5747;
  border-radius:999px;
  color:#83e8b8;
  background:#0b1712;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.telecom-actions{margin-top:24px}
.telecom-detail-btn{
  display:inline-flex;
  align-items:center;
  min-height:43px;
  padding:0 14px;
  border-radius:10px;
  background:#71e6ad;
  color:#07100c;
  font-size:11px;
  font-weight:900;
}
.telecom-visual{
  position:relative;
  min-height:345px;
  overflow:hidden;
  border:1px solid #22473a;
  border-radius:20px;
  background:
    linear-gradient(rgba(100,220,162,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,220,162,.035) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(92,229,168,.10),transparent 40%),
    #08120e;
  background-size:34px 34px,34px 34px,auto,auto;
}
.tower{
  position:absolute;
  left:50%;bottom:54px;
  width:110px;height:190px;
  transform:translateX(-50%);
}
.tower-tip{
  position:absolute;left:50%;top:0;
  width:4px;height:35px;background:#70e8ad;
  transform:translateX(-50%);
  box-shadow:0 0 16px rgba(112,232,173,.45);
}
.tower-leg{
  position:absolute;top:28px;bottom:0;width:2px;background:#5fa985;
}
.tower-leg.l{left:30px;transform:rotate(9deg);transform-origin:bottom}
.tower-leg.r{right:30px;transform:rotate(-9deg);transform-origin:bottom}
.tower-cross{
  position:absolute;left:28px;right:28px;height:1px;background:#4e8e70;
}
.tower-cross.c1{top:70px}
.tower-cross.c2{top:115px}
.tower-cross.c3{top:158px}
.signal-ring{
  position:absolute;
  left:50%;top:40%;
  border:1px solid rgba(111,231,172,.22);
  border-radius:50%;
  transform:translate(-50%,-50%);
  animation:telecomPulse 4.5s ease-out infinite;
}
.sr1{width:120px;height:120px}
.sr2{width:210px;height:210px;animation-delay:1.4s}
.sr3{width:300px;height:300px;animation-delay:2.8s}
@keyframes telecomPulse{
  0%{opacity:.65;transform:translate(-50%,-50%) scale(.72)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.16)}
}
.network-node{
  position:absolute;width:10px;height:10px;border-radius:50%;
  background:#74e8b0;box-shadow:0 0 12px rgba(116,232,176,.55)
}
.tn1{left:15%;top:22%}.tn2{right:14%;top:27%}.tn3{left:18%;bottom:18%}.tn4{right:16%;bottom:22%}
.network-line{
  position:absolute;height:1px;background:linear-gradient(90deg,rgba(101,220,165,.1),rgba(101,220,165,.55));
  transform-origin:left center
}
.tl1{left:17%;top:25%;width:180px;transform:rotate(17deg)}
.tl2{right:16%;top:29%;width:180px;transform:rotate(162deg)}
.tl3{left:20%;bottom:22%;width:230px;transform:rotate(-15deg)}
.telecom-badge{
  position:absolute;left:20px;bottom:20px;display:flex;flex-direction:column;
}
.telecom-badge small{color:#5d8b76;font-size:8px;letter-spacing:.15em;font-weight:900}
.telecom-badge strong{margin-top:5px;color:#e4f7ee;font-size:28px}
.telecom-badge span{color:#70e8ad;font-size:9px;font-weight:900;letter-spacing:.1em}
.telecom-facts{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;
}
.telecom-facts article{
  min-height:165px;padding:19px;border:1px solid #20382f;border-radius:15px;background:#0b1511;
}
.telecom-facts small{color:#587769;font-size:8px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}
.telecom-facts strong{display:block;margin:11px 0 8px;color:#e4f1eb;font-size:18px}
.telecom-facts p{margin:0;color:#81948b;font-size:11px;line-height:1.65}
.telecom-services-strip{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:14px
}
.telecom-services-strip span{
  padding:8px 10px;border:1px solid #20372e;border-radius:9px;background:#0a1310;color:#81988d;font-size:9px;font-weight:800
}

/* detail */
.telecom-detail-hero{
  display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;padding-top:60px;padding-bottom:64px
}
.telecom-detail-hero h1{
  max-width:900px;margin:14px 0 22px;font-size:clamp(50px,7vw,96px);line-height:.89;letter-spacing:-.065em
}
.telecom-detail-hero h1 span{color:#74e8b0;font-size:.74em}
.telecom-detail-hero p{
  max-width:760px;color:#9aa9a2;font-size:15px;line-height:1.8
}
.telecom-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.telecom-detail-tags span{
  padding:9px 11px;border:1px solid #2b5042;border-radius:999px;color:#7fe7b5;font-size:8px;font-weight:900;letter-spacing:.13em
}
.telecom-detail-art{
  position:relative;min-height:430px;overflow:hidden;border:1px solid #24483b;border-radius:24px;
  background:
    linear-gradient(rgba(95,220,164,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(95,220,164,.035) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(94,224,167,.12),transparent 42%),#08120e;
  background-size:36px 36px,36px 36px,auto,auto
}
.telecom-detail-core{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:120px;height:120px;display:grid;place-items:center;text-align:center;border:1px solid #73e8b0;border-radius:50%;
  background:#0b1712;color:#edf9f3;font-size:22px;font-weight:900;box-shadow:0 0 36px rgba(105,228,170,.17)
}
.telecom-detail-core small{display:block;color:#6fe2aa;font-size:8px;letter-spacing:.12em}
.td-ring{
  position:absolute;left:50%;top:50%;border:1px solid rgba(108,227,170,.20);border-radius:50%;transform:translate(-50%,-50%)
}
.td-ring.r1{width:190px;height:190px}.td-ring.r2{width:290px;height:290px}.td-ring.r3{width:390px;height:390px}
.td-node{
  position:absolute;padding:8px 10px;border:1px solid #2a5141;border-radius:999px;background:#0b1712;color:#76e5af;font-size:8px;font-weight:900;letter-spacing:.12em
}
.td-node.n1{left:9%;top:25%}.td-node.n2{right:8%;top:26%}.td-node.n3{left:50%;bottom:10%;transform:translateX(-50%)}
.telecom-detail-section{
  padding-top:68px;padding-bottom:34px;border-top:1px solid #202c28
}
.telecom-detail-head{
  display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:end;margin-bottom:28px
}
.telecom-detail-head small{
  display:block;color:#6fe5ad;font-size:8px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin-bottom:10px
}
.telecom-detail-head h2{
  margin:0;max-width:820px;font-size:clamp(36px,4.7vw,63px);line-height:.95;letter-spacing:-.05em
}
.telecom-detail-head p{margin:0;color:#8e9e96;font-size:13px;line-height:1.8}
.telecom-history-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
.telecom-history-grid article{
  min-height:175px;padding:20px;border:1px solid #22352e;border-radius:15px;background:#0d1512
}
.telecom-history-grid small{color:#5c766a;font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.telecom-history-grid strong{display:block;margin:14px 0 8px;color:#e6f3ec;font-size:29px}
.telecom-history-grid p{margin:0;color:#85958d;font-size:11px;line-height:1.7}
.telecom-service-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
.telecom-service-grid article{
  min-height:210px;padding:20px;border:1px solid #22362f;border-radius:15px;background:#0c1511
}
.telecom-service-grid span{color:#6fe5ad;font-size:9px;font-weight:900}
.telecom-service-grid h3{margin:22px 0 10px;font-size:20px;line-height:1.08}
.telecom-service-grid p{margin:0;color:#87978f;font-size:11px;line-height:1.72}
.telecom-capability-strip{
  display:flex;flex-wrap:wrap;gap:9px
}
.telecom-capability-strip span{
  padding:10px 12px;border:1px solid #284739;border-radius:10px;background:#0d1712;color:#96b2a4;font-size:10px;font-weight:850
}
.telecom-crisis-card{
  position:relative;overflow:hidden;min-height:190px;padding:28px;display:flex;align-items:flex-end;
  border:1px solid #2a493c;border-radius:17px;background:linear-gradient(145deg,#0d1813,#101915)
}
.telecom-crisis-card strong{display:block;color:#e7f4ed;font-size:24px}
.telecom-crisis-card p{max-width:790px;margin:10px 0 0;color:#899a91;font-size:12px;line-height:1.75}
.crisis-signal{
  position:absolute;right:8%;top:-30px;width:220px;height:220px;border:1px solid rgba(111,231,172,.15);border-radius:50%;
  box-shadow:0 0 0 45px rgba(111,231,172,.025),0 0 0 90px rgba(111,231,172,.018)
}
.telecom-faq-cta{
  margin-top:50px;margin-bottom:70px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:30px;
  border:1px solid #2b5544;border-radius:18px;background:linear-gradient(135deg,#0b1712,#101915)
}
.telecom-faq-cta small{color:#72e5ad;font-size:8px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}
.telecom-faq-cta h2{max-width:760px;margin:8px 0 0;font-size:27px;line-height:1.05}
.telecom-faq-cta a{
  flex:0 0 auto;padding:12px 14px;border-radius:10px;background:#72e5ad;color:#07100b;font-size:10px;font-weight:900
}

@media(max-width:980px){
  .telecom-top,.telecom-detail-hero,.telecom-detail-head{grid-template-columns:1fr}
  .telecom-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .telecom-history-grid,.telecom-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .s-telekom{grid-column:span 12}
  .telecom-showcase{padding:20px}
  .telecom-copy h3{font-size:47px}
  .telecom-visual{min-height:285px}
  .telecom-facts,.telecom-history-grid,.telecom-service-grid{grid-template-columns:1fr}
  .telecom-detail-hero h1{font-size:49px}
  .telecom-detail-art{min-height:330px}
  .telecom-faq-cta{align-items:flex-start;flex-direction:column}
}


/* v27 — Premium Faaliyet Alanları */
#faaliyetler{
  position:relative;
}
.premium-sectors-grid{
  display:grid;
  grid-template-columns:repeat(12, minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.sector-card{
  position:relative;
  overflow:hidden;
  min-height:300px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid rgba(66,96,113,.55);
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.005)),
    radial-gradient(circle at 88% 8%, rgba(85,139,177,.07), transparent 26%),
    linear-gradient(145deg,#0a1116,#0c1319 48%,#0b1318);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.sector-card:hover{
  transform:translateY(-4px);
  border-color:rgba(95,145,177,.9);
  box-shadow:0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
.sector-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(78,108,128,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78,108,128,.045) 1px, transparent 1px);
  background-size:28px 28px;
  opacity:.45;
  pointer-events:none;
}
.sector-card::after{
  content:"";
  position:absolute;
  inset:auto -20% -40% auto;
  width:280px;
  height:280px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:50%;
  opacity:.7;
}
.sector-card.large{grid-column:span 7; min-height:320px;}
.sector-card.medium{grid-column:span 5; min-height:320px;}
.sector-card.full{grid-column:1/-1; min-height:250px;}
.sector-meta{
  position:relative;
  z-index:2;
  max-width:620px;
}
.sector-kicker{
  display:inline-block;
  margin-bottom:18px;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  color:#ffb25c;
}
.sector-card h3{
  margin:0 0 14px;
  color:#f5f7fb;
  font-size:clamp(24px,2.4vw,34px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.sector-card p{
  margin:0;
  max-width:620px;
  color:#a9b7c5;
  font-size:15px;
  line-height:1.78;
}
.sector-cta{
  display:inline-flex;
  margin-top:26px;
  font-size:13px;
  font-weight:900;
  color:#ffffff;
}
.sector-visual{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.95;
}

/* Color variants */
.sector-card.telekom{
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)),
    radial-gradient(circle at 80% 16%, rgba(75,201,168,.12), transparent 30%),
    linear-gradient(145deg,#0b1615,#0d1a18 48%,#0b1615);
}
.sector-card.telekom .sector-kicker{color:#72e9b3}
.sector-card.telekom:hover{border-color:rgba(93,213,171,.8)}

.sector-card.gida .sector-kicker{color:#ffc268}
.sector-card.gida:hover{border-color:rgba(255,178,92,.72)}

.sector-card.medya{
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)),
    radial-gradient(circle at 82% 14%, rgba(74,181,255,.11), transparent 28%),
    linear-gradient(145deg,#091118,#0b131b 48%,#0a1118);
}
.sector-card.medya .sector-kicker{color:#55bbff}
.sector-card.medya:hover{border-color:rgba(85,187,255,.74)}

.sector-card.tech{
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)),
    radial-gradient(circle at 84% 14%, rgba(78,214,255,.14), transparent 30%),
    linear-gradient(145deg,#08121a,#09141c 48%,#081219);
}
.sector-card.tech .sector-kicker{color:#88c3ff}
.sector-card.tech:hover{border-color:rgba(112,200,255,.8)}

.sector-card.girisim{
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)),
    radial-gradient(circle at 84% 14%, rgba(143,255,120,.10), transparent 28%),
    linear-gradient(145deg,#0a1316,#0b1417 48%,#0a1316);
}
.sector-card.girisim .sector-kicker{color:#9adf6d}
.sector-card.girisim:hover{border-color:rgba(154,223,109,.74)}

.sector-card.su{
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.005)),
    radial-gradient(circle at 83% 15%, rgba(62,180,255,.18), transparent 32%),
    linear-gradient(145deg,#081219,#0b151d 48%,#0a141c);
}
.sector-card.su .sector-kicker{color:#62d6ff}
.sector-card.su:hover{border-color:rgba(98,214,255,.82)}

/* decorative visuals */
.endustriyel-visual .line{
  position:absolute; left:50%; bottom:72px; width:210px; height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,178,92,.42), transparent);
  transform:translateX(-50%);
}
.endustriyel-visual .l1{bottom:74px}
.endustriyel-visual .l2{bottom:112px; width:160px}
.endustriyel-visual .l3{bottom:150px; width:120px}
.endustriyel-visual .frame{
  position:absolute; right:48px; bottom:48px;
  border:2px solid rgba(255,255,255,.12);
  border-radius:8px;
}
.endustriyel-visual .f1{width:150px;height:96px}
.endustriyel-visual .f2{width:92px;height:62px; right:136px; bottom:104px}

.telekom-visual-mini .tower-mini{
  position:absolute; right:118px; bottom:52px; width:2px; height:112px;
  background:#75e3b1; box-shadow:0 0 16px rgba(117,227,177,.35);
}
.telekom-visual-mini .tower-mini::before,
.telekom-visual-mini .tower-mini::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  width:38px; height:1px; background:#75e3b1;
}
.telekom-visual-mini .tower-mini::before{ top:36px; }
.telekom-visual-mini .tower-mini::after{ top:68px; }
.telekom-visual-mini .ring{
  position:absolute; right:74px; bottom:92px;
  border:1px solid rgba(117,227,177,.18); border-radius:50%;
  animation:telekomPulseMini 4.8s ease-out infinite;
}
.telekom-visual-mini .r1{width:74px;height:74px}
.telekom-visual-mini .r2{width:124px;height:124px; right:49px; bottom:67px; animation-delay:1.2s}
.telekom-visual-mini .r3{width:174px;height:174px; right:24px; bottom:42px; animation-delay:2.4s}
.telekom-visual-mini .dot{
  position:absolute; width:8px; height:8px; border-radius:50%;
  background:#78e5b5; box-shadow:0 0 14px rgba(120,229,181,.6);
}
.telekom-visual-mini .d1{right:40px; top:76px}
.telekom-visual-mini .d2{right:148px; top:54px}
.telekom-visual-mini .d3{right:184px; bottom:92px}
@keyframes telekomPulseMini{
  0%{opacity:.58; transform:scale(.75)}
  100%{opacity:0; transform:scale(1.12)}
}

.gida-visual .arc{
  position:absolute; border:1px solid rgba(255,194,104,.12); border-radius:50%;
}
.gida-visual .a1{right:40px; top:42px; width:120px; height:120px}
.gida-visual .a2{right:16px; top:18px; width:170px; height:170px}
.gida-visual .glow-ball{
  position:absolute; right:80px; bottom:68px; width:68px; height:68px; border-radius:50%;
  background:radial-gradient(circle at 35% 35%, rgba(255,194,104,.78), rgba(255,194,104,.10) 65%, transparent 75%);
  filter:blur(10px); opacity:.48;
}

.medya-visual .bar{
  position:absolute; bottom:58px; width:8px; border-radius:999px;
  background:linear-gradient(180deg, rgba(85,187,255,.95), rgba(255,178,92,.75));
  animation:mediaBars 2.6s ease-in-out infinite;
}
.medya-visual .b1{right:152px; height:48px; animation-delay:.1s}
.medya-visual .b2{right:135px; height:82px; animation-delay:.2s}
.medya-visual .b3{right:118px; height:110px; animation-delay:.3s}
.medya-visual .b4{right:101px; height:74px; animation-delay:.4s}
.medya-visual .b5{right:84px; height:56px; animation-delay:.5s}
@keyframes mediaBars{
  0%,100%{transform:scaleY(.92); opacity:.9}
  50%{transform:scaleY(1.08); opacity:1}
}

.tech-visual .core{
  position:absolute; right:110px; top:86px;
  width:72px; height:72px; display:grid; place-items:center;
  color:#d7f4ff; font-size:28px; font-weight:900;
  border:1px solid rgba(112,200,255,.7); border-radius:18px;
  background:rgba(7,22,30,.7); box-shadow:0 0 28px rgba(81,196,255,.18);
}
.tech-visual .node,
.girisim-visual .node{
  position:absolute; width:10px; height:10px; border-radius:50%;
  background:#7fe0ff; box-shadow:0 0 14px rgba(127,224,255,.55);
}
.tech-visual .n1{right:250px; top:98px}
.tech-visual .n2{right:56px; top:64px}
.tech-visual .n3{right:72px; top:190px}
.tech-visual .n4{right:224px; top:210px}
.tech-visual .link{
  position:absolute; height:1px; background:linear-gradient(90deg, rgba(127,224,255,.08), rgba(127,224,255,.65));
  transform-origin:left center;
}
.tech-visual .lk1{right:170px; top:114px; width:84px; transform:rotate(8deg)}
.tech-visual .lk2{right:118px; top:96px; width:62px; transform:rotate(-26deg)}
.tech-visual .lk3{right:128px; top:142px; width:72px; transform:rotate(30deg)}
.tech-visual .lk4{right:162px; top:164px; width:78px; transform:rotate(145deg)}
.tech-visual .pulse{
  position:absolute; width:6px; height:6px; border-radius:50%;
  background:#d6f7ff; box-shadow:0 0 12px rgba(214,247,255,.7);
  animation:dataPulse 3.2s linear infinite;
}
.tech-visual .p1{right:196px; top:124px}
.tech-visual .p2{right:162px; top:152px; animation-delay:1.4s}
@keyframes dataPulse{
  0%{opacity:0; transform:translate(0,0) scale(.7)}
  15%{opacity:1}
  50%{transform:translate(34px,-18px) scale(1)}
  100%{opacity:0; transform:translate(68px,-34px) scale(.8)}
}

.girisim-visual .n1{right:182px; top:92px}
.girisim-visual .n2{right:74px; top:148px}
.girisim-visual .n3{right:214px; top:214px}
.girisim-visual .orbit{
  position:absolute; right:82px; top:52px;
  border:1px solid rgba(154,223,109,.15); border-radius:50%;
}
.girisim-visual .o1{width:170px;height:170px}
.girisim-visual .o2{width:240px;height:240px; right:42px; top:18px}
.girisim-visual::after{
  content:"";
  position:absolute; right:165px; top:135px; width:90px; height:90px;
  border:1px solid rgba(154,223,109,.16); border-radius:50%;
  animation:slowSpin 14s linear infinite;
}
@keyframes slowSpin{
  from{transform:rotate(0)}
  to{transform:rotate(360deg)}
}

.su-visual .wave{
  position:absolute; right:54px; left:auto; border:1px solid rgba(98,214,255,.16);
  border-radius:999px;
}
.su-visual .w1{bottom:72px; width:180px; height:40px}
.su-visual .w2{bottom:92px; width:240px; height:56px}
.su-visual .w3{bottom:118px; width:300px; height:72px}
.su-visual .drop{
  position:absolute; right:118px; top:78px; width:44px; height:58px;
  background:radial-gradient(circle at 35% 35%, rgba(196,245,255,.95), rgba(98,214,255,.38) 55%, rgba(98,214,255,.02) 70%);
  border-radius:50% 50% 55% 55% / 42% 42% 65% 65%;
  transform:rotate(180deg);
  filter:blur(.2px);
  box-shadow:0 0 20px rgba(98,214,255,.24);
}

@media (max-width: 1200px){
  .sector-card.large{grid-column:span 12}
  .sector-card.medium{grid-column:span 6}
}
@media (max-width: 780px){
  .premium-sectors-grid{grid-template-columns:1fr}
  .sector-card.large,.sector-card.medium,.sector-card.full{grid-column:span 1; min-height:260px}
  .sector-card{padding:22px}
  .sector-card p{font-size:14px}
  .endustriyel-visual .frame,
  .telekom-visual-mini,
  .gida-visual,
  .medya-visual,
  .tech-visual,
  .girisim-visual,
  .su-visual{opacity:.7}
}


/* =========================================================
   Ekmekci Grup v2 — Distinct Corporate Theme
   Same design family, different visual identity
   Palette: graphite / petrol navy / copper amber
   ========================================================= */

:root{
  --ek-bg-0:#0c1014;
  --ek-bg-1:#11171c;
  --ek-bg-2:#151d22;
  --ek-panel:#12191e;
  --ek-panel-2:#172027;
  --ek-line:#2a3941;
  --ek-line-soft:#202c33;
  --ek-text:#f2f4f5;
  --ek-muted:#98a7ae;
  --ek-petrol:#3f93a7;
  --ek-petrol-soft:#72bcc9;
  --ek-copper:#d79a57;
  --ek-copper-soft:#efb873;
}

/* Overall background */
html,
body{
  background:
    radial-gradient(circle at 16% 8%, rgba(58,116,132,.11), transparent 31%),
    radial-gradient(circle at 86% 18%, rgba(184,120,59,.06), transparent 28%),
    linear-gradient(180deg,var(--ek-bg-0),var(--ek-bg-1) 48%,#0c1115);
  color:var(--ek-text);
}

body::selection{
  background:rgba(215,154,87,.34);
  color:#fff;
}

/* Header */
.top{
  background:rgba(11,15,18,.86) !important;
  border-bottom:1px solid rgba(215,154,87,.13) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.brand-oe,
.brand-logo strong,
.footer-logo strong{
  color:var(--ek-copper-soft) !important;
}

.brand-dot,
.footer-logo span{
  color:var(--ek-petrol-soft) !important;
}

.nav a:hover,
.nav a[aria-current="page"]{
  color:var(--ek-copper-soft) !important;
}

/* Global kicker + accents */
.kicker,
.section-kicker,
.eyebrow,
.sector-kicker{
  color:var(--ek-copper-soft) !important;
}

/* Hero gets a warmer holding identity */
.hero{
  position:relative;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(110deg, rgba(215,154,87,.045), transparent 35%),
    radial-gradient(circle at 72% 36%, rgba(63,147,167,.08), transparent 28%);
}

.hero h1 span,
.hero strong{
  color:#f5f5f2;
}

.hero .primary,
.btn-primary,
.primary-btn{
  background:linear-gradient(135deg,var(--ek-copper-soft),var(--ek-copper)) !important;
  color:#111 !important;
  border-color:rgba(239,184,115,.8) !important;
  box-shadow:0 9px 25px rgba(182,119,56,.18);
}

.hero .secondary,
.btn-secondary,
.secondary-btn{
  border-color:rgba(72,132,146,.42) !important;
  background:rgba(18,27,33,.72) !important;
}

/* Cards */
.sector-card,
.info-card,
.seo-landing-card,
.knowledge-faq-item,
.telecom-showcase,
.ayvaz-showcase,
.digital-showcase,
.media-showcase,
.food-showcase,
.su-showcase,
.future-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004)),
    linear-gradient(145deg,var(--ek-panel),var(--ek-panel-2)) !important;
  border-color:rgba(74,103,116,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 14px 34px rgba(0,0,0,.12);
}

.sector-card:hover,
.info-card:hover,
.seo-landing-card:hover{
  border-color:rgba(215,154,87,.50) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.22),
    0 0 0 1px rgba(63,147,167,.06) inset !important;
}

/* Give each service block a less neon and more corporate accent */
.sector-card.endustriyel,
.sector-card.telekom,
.sector-card.gida,
.sector-card.medya,
.sector-card.tech,
.sector-card.girisim,
.sector-card.su{
  background:
    radial-gradient(circle at 86% 10%,rgba(63,147,167,.07),transparent 29%),
    linear-gradient(145deg,#11181d,#151e24 52%,#10171b) !important;
}

.sector-card.endustriyel .sector-kicker,
.sector-card.gida .sector-kicker{
  color:var(--ek-copper-soft) !important;
}

.sector-card.telekom .sector-kicker,
.sector-card.medya .sector-kicker,
.sector-card.tech .sector-kicker,
.sector-card.girisim .sector-kicker,
.sector-card.su .sector-kicker{
  color:var(--ek-petrol-soft) !important;
}

/* Buttons / links */
.sector-cta,
.seo-primary-link,
.telecom-detail-btn,
.ayvaz-detail-btn,
.telecom-faq-cta a,
.ayvaz-faq-cta a{
  color:var(--ek-copper-soft) !important;
}

.telecom-detail-btn,
.ayvaz-detail-btn,
.telecom-faq-cta a,
.ayvaz-faq-cta a{
  background:linear-gradient(135deg,var(--ek-copper-soft),var(--ek-copper)) !important;
  color:#101315 !important;
  border-color:transparent !important;
}

/* Thin decorative lines */
.breadcrumb,
.legal-footer,
.section-divider{
  border-color:rgba(215,154,87,.12) !important;
}

.legal-footer{
  background:
    linear-gradient(180deg,rgba(15,21,25,.96),rgba(9,13,16,.98)) !important;
}

.legal-footer a:hover{
  color:var(--ek-copper-soft) !important;
}

/* FAQ */
.knowledge-faq-question:hover,
.knowledge-nav a:hover,
.knowledge-nav a.active{
  color:var(--ek-copper-soft) !important;
  border-color:rgba(215,154,87,.34) !important;
}

/* Decorative glow for headings */
h1,h2{
  text-shadow:0 0 28px rgba(63,147,167,.035);
}

/* Scrollbar — subtle brand touch */
*{
  scrollbar-width:thin;
  scrollbar-color:#3f5964 #0d1215;
}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#0d1215}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#3d5964,#7b5638);
  border-radius:999px;
  border:2px solid #0d1215;
}

/* Mobile */
@media(max-width:780px){
  html,body{
    background:
      radial-gradient(circle at 50% 0%,rgba(63,147,167,.10),transparent 30%),
      linear-gradient(180deg,#0c1115,#11181d);
  }
  .top{
    background:rgba(10,14,17,.94) !important;
  }
}