:root{--bg:#020408;--cyan:#00f5ff;--purple:#7b2fff;--pink:#ff006e;--green:#00ff88;--white:#e8f4ff;--dim:rgba(232,244,255,0.78);--border:rgba(0,245,255,0.12);} *{box-sizing:border-box;margin:0;padding:0;} html{scroll-behavior:smooth;} body{background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:hidden;line-height:1.7;} body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,245,255,0.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,0.018) 1px,transparent 1px);background-size:60px 60px;} nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:18px 48px;background:rgba(2,4,8,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);} .nav-logo{font-family:'Syne',sans-serif;font-size:20px;font-weight:800;letter-spacing:3px;text-decoration:none;color:var(--white);display:flex;align-items:center;gap:8px;} .nav-logo span{color:var(--cyan);} .ndot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan);animation:np 1.5s infinite;} @keyframes np{0%,100%{opacity:1}50%{opacity:.3}} .nav-links{display:flex;gap:28px;list-style:none;} .nav-links a{color:var(--dim);text-decoration:none;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:color .2s;} .nav-links a:hover{color:var(--cyan);} .nav-cta{border:1px solid var(--cyan);color:var(--cyan);padding:9px 20px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:all .25s;position:relative;overflow:hidden;} .nav-cta::before{content:'';position:absolute;inset:0;background:var(--cyan);transform:translateX(-101%);transition:transform .3s;} .nav-cta:hover{color:var(--bg);} .nav-cta:hover::before{transform:translateX(0);} .nav-cta span{position:relative;z-index:1;} .wrap{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:120px 48px 80px;} .eyebrow{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--cyan);text-transform:uppercase;margin-bottom:16px;display:block;} h1{font-family:'Syne',sans-serif;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.08;margin-bottom:20px;} h1 .grad{background:linear-gradient(90deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .lead{font-size:17px;color:var(--dim);max-width:720px;line-height:1.85;margin-bottom:48px;border-left:2px solid var(--cyan);padding-left:18px;} .section-title{font-family:'Syne',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:700;margin:56px 0 24px;} .section-title span{color:var(--cyan);} .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--border);} .card{background:var(--bg);padding:28px 24px;text-decoration:none;display:block;transition:background .2s;min-height:200px;} .card:hover{background:rgba(0,245,255,0.04);} .card-tag{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--purple);text-transform:uppercase;margin-bottom:12px;} .card-tag.meta{color:var(--cyan);} .card h2{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;color:var(--white);line-height:1.35;margin-bottom:12px;} .card p{font-size:14px;color:rgba(232,244,255,0.72);line-height:1.7;margin-bottom:16px;} .card-meta{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1px;color:rgba(232,244,255,0.45);} .archive-box{background:linear-gradient(135deg,rgba(0,245,255,0.06),rgba(123,47,255,0.08));border:1px solid var(--border);padding:40px 36px;margin-top:48px;text-align:center;} .archive-box h2{font-family:'Syne',sans-serif;font-size:clamp(22px,3vw,34px);font-weight:800;margin-bottom:14px;} .archive-box p{color:var(--dim);margin-bottom:24px;max-width:560px;margin-left:auto;margin-right:auto;} .btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--cyan),var(--purple));color:var(--bg);padding:14px 28px;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;} .btn-outline{display:inline-flex;margin-left:12px;border:1px solid var(--cyan);color:var(--cyan);padding:14px 28px;text-decoration:none;font-weight:600;font-size:12px;letter-spacing:2px;text-transform:uppercase;} .btn-outline:hover{background:rgba(0,245,255,0.08);} footer{padding:40px 48px;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;position:relative;z-index:1;} footer a{color:var(--dim);text-decoration:none;font-size:13px;} footer a:hover{color:var(--cyan);} .fcp{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,0.22);} @media(max-width:768px){ nav{padding:16px 20px;} .nav-links{display:none;} .wrap{padding:100px 20px 60px;} footer{padding:28px 20px;} .btn-outline{margin-left:0;margin-top:12px;display:block;text-align:center;} } .new-guides .card h3{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;color:var(--white);line-height:1.35;margin-bottom:12px;} .new-guides .card-meta{color:rgba(232,244,255,.75);} .card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));} a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;} @media(max-width:420px){.nav-logo{font-size:16px;letter-spacing:1px;}.nav-cta{padding:8px 10px;font-size:10px;letter-spacing:1px;}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.ndot{animation:none;}} #ticari-rehberler,#ticari-rehberler h3{scroll-margin-top:100px}#ticari-rehberler h4{font-family:'Syne',sans-serif;font-size:18px;color:var(--white);line-height:1.4;margin-bottom:12px}#ticari-rehberler .growth-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}#ticari-rehberler .growth-jumps a{color:var(--cyan);border:1px solid var(--border);padding:9px 16px;text-decoration:none;font-size:14px;border-radius:8px}#ticari-rehberler .card-meta{color:rgba(232,244,255,.76)}#ticari-rehberler .growth-archive{padding:22px;border:1px solid var(--border);margin-top:28px}#ticari-rehberler summary{cursor:pointer;color:var(--cyan)}#ticari-rehberler .growth-archive ul{padding:16px 0 0 20px}#ticari-rehberler .growth-archive a{color:var(--white);font-size:14px}#ticari-rehberler .growth-archive li{margin:8px 0} #yazilim,#rakamlara,#fiyatlar,#surec,#sss,#neden,#referanslar,#hizmetler,#blog,#iletisim, .perf-hubs,.archive-box,footer{ content-visibility:auto; contain-intrinsic-size:auto 900px; } .perf-hubs{margin:48px 0 16px;padding:32px;border:1px solid var(--border);background:rgba(0,245,255,.025)} .perf-hubs h2{font-family:'Syne',sans-serif;font-size:clamp(22px,3vw,34px);margin-bottom:12px} .perf-hubs p{color:var(--dim);margin-bottom:22px;max-width:760px} .perf-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--border)} .perf-hub{display:block;background:var(--bg);padding:18px 16px;color:var(--white);text-decoration:none;line-height:1.45} .perf-hub:hover{background:rgba(0,245,255,.05);color:var(--cyan)} @media(max-width:768px){.perf-hubs{padding:24px 18px}.perf-hub-grid{grid-template-columns:1fr}}