/* Koyu tema: tüm sayfalar (body.dk). Ana sayfa sahneleri ayrıca home.css'te. */
body.dk { background: #000; color: #f5f5f7; }
.dk a { color: #b9b4ff; }
.dk .btn-call, .dk .btn-primary { color: #fff; }
.dk .btn-wa { color: #06351c; }
.dk .btn-white { color: #12132a; }
.dk .btn-ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .28); }
.dk .btn-ghost:hover { border-color: #b9b4ff; }
.dk .btn-primary { background: linear-gradient(100deg, #7b45c9, #4a3fa8); box-shadow: 0 10px 30px rgba(123, 69, 201, .35); }
.dk .eyebrow { color: #a99cff; }
.dk .lead, .dk .muted, .dk .note { color: #a1a1b5; }
.dk h1, .dk h2, .dk h3 { color: #f5f5f7; }

/* başlık + menü */
.dk .topbar { background: #000; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.dk .hdr { background: rgba(6, 6, 12, .72); border-bottom-color: rgba(255, 255, 255, .08); }
.dk .nav a { color: #e9e9f2; }
.dk .nav a:hover, .dk .nav a[aria-current] { background: rgba(255, 255, 255, .08); color: #fff; }
.dk .logo img { filter: brightness(1.35) drop-shadow(0 0 14px rgba(30, 160, 220, .35)); }
.dk .mnav summary { border-color: rgba(255, 255, 255, .2); color: #fff; }
.dk .mnav-panel { background: #08080e; border-bottom-color: rgba(255, 255, 255, .1); }
.dk .mnav-panel a { color: #f5f5f7; border-bottom-color: rgba(255, 255, 255, .08); }
.dk .mnav-panel a.sub { color: #c9c9d6; }
.dk .drop { background: #111118; border-color: rgba(255, 255, 255, .1); }
.dk .drop a { color: #e9e9f2; }
.dk .drop .ic { background: rgba(255, 255, 255, .06); color: #b9b4ff; }
.dk .drop small { color: #8b8ba0; }
.dk .bc { background: #000; color: #6e6e82; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.dk .bc a { color: #a1a1b5; }

/* iç sayfa kahraman alanı: parlayan arka plan + imleç ışığı + büyük başlık */
.dk .page-hero { position: relative; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, .06); padding: 90px 0 80px;
  background: radial-gradient(700px 420px at var(--mx, 80%) var(--my, 0%), rgba(120, 90, 255, .26), transparent 60%), radial-gradient(800px 500px at 0% 100%, rgba(216, 65, 143, .16), transparent 60%), radial-gradient(700px 500px at 100% 100%, rgba(30, 160, 220, .14), transparent 60%), #000; }
.dk .page-hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(ellipse at 50% 30%, #000 20%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 20%, transparent 75%); }
.dk .page-hero .wrap { position: relative; opacity: calc(1 - var(--hp, 0) * 1.1); transform: translateY(calc(var(--hp, 0) * 70px)) scale(calc(1 - var(--hp, 0) * .04)); transform-origin: 0 0; }
.dk .page-hero h1 { font-size: clamp(36px, 6vw, 84px); line-height: 1; letter-spacing: -.045em; max-width: 1000px; background: linear-gradient(180deg, #fff 30%, #b9b4ff 130%); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .06em; }
.dk .page-hero .lead { font-size: clamp(17px, 1.6vw, 21px); }
.dk .page-hero .hero-b { margin-top: 30px; }

/* bölümler ve kartlar */
.dk .sec { background: #000; }
.dk .sec.alt { background: #07070c; border-top: 1px solid rgba(255, 255, 255, .05); border-bottom: 1px solid rgba(255, 255, 255, .05); }
.dk .sec h2 { font-size: clamp(30px, 4vw, 56px); letter-spacing: -.04em; line-height: 1.05; }
.dk .card { background: #0e0e15; border-color: rgba(255, 255, 255, .08); box-shadow: none; }
.dk .svc { color: #f5f5f7; transition: transform .25s, border-color .25s, background .25s; }
.dk .svc:hover { border-color: rgba(169, 156, 255, .5); background: #12121b; box-shadow: 0 20px 60px rgba(123, 69, 201, .18); }
.dk .svc > .ic { background: linear-gradient(135deg, #ff5fae, #9a6bff 50%, #36c2ff); color: #fff; }
.dk .svc p { color: #a1a1b5; }
.dk .svc .more { color: #b9b4ff; }
.dk .trust li { background: #0e0e15; border-color: rgba(255, 255, 255, .08); }
.dk .trust .ic { background: rgba(154, 107, 255, .15); color: #b9b4ff; }
.dk .trust small { color: #8b8ba0; }
.dk .steps li { background: #0e0e15; border-color: rgba(255, 255, 255, .08); }
.dk .steps span { color: #a1a1b5; }
.dk .stats span { color: #8b8ba0; }
.dk .ticks li::before { background-color: rgba(54, 220, 140, .14); }
.dk .prose p, .dk .prose li { color: #b4b4c6; }
.dk .prose strong, .dk .prose b { color: #f5f5f7; }
.dk .prose th, .dk .prose td { border-color: rgba(255, 255, 255, .12); }
.dk .prose th { background: #0e0e15; }
.dk .post-meta { color: #6e6e82; }
.dk .sec .prose h2 { font-size: clamp(22px, 2.4vw, 30px); letter-spacing: -.02em; line-height: 1.2; }
.dk .sec .prose h3 { font-size: 19px; }
.dk .sec .prose h1 { font-size: clamp(32px, 4.6vw, 58px); letter-spacing: -.04em; line-height: 1.04; }
.dk .pill { background: rgba(54, 220, 140, .12); color: #7ef0b0; }

/* referans, ürün, yorum */
.dk .ref .vis { background: linear-gradient(135deg, #15151f, #1b1222); border-bottom-color: rgba(255, 255, 255, .06); }
.dk .ref .vis img.m { border-color: #000; }
.dk .ref .vis .ph { color: #c9c3ff; }
.dk .ref p, .dk .ref .meta { color: #a1a1b5; }
.dk .ref .go { color: #b9b4ff; }
.dk .ref { transition: transform .3s, border-color .3s; }
.dk .ref:hover { transform: translateY(-4px); border-color: rgba(169, 156, 255, .45); }
.dk .ref:hover .vis img.d { transform: scale(1.03); }
.dk .ref .vis img.d { transition: transform .6s; }
.dk .tag { background: #15151e; border-color: rgba(255, 255, 255, .1); color: #c9c9d6; }
.dk .filters button { background: transparent; border-color: rgba(255, 255, 255, .18); color: #c9c9d6; }
.dk .filters button[aria-pressed="true"] { background: #fff; color: #000; border-color: #fff; }
.dk .logos { color: #5a5a70; }
.dk .prod { background: #0b0b12; border-color: rgba(255, 255, 255, .08); box-shadow: none; }
.dk .prod img { border-color: rgba(255, 255, 255, .08); box-shadow: 0 30px 80px rgba(54, 194, 255, .12); }
.dk .quote blockquote { color: #c9c9d6; }
.dk .quote cite small { color: #8b8ba0; }

/* SSS, bant, geri arama, form */
.dk .faq details { background: #0e0e15; border-color: rgba(255, 255, 255, .08); }
.dk .faq details[open] { border-color: rgba(169, 156, 255, .4); }
.dk .faq details > div { color: #a1a1b5; }
.dk .faq summary::after { color: #b9b4ff; }
.dk .band { background: radial-gradient(800px 400px at 20% 0%, rgba(255, 95, 174, .35), transparent 60%), radial-gradient(800px 400px at 90% 100%, rgba(54, 194, 255, .35), transparent 60%), #0b0716; border-top: 1px solid rgba(255, 255, 255, .06); border-bottom: 1px solid rgba(255, 255, 255, .06); }
.dk .band h2 { font-size: clamp(30px, 4vw, 54px); letter-spacing: -.04em; }
.dk .cb { background: linear-gradient(180deg, #000, #0b0b12); }
.dk .cb h2 { font-size: clamp(32px, 4.4vw, 60px); letter-spacing: -.04em; }
.dk .channels a { background: #0e0e15; border-color: rgba(255, 255, 255, .08); color: #f5f5f7; }
.dk .channels a:hover { border-color: rgba(169, 156, 255, .5); }
.dk .channels small { color: #8b8ba0; }
.dk .form label { color: #e9e9f2; }
.dk .form input, .dk .form select, .dk .form textarea { background: #15151e; border-color: rgba(255, 255, 255, .12); color: #fff; }
.dk .form input::placeholder, .dk .form textarea::placeholder { color: #6e6e82; }
.dk .form input:focus, .dk .form select:focus, .dk .form textarea:focus { border-color: #9a6bff; box-shadow: 0 0 0 4px rgba(154, 107, 255, .18); }
.dk .form .kv { color: #a1a1b5; }
.dk .form-msg.ok { background: rgba(54, 220, 140, .12); color: #7ef0b0; }
.dk .form-msg.err { background: rgba(255, 179, 71, .12); color: #ffd29a; }
.dk .map { filter: invert(.9) hue-rotate(180deg) saturate(.6) brightness(.95); border: 1px solid rgba(255, 255, 255, .08); }

/* alt bilgi + sabit çubuk */
.dk .ftr { background: #000; border-top: 1px solid rgba(255, 255, 255, .08); }
.dk .ftr a { color: #e9eaf5; }
.dk .mbar { background: #0b0b12; border-top-color: rgba(255, 255, 255, .1); }
.dk .skip { background: #7b45c9; }