/* Tema "neon": synthwave / siber. Mor-siyah gece, magenta + camgöbeği; çizgili güneş, akan ızgara zemin,
   RGB kaymalı başlık, yanıp sönerek yanan neon kartlar, tarama çizgileri, CRT ekran duvarı */
:root{
  --bg:#0d0221;--bg-2:#150535;--ink:#f3eaff;--ink-2:#bcaee6;--line:rgba(140,30,255,.38);
  --mag:#ff2fb9;--cyan:#22e6ff;--sun:#ffd319;--vio:#b26bff;--sy:0;
  --f-head:"Audiowide",system-ui,sans-serif;--f-body:"Chakra Petch",system-ui,sans-serif;
}
::selection{background:var(--mag);color:#fff}
body{background:var(--bg) radial-gradient(1200px 800px at 85% 30%,rgba(140,30,255,.13),transparent 60%) fixed;font-size:16.5px}
h1,h2,h3{font-weight:400}
.progress{background:linear-gradient(90deg,var(--cyan),var(--mag));box-shadow:0 0 12px var(--mag)}
em{font-style:normal;color:var(--mag);text-shadow:0 0 14px var(--mag)}

/* Tüm sayfada tarama çizgileri */
.scan{position:fixed;inset:0;z-index:90;pointer-events:none;background:repeating-linear-gradient(rgba(0,0,0,.16) 0 1px,transparent 1px 3px);animation:scanf 6s steps(60) infinite}
@keyframes scanf{50%{opacity:.75}}

/* Butonlar */
.btn{border-radius:10px;font-family:var(--f-head);font-weight:400;letter-spacing:.04em}
.btn-neon{background:rgba(13,2,33,.62);color:#fff;border:2px solid var(--mag);box-shadow:0 0 14px rgba(255,47,185,.8),inset 0 0 14px rgba(255,47,185,.45);text-shadow:0 0 8px var(--mag)}
.btn-neon:hover{background:var(--mag);color:#1a0030;text-shadow:none;transform:translateY(-3px);box-shadow:0 0 34px var(--mag)}
.btn-ghost{background:rgba(13,2,33,.62);color:#fff;border:2px solid var(--cyan);box-shadow:0 0 14px rgba(34,230,255,.6),inset 0 0 12px rgba(34,230,255,.35);text-shadow:0 0 8px var(--cyan)}
.btn-ghost:hover{background:var(--cyan);color:#04131a;text-shadow:none;transform:translateY(-3px)}
.btn-wa{border-radius:10px}

/* Üst menü */
.top{color:var(--ink)}
.top.scrolled{background:rgba(13,2,33,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,47,185,.6),0 10px 30px -14px rgba(255,47,185,.6)}
.logo{font-family:var(--f-head);font-weight:400;letter-spacing:.02em}
.logo-mark{border:2px solid var(--cyan);border-radius:10px;color:var(--cyan);box-shadow:0 0 10px var(--cyan),inset 0 0 8px rgba(34,230,255,.6);animation:tubeon 1.6s .3s both}
.nav a.link{color:var(--ink-2);transition:color .3s,text-shadow .3s}
.nav a.link:hover{color:#fff;text-shadow:0 0 10px var(--mag),0 0 20px var(--mag)}
.top .btn-call{border:2px solid var(--mag);padding:9px 16px;font-size:.85rem;background:rgba(255,47,185,.12);color:#fff;box-shadow:0 0 12px rgba(255,47,185,.6)}
.top .btn-call:hover{background:var(--mag);color:#1a0030}

/* Hero: ufuk, güneş, şehir, ızgara */
.hero{min-height:100svh;padding:118px 0 44px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(#07011a 0%,#1a0547 36%,#4c0b70 63.8%,#1b0640 64%)}
.sky{position:absolute;inset:0;pointer-events:none}
.sky::before{content:"";position:absolute;left:50%;top:64%;width:1100px;height:560px;translate:-50% -62%;background:radial-gradient(closest-side,rgba(255,47,185,.5),rgba(255,120,60,.18) 55%,transparent);animation:breathe 5s ease-in-out infinite}
@keyframes breathe{50%{opacity:.7}}
.stars{position:absolute;inset:0 0 36% 0;background-image:radial-gradient(1.4px 1.4px at 30px 40px,#fff 50%,transparent 60%),radial-gradient(1px 1px at 120px 90px,#d6c8ff 50%,transparent 60%),radial-gradient(1.2px 1.2px at 200px 20px,#9ff3ff 50%,transparent 60%);background-size:230px 150px,170px 130px,290px 170px;animation:twinkle 3s ease-in-out infinite alternate;mask-image:linear-gradient(#000 30%,transparent)}
@keyframes twinkle{to{opacity:.45}}
.sun{position:absolute;left:50%;top:64%;width:min(56vmin,470px);aspect-ratio:1;border-radius:50%;translate:-50% -64%;background:linear-gradient(#ffe45c 8%,#ff9a3d 38%,#ff2fb9 66%,#8c1eff 100%);
  -webkit-mask:linear-gradient(#000 0 48%,transparent 48% 51%,#000 51% 58%,transparent 58% 62%,#000 62% 68%,transparent 68% 73%,#000 73% 78%,transparent 78% 84%,#000 84%);
  mask:linear-gradient(#000 0 48%,transparent 48% 51%,#000 51% 58%,transparent 58% 62%,#000 62% 68%,transparent 68% 73%,#000 73% 78%,transparent 78% 84%,#000 84%);
  transform:translateY(calc(var(--sy) * .35px));animation:rise 2.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{translate:-50% -10%;opacity:0}}
.city{position:absolute;left:0;bottom:36%;width:100%;height:13%;fill:#10022b;filter:drop-shadow(0 -1px 0 rgba(255,47,185,.9)) drop-shadow(0 0 8px rgba(255,47,185,.4))}
.floor{position:absolute;left:0;right:0;bottom:0;height:36%;overflow:hidden;perspective:240px;perspective-origin:50% 0;background:linear-gradient(#1b0640,#0d0221 80%);border-top:2px solid var(--mag);box-shadow:0 0 26px var(--mag)}
.grid{position:absolute;left:-80%;right:-80%;top:0;height:260%;transform-origin:50% 0;transform:rotateX(64deg);background-image:linear-gradient(90deg,rgba(255,47,185,.8) 2px,transparent 2px),linear-gradient(rgba(34,230,255,.7) 2px,transparent 2px);background-size:64px 64px;animation:floor .8s linear infinite;-webkit-mask-image:linear-gradient(transparent,#000 18%);mask-image:linear-gradient(transparent,#000 18%)}
@keyframes floor{to{background-position:0 64px,0 64px}}

.hero-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.tag{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border:1px solid rgba(34,230,255,.6);border-radius:99px;background:rgba(13,2,33,.55);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#c9f7ff;box-shadow:0 0 14px rgba(34,230,255,.25)}
.tag i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:blink 1.2s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.hero h1{margin:24px 0 20px;width:100%;display:flex;flex-direction:column;align-items:center}
.gl{position:relative;display:block;width:max-content;line-height:1.02;color:#fff;text-transform:uppercase;letter-spacing:.02em;
  text-shadow:-.035em 0 rgba(34,230,255,.65),.035em 0 rgba(255,47,185,.65),0 0 24px rgba(255,47,185,.8),0 0 60px rgba(255,47,185,.5);animation:jit 5s infinite}
.gl::before,.gl::after{content:attr(data-text);position:absolute;inset:0;text-shadow:none;pointer-events:none;clip-path:inset(0 0 100% 0)}
.gl::before{color:var(--cyan);animation:g1 3.4s infinite linear}
.gl::after{color:var(--mag);animation:g2 2.9s infinite linear}
@keyframes g1{0%,84%,100%{clip-path:inset(0 0 100% 0);transform:none}85%{clip-path:inset(8% 0 60% 0);transform:translate(-.06em,-.02em)}88%{clip-path:inset(62% 0 6% 0);transform:translate(.05em,.01em)}91%{clip-path:inset(34% 0 42% 0);transform:translate(-.03em,0)}94%{clip-path:inset(0 0 78% 0);transform:translate(.04em,0)}}
@keyframes g2{0%,70%,100%{clip-path:inset(0 0 100% 0);transform:none}71%{clip-path:inset(50% 0 20% 0);transform:translate(.06em,.01em)}74%{clip-path:inset(12% 0 70% 0);transform:translate(-.05em,0)}77%{clip-path:inset(75% 0 2% 0);transform:translate(.03em,-.01em)}}
@keyframes jit{0%,93%,100%{transform:none}94%{transform:translate(3px,0) skewX(10deg)}96%{transform:translate(-3px,0) skewX(-6deg)}98%{transform:none}}
.chrome{display:block;margin-top:.3em;font-family:var(--f-head);font-size:clamp(1.25rem,3.4vw,2.8rem);letter-spacing:.05em;line-height:1.1;background:linear-gradient(180deg,#fff 0%,#eadcff 45%,#ff2fb9 54%,#ffd319 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(255,47,185,.55));animation:tubeon 1.8s .5s both}
.lead{max-width:660px;color:#ddd1ff;font-size:1.1rem;text-shadow:0 1px 3px #0d0221,0 0 14px #0d0221,0 0 28px rgba(13,2,33,.9)}
.cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}

.deck{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-top:56px}
.hud{max-width:440px;display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;padding:20px 24px;border:1px solid rgba(34,230,255,.55);border-radius:14px;background:rgba(10,1,28,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 26px rgba(34,230,255,.2),inset 0 0 20px rgba(34,230,255,.08)}
.hud b{display:block;font-family:var(--f-head);font-weight:400;font-size:1.75rem;line-height:1.1;color:var(--cyan);text-shadow:0 0 12px var(--cyan)}
.hud span{font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2)}
.holo{justify-self:end;margin:0;width:min(460px,100%);position:relative;border-radius:14px;overflow:hidden;border:2px solid var(--mag);box-shadow:0 0 34px rgba(255,47,185,.55);transform:perspective(900px) rotateY(-14deg) rotateX(5deg);transition:transform .6s}
.holo:hover{transform:perspective(900px) rotateY(0) rotateX(0)}
.holo img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(1.15) contrast(1.05)}
.holo::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(rgba(0,0,0,.22) 0 1px,transparent 1px 3px),linear-gradient(transparent 55%,rgba(13,2,33,.9))}
.holo::before{content:"";position:absolute;left:0;right:0;top:-30%;height:30%;z-index:2;pointer-events:none;background:linear-gradient(transparent,rgba(34,230,255,.22),transparent);animation:sweep 3.6s linear infinite}
@keyframes sweep{to{top:100%}}
.holo figcaption{position:absolute;left:14px;right:14px;bottom:10px;z-index:3;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.holo figcaption i,.crt figcaption i{font-style:normal;color:#ff3355;animation:blink 1s steps(1) infinite}

/* Kayan LED şerit */
.ticker{border-block:1px solid var(--mag);background:#10022b;padding:14px 0;font-family:var(--f-head);text-transform:uppercase;font-size:1rem;color:var(--cyan);text-shadow:0 0 10px var(--cyan);box-shadow:0 0 24px rgba(255,47,185,.3);--mq-speed:34s;--mq-gap:26px}
.ticker span{white-space:nowrap}
.ticker b{color:var(--mag);font-weight:400;text-shadow:0 0 10px var(--mag)}

/* Bölüm başlıkları */
.sec{padding:120px 0}
.sh{max-width:820px;margin-bottom:56px}
.sh-tag{display:inline-flex;align-items:center;gap:12px;font-size:.78rem;font-weight:600;letter-spacing:.22em;color:var(--cyan)}
.sh-tag i{width:26px;height:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.sh h2{font-size:clamp(1.8rem,4.2vw,3.3rem);margin-top:16px;line-height:1.14;color:#fff;text-shadow:0 0 22px rgba(255,47,185,.4)}
.sh p{color:var(--ink-2);margin-top:16px;max-width:640px;font-size:1.05rem}

/* Giriş */
.intro-in{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start}
.intro-in .sh{position:sticky;top:120px}
.intro-body p{color:var(--ink-2);font-size:1.08rem;margin-bottom:22px}
.intro-body p:first-child{color:var(--ink);font-size:1.18rem}
.chips{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chips li{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(21,5,53,.6);font-weight:500;font-size:.95rem;transition:border-color .3s,box-shadow .3s}
.chips li:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(34,230,255,.3)}
.chips svg{width:24px;height:24px;color:var(--cyan);filter:drop-shadow(0 0 5px var(--cyan))}

/* Hizmetler: neon tüp kartlar */
.tubes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-bottom:46px}
.tube{--c:var(--mag);position:relative;isolation:isolate;padding:26px 22px 28px;border-radius:16px;background:rgba(21,5,53,.62);transition:transform .4s,background .4s}
.tube:nth-child(even){--c:var(--cyan);top:46px}
.tube::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;border:2px solid var(--c);box-shadow:0 0 12px var(--c),inset 0 0 12px var(--c);opacity:.1}
.tube.in::before{animation:tubeon 1.5s calc(var(--d) * 160ms + .25s) forwards}
@keyframes tubeon{0%{opacity:.1}8%{opacity:1}12%{opacity:.15}20%{opacity:.95}23%{opacity:.25}34%,100%{opacity:1}}
.tube:hover{transform:translateY(-6px);background:rgba(30,8,72,.85)}
.tube:hover::before{box-shadow:0 0 26px var(--c),inset 0 0 18px var(--c)}
.tn{font-family:var(--f-head);font-size:.85rem;color:var(--c);text-shadow:0 0 8px var(--c)}
.ti{margin-top:16px}
.ti svg{width:36px;height:36px;color:var(--c);filter:drop-shadow(0 0 6px var(--c))}
.tube h3{font-size:1.12rem;line-height:1.25;margin:16px 0 10px;color:#fff}
.tube p{color:var(--ink-2);font-size:.95rem}

/* İşlerimiz: CRT ekran duvarı */
.wall-sec{background:linear-gradient(transparent,rgba(140,30,255,.08),transparent)}
.wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:130px;gap:14px;
  grid-template-areas:"w0 w0 w1 w1 w1 w1" "w0 w0 w1 w1 w1 w1" "w0 w0 w2 w2 w3 w3" "w4 w4 w2 w2 w3 w3" "w4 w4 w5 w5 w5 w5" "w4 w4 w5 w5 w5 w5" "w6 w6 w7 w7 w8 w8" "w6 w6 w7 w7 w8 w8" "w9 w9 w9 w9 w8 w8" "w9 w9 w9 w9 w8 w8"}
.w0{grid-area:w0}.w1{grid-area:w1}.w2{grid-area:w2}.w3{grid-area:w3}.w4{grid-area:w4}.w5{grid-area:w5}.w6{grid-area:w6}.w7{grid-area:w7}.w8{grid-area:w8}.w9{grid-area:w9}
.crt{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#000;border:2px solid #34186e;transition:border-color .3s,box-shadow .3s}
.crt img,.crt video{width:100%;height:100%;object-fit:cover}
.crt::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(rgba(0,0,0,.25) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55))}
.crt:hover{border-color:var(--mag);box-shadow:0 0 26px rgba(255,47,185,.55)}
.crt:hover img{animation:rgbj .45s steps(2) 2}
@keyframes rgbj{0%{transform:translate(3px,0);filter:hue-rotate(50deg) saturate(1.6)}50%{transform:translate(-3px,1px);filter:hue-rotate(-50deg) saturate(1.6)}100%{transform:none;filter:none}}
.crt figcaption{position:absolute;left:12px;bottom:12px;right:12px;z-index:2;width:max-content;max-width:calc(100% - 24px);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:6px;background:rgba(10,1,28,.78);border:1px solid rgba(34,230,255,.4)}

/* Süreç: devre */
.circuit{list-style:none;padding:0;margin:0;position:relative;display:grid;gap:26px}
.circuit::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;translate:-1px 0;background:rgba(140,30,255,.35)}
.circuit::after{content:"";position:absolute;left:50%;top:0;width:4px;translate:-2px 0;height:calc(var(--p,0) * 100%);border-radius:4px;background:linear-gradient(var(--cyan),var(--mag));box-shadow:0 0 16px var(--mag)}
.node{--c:var(--cyan);position:relative;width:50%}
.node:nth-child(even){--c:var(--mag)}
.node.left{justify-self:start;padding-right:64px}
.node.right{justify-self:end;padding-left:64px}
.node::before{content:"";position:absolute;top:36px;width:64px;height:2px;background:var(--c);box-shadow:0 0 8px var(--c);opacity:.35;transition:opacity .6s .6s}
.node.left::before{right:0}.node.right::before{left:0}
.node::after{content:"";position:absolute;top:28px;width:18px;height:18px;border-radius:50%;background:var(--bg);border:2px solid var(--c);box-shadow:0 0 12px var(--c);transition:background .5s .8s}
.node.left::after{right:-9px}.node.right::after{left:-9px}
.node.in::before{opacity:1}
.node.in::after{background:var(--c)}
.nc{padding:22px 24px;border-radius:14px;border:1px solid var(--line);background:rgba(21,5,53,.75);transition:border-color .6s .6s,box-shadow .6s .6s}
.node.in .nc{border-color:var(--c);box-shadow:0 0 22px -4px var(--c)}
.nc span{font-family:var(--f-head);font-size:.78rem;color:var(--c);letter-spacing:.1em;text-shadow:0 0 8px var(--c)}
.nc h3{font-size:1.3rem;margin:10px 0 8px;color:#fff}
.nc p{color:var(--ink-2);font-size:.97rem}

/* Mahalleler: neon tabelalar */
.signs{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 16px}
.signs li{--c:var(--mag);font-family:var(--f-head);font-size:clamp(.95rem,1.8vw,1.35rem);padding:10px 20px;border:2px solid var(--c);border-radius:999px;color:#fff;text-shadow:0 0 8px var(--c);box-shadow:0 0 10px var(--c),inset 0 0 8px var(--c);cursor:default;transition:background .3s,color .3s,translate .9s,scale .9s,opacity .9s}
.signs .c1{--c:var(--cyan)}.signs .c2{--c:var(--sun)}.signs .c3{--c:var(--vio)}
.js .signs li.in{animation:tubeon 1.3s calc(var(--d) * 110ms) both}
.signs li:hover{background:var(--c);color:#12002a;text-shadow:none}

/* SSS: terminal + form */
.qa-in{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:start}
.term{border:1px solid rgba(34,230,255,.45);border-radius:14px;background:rgba(6,0,18,.86);box-shadow:0 0 30px rgba(34,230,255,.12);overflow:hidden}
.term-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(34,230,255,.25);font-size:.8rem;color:var(--ink-2)}
.term-bar i{width:11px;height:11px;border-radius:50%;background:var(--mag)}
.term-bar i:nth-child(2){background:var(--sun)}.term-bar i:nth-child(3){background:var(--cyan)}
.term-bar span{margin-left:10px;letter-spacing:.06em}
.faq{padding:6px 22px 10px}
.faq details{border-bottom:1px dashed rgba(140,30,255,.45)}
.faq details:last-child{border-bottom:0}
.faq summary{display:flex;gap:12px;align-items:flex-start;padding:18px 0;font-weight:600;font-size:1.06rem;line-height:1.35}
.faq summary::before{content:">";flex:none;font-family:var(--f-head);color:var(--cyan);text-shadow:0 0 8px var(--cyan)}
.faq summary span{flex:1}
.pm{flex:none;width:26px;height:26px;display:grid;place-items:center;color:var(--mag);transition:transform .35s}
.pm svg{width:20px;height:20px}
.faq details[open] .pm{transform:rotate(45deg)}
.faq details p{color:#c9f7ff;padding:0 0 18px 26px;font-size:.98rem}
.faq details[open] p::after{content:"_";color:var(--cyan);animation:blink 1s steps(1) infinite}
#teklif{position:sticky;top:110px;scroll-margin-top:110px}
.quote{padding:30px;border-radius:16px;border:2px solid var(--mag);background:rgba(21,5,53,.88);box-shadow:0 0 34px rgba(255,47,185,.3),inset 0 0 24px rgba(255,47,185,.1)}
.quote h3{font-size:1.5rem;color:#fff;text-shadow:0 0 14px rgba(255,47,185,.6)}
.quote .sub{color:var(--ink-2);margin:6px 0 22px;font-size:.95rem}
.field{display:block;margin-bottom:14px}
.field span{display:block;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.field input,.field select{width:100%;font:inherit;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#0a0119;color:var(--ink);color-scheme:dark;transition:border-color .3s,box-shadow .3s}
.field input:focus,.field select:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,230,255,.2),0 0 14px rgba(34,230,255,.4)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quote .btn-wa{width:100%;margin-top:6px;font-family:var(--f-body);font-weight:700}
.quote .note{font-size:.8rem;color:var(--ink-2);text-align:center;margin-top:12px}

/* Son çağrı: neon tabela */
.final{padding:150px 0 170px;text-align:center;overflow:hidden;background:linear-gradient(#0d0221,#2a0650 70%,#3d0a63)}
.final .wrap{position:relative;z-index:2}
.final-grid{position:absolute;left:-60%;right:-60%;bottom:-10%;height:70%;transform-origin:50% 100%;transform:perspective(300px) rotateX(58deg);background-image:linear-gradient(90deg,rgba(255,47,185,.55) 2px,transparent 2px),linear-gradient(rgba(34,230,255,.45) 2px,transparent 2px);background-size:70px 70px;animation:floor2 1.2s linear infinite;-webkit-mask-image:linear-gradient(transparent,#000 60%);mask-image:linear-gradient(transparent,#000 60%)}
@keyframes floor2{to{background-position:0 70px,0 70px}}
.sign{font-family:var(--f-head);font-size:clamp(2.8rem,11vw,9rem);line-height:1}
.f1{color:#fff;text-shadow:0 0 8px #fff,0 0 24px var(--cyan),0 0 60px var(--cyan)}
.f2{color:#fff;text-shadow:0 0 8px #fff,0 0 24px var(--mag),0 0 60px var(--mag);animation:buzz 4s infinite}
@keyframes buzz{0%,40%,44%,46%,100%{opacity:1}42%,45%{opacity:.25}}
.final-phone{display:inline-flex;align-items:center;gap:14px;margin-top:44px;font-family:var(--f-head);font-size:clamp(1.3rem,3vw,2rem);text-decoration:none;padding:16px 28px;border-radius:14px;border:2px solid var(--cyan);background:rgba(10,1,28,.7);box-shadow:0 0 20px rgba(34,230,255,.5);transition:background .3s,color .3s,transform .3s}
.final-phone svg{width:30px;height:30px;color:var(--cyan)}
.final-phone:hover{background:var(--cyan);color:#04131a;transform:translateY(-4px)}
.final-phone:hover svg{color:#04131a}

/* Alt bilgi */
.foot{background:#07011a;color:var(--ink-2);padding:70px 0 30px;border-top:2px solid var(--mag);box-shadow:0 -10px 30px -12px rgba(255,47,185,.6)}
.foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}
.foot .logo{color:var(--ink);margin-bottom:16px}
.foot p{font-size:.93rem;max-width:400px}
.foot h4{font-family:var(--f-head);font-weight:400;color:var(--cyan);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;text-shadow:0 0 8px var(--cyan)}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.93rem}
.foot a{text-decoration:none;transition:color .3s}
.foot a:hover{color:var(--mag)}
.copy{margin-top:50px;padding-top:22px;border-top:1px solid var(--line);font-size:.84rem}
.mbar{background:rgba(10,1,28,.94);backdrop-filter:blur(10px);border-top:1px solid var(--mag)}
.mbar .btn-call{border:2px solid var(--mag);background:rgba(255,47,185,.15);color:#fff}

@media (max-width:980px){
  .tubes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .top .nav{background:#0d0221;box-shadow:0 1px 0 var(--mag)}
  .hero{min-height:0;padding:104px 0 40px}
  .deck{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:44px}
  .hud{max-width:none}
  .holo{justify-self:stretch;width:100%;transform:none}
  .sec{padding:84px 0}
  .intro-in,.qa-in{grid-template-columns:minmax(0,1fr);gap:40px}
  .intro-in .sh,#teklif{position:static}
  .chips{grid-template-columns:1fr}
  .wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:112px;gap:10px;
    grid-template-areas:"w1 w1" "w1 w1" "w0 w2" "w0 w2" "w0 w3" "w0 w3" "w4 w5" "w4 w5" "w4 w6" "w4 w6" "w7 w7" "w7 w7" "w8 w9" "w8 w9" "w8 w9" "w8 w9"}
  .crt figcaption{font-size:.64rem;padding:4px 7px;left:8px;bottom:8px}
  .circuit::before,.circuit::after{left:12px}
  .node,.node.left,.node.right{width:100%;justify-self:stretch;padding:0 0 0 44px}
  .node.left::before,.node.right::before{left:12px;right:auto;width:32px}
  .node.left::after,.node.right::after{left:3px;right:auto}
  .quote{padding:24px 18px}
  .row2{grid-template-columns:1fr}
  .faq{padding:4px 16px 8px}
  .faq details p{padding-left:22px}
  .foot-in{grid-template-columns:1fr;gap:34px}
  .scan{opacity:.7}
}
@media (max-width:560px){
  .tubes{grid-template-columns:minmax(0,1fr);padding-bottom:0}
  .tube:nth-child(even){top:0}
  .hud{grid-template-columns:1fr 1fr;padding:16px}
  .hud b{font-size:1.4rem}
  .sun{width:70vmin}
}