<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dijinika - SEO & Dijital Çözümler</title>
<meta name="description" content="Dijinika Teknoloji ve Medya Ltd. Şti. — SEO, grafik tasarım, içerik yazımı ve dijital danışmanlık hizmetleriyle markanızı dijital dünyada büyütüyoruz.">
<meta property="og:title" content="Dijinika - SEO & Dijital Çözümler">
<meta property="og:description" content="SEO, reklam yönetimi, grafik tasarım ve içerik hizmetleriyle markanızı dijital dünyada en üst seviyeye taşıyoruz.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://dijinika.com">
<meta property="og:site_name" content="Dijinika">
<meta name="robots" content="index, follow">
<meta name="author" content="Dijinika Teknoloji ve Medya Ltd. Şti.">
<link rel="canonical" href="https://dijinika.com">
<link rel="icon" type="image/x-icon" href="https://dijinika.net/wp-content/uploads/2026/01/xfavicon-varsayilan.png.pagespeed.ic.UdARu0MJ7W.webp">
<link rel="icon" href="https://dijinika.net/wp-content/uploads/2026/01/xfavicon-koyumod.png.pagespeed.ic.3cNBwh3Jmt.webp" media="(prefers-color-scheme: dark)"/>
<link rel="icon" href="https://dijinika.net/wp-content/uploads/2026/01/xfavicon-varsayilan.png.pagespeed.ic.UdARu0MJ7W.webp" media="(prefers-color-scheme: light)"/>
<link rel="apple-touch-icon" href="https://dijinika.net/wp-content/uploads/2026/01/xfavicon-web-app.png.pagespeed.ic.spzlV0Cw9K.webp"/>
<meta property="og:site_name" content="Dijinika"/>
<meta property="og:image" content="https://dijinika.com/images/dijinika-marka.jpg"/>
<meta property="og:image:secure_url" content="https://dijinika.com/images/dijinika-marka.jpg"/>
<meta property="og:image:width" content="1200"/>
<meta property="og:image:height" content="630"/>
<meta property="og:image:alt" content="dijinika brand"/>
<meta property="og:image:type" content="image/jpeg"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;600&family=Fira+Code:wght@400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;family=Barlow:wght@300;400;500;600&amp;family=Fira+Code:wght@400;500&amp;display=swap"/><style>:root{--bg:#fff;--bg2:#f8f9fc;--bg3:#f0f3f8;--navy:#0b1d36;--navy-dim:#1a3158;--navy-light:#2a4a7a;--accent:#0b1d36;--accent-dim:#4a6490;--text:#0b1d36;--text-muted:#5a7090;--text-light:#8a9ab8;--border:rgba(11,29,54,.1);--border-strong:rgba(11,29,54,.2);--blue:#1a56c4;--blue-light:#2d6fe8;--blue-dim:rgba(26,86,196,.1);--shadow:0 4px 24px rgba(11,29,54,.08);--shadow-lg:0 12px 48px rgba(11,29,54,.14)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:'Barlow',sans-serif;overflow-x:hidden;line-height:1.6}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--navy),var(--blue));z-index:9999;will-change:width;pointer-events:none}.stripe-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.018;background:repeating-linear-gradient(45deg,transparent,transparent 40px,var(--navy) 40px,var(--navy) 41px)}.glow-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0}.glow-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(26,86,196,.06) 0%,transparent 70%);top:-10%;right:-5%;opacity:1}.glow-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(11,29,54,.04) 0%,transparent 70%);bottom:10%;left:-5%;opacity:1}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:stretch;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);box-shadow:0 1px 20px rgba(11,29,54,.06);transition:background .3s , box-shadow .3s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}nav.scrolled{background:rgba(255,255,255,.99);box-shadow:0 2px 30px rgba(11,29,54,.1)}.nav-logo{padding:1rem 2rem;border-right:1px solid var(--border);display:flex;align-items:center}.logo{height:50px;display:inline-block}.logo img{height:100%;width:auto;filter:none}.nav-links{display:flex;list-style:none;align-items:stretch}.nav-links li{border-right:1px solid rgba(11,29,54,.05)}.nav-links a{font-weight:600;display:flex;align-items:center;padding:0 1.75rem;height:100%;color:var(--text-muted);text-decoration:none;font-family:'Fira Code',monospace;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;transition:color .3s , background .3s;position:relative}.nav-links a::before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--navy);transition:width .3s}.nav-links a:hover{color:var(--navy);background:rgba(11,29,54,.02)}.nav-links a:hover::before{width:100%}.nav-links a.active{color:var(--navy)}.hamburger{display:none;width:56px;height:56px;cursor:pointer;align-items:center;justify-content:center;border:none;background:transparent;-webkit-tap-highlight-color:transparent;z-index:200;position:relative}.hamburger-box{width:18px;height:14px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;align-content:space-between;position:relative}.hamburger-box span{display:block;width:4px;height:4px;background:var(--navy);border-radius:50%;transition:all .35s cubic-bezier(.77,.2,.05,1.0);transform-origin:center}.hamburger.active .hamburger-box span:nth-child(1){transform:translate(7px,5px) scale(0)}.hamburger.active .hamburger-box span:nth-child(2){transform:scaleX(0);opacity:0}.hamburger.active .hamburger-box span:nth-child(3){transform:translate(-7px,5px) scale(0)}.hamburger.active .hamburger-box span:nth-child(4){transform:translate(3px,0) rotate(45deg) scale(1.3);background:var(--blue)}.hamburger.active .hamburger-box span:nth-child(5){transform:scaleX(0);opacity:0}.hamburger.active .hamburger-box span:nth-child(6){transform:translate(-3px,0) rotate(-45deg) scale(1.3);background:var(--blue)}.mobile-overlay{position:fixed;inset:0;background:rgba(11,29,54,.4);opacity:0;visibility:hidden;transition:opacity .35s , visibility .35s;z-index:99}.mobile-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;width:min(320px,85vw);height:100vh;height:100dvh;background:#fff;border-left:1px solid var(--border);z-index:150;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s cubic-bezier(.23,1,.32,1);overflow-y:auto}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;min-height:62px}.mobile-menu-tag{font-family:'Fira Code',monospace;font-size:.55rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-light)}.mobile-close{width:36px;height:36px;border:1px solid var(--border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:.25s}.mobile-close span{position:absolute;width:14px;height:1.5px;background:var(--navy);border-radius:1px}.mobile-close span:nth-child(1){transform:rotate(45deg)}.mobile-close span:nth-child(2){transform:rotate(-45deg)}.mobile-menu-links{list-style:none;padding:1rem 0;flex:1}.mobile-menu-links li{opacity:0;transform:translateX(30px);transition:all .35s ease}.mobile-menu.open .mobile-menu-links li{opacity:1;transform:translateX(0)}.mobile-menu.open .mobile-menu-links li:nth-child(1){transition-delay:.1s}.mobile-menu.open .mobile-menu-links li:nth-child(2){transition-delay:.15s}.mobile-menu.open .mobile-menu-links li:nth-child(3){transition-delay:.2s}.mobile-menu.open .mobile-menu-links li:nth-child(4){transition-delay:.25s}.mobile-menu.open .mobile-menu-links li:nth-child(5){transition-delay:.3s}.mobile-menu.open .mobile-menu-links li:nth-child(6){transition-delay:.35s}.mobile-menu-links a{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:var(--text-muted);text-decoration:none;font-family:'Fira Code',monospace;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;transition:.25s;border-bottom:1px solid rgba(11,29,54,.04)}.mobile-menu-links a .link-num{font-size:.6rem;color:var(--text-light);min-width:28px}.mobile-menu-links a:active,.mobile-menu-links a.active{background:var(--blue-dim);color:var(--navy)}.mobile-menu-footer{padding:1.5rem;border-top:1px solid var(--border);margin-top:auto}.mobile-menu-footer .mobile-socials{display:flex;gap:.5rem;margin-bottom:1rem}.mobile-menu-footer .mobile-socials a{width:40px;height:40px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:.3s;text-decoration:none}.mobile-menu-footer .mobile-socials a:hover{border-color:var(--navy);color:var(--navy)}.mobile-menu-footer .mobile-email{font-family:'Fira Code',monospace;font-size:.6rem;letter-spacing:1px;color:var(--text-light)}.mobile-menu-footer .mobile-email a{color:var(--text-muted);text-decoration:none}body.menu-open{overflow:hidden}.page-header{min-height:45vh;display:flex;align-items:center;justify-content:center;padding:8rem 4rem 3rem;position:relative;z-index:1;overflow:hidden;text-align:center;background:var(--navy)}.page-header-grid{position:absolute;inset:0;z-index:0;opacity:.06;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px) , linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:60px 60px}.page-header-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(100,160,255,.15) 0%,transparent 70%);top:20%;right:10%;z-index:0}.page-header-content{position:relative;z-index:1}.page-header-tag{display:inline-block;padding:.4rem 1rem;background:var(--blue);color:#fff;font-family:'Fira Code',monospace;font-size:.75rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:1.5rem}.page-header h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,8vw,6rem);line-height:.95;letter-spacing:-1px;color:#fff}.page-header h1 span{color:#6fa8ff}.page-header-sub{font-size:1.05rem;color:rgba(255,255,255,.65);max-width:550px;margin:1.5rem auto 0;font-weight:300}.page-header-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 4rem 4rem;position:relative;z-index:1;overflow:hidden;background:var(--navy)}.hero-grid-bg{position:absolute;inset:0;z-index:0;opacity:.04;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px) , linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:60px 60px}.hero-glow{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(26,86,196,.18) 0%,transparent 65%);top:-20%;left:50%;transform:translateX(-50%);z-index:0;pointer-events:none}.hero-glow-2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(100,160,255,.08) 0%,transparent 70%);bottom:-10%;right:-5%;z-index:0;pointer-events:none}.hero-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);z-index:2}.hero::before{content:'DİJİNİKA';position:absolute;bottom:100px;left:50%;transform:translateX(-50%);font-family:'Bebas Neue',sans-serif;font-size:clamp(8rem,20vw,18rem);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.04);pointer-events:none;line-height:1;z-index:0;white-space:nowrap}.hero-center{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;width:100%;position:relative;z-index:1}.hero-tag{display:inline-flex;align-items:center;gap:.75rem;padding:.4rem 1.25rem;background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.12);font-family:'Fira Code',monospace;font-size:.72rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:2rem;animation:fadeDown .5s ease-out both}.hero-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:#6fa8ff;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.3;transform:scale(0.6)}}@keyframes fadeDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.5rem,9vw,8rem);line-height:.92;letter-spacing:-2px;margin-bottom:1.5rem;color:#fff;animation:fadeUp .6s ease-out .15s both}.hero h1 span{color:transparent;-webkit-text-stroke:2px #6fa8ff}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-sub{font-size:1.05rem;color:rgba(255,255,255,.55);max-width:540px;margin-bottom:2.5rem;animation:fadeUp .6s ease-out .3s both;font-weight:300;line-height:1.85}.hero-btns{display:flex;gap:1rem;animation:fadeUp .6s ease-out .45s both;flex-wrap:wrap;justify-content:center;margin-bottom:4rem}.hero-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;border:1px solid rgba(255,255,255,.08);animation:fadeUp .6s ease-out .6s both}.hero-stat-box{padding:1.75rem 1.5rem;border-right:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;transition:background .3s}.hero-stat-box:last-child{border-right:none}.hero-stat-box:hover{background:rgba(255,255,255,.04)}.hero-stat-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#6fa8ff,transparent);opacity:0;transition:opacity .3s}.hero-stat-box:hover::before{opacity:1}.hero-stat-num{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;color:#fff;line-height:1;margin-bottom:.3rem}.hero-stat-num span{font-size:1.3rem;color:#6fa8ff}.hero-stat-label{font-family:'Fira Code',monospace;font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35)}.hbtn{padding:1rem 2.5rem;font-family:'Fira Code',monospace;font-size:.78rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:all .3s;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.hbtn-solid{background:#fff;color:var(--navy);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.hbtn-solid:hover{background:#e8f0ff;box-shadow:0 0 35px rgba(255,255,255,.2)}.hbtn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.hbtn-ghost:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.06)}.hbtn-navy{background:var(--navy);color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.hbtn-navy:hover{background:var(--navy-dim);box-shadow:0 0 35px rgba(11,29,54,.2)}.hbtn-outline{background:transparent;color:var(--navy);border:1px solid var(--border-strong)}.hbtn-outline:hover{border-color:var(--navy);background:var(--blue-dim)}.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem}.scroll-indicator span{font-family:'Fira Code',monospace;font-size:.55rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.3)}.scroll-line{width:1px;height:40px;background:rgba(255,255,255,.15);position:relative;overflow:hidden}.scroll-line::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:50%;background:rgba(255,255,255,.6);animation:scrollDown 2.5s ease-in-out infinite}@keyframes scrollDown{0%{top:-50%}100%{top:150%}}section{padding:6rem 4rem;position:relative;z-index:1;overflow:hidden}section.light{background:var(--bg)}section.alt{background:var(--bg2)}section.dark{background:var(--navy)}.stag{font-family:'Fira Code',monospace;font-size:.7rem;letter-spacing:4px;text-transform:uppercase;color:var(--accent-dim);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.stag::before{content:'//';color:var(--blue)}.stag.light-tag{color:rgba(255,255,255,.5)}.stag.light-tag::before{color:#6fa8ff}.stitle{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,5vw,4rem);letter-spacing:1px;line-height:.95;margin-bottom:1rem;color:var(--navy)}.stitle span{color:var(--blue)}.stitle.on-dark{color:#fff}.stitle.on-dark span{color:#6fa8ff}.sdesc{color:var(--text-muted);font-size:1rem;max-width:500px;margin-bottom:3.5rem;font-weight:300}.sdesc.on-dark{color:rgba(255,255,255,.55)}.rsep{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(11,29,54,.15),transparent)}.rsep.dark{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.trust-bar{background:var(--bg3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3.5rem 4rem;position:relative;z-index:1}.trust-bar-label{text-align:center;font-family:'Fira Code',monospace;font-size:.75rem;letter-spacing:4px;text-transform:uppercase;color:var(--text-light);margin-bottom:3rem}.trust-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.trust-logo{display:flex;flex-direction:column;align-items:center;gap:.6rem;transition:transform .3s;cursor:default}.trust-logo:hover{transform:translateY(-4px)}.trust-logo-icon{width:140px;height:80px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;transition:border-color .3s , box-shadow .3s;overflow:hidden}.trust-logo:hover .trust-logo-icon{border-color:var(--border-strong);box-shadow:var(--shadow)}.trust-logo-icon img{width:110px;height:60px;object-fit:contain}.trust-logo-name{font-family:'Fira Code',monospace;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-light)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;max-width:1200px;margin:0 auto;align-items:center}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:2.5rem;border:1px solid var(--border)}.a-stat{padding:1.5rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .3s;position:relative;overflow:hidden}.a-stat:nth-child(2n){border-right:none}.a-stat:nth-child(n+3){border-bottom:none}.a-stat::before{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:var(--navy);transition:width .4s}.a-stat:hover::before{width:100%}.a-stat:hover{background:var(--bg2)}.a-stat-num{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--navy);line-height:1}.a-stat-label{font-family:'Fira Code',monospace;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);margin-top:.25rem}.about-visual{display:flex;justify-content:center;align-items:center;position:relative}.about-img-frame{position:relative;width:360px}.about-img-frame::before{content:'';position:absolute;top:-16px;left:-16px;right:16px;bottom:16px;border:2px solid var(--navy);z-index:0;opacity:.15}.about-img-frame::after{content:'';position:absolute;top:16px;left:16px;right:-16px;bottom:-16px;background:var(--bg3);z-index:-1}.about-img-inner{width:100%;background:var(--bg2);border:1px solid var(--border);padding:2.5rem;position:relative;z-index:1}.about-img-inner .big{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:var(--navy);line-height:1;letter-spacing:-2px}.about-img-inner .sub{font-family:'Fira Code',monospace;font-size:.7rem;letter-spacing:4px;color:var(--text-light);margin-top:.5rem}.about-img-inner .quote{font-size:1.0rem;color:var(--text-muted);margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-weight:300;line-height:1.7;font-style:italic}.about-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.about-badge{font-family:'Fira Code',monospace;font-size:.65rem;letter-spacing:1px;text-transform:uppercase;padding:.3rem .7rem;border:1px solid var(--border);color:var(--text-muted);background:var(--bg3)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1200px;margin:0 auto;border:1px solid var(--border)}.sv{padding:2.5rem 2rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:all .3s;position:relative;overflow:hidden;cursor:default}.sv:nth-child(3n){border-right:none}.sv:nth-child(n+7){border-bottom:none}.sv:hover{background:var(--navy);color:#fff}.sv-icon{width:44px;height:44px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.2rem;transition:.3s;background:var(--bg2)}.sv:hover .sv-icon{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}.sv-num{font-family:'Fira Code',monospace;font-size:.7rem;color:var(--text-light);letter-spacing:2px;margin-bottom:1rem;opacity:.6;transition:.3s}.sv:hover .sv-num{color:rgba(255,255,255,.35)}.sv h3{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:1px;margin-bottom:.75rem;color:var(--navy);transition:.3s}.sv:hover h3{color:#fff}.sv p{color:var(--text-muted);font-size:.95rem;line-height:1.7;font-weight:300;transition:.3s}.sv:hover p{color:rgba(255,255,255,.55)}.sv-tag{display:inline-block;margin-top:1rem;font-family:'Fira Code',monospace;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--blue);padding:.25rem .6rem;border:1px solid rgba(26,86,196,.25);transition:.3s}.sv:hover .sv-tag{color:#6fa8ff;border-color:rgba(111,168,255,.3)}.process-section{background:var(--navy);color:#fff}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1200px;margin:0 auto;border:1px solid rgba(255,255,255,.08)}.process-step{padding:2.5rem 2rem;border-right:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;transition:background .3s}.process-step:last-child{border-right:none}.process-step:hover{background:rgba(255,255,255,.03)}.ps-num{font-family:'Bebas Neue',sans-serif;font-size:4rem;color:rgba(255,255,255,.06);line-height:1;position:absolute;top:1rem;right:1.5rem}.ps-icon{width:44px;height:44px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1.5rem;background:rgba(255,255,255,.04)}.ps-title{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:1px;color:#fff;margin-bottom:.75rem}.ps-desc{font-size:.95rem;color:rgba(255,255,255,.5);line-height:1.7;font-weight:300}.ps-connector{position:absolute;top:50%;right:-1px;transform:translateY(-50%);width:12px;height:12px;background:var(--navy);border:1px solid rgba(255,255,255,.15);border-radius:50%;z-index:1}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;max-width:1200px;margin:0 auto;border:1px solid var(--border)}.portfolio-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:all .3s;position:relative;overflow:hidden}.portfolio-card:nth-child(2n){border-right:none}.portfolio-card:last-child:nth-child(odd){grid-column:1/-1;border-right:none}.portfolio-card:hover{background:var(--bg2)}.pc-accent{height:3px;background:linear-gradient(90deg,var(--navy),var(--blue))}.pc-header{padding:2rem 2rem 0;display:flex;align-items:center;gap:1rem}.pc-logo{width:100px;height:70px;min-width:100px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden}.pc-logo img{width:80px;height:54px;object-fit:contain}.pc-meta{flex:1}.pc-name{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:1px;color:var(--navy);line-height:1}.pc-type{font-family:'Fira Code',monospace;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);margin-top:.2rem}.pc-status{font-family:'Fira Code',monospace;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;padding:.2rem .5rem;border:1px solid rgba(22,163,74,.3);color:rgba(22,163,74,.9);background:rgba(22,163,74,.06)}.pc-body{padding:1.5rem 2rem}.pc-desc{color:var(--text-muted);font-size:.95rem;line-height:1.7;font-weight:300;margin-bottom:1rem}.pc-tags{display:flex;flex-wrap:wrap;gap:.4rem}.pc-tag{font-family:'Fira Code',monospace;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;padding:.2rem .5rem;border:1px solid rgba(11,29,54,.12);color:var(--accent-dim)}.pc-results{padding:0 2rem 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border);margin:0 2rem}.pc-result{padding:1rem .5rem;text-align:center;border-right:1px solid var(--border)}.pc-result:last-child{border-right:none}.pc-result-num{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:var(--navy);line-height:1}.pc-result-label{font-family:'Fira Code',monospace;font-size:.55rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);margin-top:.15rem}.whyus-section{background:var(--bg3)}.whyus-grid{display:grid;grid-template-columns:1fr 2fr;gap:5rem;max-width:1200px;margin:0 auto;align-items:start}.whyus-items{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border)}.why-item{padding:2rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .3s;position:relative;overflow:hidden}.why-item:nth-child(2n){border-right:none}.why-item:nth-last-child(-n+2){border-bottom:none}.why-item:hover{background:#fff}.why-item::before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--navy);transition:width .4s}.why-item:hover::before{width:100%}.wi-icon{font-size:1.5rem;margin-bottom:1rem}.wi-title{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:1px;color:var(--navy);margin-bottom:.5rem}.wi-desc{font-size:.92rem;color:var(--text-muted);line-height:1.6;font-weight:300}.testimonials-section{background:var(--bg)}.testimonials-wrap{position:relative;max-width:1200px;margin:0 auto;overflow:hidden}.testimonials-grid{display:flex;gap:0;transition:transform .5s cubic-bezier(.25,.8,.25,1);cursor:grab;user-select:none;-webkit-user-select:none;will-change:transform}.testimonials-grid:active{cursor:grabbing}.testimonial-card{min-width:380px;max-width:380px;padding:2.5rem 2rem;border:1px solid var(--border);margin-right:-1px;position:relative;transition:background .3s , box-shadow .3s;flex-shrink:0;background:#fff}.testimonial-card:hover{background:var(--bg2);box-shadow:var(--shadow)}.tc-stars{display:flex;gap:.2rem;margin-bottom:1rem;color:#f59e0b;font-size:.85rem}.tc-quote{font-size:.98rem;color:var(--text-muted);line-height:1.8;font-weight:300;font-style:italic;margin-bottom:1.5rem;position:relative;padding-left:1rem;border-left:2px solid var(--navy)}.tc-author{display:flex;align-items:center;gap:.75rem}.tc-avatar{width:40px;height:40px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:1rem;color:var(--navy);background:var(--bg3)}.tc-name{font-family:'Bebas Neue',sans-serif;font-size:1rem;letter-spacing:1px;color:var(--navy);line-height:1}.tc-role{font-family:'Fira Code',monospace;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-light)}.tc-nav{display:flex;justify-content:center;gap:.75rem;margin-top:2rem;align-items:center}.tc-nav-btn{width:40px;height:40px;border:1px solid var(--border);background:transparent;color:var(--navy);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;border-radius:50%}.tc-nav-btn:hover{border-color:var(--navy);background:var(--navy);color:#fff}.tc-dots{display:flex;gap:.4rem;margin:0 1rem}.tc-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);cursor:pointer;transition:.3s}.tc-dot.active{background:var(--navy);width:24px;border-radius:4px}.blog-section{background:var(--navy);text-align:center}.blog-cats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.5rem}.blog-cat{padding:.4rem 1rem;border:1px solid rgba(255,255,255,.12);font-family:'Fira Code',monospace;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);transition:.3s;cursor:default}.blog-cat:hover{border-color:rgba(255,255,255,.4);color:rgba(255,255,255,.9)}.blog-cta{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-family:'Fira Code',monospace;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;transition:gap .3s , color .3s , border-color .3s;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:.2rem}.blog-cta:hover{gap:1rem;border-color:rgba(255,255,255,.7)}.blog-cta svg{width:18px;height:18px}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:0;max-width:1200px;margin:0 auto;border:1px solid var(--border);overflow:hidden}.contact-info{padding:3.5rem;border-right:1px solid var(--border);background:var(--navy);color:#fff}.contact-info h3{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:1px;margin-bottom:.5rem;color:#fff}.contact-info-sub{font-size:1.0rem;color:rgba(255,255,255,.5);margin-bottom:2.5rem;font-weight:300;max-width:280px;line-height:1.7}.ci{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.ci-icon{width:40px;height:40px;min-width:40px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:1rem;background:rgba(255,255,255,.04)}.ci-label{font-family:'Fira Code',monospace;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:.15rem}.ci-val{font-size:1.0rem;color:rgba(255,255,255,.85)}.ci-val a{color:rgba(255,255,255,.8);text-decoration:none;transition:.3s}.ci-val a:hover{color:#fff;text-decoration:underline}.ci-socials{display:flex;gap:.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.ci-socials a{width:40px;height:40px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;text-decoration:none;color:rgba(255,255,255,.45);font-size:.95rem;transition:.3s}.ci-socials a:hover{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.05)}.contact-frm{padding:3.5rem;display:flex;flex-direction:column;gap:1.25rem;background:#fff}.contact-frm label{font-family:'Fira Code',monospace;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:.4rem}.contact-frm input,.contact-frm textarea{width:100%;padding:.9rem 1rem;background:var(--bg2);border:1px solid var(--border);color:var(--navy);font-family:'Barlow',sans-serif;font-size:1.0rem;outline:none;transition:border-color .3s , box-shadow .3s;border-radius:0}.contact-frm input:focus,.contact-frm textarea:focus{border-color:var(--navy);box-shadow:0 0 0 2px rgba(11,29,54,.06)}.contact-frm input::placeholder,.contact-frm textarea::placeholder{color:var(--text-light)}.contact-frm textarea{resize:vertical;min-height:110px}.frm-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.btn-send{align-self:flex-start;padding:1rem 3rem;background:var(--navy);color:#fff;border:none;font-family:'Fira Code',monospace;font-size:.9rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:.3s}.btn-send:hover{background:var(--navy-dim);box-shadow:0 0 30px rgba(11,29,54,.2)}.cta-band{background:var(--navy);padding:5rem 4rem;text-align:center;position:relative;overflow:hidden}.cta-band::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 60px,rgba(255,255,255,.015) 60px,rgba(255,255,255,.015) 61px)}.cta-band-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.cta-band h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);color:#fff;letter-spacing:-1px;line-height:.95;margin-bottom:1rem}.cta-band h2 span{color:#6fa8ff}.cta-band p{color:rgba(255,255,255,.55);font-size:1rem;font-weight:300;margin-bottom:2.5rem;line-height:1.7}.cta-band-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}footer{background:var(--navy);border-top:1px solid rgba(255,255,255,.08);padding:4rem 4rem 2rem;position:relative;z-index:1}.ft-top{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:3rem;margin-bottom:3rem}.ft-brand .logo img{filter:brightness(0) invert(1)}.ft-brand p{font-size:.92rem;color:rgba(255,255,255,.4);line-height:1.7;margin-top:1rem;max-width:280px}.ft-info{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.ft-info span{font-size:.9rem;color:rgba(255,255,255,.35)}.ft-info a{color:rgba(255,255,255,.5);text-decoration:none}.ft-info a:hover{color:#fff}.ft-col h4{font-family:'Fira Code',monospace;font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:1.25rem}.ft-col ul{list-style:none}.ft-col ul li{margin-bottom:.5rem}.ft-col ul a{color:rgba(255,255,255,.35);text-decoration:none;font-size:.95rem;transition:.3s}.ft-col ul a:hover{color:#fff;padding-left:4px}.ft-newsletter p{font-size:.85rem;color:rgba(255,255,255,.35);margin-bottom:1rem;line-height:1.6}.ft-newsletter .nf{display:flex}.ft-newsletter .nf input{flex:1;padding:.7rem 1rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-right:none;color:#fff;font-family:'Barlow',sans-serif;font-size:.95rem;outline:none;min-width:0}.ft-newsletter .nf input:focus{border-color:rgba(255,255,255,.3)}.ft-newsletter .nf input::placeholder{color:rgba(255,255,255,.2)}.ft-newsletter .nbtn{padding:.7rem 1.25rem;background:#fff;border:1px solid #fff;color:var(--navy);font-family:'Fira Code',monospace;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:.3s;white-space:nowrap}.ft-newsletter .nbtn:hover{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.ft-socials{display:flex;gap:.5rem;margin-top:1rem}.ft-socials a{width:32px;height:32px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;text-decoration:none;color:rgba(255,255,255,.35);font-size:.8rem;transition:.3s}.ft-socials a:hover{border-color:rgba(255,255,255,.4);color:#fff}.ft-contact-mini{margin-top:1rem}.ft-contact-mini a{font-family:'Fira Code',monospace;font-size:.72rem;letter-spacing:1px;color:rgba(255,255,255,.4);text-decoration:none;transition:.3s}.ft-contact-mini a:hover{color:rgba(255,255,255,.8)}.ft-bottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.ft-bottom p,.ft-bottom span{font-size:.9rem;color:rgba(255,255,255,.25)}.reveal{opacity:1;transform:translateY(0);transition:opacity .6s cubic-bezier(.25,.8,.25,1) , transform .6s cubic-bezier(.25,.8,.25,1)}.js-reveal-ready .reveal{opacity:0;transform:translateY(30px)}.js-reveal-ready .reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.scroll-line::after{animation:none}}@media (max-width:1100px){.trust-logos{grid-template-columns:repeat(3,1fr)}}@media (max-width:968px){.about-grid,.contact-grid,.whyus-grid{grid-template-columns:1fr}.contact-info{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.services-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:repeat(2,1fr)}.ft-top{grid-template-columns:1fr 1fr}.hero{padding:8rem 2rem 4rem}section{padding:5rem 2rem}.trust-logos{gap:1.5rem}.page-header{padding:8rem 2rem 3rem}.trust-bar{padding:3rem 2rem}}@media (max-width:768px){.hamburger{display:flex}.nav-links{display:none}nav{height:62px}.nav-logo{padding:.75rem 1.25rem;border-right:none}.nav-logo .logo{height:42px}.services-grid{grid-template-columns:1fr}.frm-row{grid-template-columns:1fr}.ft-top{grid-template-columns:1fr}.ft-bottom{flex-direction:column;text-align:center}footer{padding:3rem 2rem 1.5rem}.hero{padding:6rem 1.5rem 3rem}.hero-center{max-width:100%}section{padding:4rem 1.5rem}.hero h1{font-size:clamp(3rem,12vw,5rem)}.hero-sub{font-size:1.0rem}.hbtn{padding:.85rem 1.5rem;font-size:.8rem}.ft-top{text-align:center}.ft-brand{display:flex;flex-direction:column;align-items:center}.ft-brand p{max-width:100%}.ft-info{align-items:center}.ft-col{display:flex;flex-direction:column;align-items:center}.ft-col ul{text-align:center}.ft-newsletter{display:flex;flex-direction:column;align-items:center}.ft-newsletter p{text-align:center}.ft-newsletter .nf{width:100%;max-width:320px}.ft-socials{justify-content:center}.trust-logos{grid-template-columns:repeat(2,1fr)}.whyus-items{grid-template-columns:1fr}.pc-results{margin:0 1rem;padding:0 1rem 1.5rem}.scroll-indicator{display:none}.testimonial-card{min-width:280px;max-width:280px}.whatsapp-fab{bottom:1.5rem;right:1.5rem;width:50px;height:50px}.process-steps{grid-template-columns:1fr}.hero-stats-grid{grid-template-columns:repeat(2,1fr)}.cta-band{padding:4rem 1.5rem}.about-img-frame{width:100%}}.iletisim-wrap{max-width:1200px;margin:0 auto}.iletisim-main{display:grid;grid-template-columns:1fr 1.5fr;gap:0;border:1px solid var(--border);overflow:hidden}.ilet-info{background:var(--navy);padding:3.5rem;display:flex;flex-direction:column;gap:0;position:relative;overflow:hidden}.ilet-info::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(255,255,255,.012) 40px,rgba(255,255,255,.012) 41px);pointer-events:none}.ilet-info-head{position:relative;z-index:1;margin-bottom:2.5rem}.ilet-info-tag{font-family:'Fira Code',monospace;font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:.75rem}.ilet-info-head h3{font-family:'Bebas Neue',sans-serif;font-size:2.2rem;letter-spacing:1px;color:#fff;line-height:1;margin-bottom:.5rem}.ilet-info-head p{font-size:.98rem;color:rgba(255,255,255,.45);font-weight:300;line-height:1.7;max-width:280px}.ilet-rows{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1;flex:1}.ilet-row{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.06);transition:.3s}.ilet-row:last-child{border-bottom:none}.ilet-row:hover .ilet-row-icon{border-color:#6fa8ff;background:rgba(111,168,255,.08)}.ilet-row-icon{width:42px;height:42px;min-width:42px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:1rem;background:rgba(255,255,255,.04);transition:.3s;flex-shrink:0}.ilet-row-label{font-family:'Fira Code',monospace;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:.25rem}.ilet-row-val{font-size:.98rem;color:rgba(255,255,255,.8);font-weight:300;line-height:1.5}.ilet-row-val a{color:rgba(255,255,255,.75);text-decoration:none;transition:.3s}.ilet-row-val a:hover{color:#fff;text-decoration:underline}.ilet-hours{position:relative;z-index:1;margin-top:1.5rem;padding:1.25rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.ilet-hours-title{font-family:'Fira Code',monospace;font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:.75rem}.ilet-hours-row{display:flex;justify-content:space-between;font-size:.92rem;color:rgba(255,255,255,.5);font-weight:300;margin-bottom:.3rem}.ilet-hours-row span:last-child{color:rgba(255,255,255,.7)}.ilet-badge{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;font-family:'Fira Code',monospace;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:#6fa8ff}.ilet-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse2 2s infinite}@keyframes pulse2{0%,100%{opacity:1}50%{opacity:0.3}}.ilet-socials{display:flex;gap:.5rem;margin-top:1.5rem;position:relative;z-index:1}.ilet-social{width:40px;height:40px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;text-decoration:none;color:rgba(255,255,255,.4);font-size:.95rem;transition:.3s}.ilet-social:hover{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.06)}.ilet-form-wrap{padding:3.5rem;background:#fff;display:flex;flex-direction:column}.ilet-form-tag{font-family:'Fira Code',monospace;font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-light);margin-bottom:.6rem}.ilet-form-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:1px;color:var(--navy);margin-bottom:.4rem;line-height:1}.ilet-form-sub{font-size:.95rem;color:var(--text-muted);font-weight:300;margin-bottom:2.5rem}.hizmet-picker{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}.hizmet-pick-btn{padding:.4rem .9rem;border:1px solid var(--border);background:transparent;font-family:'Fira Code',monospace;font-size:.62rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:.25s}.hizmet-pick-btn:hover,.hizmet-pick-btn.selected{background:var(--navy);border-color:var(--navy);color:#fff}.ilet-form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.ilet-frm-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.ilet-frm-group{display:flex;flex-direction:column;gap:.4rem}.ilet-frm-group label{font-family:'Fira Code',monospace;font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.ilet-frm-group input,.ilet-frm-group textarea,.ilet-frm-group select{width:100%;padding:.9rem 1rem;background:var(--bg2);border:1px solid var(--border);color:var(--navy);font-family:'Barlow',sans-serif;font-size:1.0rem;outline:none;transition:border-color .3s , box-shadow .3s;border-radius:0;-webkit-appearance:none}.ilet-frm-group input:focus,.ilet-frm-group textarea:focus,.ilet-frm-group select:focus{border-color:var(--navy);box-shadow:0 0 0 2px rgba(11,29,54,.06);background:#fff}.ilet-frm-group input::placeholder,.ilet-frm-group textarea::placeholder{color:var(--text-light)}.ilet-frm-group textarea{resize:vertical;min-height:110px}#selectedService{display:none}.ilet-submit-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.btn-send{padding:1rem 3rem;background:var(--navy);color:#fff;border:none;font-family:'Fira Code',monospace;font-size:.88rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:.3s}.btn-send:hover{background:var(--navy-dim);box-shadow:0 0 30px rgba(11,29,54,.2)}.ilet-privacy{font-size:.85rem;color:var(--text-light);font-weight:300;max-width:200px;line-height:1.5}.form-success{display:none;text-align:center;padding:3rem 2rem}.form-success-icon{font-size:3rem;margin-bottom:1rem}.form-success h4{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--navy);margin-bottom:.5rem}.form-success p{font-size:1.0rem;color:var(--text-muted);font-weight:300}.ilet-why{margin-top:5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border)}.ilet-why-item{padding:2rem 1.5rem;border-right:1px solid var(--border);text-align:center;transition:background .3s;position:relative;overflow:hidden}.ilet-why-item:last-child{border-right:none}.ilet-why-item:hover{background:var(--navy)}.ilet-why-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .4s}.ilet-why-item:hover::before{transform:scaleX(1)}.ilet-why-icon{font-size:1.75rem;margin-bottom:.75rem;transition:.3s}.ilet-why-title{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:1px;color:var(--navy);margin-bottom:.4rem;transition:.3s}.ilet-why-item:hover .ilet-why-title{color:#fff}.ilet-why-desc{font-size:.88rem;color:var(--text-muted);font-weight:300;line-height:1.6;transition:.3s}.ilet-why-item:hover .ilet-why-desc{color:rgba(255,255,255,.5)}.ilet-location{margin-top:5rem;border:1px solid var(--border);overflow:hidden}.ilet-location-head{padding:2rem 2.5rem;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ilet-location-title{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:1px;color:var(--navy)}.ilet-location-badge{font-family:'Fira Code',monospace;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;padding:.3rem .7rem;border:1px solid rgba(22,163,74,.3);color:rgba(22,163,74,.9);background:rgba(22,163,74,.06);display:flex;align-items:center;gap:.4rem}.ilet-location-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:#22c55e}@media (max-width:968px){.iletisim-main{grid-template-columns:1fr}.ilet-info{border-bottom:1px solid rgba(255,255,255,.08)}.ilet-why{grid-template-columns:repeat(2,1fr)}.ilet-why-item:nth-child(2n){border-right:none}.ilet-why-item:nth-child(1),
  .ilet-why-item:nth-child(2){border-bottom:1px solid var(--border)}}@media (max-width:600px){.ilet-form-wrap{padding:2rem 1.5rem}.ilet-info{padding:2.5rem 1.5rem}.ilet-frm-row{grid-template-columns:1fr}.ilet-why{grid-template-columns:1fr 1fr}.hizmet-picker{gap:.3rem}.ilet-submit-row{flex-direction:column;align-items:flex-start}.ilet-privacy{max-width:100%}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f0f3f8}::-webkit-scrollbar-thumb{background:rgba(11,29,54,.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(11,29,54,.35)}</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800&amp;display=swap"/><style>@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}.hero{min-height:100vh;background:#0b1d36;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0}.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) , linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;pointer-events:none;z-index:0}.hero-glow-top{position:absolute;width:800px;height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(26,86,196,.22) 0%,transparent 65%);top:-15%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:0}.hero-inner{max-width:880px;width:100%;text-align:center;position:relative;z-index:1;padding:9rem 2rem 4rem;box-sizing:border-box}.hero h1{font-family:'Lexend',sans-serif;font-size:clamp(3.2rem,6.5vw,6.8rem);font-weight:800;line-height:1.06;letter-spacing:-2px;color:#fff;margin-bottom:1.5rem;animation:up .65s ease .1s both}.hero h1 .outline{display:block;color:transparent;-webkit-text-stroke:2px rgba(111,168,255,.75)}.hero h1 .blue{display:block;color:#6fa8ff}.hero-sub{font-family:'Lexend',sans-serif;font-size:1rem;font-weight:300;color:rgba(255,255,255,.48);max-width:480px;margin:0 auto 2.5rem;line-height:1.8;animation:up .65s ease .2s both}.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:up .65s ease .3s both}.hbtn-hero-solid{padding:.9rem 2.25rem;background:#fff;color:#0b1d36;font-family:'Lexend',sans-serif;font-size:.82rem;font-weight:600;text-decoration:none;transition:.25s;letter-spacing:.2px;display:inline-block}.hbtn-hero-solid:hover{background:#e8f0ff}.hbtn-hero-ghost{padding:.9rem 2.25rem;background:transparent;color:rgba(255,255,255,.6);font-family:'Lexend',sans-serif;font-size:.82rem;font-weight:400;text-decoration:none;border:1px solid rgba(255,255,255,.18);transition:.25s;display:inline-block}.hbtn-hero-ghost:hover{border-color:rgba(255,255,255,.45);color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem;border:1px solid rgba(255,255,255,.08);animation:up .65s ease .4s both;width:100%}.hero-st{padding:1.5rem;border-right:1px solid rgba(255,255,255,.08);transition:background .3s}.hero-st:last-child{border-right:none}.hero-st:hover{background:rgba(255,255,255,.03)}.hero-sn{font-family:'Lexend',sans-serif;font-size:2.2rem;font-weight:800;color:#fff;line-height:1}.hero-sn em{font-style:normal;color:#6fa8ff;font-size:1.1rem}.hero-sl{font-family:'Lexend',sans-serif;font-size:.58rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-top:.3rem;font-weight:400}@media (max-width:900px){.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-st:nth-child(2){border-right:none}.hero-st:nth-child(1),.hero-st:nth-child(2){border-bottom:1px solid rgba(255,255,255,.08)}}@media (max-width:600px){.hero-inner{padding:7rem 1.5rem 3rem}.hero h1{font-size:clamp(2.8rem,10vw,4.5rem);letter-spacing:-1px}.hero-btns{flex-direction:column;align-items:center}.hbtn-hero-solid,.hbtn-hero-ghost{width:100%;max-width:280px;text-align:center}}</style>

<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","name":"Dijinika","url":"https://dijinika.com","publisher":{"@type":"Organization","name":"Dijinika Teknoloji ve Medya Ltd. Şti."},"potentialAction":{"@type":"SearchAction","target":"https://dijinika.com/?s={search_term_string}","query-input":"required name=search_term_string"}}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"LocalBusiness","@id":"https://dijinika.com/#localbusiness","name":"Dijinika Teknoloji ve Medya Ltd. Şti.","alternateName":"Dijinika","url":"https://dijinika.com","logo":"https://dijinika.com/images/logo.png","image":"https://dijinika.com/images/logo.png","foundingDate":"2026","telephone":"+902120000000","email":"info@dijinika.com","numberOfEmployees":{"@type":"QuantitativeValue","minValue":2,"maxValue":10},"address":{"@type":"PostalAddress","streetAddress":"Marmara Mah. Avrasya Cad. Sitesi B Blok No:17/2A","addressLocality":"Beylikdüzü","addressRegion":"İstanbul","postalCode":"34524","addressCountry":"TR"},"areaServed":{"@type":"Country","name":"TR"},"priceRange":"$$","openingHoursSpecification":{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"09:00","closes":"17:00"},"contactPoint":{"@type":"ContactPoint","telephone":"+902120000000","email":"info@dijinika.com","contactType":"customer service","availableLanguage":["Turkish","English"]},"sameAs":["https://www.facebook.com/dijinika","https://x.com/dijinika","https://www.instagram.com/dijinika/"]}
</script>
</head>
<body>

<div class="scroll-progress" id="scrollProgress"></div>
<div class="stripe-bg"></div>
<div class="glow-orb glow-orb-1"></div>
<div class="glow-orb glow-orb-2"></div>


<!-- Font Awesome (ikonlar için) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer">

<nav>
    <div class="nav-logo"><a href="/" class="logo"><img src="/images/logo2.svg" alt="Dijinika"></a></div>
    <ul class="nav-links">
        <li><a href="/" class="active">Anasayfa</a></li>
        <li><a href="/hizmetler/">Hizmetler</a></li>
        <li><a href="/portfolyo/">Portfolyo</a></li>
        <li><a href="/iletisim/">İletişim</a></li>
    </ul>
    <button class="hamburger" id="hamburgerBtn" aria-label="Menü">
        <svg class="ham-icon ham-icon-open" width="22" height="16" viewBox="0 0 22 16" fill="none">
            <rect y="0" width="22" height="2" rx="1" fill="currentColor"/>
            <rect y="7" width="22" height="2" rx="1" fill="currentColor"/>
            <rect y="14" width="22" height="2" rx="1" fill="currentColor"/>
        </svg>
        <svg class="ham-icon ham-icon-close" width="18" height="18" viewBox="0 0 18 18" fill="none" style="display:none">
            <line x1="1" y1="1" x2="17" y2="17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
            <line x1="17" y1="1" x2="1" y2="17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
        </svg>
    </button>
</nav>
<div class="mobile-overlay" id="mobileOverlay"></div>
<div class="mobile-menu" id="mobileMenu">
    <div class="mobile-menu-header">
        <button class="mobile-close" id="mobileCloseBtn" aria-label="Kapat"><span></span><span></span></button>
        <span class="mobile-menu-tag">Menü</span>
    </div>
    <ul class="mobile-menu-links">
        <li><a href="/" class="active"><span class="link-num">01</span> Anasayfa</a></li>
        <li><a href="/hizmetler/"><span class="link-num">02</span> Hizmetler</a></li>
        <li><a href="/portfolyo/"><span class="link-num">03</span> Portfolyo</a></li>
        <li><a href="/iletisim/"><span class="link-num">04</span> İletişim</a></li>
    </ul>
    <div class="mobile-menu-footer">
        <div class="mobile-socials">
            <a href="https://www.facebook.com/dijinika" target="_blank" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
            <a href="https://x.com/dijinika" target="_blank" aria-label="X"><i class="fa-brands fa-x-twitter"></i></a>
            <a href="https://www.instagram.com/dijinika/" target="_blank" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
        </div>
        <div class="mobile-email">✉️ <a href="/cdn-cgi/l/email-protection#a5cccbc3cae5c1cccfcccbcccec48bcbc0d1"><span class="__cf_email__" data-cfemail="fe97909891be9a9794979097959fd0909b8a">[email&#160;protected]</span></a></div>
    </div>
</div>

<style>.nav-socials{display:flex;align-items:stretch;border-left:1px solid var(--border)}.nav-socials a{display:flex;align-items:center;justify-content:center;width:46px;height:100%;color:var(--text-muted);text-decoration:none;font-size:.85rem;border-right:1px solid var(--border);transition:color .25s , background .25s}.nav-socials a:last-child{border-right:none}.nav-socials a:hover{color:var(--navy);background:rgba(11,29,54,.04)}.hamburger{display:none;align-items:center;justify-content:center;width:62px;height:100%;border:none;background:transparent;cursor:pointer;color:var(--navy);-webkit-tap-highlight-color:transparent;transition:background .2s;flex-shrink:0}.hamburger:hover{background:rgba(11,29,54,.04)}.ham-icon{display:block}.hamburger.active .ham-icon-open{display:none}.hamburger.active .ham-icon-close{display:block!important}@media (max-width:768px){.nav-socials{display:none}.hamburger{display:flex}}</style>
<!-- HERO -->
<section class="hero" id="anasayfa">
    <div class="hero-glow-top"></div>
    <div class="hero-inner">
        <h1>Dijitalde<br><span class="outline">Büyüyün.</span><span class="blue">Öne Geçin.</span></h1>
        <p class="hero-sub">SEO, reklam ve içerik stratejisiyle markanızı rakiplerinizin önüne geçiriyoruz.</p>
        <div class="hero-btns">
            <a href="/hizmetler/" class="hbtn-hero-solid">Hizmetleri Keşfet</a>
            <a href="/iletisim/" class="hbtn-hero-ghost">Ücretsiz Analiz →</a>
        </div>
        <div class="hero-stats">
            <div class="hero-st"><div class="hero-sn">6<em>+</em></div><div class="hero-sl">Tamamlanan Proje</div></div>
            <div class="hero-st"><div class="hero-sn">100<em>%</em></div><div class="hero-sl">Müşteri Memnuniyeti</div></div>
            <div class="hero-st"><div class="hero-sn">7<em>/24</em></div><div class="hero-sl">Destek</div></div>
            <div class="hero-st"><div class="hero-sn">2<em>+</em></div><div class="hero-sl">Kurucu Ortak</div></div>
        </div>
    </div>
</section>

<!-- TRUST BAR -->
<div class="trust-bar">
    <div class="trust-bar-label">Güvendikleri markalar bize güveniyor</div>
    <div class="trust-logos">
        <div class="trust-logo reveal"><div class="trust-logo-icon"><img src="/images/beetekno.svg" alt="BeeTekno" loading="lazy"></div><span class="trust-logo-name">BeeTekno</span></div>
        <div class="trust-logo reveal reveal-delay-1"><div class="trust-logo-icon"><img src="/images/xdijital-ari.png.pagespeed.ic.Nkcihv-U51.png" alt="Dijital Arı" loading="lazy"></div><span class="trust-logo-name">Dijital Arı</span></div>
        <div class="trust-logo reveal reveal-delay-1"><div class="trust-logo-icon"><img src="/images/xcome-to-gelisim.png.pagespeed.ic.YeRfrWSXJF.png" alt="Gelişim Üniversitesi" loading="lazy"></div><span class="trust-logo-name">Gelişim Üniversitesi</span></div>
        <div class="trust-logo reveal reveal-delay-2"><div class="trust-logo-icon"><img src="/images/gokkusagi.webp.pagespeed.ce.9uU97IINkq.webp" alt="Gökkuşağı Koleji" loading="lazy"></div><span class="trust-logo-name">Gökkuşağı Koleji</span></div>
        <div class="trust-logo reveal reveal-delay-2"><div class="trust-logo-icon"><img src="/images/xhsa.png.pagespeed.ic.zQ_Cw_Cqw3.png" alt="HSA Enerji" loading="lazy"></div><span class="trust-logo-name">HSA Enerji</span></div>
        <div class="trust-logo reveal reveal-delay-3"><div class="trust-logo-icon"><img src="/images/xigu.png.pagespeed.ic.Ii6h05UOQp.png" alt="İGÜ Diş Hastanesi" loading="lazy"></div><span class="trust-logo-name">İGÜ Diş</span></div>
    </div>
</div>

<div class="rsep"></div>

<!-- HAKKIMIZDA -->
<section class="light" id="hakkimizda">
    <div class="about-grid">
        <div class="reveal">
            <div class="stag">Hakkımızda</div>
            <h2 class="stitle">TEKNOLOJİYE<br>TUTKUYLA<br><span>BAĞLIYIZ</span></h2>
            <p class="sdesc">Dijinika Teknoloji ve Medya, dijital dünyadaki markaların büyümesine yardımcı olmak için İstanbul'dan dünyaya hizmet veren bir dijital ajans ve teknoloji platformudur.</p>
            <p style="color:var(--text-muted);font-weight:300;line-height:1.9;font-size:0.95rem;">İki kurucu ortak tarafından 2026'da hayata geçirilen Dijinika, teknoloji alanındaki deneyimini ve tutkusunu profesyonel hizmetlere dönüştürmektedir. Şeffaflık, kalite ve ölçülebilir sonuçlar temel değerlerimizdir.</p>
            <div class="about-badges">
                <span class="about-badge">SEO Uzmanlığı</span>
                <span class="about-badge">Google Ads</span>
                <span class="about-badge">Grafik Tasarım</span>
                <span class="about-badge">İçerik Pazarlama</span>
                <span class="about-badge">Web Geliştirme</span>
            </div>
            <div class="about-stats">
                <div class="a-stat"><div class="a-stat-num">6+</div><div class="a-stat-label">Tamamlanan Proje</div></div>
                <div class="a-stat"><div class="a-stat-num">7/24</div><div class="a-stat-label">Destek Hattı</div></div>
                <div class="a-stat"><div class="a-stat-num">100%</div><div class="a-stat-label">Müşteri Memnuniyeti</div></div>
                <div class="a-stat"><div class="a-stat-num">A+</div><div class="a-stat-label">Kalite Standardı</div></div>
            </div>
        </div>
        <div class="about-visual reveal reveal-delay-2">
            <div class="about-img-frame">
                <div class="about-img-inner">
                    <div class="big">DİJİNİKA</div>
                    <div class="sub">EST. 2026 — İSTANBUL</div>
                    <div class="quote">"Dijitalde iz bırakmak için doğru ortakla yola çıkın. Biz sadece bir ajans değil, markanızın dijital dünyada sesiyiz."</div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="rsep"></div>

<!-- HİZMETLER -->
<section class="alt" id="hizmetler">
    <div class="stag reveal">Hizmetlerimiz</div>
    <h2 class="stitle reveal">MARKANIZ İÇİN<br><span>HER ŞEY</span></h2>
    <p class="sdesc reveal">SEO'dan tasarıma, içerikten reklama — ihtiyacınız olan her dijital çözüm tek çatı altında.</p>
    <div class="services-grid reveal">
        <div class="sv"><div class="sv-icon">🔍</div><div class="sv-num">01</div><h3>SEO Optimizasyonu</h3><p>Google'da üst sıralara çıkmak için teknik SEO, içerik optimizasyonu ve bağlantı stratejileriyle markanızın organik görünürlüğünü artırıyoruz.</p><span class="sv-tag">Organik Büyüme</span></div>
        <div class="sv"><div class="sv-icon">📣</div><div class="sv-num">02</div><h3>Google & Meta Reklamları</h3><p>Hedef kitlenize tam doğru anda ulaşın. Google Ads ve Meta kampanyalarınızı bütçenizi en verimli şekilde kullanarak yönetiyoruz.</p><span class="sv-tag">Ölçülebilir ROI</span></div>
        <div class="sv"><div class="sv-icon">🎨</div><div class="sv-num">03</div><h3>Grafik Tasarım</h3><p>Logo tasarımından sosyal medya görsellerine, marka kimliğinden kurumsal kimliklere kadar markanızı görsel olarak güçlendiriyoruz.</p><span class="sv-tag">Marka Kimliği</span></div>
        <div class="sv"><div class="sv-icon">✍️</div><div class="sv-num">04</div><h3>İçerik Yazımı</h3><p>SEO uyumlu blog yazıları, web sitesi metinleri ve sosyal medya içerikleriyle hedef kitlenizle bağ kuran içerikler üretiyoruz.</p><span class="sv-tag">SEO Uyumlu</span></div>
        <div class="sv"><div class="sv-icon">💻</div><div class="sv-num">05</div><h3>Web Site Geliştirme</h3><p>Hızlı, modern ve mobil uyumlu web siteleri tasarlıyoruz. WordPress, özel geliştirme ve e-ticaret çözümleri sunuyoruz.</p><span class="sv-tag">Kurumsal & E-ticaret</span></div>
        <div class="sv"><div class="sv-icon">📊</div><div class="sv-num">06</div><h3>Dijital Danışmanlık</h3><p>Dijital stratejinizi sıfırdan oluşturmak ya da mevcut süreçlerinizi optimize etmek için uzman danışmanlık hizmeti sağlıyoruz.</p><span class="sv-tag">Strateji & Analiz</span></div>
    </div>
    <div style="text-align:center;margin-top:3rem;" class="reveal">
        <a href="/hizmetler/" class="hbtn hbtn-navy">Tüm Hizmetleri Gör</a>
    </div>
</section>

<div class="rsep"></div>

<!-- SÜREÇ -->
<section class="process-section dark" id="surec">
    <div style="max-width:1200px;margin:0 auto;">
        <div class="stag light-tag reveal">Çalışma Sürecimiz</div>
        <h2 class="stitle on-dark reveal">4 ADIMDA<br><span>SONUCA GİDİYORUZ</span></h2>
        <p class="sdesc on-dark reveal" style="margin-bottom:3.5rem;">Net süreçler, şeffaf iletişim ve ölçülebilir sonuçlar. Her adımda yanınızdayız.</p>
    </div>
    <div class="process-steps reveal">
        <div class="process-step"><div class="ps-num">01</div><div class="ps-icon">🎯</div><div class="ps-title">Keşif & Analiz</div><div class="ps-desc">Markanızı, hedeflerinizi ve rakiplerinizi derinlemesine analiz ederek güçlü bir temel oluşturuyoruz.</div><div class="ps-connector"></div></div>
        <div class="process-step"><div class="ps-num">02</div><div class="ps-icon">🗺️</div><div class="ps-title">Strateji Geliştirme</div><div class="ps-desc">Veriye dayalı, ölçülebilir hedefler içeren özel bir dijital pazarlama stratejisi hazırlıyoruz.</div><div class="ps-connector"></div></div>
        <div class="process-step"><div class="ps-num">03</div><div class="ps-icon">🚀</div><div class="ps-title">Uygulama</div><div class="ps-desc">Stratejiyi hayata geçiriyor, içerik üretiyor, kampanyaları başlatıyor ve teknik optimizasyonları yapıyoruz.</div><div class="ps-connector"></div></div>
        <div class="process-step"><div class="ps-num">04</div><div class="ps-icon">📈</div><div class="ps-title">Ölç & Optimize</div><div class="ps-desc">Detaylı raporlar ve sürekli optimizasyonla her zaman daha iyi sonuçlar için çalışıyoruz.</div></div>
    </div>
</section>

<div class="rsep dark"></div>

<!-- PORTFÖY -->
<section class="light" id="portfoy" style="background:var(--bg2);">
    <div class="stag reveal">Referanslarımız</div>
    <h2 class="stitle reveal">ONLAR İÇİN<br><span>ÇALIŞIYORUZ</span></h2>
    <p class="sdesc reveal">Birlikte büyüdüğümüz, dijital dünyada iz bırakmalarına yardımcı olduğumuz markalar.</p>
    <div class="portfolio-grid reveal">
        <div class="portfolio-card"><div class="pc-accent"></div><div class="pc-header"><div class="pc-logo"><img src="/images/beetekno.svg" alt="BeeTekno" loading="lazy"></div><div class="pc-meta"><div class="pc-name">BeeTekno</div><div class="pc-type">Teknoloji Bloğu</div></div><div class="pc-status">Aktif</div></div><div class="pc-body"><p class="pc-desc">Türkiye'nin önde gelen teknoloji blog platformlarından biri için SEO stratejisi ve içerik planlaması. Organik trafiği önemli ölçüde artırdık.</p><div class="pc-tags"><span class="pc-tag">SEO</span><span class="pc-tag">İçerik Stratejisi</span><span class="pc-tag">Teknik SEO</span></div></div><div class="pc-results"><div class="pc-result"><div class="pc-result-num">↑ 3x</div><div class="pc-result-label">Organik Trafik</div></div><div class="pc-result"><div class="pc-result-num">Top 3</div><div class="pc-result-label">Anahtar Kelimeler</div></div><div class="pc-result"><div class="pc-result-num">+60%</div><div class="pc-result-label">Sayfa Görüntüleme</div></div></div></div>
        <div class="portfolio-card"><div class="pc-accent"></div><div class="pc-header"><div class="pc-logo"><img src="/images/gokkusagi.webp.pagespeed.ce.9uU97IINkq.webp" alt="Gökkuşağı Koleji" loading="lazy"></div><div class="pc-meta"><div class="pc-name">Gökkuşağı Koleji</div><div class="pc-type">Eğitim Kurumu</div></div><div class="pc-status">Aktif</div></div><div class="pc-body"><p class="pc-desc">Özel eğitim kurumu için kapsamlı dijital pazarlama stratejisi, Google Ads kampanya yönetimi ve kurumsal kimlik çalışması.</p><div class="pc-tags"><span class="pc-tag">Google Ads</span><span class="pc-tag">Kurumsal Kimlik</span><span class="pc-tag">SEO</span></div></div><div class="pc-results"><div class="pc-result"><div class="pc-result-num">+85%</div><div class="pc-result-label">Form Başvurusu</div></div><div class="pc-result"><div class="pc-result-num">↓ 40%</div><div class="pc-result-label">Tıklama Maliyeti</div></div><div class="pc-result"><div class="pc-result-num">+120%</div><div class="pc-result-label">Görünürlük</div></div></div></div>
        <div class="portfolio-card"><div class="pc-accent"></div><div class="pc-header"><div class="pc-logo"><img src="/images/xhsa.png.pagespeed.ic.zQ_Cw_Cqw3.png" alt="HSA Enerji" loading="lazy"></div><div class="pc-meta"><div class="pc-name">HSA Enerji</div><div class="pc-type">Enerji Sektörü</div></div><div class="pc-status">Aktif</div></div><div class="pc-body"><p class="pc-desc">Enerji sektöründeki B2B firma için kurumsal web sitesi yenileme, SEO altyapısı ve şirket içeriği üretimi projesi.</p><div class="pc-tags"><span class="pc-tag">Web Tasarım</span><span class="pc-tag">B2B SEO</span><span class="pc-tag">İçerik</span></div></div><div class="pc-results"><div class="pc-result"><div class="pc-result-num">Yeni</div><div class="pc-result-label">Kurumsal Site</div></div><div class="pc-result"><div class="pc-result-num">+200%</div><div class="pc-result-label">Sayfa Hızı</div></div><div class="pc-result"><div class="pc-result-num">+45%</div><div class="pc-result-label">Dönüşüm Oranı</div></div></div></div>
        <div class="portfolio-card"><div class="pc-accent"></div><div class="pc-header"><div class="pc-logo"><img src="/images/xigu.png.pagespeed.ic.Ii6h05UOQp.png" alt="İGÜ Diş Hastanesi" loading="lazy"></div><div class="pc-meta"><div class="pc-name">İGÜ Diş Hastanesi</div><div class="pc-type">Sağlık Sektörü</div></div><div class="pc-status">Aktif</div></div><div class="pc-body"><p class="pc-desc">Diş hastanesi için yerel SEO çalışması, Google Ads optimizasyonu ve hasta odaklı içerik stratejisi ile randevu başvurularında ciddi artış sağlandı.</p><div class="pc-tags"><span class="pc-tag">Yerel SEO</span><span class="pc-tag">Google Ads</span><span class="pc-tag">Sağlık İçeriği</span></div></div><div class="pc-results"><div class="pc-result"><div class="pc-result-num">+150%</div><div class="pc-result-label">Online Randevu</div></div><div class="pc-result"><div class="pc-result-num">#1</div><div class="pc-result-label">Yerel Arama</div></div><div class="pc-result"><div class="pc-result-num">+90%</div><div class="pc-result-label">Organik Trafik</div></div></div></div>
    </div>
    <div style="text-align:center;margin-top:3rem;" class="reveal">
        <a href="/portfolyo/" class="hbtn hbtn-navy">Tüm Referansları Gör</a>
    </div>
</section>

<div class="rsep"></div>

<!-- NEDEN DİJİNİKA -->
<section class="whyus-section light" id="neden-dijinika">
    <div class="whyus-grid">
        <div class="reveal">
            <div class="stag">Neden Dijinika?</div>
            <h2 class="stitle">FARKIMIZ<br><span>NE?</span></h2>
            <p class="sdesc">Sadece bir dijital ajans değil, markanızın dijital dünyadaki gerçek ortağıyız. Şeffaf, ölçülebilir, insan odaklı.</p>
        </div>
        <div class="whyus-items reveal reveal-delay-1">
            <div class="why-item"><div class="wi-icon">🔬</div><div class="wi-title">Veri Odaklı Kararlar</div><div class="wi-desc">Her karar, sezgiye değil gerçek verilere dayanır. Google Analytics'ten anahtar kelime araştırmasına kadar her adımı analiz ederiz.</div></div>
            <div class="why-item"><div class="wi-icon">💬</div><div class="wi-title">Şeffaf İletişim</div><div class="wi-desc">Ne yapıyoruz, neden yapıyoruz, nasıl sonuç alıyoruz? Her şeyi net raporlar ve düzenli toplantılarla paylaşırız.</div></div>
            <div class="why-item"><div class="wi-icon">⚡</div><div class="wi-title">Hızlı Uygulama</div><div class="wi-desc">Stratejiden uygulamaya geçiş süremiz sektörün en kısalarından. Fırsatları kaçırmadan anında harekete geçeriz.</div></div>
            <div class="why-item"><div class="wi-icon">🎯</div><div class="wi-title">Özel Çözümler</div><div class="wi-desc">Hazır şablon yok. Her marka için özel strateji, özel içerik ve özel kampanya tasarlarız.</div></div>
            <div class="why-item"><div class="wi-icon">📐</div><div class="wi-title">Ölçülebilir Sonuçlar</div><div class="wi-desc">Sadece "daha iyi" değil, rakamlarla kanıtlanmış sonuçlar sunuyoruz. ROI, trafik, dönüşüm — hepsi somut.</div></div>
            <div class="why-item"><div class="wi-icon">🤝</div><div class="wi-title">Uzun Vadeli Ortaklık</div><div class="wi-desc">Tek seferlik değil, sürdürülebilir büyüme odaklı çalışıyoruz. Markanız büyüdükçe biz de büyürüz.</div></div>
        </div>
    </div>
</section>

<div class="rsep"></div>

<!-- MÜŞTERİ YORUMLARI -->
<section class="testimonials-section" id="yorumlar">
    <div class="stag reveal" style="justify-content:center;">Müşteri Yorumları</div>
    <h2 class="stitle reveal" style="text-align:center;">MÜŞTERİLERİMİZ <span>NE DİYOR?</span></h2>
    <p class="sdesc reveal" style="text-align:center;margin:0 auto 3rem;">Referanslarımızın söylediği her şey, bizim için en değerli ödüldür.</p>
    <div class="testimonials-wrap reveal">
        <div class="testimonials-grid" id="testimonialsGrid">
            <div class="testimonial-card"><div class="tc-stars">★★★★★</div><p class="tc-quote">Dijinika ile çalışmaya başladıktan kısa süre sonra arama sıralamasındaki yükselişi gördük. Önerilen strateji hem pratik hem de etkili oldu.</p><div class="tc-author"><div class="tc-avatar">AY</div><div><div class="tc-name">Ahmet Yılmaz</div></div></div></div>
            <div class="testimonial-card"><div class="tc-stars">★★★★★</div><p class="tc-quote">Google Ads kampanyalarımız için çalıştık ve maliyetlerimiz belirgin şekilde düşerken başvuru sayımız arttı. Beklentilerimizin üzerinde bir sonuç.</p><div class="tc-author"><div class="tc-avatar">SK</div><div><div class="tc-name">Selin Kaya</div></div></div></div>
            <div class="testimonial-card"><div class="tc-stars">★★★★★</div><p class="tc-quote">Kurumsal web sitemizin yenilenmesi sürecinde son derece profesyonel bir ekiple çalıştık. Sonuç hem görsel hem teknik açıdan mükemmel.</p><div class="tc-author"><div class="tc-avatar">MÇ</div><div><div class="tc-name">Mehmet Çelik</div></div></div></div>
            <div class="testimonial-card"><div class="tc-stars">★★★★★</div><p class="tc-quote">Yerel SEO çalışmaları sayesinde hastanemiz Google'da bölgenin en üst sırasına taşındı. Online randevu başvurularımız çarpıcı biçimde arttı.</p><div class="tc-author"><div class="tc-avatar">ZA</div><div><div class="tc-name">Zeynep Arslan</div></div></div></div>
            <div class="testimonial-card"><div class="tc-stars">★★★★★</div><p class="tc-quote">7/24 ulaşılabilir olmaları ve hızlı dönüş süreleri gerçekten takdire değer. Bir ajansla bu kadar kolay iletişim kurmak nadir görülür.</p><div class="tc-author"><div class="tc-avatar">EK</div><div><div class="tc-name">Emre Karahan</div></div></div></div>
        </div>
        <div class="tc-nav">
            <button class="tc-nav-btn" id="tcPrev">←</button>
            <div class="tc-dots" id="tcDots"></div>
            <button class="tc-nav-btn" id="tcNext">→</button>
        </div>
    </div>
</section>

<div class="rsep"></div>

<!-- BLOG -->
<section class="blog-section dark" id="blog">
    <div class="reveal">
        <div class="stag light-tag" style="justify-content:center;">Teknoloji Bloğumuz</div>
        <h2 class="stitle on-dark" style="text-align:center;">DİJİNİKA<span>.NET</span></h2>
        <p style="color:rgba(255,255,255,0.6);text-align:center;max-width:500px;margin:0 auto 2.5rem;font-weight:300;line-height:1.8;">Teknoloji dünyasındaki en güncel gelişmeleri, incelemeleri, yapay zeka haberlerini ve dijital trendleri takip edin.</p>
        <div class="blog-cats">
            <span class="blog-cat">Teknoloji</span><span class="blog-cat">Yapay Zeka</span><span class="blog-cat">Oyun</span><span class="blog-cat">Bilim</span><span class="blog-cat">İncelemeler</span><span class="blog-cat">Eğlence</span><span class="blog-cat">Yaşam</span><span class="blog-cat">Videolar</span>
        </div>
        <a href="https://dijinika.net" target="_blank" rel="noopener" class="blog-cta">
            Haber Sitemizi Ziyaret Edin
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
        </a>
    </div>
</section>

<div class="rsep dark"></div>

<!-- CTA BAND -->
<section class="cta-band">
    <div class="cta-band-content reveal">
        <div class="stag light-tag" style="justify-content:center;">Hazır mısınız?</div>
        <h2>MARKANIZI DİJİTALDE<br><span>BÜYÜTELIM</span></h2>
        <p>İlk adımı atmak için doğru yerdesiniz. Ücretsiz bir ön görüşme ile size özel dijital stratejinizi birlikte belirleyelim.</p>
        <div class="cta-band-btns">
            <a href="/iletisim/" class="hbtn hbtn-solid">Ücretsiz Danışmanlık Al</a>
            <a href="tel:+90000000000" class="hbtn hbtn-ghost">Hemen Ara 📞</a>
        </div>
    </div>
</section>

<!-- İLETİŞİM -->
<section class="light" id="iletisim" style="padding:6rem 4rem;">
    <div style="max-width:1200px;margin:0 auto 3rem;">
        <div class="stag reveal">İletişim</div>
        <h2 class="stitle reveal">BİZE<br><span>ULAŞIN</span></h2>
        <p class="sdesc reveal">Projeniz hakkında konuşmak ister misiniz? Formu doldurun, en kısa sürede size dönelim.</p>
    </div>
    <div style="max-width:1200px;margin:0 auto;">
        <div class="iletisim-main reveal">
            <div class="ilet-info">
                <div class="ilet-info-head">
                    <div class="ilet-info-tag">// Bize Ulaşın</div>
                    <h3>İLETİŞİM<br>BİLGİLERİ</h3>
                    <p>Sorularınız için doğrudan iletişime geçin ya da formu doldurun; en kısa sürede dönüş yapalım.</p>
                </div>
                <div class="ilet-rows">
                    <div class="ilet-row"><div class="ilet-row-icon">🏢</div><div><div class="ilet-row-label">Şirket Unvanı</div><div class="ilet-row-val">DİJİNİKA TEKNOLOJİ VE<br>MEDYA LİMİTED ŞİRKETİ</div></div></div>
                    <div class="ilet-row"><div class="ilet-row-icon">✉️</div><div><div class="ilet-row-label">E-Posta</div><div class="ilet-row-val"><a href="/cdn-cgi/l/email-protection#5f363139301f3b3635363136343e71313a2b"><span class="__cf_email__" data-cfemail="fd94939b92bd999497949394969cd3939889">[email&#160;protected]</span></a></div></div></div>
                    <div class="ilet-row"><div class="ilet-row-icon">📍</div><div><div class="ilet-row-label">Adres</div><div class="ilet-row-val">Marmara Mah. Avrasya Cad. İnmari Sitesi B Blok No:17/2A, Beylikdüzü / İstanbul</div></div></div>
                </div>
                <div class="ilet-socials">
                    <a class="ilet-social" href="https://www.facebook.com/dijinika" target="_blank" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
                    <a class="ilet-social" href="https://x.com/dijinika" target="_blank" aria-label="X"><i class="fa-brands fa-x-twitter"></i></a>
                    <a class="ilet-social" href="https://www.instagram.com/dijinika/" target="_blank" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
                </div>
            </div>
            <div class="ilet-form-wrap">
                <div class="ilet-form-tag">// Mesaj Gönderin</div>
                <div class="ilet-form-title">BİZE YAZIN</div>
                <p class="ilet-form-sub">Hangi hizmetle ilgilendiğinizi seçin ve mesajınızı bırakın. En geç 24 saat içinde dönüş yapıyoruz.</p>
                <div class="hizmet-picker" id="hizmetPickerHome">
                    <button type="button" class="hizmet-pick-btn" data-val="SEO Optimizasyonu">SEO</button>
                    <button type="button" class="hizmet-pick-btn" data-val="Grafik Tasarım">Grafik Tasarım</button>
                    <button type="button" class="hizmet-pick-btn" data-val="İçerik & Tanıtım Yazısı">İçerik Yazımı</button>
                    <button type="button" class="hizmet-pick-btn" data-val="Backlink & Footer Link">Backlink</button>
                    <button type="button" class="hizmet-pick-btn" data-val="Dijital Danışmanlık">Danışmanlık</button>
                    <button type="button" class="hizmet-pick-btn" data-val="Web Sitesi Geliştirme">Web Geliştirme</button>
                    <button type="button" class="hizmet-pick-btn" data-val="Diğer">Diğer</button>
                </div>
                <div id="formAreaHome">
                    <div class="ilet-form">
                        <div class="ilet-frm-row">
                            <div class="ilet-frm-group"><label>Ad Soyad *</label><input type="text" id="hFormName" placeholder="Adınız Soyadınız" required></div>
                            <div class="ilet-frm-group"><label>E-Posta *</label><input type="email" id="hFormEmail" placeholder="ornek@mail.com" required></div>
                        </div>
                        <div class="ilet-frm-row">
                            <div class="ilet-frm-group"><label>Telefon</label><input type="tel" id="hFormPhone" placeholder="0500 000 00 00"></div>
                            <div class="ilet-frm-group"><label>Şirket / Web Sitesi</label><input type="text" id="hFormCompany" placeholder="şirket.com"></div>
                        </div>
                        <div class="ilet-frm-group"><label>Konu *</label><input type="text" id="hFormSubject" placeholder="Hangi konuda yardımcı olabiliriz?" required></div>
                        <div class="ilet-frm-group"><label>Mesajınız *</label><textarea id="hFormMessage" placeholder="Projeniz veya ihtiyaçlarınız hakkında bilgi verin..." required></textarea></div>
                        <div class="ilet-submit-row"><button class="btn-send" type="button" onclick="sendMailHome()">Mesaj Gönder →</button></div>
                    </div>
                </div>
                <div class="form-success" id="formSuccessHome">
                    <div class="form-success-icon">✅</div>
                    <h4>Mesajınız İletildi!</h4>
                    <p>En geç 24 saat içinde size dönüş yapacağız.<br>Bizi tercih ettiğiniz için teşekkürler.</p>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- ── CONTACT SIDEBAR ── -->
<div class="csb-overlay" id="csbOverlay" onclick="closeCsb()"></div>

<div class="csb-sidebar" id="csbSidebar">
    <div class="csb-header">
        <div class="csb-title">İletişim</div>
        <button class="csb-close" onclick="closeCsb()" aria-label="Kapat">
            <span></span><span></span>
        </button>
    </div>
    <div class="csb-body">
        <div class="csb-intro">Bize doğrudan ulaşın. En uygun kanal hangisiyse onu seçin.</div>

        <!-- WhatsApp -->
        <a class="csb-item csb-wa" href="https://wa.me/90XXXXXXXXXX" target="_blank" rel="noopener">
            <div class="csb-item-icon">
                <svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
            </div>
            <div class="csb-item-text">
                <div class="csb-item-label">WhatsApp</div>
                <div class="csb-item-val">Mesaj gönderin</div>
            </div>
            <div class="csb-item-arrow">→</div>
        </a>

        <!-- Telefon -->
        <a class="csb-item csb-tel" href="tel:+90XXXXXXXXXX">
            <div class="csb-item-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 8.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92z"></path></svg>
            </div>
            <div class="csb-item-text">
                <div class="csb-item-label">Telefon</div>
                <div class="csb-item-val">Hemen arayın</div>
            </div>
            <div class="csb-item-arrow">→</div>
        </a>

        <!-- E-posta -->
        <a class="csb-item csb-mail" href="/cdn-cgi/l/email-protection#0e676068614e6a6764676067656f20606b7a">
            <div class="csb-item-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
            </div>
            <div class="csb-item-text">
                <div class="csb-item-label">E-Posta</div>
                <div class="csb-item-val"><span class="__cf_email__" data-cfemail="0b62656d644b6f6261626562606a25656e7f">[email&#160;protected]</span></div>
            </div>
            <div class="csb-item-arrow">→</div>
        </a>

    </div>
</div>

<!-- Sidebar tetikleyici tab -->
<button class="csb-tab" id="csbTab" onclick="toggleCsb()" aria-label="İletişim">
    <div class="csb-tab-dot">
        <div class="csb-tab-dot-core"></div>
        <div class="csb-tab-dot-ring csb-ring-1"></div>
        <div class="csb-tab-dot-ring csb-ring-2"></div>
    </div>
    <svg class="csb-tab-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
        <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"></path>
    </svg>
    <span class="csb-tab-label">İletişim</span>
</button>

<style>.csb-overlay{position:fixed;inset:0;background:rgba(11,29,54,.35);opacity:0;visibility:hidden;transition:opacity .35s , visibility .35s;z-index:190}.csb-overlay.open{opacity:1;visibility:visible}.csb-sidebar{position:fixed;right:0;bottom:5.5rem;transform:translateX(100%);width:min(340px,90vw);background:#fff;border:1px solid var(--border);border-right:none;box-shadow:-8px 0 40px rgba(11,29,54,.14);z-index:200;transition:transform .4s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.csb-sidebar.open{transform:translateX(0)}.csb-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;border-bottom:1px solid var(--border);background:var(--navy)}.csb-title{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:1px;color:#fff}.csb-close{width:34px;height:34px;border:1px solid rgba(255,255,255,.15);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:.25s}.csb-close:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}.csb-close span{position:absolute;width:13px;height:1.5px;background:#fff;border-radius:1px}.csb-close span:nth-child(1){transform:rotate(45deg)}.csb-close span:nth-child(2){transform:rotate(-45deg)}.csb-body{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:0}.csb-intro{font-size:.88rem;color:var(--text-muted);font-weight:300;line-height:1.6;margin-bottom:1.5rem}.csb-item{display:flex;align-items:center;gap:1rem;padding:1.1rem 1rem;border:1px solid var(--border);margin-bottom:.5rem;text-decoration:none;transition:.25s;position:relative;overflow:hidden}.csb-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;transform:scaleY(0);transition:transform .3s}.csb-item:hover::before{transform:scaleY(1)}.csb-wa::before{background:#25d366}.csb-tel::before{background:#1a56c4}.csb-mail::before{background:var(--navy)}.csb-item:hover{background:var(--bg2);border-color:var(--border-strong)}.csb-item-icon{width:40px;height:40px;min-width:40px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;background:var(--bg3);transition:.25s}.csb-wa .csb-item-icon{color:#25d366}.csb-tel .csb-item-icon{color:#1a56c4}.csb-mail .csb-item-icon{color:var(--navy)}.csb-item-icon svg{width:18px;height:18px;fill:none}.csb-wa .csb-item-icon svg{fill:#25d366;stroke:none}.csb-item:hover .csb-item-icon{background:#fff;border-color:var(--border-strong)}.csb-item-text{flex:1}.csb-item-label{font-family:'Fira Code',monospace;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);margin-bottom:.15rem}.csb-item-val{font-size:.92rem;color:var(--navy);font-weight:400}.csb-item-arrow{font-size:1rem;color:var(--text-light);transition:transform .25s , color .25s}.csb-item:hover .csb-item-arrow{transform:translateX(4px);color:var(--navy)}.csb-tab{position:fixed;right:2rem;bottom:2rem;width:60px;height:60px;background:linear-gradient(135deg,#1a56c4 0%,#0b1d36 100%);color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:189;display:flex;align-items:center;justify-content:center;transition:transform .3s , box-shadow .3s;box-shadow:0 6px 28px rgba(26,86,196,.45)}.csb-tab:hover{transform:scale(1.1);box-shadow:0 8px 36px rgba(26,86,196,.6)}.csb-tab-icon{width:26px;height:26px;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(111,168,255,.4))}.csb-tab-label{display:none}.csb-tab-dot{position:absolute;top:1px;right:1px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.csb-tab-dot-core{width:8px;height:8px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-shadow:0 0 5px rgba(34,197,94,.9);position:relative;z-index:2;flex-shrink:0}.csb-tab-dot-ring{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;border:1.5px solid #22c55e;transform:translate(-50%,-50%) scale(1);opacity:0}.csb-ring-1{animation:csbRadarPing 2.6s ease-out infinite}.csb-ring-2{animation:csbRadarPing 2.6s ease-out 1.0s infinite}@keyframes csbRadarPing{
  0%  {transform:translate(-50%,-50%) scale(1);  opacity:0.75;}
  100%{transform:translate(-50%,-50%) scale(3.2);opacity:0;}
}.csb-tab.hidden{transform:scale(0);pointer-events:none;box-shadow:none}@media (max-width:768px){.csb-tab{right:1.5rem;bottom:1.5rem;width:54px;height:54px}.csb-tab-icon{width:22px;height:22px}.csb-sidebar{top:auto;bottom:0;transform:translateY(100%);max-height:80vh;width:100%;border-left:none;border-top:1px solid var(--border);border-radius:12px 12px 0 0;right:0}.csb-sidebar.open{transform:translateY(0)}}</style>

<!-- FOOTER -->
<footer>
    <div class="ft-top">
        <div class="ft-brand">
            <a href="/" class="logo"><img src="/images/logo2.svg" alt="Dijinika"></a>
            <p>Dijinika Teknoloji ve Medya Ltd. Şti. — SEO, grafik tasarım, içerik ve danışmanlık hizmetleriyle markanızı dijital dünyada büyütüyoruz.</p>
        </div>
        <div class="ft-col">
            <h4>Hizmetler</h4>
            <ul>
                <li><a href="/hizmetler/">SEO Optimizasyonu</a></li>
                <li><a href="/hizmetler/">Grafik Tasarım</a></li>
                <li><a href="/hizmetler/">Dijital Danışmanlık</a></li>
                <li><a href="/hizmetler/">Web Geliştirme</a></li>
            </ul>
        </div>
        <div class="ft-col">
            <h4>Keşfet</h4>
            <ul>
                <li><a href="/">Anasayfa</a></li>
                <li><a href="/hizmetler/">Hizmetler</a></li>
                <li><a href="/portfolyo/">Portfolyo</a></li>
                <li><a href="/iletisim/">İletişim</a></li>
            </ul>
        </div>
        <div class="ft-col ft-newsletter">
            <h4>Bülten Aboneliği</h4>
            <p>Dijital pazarlama ipuçları ve güncel haberler için bültenimize abone olun.</p>
            <form action="//github.us16.list-manage.com/subscribe/post?u=2bc2c681a1585cf5af59d95a2&amp;id=26db978df6" method="post" class="nf" target="_blank" novalidate>
                <input type="email" name="EMAIL" placeholder="E-posta adresiniz" required>
                <div style="position:absolute;left:-5000px;" aria-hidden="true"><input type="text" name="b_2bc2c681a1585cf5af59d95a2_26db978df6" tabindex="-1" value=""></div>
                <button type="submit" name="subscribe" class="nbtn">Abone Ol</button>
            </form>
            <div class="ft-contact-mini"></div>
        </div>
    </div>
    <div class="ft-bottom">
        <p>Dijinika Teknoloji ve Medya Ltd. Şti. &copy; 2026 Tüm Hakları Saklıdır.</p>
        <span>Teknolojiyi stratejiye dönüştürüyoruz.</span>
    </div>
</footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>function toggleCsb(){var sb=document.getElementById('csbSidebar');var ov=document.getElementById('csbOverlay');var tab=document.getElementById('csbTab');var isOpen=sb.classList.contains('open');if(isOpen){sb.classList.remove('open');ov.classList.remove('open');tab.classList.remove('hidden');}else{sb.classList.add('open');ov.classList.add('open');tab.classList.add('hidden');}}function closeCsb(){document.getElementById('csbSidebar').classList.remove('open');document.getElementById('csbOverlay').classList.remove('open');document.getElementById('csbTab').classList.remove('hidden');}</script>
<!-- Scroll progress + Nav scroll -->
<script>(function(){var bar=document.getElementById('scrollProgress');if(bar){window.addEventListener('scroll',function(){var s=document.documentElement.scrollTop;var h=document.documentElement.scrollHeight-document.documentElement.clientHeight;bar.style.width=(h>0?(s/h*100):0)+'%';},{passive:true});}var nav=document.querySelector('nav');if(nav){window.addEventListener('scroll',function(){nav.classList.toggle('scrolled',window.scrollY>50);},{passive:true});}var hamburgerBtn=document.getElementById('hamburgerBtn');var mobileMenu=document.getElementById('mobileMenu');var mobileOverlay=document.getElementById('mobileOverlay');var mobileClose=document.getElementById('mobileCloseBtn');function openMenu(){if(!hamburgerBtn||!mobileMenu)return;hamburgerBtn.classList.add('active');mobileMenu.classList.add('open');if(mobileOverlay)mobileOverlay.classList.add('open');document.body.classList.add('menu-open');}function closeMenu(){if(!hamburgerBtn||!mobileMenu)return;hamburgerBtn.classList.remove('active');mobileMenu.classList.remove('open');if(mobileOverlay)mobileOverlay.classList.remove('open');document.body.classList.remove('menu-open');}if(hamburgerBtn)hamburgerBtn.addEventListener('click',openMenu);if(mobileClose)mobileClose.addEventListener('click',closeMenu);if(mobileOverlay)mobileOverlay.addEventListener('click',closeMenu);document.querySelectorAll('.mobile-menu-links a').forEach(function(a){a.addEventListener('click',closeMenu);});document.documentElement.classList.add('js-reveal-ready');var revealObs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('visible');revealObs.unobserve(e.target);}});},{threshold:0.1,rootMargin:'0px 0px -40px 0px'});document.querySelectorAll('.reveal').forEach(function(el){revealObs.observe(el);});var sections=document.querySelectorAll('section[id], div[id]');var navLinks=document.querySelectorAll('.nav-links a');if(sections.length&&navLinks.length){var navObs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){navLinks.forEach(function(a){a.classList.toggle('active',a.getAttribute('href')==='#'+e.target.id||a.getAttribute('href')==='/'+e.target.id+'/');});}});},{threshold:0.4});sections.forEach(function(s){navObs.observe(s);});}})();</script>
<script>
const bar = document.getElementById('scrollProgress');
window.addEventListener('scroll', () => {
    const s = document.documentElement.scrollTop;
    const h = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    bar.style.width = (s/h*100) + '%';
}, {passive:true});

const nav = document.querySelector('nav');
window.addEventListener('scroll', () => {
    nav.classList.toggle('scrolled', window.scrollY > 50);
}, {passive:true});

document.documentElement.classList.add('js-reveal-ready');
const revealObs = new IntersectionObserver((entries) => {
    entries.forEach(e => { if(e.isIntersecting) { e.target.classList.add('visible'); revealObs.unobserve(e.target); }});
}, {threshold:0.1, rootMargin:'0px 0px -40px 0px'});
document.querySelectorAll('.reveal').forEach(el => revealObs.observe(el));

const sections = document.querySelectorAll('section[id], div[id]');
const navLinks = document.querySelectorAll('.nav-links a');
const navObs = new IntersectionObserver((entries) => {
    entries.forEach(e => {
        if(e.isIntersecting) {
            navLinks.forEach(a => {
                a.classList.toggle('active', a.getAttribute('href') === '#' + e.target.id || a.getAttribute('href') === '/' + e.target.id + '/');
            });
        }
    });
}, {threshold:0.4});
sections.forEach(s => navObs.observe(s));

const grid = document.getElementById('testimonialsGrid');
const dotsC = document.getElementById('tcDots');
if(grid && dotsC) {
    const cards = grid.querySelectorAll('.testimonial-card');
    let current = 0;
    const visCount = () => window.innerWidth < 900 ? 1 : 2;
    const maxIdx = () => Math.max(0, cards.length - visCount());
    function buildDots() {
        dotsC.innerHTML = '';
        for(let i=0;i<=maxIdx();i++){
            const d = document.createElement('div');
            d.className = 'tc-dot' + (i===current?' active':'');
            d.addEventListener('click',()=>goTo(i));
            dotsC.appendChild(d);
        }
    }
    function goTo(i) {
        current = Math.max(0,Math.min(i,maxIdx()));
        const cw = cards[0].offsetWidth + 1;
        grid.style.transform = `translateX(-${current * cw}px)`;
        dotsC.querySelectorAll('.tc-dot').forEach((d,j)=>d.classList.toggle('active',j===current));
    }
    document.getElementById('tcPrev').addEventListener('click',()=>goTo(current-1));
    document.getElementById('tcNext').addEventListener('click',()=>goTo(current+1));
    let startX=0;
    grid.addEventListener('touchstart',e=>{startX=e.touches[0].clientX;},{passive:true});
    grid.addEventListener('touchend',e=>{const dx=e.changedTouches[0].clientX-startX;if(Math.abs(dx)>40)goTo(dx<0?current+1:current-1);},{passive:true});
    buildDots();
    window.addEventListener('resize',()=>{buildDots();goTo(Math.min(current,maxIdx()));});
}

const hamburger = document.querySelector('.hamburger');
const mobileMenu = document.querySelector('.mobile-menu');
const mobileOverlay = document.querySelector('.mobile-overlay');
const mobileClose = document.querySelector('.mobile-close');
function openMenu(){hamburger.classList.add('active');mobileMenu.classList.add('open');mobileOverlay.classList.add('open');document.body.classList.add('menu-open');}
function closeMenu(){hamburger.classList.remove('active');mobileMenu.classList.remove('open');mobileOverlay.classList.remove('open');document.body.classList.remove('menu-open');}
if(hamburger)hamburger.addEventListener('click',openMenu);
if(mobileClose)mobileClose.addEventListener('click',closeMenu);
if(mobileOverlay)mobileOverlay.addEventListener('click',closeMenu);
document.querySelectorAll('.mobile-menu-links a').forEach(a=>a.addEventListener('click',closeMenu));

(function(){
    var btns = document.querySelectorAll('#hizmetPickerHome .hizmet-pick-btn');
    var subjectInput = document.getElementById('hFormSubject');
    btns.forEach(function(btn){
        btn.addEventListener('click', function(){
            btn.classList.toggle('selected');
            var selected = [];
            btns.forEach(function(b){ if(b.classList.contains('selected')) selected.push(b.dataset.val); });
            if(subjectInput) subjectInput.value = selected.length > 0 ? selected.join(', ') + ' hakkında bilgi almak istiyorum' : '';
        });
    });
})();

function sendMailHome(){
    var n=document.getElementById('hFormName').value;
    var em=document.getElementById('hFormEmail').value;
    var ph=document.getElementById('hFormPhone').value;
    var co=document.getElementById('hFormCompany').value;
    var s=document.getElementById('hFormSubject').value;
    var m=document.getElementById('hFormMessage').value;
    if(!n||!em||!s||!m){alert('Lütfen zorunlu alanları doldurun.');return;}
    var body='Ad Soyad: '+n+'%0D%0AE-Posta: '+em+'%0D%0A';
    if(ph)body+='Telefon: '+ph+'%0D%0A';
    if(co)body+='Sirket/Site: '+co+'%0D%0A';
    body+='Konu: '+s+'%0D%0A%0D%0AMesaj: '+m;
    window.open('mailto:info@dijinika.net?subject='+encodeURIComponent(s)+'&body='+body,'_blank');
    document.getElementById('formAreaHome').style.display='none';
    document.getElementById('formSuccessHome').style.display='block';
}

(function(){
    var badge=document.getElementById('iletBadgeHome');
    if(!badge)return;
    var now=new Date();
    var tr=new Date(now.getTime()+(now.getTimezoneOffset()*60000)+(3*3600000));
    var day=tr.getDay();var hour=tr.getHours();
    var isActive=day>=1&&day<=5&&hour>=9&&hour<17;
    if(isActive){
        badge.innerHTML='<span style="display:inline-flex;align-items:center;gap:0.4rem;"><span style="width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block;animation:pulse2 2s infinite;"></span>Şu an aktif — hızlı yanıt veriyoruz</span>';
    } else {
        badge.innerHTML='<span style="display:inline-flex;align-items:center;gap:0.4rem;color:#f59e0b;"><span style="width:6px;height:6px;border-radius:50%;background:#f59e0b;display:inline-block;"></span>Şu an kapalı — mesaj bırakın, sabah dönelim</span>';
    }
})();
</script>

<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a007b8ffaa905571',t:'MTc3OTU3NzcwNw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>