/* ============================================================
   SCHUMANN LIVE — NEON STUDIO v7
   referans: copypromt.com dili — simsiyah tuval, elektrik lime,
   mor ikaz, frosted glass nav, grain, glow, outline tipografi
   ============================================================ */

:root{
  --bg:     #0A0B0E;
  --bg-2:   #0E1014;
  --bg-3:   #0B0D12;
  --card:   #12141A;
  --card-2: #171A21;
  --ink:    #F4F5F7;
  --ink-2:  #9BA3B0;
  --ink-3:  #6E7683;
  --lime:   #CDFB47;
  --lime-2: #B8EF2E;
  --lime-ink:#0C0F04;
  --violet: #8B7CFF;
  --cyan:   #7DD3FC;
  --coral:  #FF5F57;
  --line:   rgba(244,245,247,.09);
  --line-2: rgba(244,245,247,.18);
  --lime-05:rgba(205,251,71,.07);
  --lime-12:rgba(205,251,71,.14);
  --violet-05:rgba(139,124,255,.08);
  --violet-12:rgba(139,124,255,.16);
  /* uzantılar: eski token adları korunuyor (JS uyumu) */
  --aqua:   var(--cyan);
  --grot:  "Space Grotesk","Inter",-apple-system,"Segoe UI",sans-serif;
  --sans:  "Inter",-apple-system,"Segoe UI",sans-serif;
  --serif: var(--sans);
  --mono:  "JetBrains Mono",ui-monospace,Menlo,monospace;
  --gut:   clamp(20px,4vw,48px);
  --r:     16px;
  --ease:  cubic-bezier(.22,.61,.2,1);
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; overflow-x:clip; }
body{
  background:var(--bg); color:var(--ink);
  font:400 16px/1.65 var(--sans);
  overflow-x:clip;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{ background:var(--lime); color:var(--lime-ink); }
a{ color:inherit; text-decoration:none; }
:focus-visible{ outline:2px solid var(--lime); outline-offset:3px; border-radius:4px; }
img{ max-width:100%; display:block; }
ul,ol{ list-style:none; }
b,strong{ font-weight:600; }
em{ font-style:italic; }
h1,h2,h3,h4{ font-family:var(--grot); font-weight:700; letter-spacing:-.02em; line-height:1.08; }

::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--bg); }
::-webkit-scrollbar-thumb{ background:#23262E; border-radius:99px; border:2px solid var(--bg); }
::-webkit-scrollbar-thumb:hover{ background:#2E323C; }

.container{ max-width:min(1280px,94vw); margin-inline:auto; padding-inline:var(--gut); }
.container-wide{ max-width:min(1680px,96vw); margin-inline:auto; padding-inline:var(--gut); }
.section{ padding-block:clamp(64px,10vh,110px); }

/* gradyan kenarlık (mask hilesi) — copypromt imzası */
.gx{ position:relative; }
.gx::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px;
  background:linear-gradient(135deg,rgba(205,251,71,.35),rgba(244,245,247,.08) 38%,rgba(244,245,247,.06) 60%,rgba(139,124,255,.3));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none;
}

/* film greni */
body::after{
  content:""; position:fixed; inset:0; z-index:9990; pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  opacity:.05; mix-blend-mode:overlay;
}
@keyframes grain{ 0%,100%{transform:translate(0,0)} 12%{transform:translate(-3%,2%)} 25%{transform:translate(2%,-4%)} 37%{transform:translate(-4%,-2%)} 50%{transform:translate(3%,4%)} 62%{transform:translate(-2%,3%)} 75%{transform:translate(4%,-3%)} 87%{transform:translate(-3%,-4%)} }

/* ---------- reveal sistemi ---------- */
[data-reveal]{ opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease),transform .7s var(--ease); }
[data-reveal].vis{ opacity:1; transform:none; }
[data-w]{ opacity:0; transform:translateY(18px); transition:opacity .65s var(--ease),transform .65s var(--ease); }
body.loaded [data-w]{ opacity:1; transform:none; }
body.loaded [data-w]:nth-child(2){ transition-delay:.08s; }
.hero-copy [data-w]:nth-child(2){ transition-delay:.06s; }
.hero-copy [data-w]:nth-child(3){ transition-delay:.12s; }
.hero-copy [data-w]:nth-child(4){ transition-delay:.18s; }
.hero-copy [data-w]:nth-child(5){ transition-delay:.24s; }
.hero-copy [data-w]:nth-child(6){ transition-delay:.3s; }

/* ---------- preloader ---------- */
.loader{
  position:fixed; inset:0; z-index:10000; background:var(--bg);
  display:grid; place-items:center;
  transition:opacity .6s var(--ease),visibility .6s;
}
.loader.done{ opacity:0; visibility:hidden; }
.loader-in{ text-align:center; }
.loader-freq{
  font:700 clamp(3rem,9vw,6.5rem)/1 var(--grot);
  font-variant-numeric:tabular-nums; letter-spacing:-.03em;
  display:flex; align-items:baseline; justify-content:center; gap:14px;
}
.loader-freq b{ color:var(--lime); font-weight:700; text-shadow:0 0 34px rgba(205,251,71,.45); }
.loader-freq span{ font:500 1.1rem/1 var(--mono); color:var(--ink-3); }
.loader-bar{ width:min(320px,60vw); height:2px; background:var(--line); margin:34px auto 18px; overflow:hidden; position:relative; border-radius:99px; }
.loader-bar i{ position:absolute; inset:0; background:var(--lime); transform:scaleX(0); transform-origin:left; box-shadow:0 0 18px rgba(205,251,71,.6); }
.loader-tag{ font:500 10.5px/1.6 var(--mono); letter-spacing:.22em; text-transform:uppercase; color:var(--ink-3); }

/* ---------- imleç ---------- */
.cur-dot,.cur-ring{ position:fixed; top:0; left:0; z-index:9999; pointer-events:none; border-radius:50%; opacity:0; }
.cur-dot{ width:7px; height:7px; background:var(--lime); box-shadow:0 0 10px rgba(205,251,71,.8); }
.cur-ring{ width:36px; height:36px; border:1px solid var(--lime-12); transition:width .3s var(--ease),height .3s var(--ease),border-color .3s; }
.cur-ring.hot{ width:58px; height:58px; border-color:rgba(205,251,71,.55); }
@media (pointer:fine){ body.has-cursor,body.has-cursor a,body.has-cursor button,body.has-cursor summary{ cursor:none; } }

/* ilerleme çubuğu */
.progress{ position:fixed; top:0; left:0; height:2px; width:100%; z-index:9980; background:linear-gradient(90deg,var(--lime),var(--violet)); transform-origin:left; transform:scaleX(0); }

/* ---------- DUYURU BANDI (announcement) ---------- */
.topbar{
  background:var(--lime); color:var(--lime-ink);
  font:600 12.5px/1 var(--mono); letter-spacing:.02em;
  text-align:center; padding:9px 16px; position:relative; z-index:1001;
}
.topbar a{ display:inline-flex; align-items:center; gap:8px; color:inherit; font:inherit; }
.topbar b{ font-weight:700; }
.topbar .lc-dot{ background:var(--lime-ink); animation:dotpulse 1.6s infinite; }
.topbar .tb-arr{ font-style:normal; transition:transform .25s var(--ease); display:inline-block; }
.topbar a:hover .tb-arr{ transform:translateX(4px); }
.topbar .tb-only{ display:none; }

/* ---------- ÜST BAR (glass nav) ---------- */
.head{
  position:sticky; top:0; z-index:1000;
  background:rgba(10,11,14,.78);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.head-in{
  max-width:min(1280px,94vw); margin-inline:auto; padding-inline:var(--gut);
  height:70px; display:flex; align-items:center; gap:26px;
}
.brand{ display:flex; align-items:center; gap:11px; margin-right:auto; flex-shrink:0; }
.brand-mark{
  width:34px; height:34px; border-radius:10px; background:var(--lime); color:var(--lime-ink);
  display:grid; place-items:center; position:relative;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
  box-shadow:0 4px 18px -4px rgba(205,251,71,.45);
}
.brand-mark svg{ width:22px; height:auto; }
.brand-mark::after{
  content:""; position:absolute; right:4px; bottom:4px; width:6px; height:6px;
  border-radius:50%; background:var(--violet);
}
.brand:hover .brand-mark{ transform:rotate(-8deg) scale(1.04); box-shadow:0 6px 24px -4px rgba(205,251,71,.6); }
.brand-text{ font:700 19px/1 var(--grot); letter-spacing:-.02em; }
.brand-text em{ color:var(--lime); font-style:normal; }

.nav{ display:flex; align-items:center; gap:2px; }
.nav a{
  font:500 14.5px/1 var(--sans); color:var(--ink-2);
  padding:9px 13px; border-radius:9px; display:inline-flex; align-items:baseline; gap:7px;
  transition:color .2s,background .2s;
}
.nav a i{ font:500 10px/1 var(--mono); color:var(--ink-3); font-style:normal; transition:color .2s; }
.nav a:hover{ color:var(--ink); background:rgba(244,245,247,.06); }
.nav a:hover i{ color:var(--lime); }
.nav a.active{ color:var(--ink); }
.nav a.active i{ color:var(--lime); }

.head-right{ display:flex; align-items:center; gap:14px; flex-shrink:0; }
.head-wave{ display:inline-flex; align-items:center; gap:7px; }
.head-wave canvas{ display:block; opacity:.9; }
.hw-rec{
  width:6px; height:6px; border-radius:50%; background:var(--coral);
  box-shadow:0 0 8px rgba(255,95,87,.8); animation:blink 1.4s infinite;
}
@keyframes blink{ 0%,100%{opacity:1} 50%{opacity:.25} }

.lang-wrap{ position:relative; }
.lang-btn{
  display:inline-flex; align-items:center; gap:7px;
  font:500 13px/1 var(--sans); color:var(--ink-2);
  background:rgba(244,245,247,.03); border:1px solid var(--line-2);
  border-radius:9px; padding:8px 12px;
  transition:color .2s,border-color .2s,background .2s;
}
.lang-btn svg{ opacity:.7; }
.lang-btn:hover{ color:var(--ink); border-color:rgba(205,251,71,.4); background:var(--lime-05); }
.lang-menu{
  position:absolute; top:calc(100% + 10px); right:0; z-index:60;
  min-width:230px; padding:8px;
  background:linear-gradient(180deg,#12151C,#0D0F14);
  border:1px solid var(--line); border-radius:14px;
  box-shadow:0 40px 110px -20px rgba(0,0,0,.75);
  opacity:0; visibility:hidden; transform:translateY(-8px) scale(.98);
  transform-origin:top right;
  transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s;
}
.lang-wrap.open .lang-menu{ opacity:1; visibility:visible; transform:none; }
.lang-menu a{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  font:400 13.5px/1 var(--sans); color:var(--ink-2);
  padding:9px 11px; border-radius:9px;
  transition:color .15s,background .15s;
}
.lang-menu a i{ font:500 10.5px/1 var(--mono); color:var(--ink-3); font-style:normal; letter-spacing:.08em; }
.lang-menu a:hover{ color:var(--ink); background:rgba(244,245,247,.06); }
.lang-menu a.active{ color:var(--lime); background:var(--lime-05); }
.lang-menu a.active i{ color:var(--lime); }

.head-cta{
  display:inline-flex; align-items:center; gap:8px;
  font:600 13.5px/1 var(--sans); letter-spacing:-.01em;
  background:var(--lime); color:var(--lime-ink);
  border-radius:10px; padding:10px 17px;
  transition:all .2s var(--ease);
}
.head-cta i{ font-style:normal; font-size:11px; }
.head-cta:hover{ background:var(--lime-2); transform:translateY(-1px); box-shadow:0 0 0 1px var(--lime),0 8px 32px -6px rgba(205,251,71,.45); }

.burger{ display:none; width:42px; height:42px; border:1px solid var(--line-2); border-radius:10px; background:rgba(244,245,247,.03); position:relative; }
.burger span{ position:absolute; left:12px; right:12px; height:2px; background:var(--ink); border-radius:2px; transition:all .3s var(--ease); top:16px; }
.burger span:last-child{ top:24px; }
.burger.open span:first-child{ top:20px; transform:rotate(45deg); }
.burger.open span:last-child{ top:20px; transform:rotate(-45deg); }

/* mikro ray (scroll'da beliren ince şerit) */
.head-micro{
  display:flex; align-items:center; justify-content:center; gap:26px;
  font:500 11px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-3); height:0; overflow:hidden;
  border-top:1px solid transparent;
  transition:height .35s var(--ease);
}
.head-micro b{ color:var(--lime); font-weight:600; font-variant-numeric:tabular-nums; }
.head-micro .hm-cell{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.head-micro .hm-cell:nth-child(3){ color:var(--cyan); }
.head.micro-on .head-micro{ height:38px; border-top-color:var(--line); }

/* ---------- MOBİL MENÜ ---------- */
.mnav{
  position:fixed; inset:0; z-index:999; background:rgba(10,11,14,.97);
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transition:opacity .35s var(--ease),visibility .35s;
}
.mnav.open{ opacity:1; visibility:visible; }
.mnav-in{ width:min(560px,88vw); max-height:86vh; overflow-y:auto; }
.mnav nav{ display:grid; gap:4px; }
.mnav a.mlink{
  display:flex; align-items:baseline; gap:16px;
  font:700 clamp(26px,6vw,40px)/1.25 var(--grot); letter-spacing:-.02em; color:var(--ink);
  padding:8px 0; opacity:0; transform:translateY(14px);
  transition:opacity .45s var(--ease),transform .45s var(--ease),color .2s;
}
.mnav.open a.mlink{ opacity:1; transform:none; }
.mnav.open a.mlink:nth-child(1){ transition-delay:.05s; }
.mnav.open a.mlink:nth-child(2){ transition-delay:.1s; }
.mnav.open a.mlink:nth-child(3){ transition-delay:.15s; }
.mnav.open a.mlink:nth-child(4){ transition-delay:.2s; }
.mnav.open a.mlink:nth-child(5){ transition-delay:.25s; }
.mnav.open a.mlink:nth-child(6){ transition-delay:.3s; }
.mnav a.mlink i{ font:500 12px/1 var(--mono); color:var(--lime); font-style:normal; }
.mnav a.mlink:hover{ color:var(--lime); }
.mnav-langs{
  margin-top:34px; padding-top:26px; border-top:1px solid var(--line);
  display:grid; grid-template-columns:repeat(auto-fill,minmax(64px,1fr)); gap:8px;
}
.mnav-langs a{
  font:500 12px/1 var(--mono); color:var(--ink-2);
  border:1px solid var(--line); border-radius:9px; padding:10px 4px; text-align:center;
  transition:color .2s,border-color .2s,background .2s;
}
.mnav-langs a:hover{ color:var(--lime); border-color:rgba(205,251,71,.4); }
.mnav-langs a.active{ color:var(--lime-ink); background:var(--lime); border-color:var(--lime); font-weight:700; }

/* ---------- CANLI MODEL DECK v8 — gözlemevi konsolu ---------- */
.deck{ position:relative; z-index:5; background:var(--bg); padding-block:8px 2px; }
.deck-in{
  position:relative;
  background:
    radial-gradient(130% 100% at 86% -12%, rgba(125,211,252,.08), transparent 52%),
    radial-gradient(110% 140% at 0% 125%, rgba(205,251,71,.09), transparent 55%),
    linear-gradient(180deg,#141821,#0B0D12);
  border-radius:22px;
  display:flex; flex-direction:column;
  padding:0 clamp(16px,2.2vw,30px);
  box-shadow:0 40px 110px -34px rgba(0,0,0,.9), inset 0 1px 0 rgba(244,245,247,.06);
  overflow:hidden;
}
/* gradyan saç teli kenarlık */
.deck-in::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; z-index:4;
  background:linear-gradient(115deg, rgba(205,251,71,.6), rgba(255,255,255,.05) 30%, rgba(125,211,252,.42) 62%, rgba(205,251,71,.3));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none;
}
/* v8: ince teknik ızgara dokusu */
.deck-in::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
  background:
    repeating-linear-gradient(90deg, rgba(244,245,247,.022) 0 1px, transparent 1px 120px),
    radial-gradient(90% 90% at 50% 130%, rgba(205,251,71,.05), transparent 60%);
}
/* v8: dikey tarama ışını */
.dk-scan{
  position:absolute; left:0; right:0; top:-70px; height:70px; z-index:2; pointer-events:none;
  background:linear-gradient(180deg, transparent, rgba(205,251,71,.03) 60%, rgba(205,251,71,.07) 98%, transparent);
  animation:dkScan 8s linear infinite;
}
@keyframes dkScan{ 0%{ top:-70px; } 100%{ top:110%; } }
.deck-in > *{ position:relative; z-index:3; min-width:0; }
/* --- 1. katman: kimlik çubuğu --- */
.dk-bar{
  display:flex; align-items:center; justify-content:space-between; gap:10px 14px;
  flex-wrap:wrap; padding:14px 2px 12px;
  border-bottom:1px solid var(--line);
}
.dk-id{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0; }
.dk-tag{
  display:inline-flex; align-items:center; gap:8px;
  font:600 10.5px/1 var(--mono); letter-spacing:.2em; text-transform:uppercase;
  color:var(--lime); background:var(--lime-05); border:1px solid rgba(205,251,71,.3);
  border-radius:999px; padding:6px 12px;
  box-shadow:0 0 18px -6px rgba(205,251,71,.4);
}
.dk-chip{
  font:500 11px/1 var(--mono); letter-spacing:.1em; color:var(--ink-2);
  border:1px solid var(--line-2); border-radius:999px; padding:6px 11px;
  white-space:nowrap; background:rgba(244,245,247,.02);
}
.dk-chip.dk-sig{ color:var(--cyan); border-color:rgba(125,211,252,.35); background:rgba(125,211,252,.08); }
.dk-clock{ display:grid; gap:4px; justify-items:end; margin-inline-start:auto; }
.dk-utc{ display:inline-flex; align-items:baseline; gap:6px; }
.dk-utc b{ font:600 22px/1 var(--grot); font-variant-numeric:tabular-nums; letter-spacing:.01em; color:var(--ink); }
.dk-utc i{ font:500 10.5px/1 var(--mono); color:var(--ink-3); font-style:normal; letter-spacing:.16em; }
.dk-src{ font:400 10px/1.5 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--ink-3); }
/* --- 2. katman: frekans çekirdeği --- */
.dk-core{
  display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  align-items:center; gap:16px 40px;
  padding:22px 2px; border-bottom:1px solid var(--line);
}
.dk-freq{ display:flex; align-items:center; gap:clamp(16px,2.4vw,30px); min-width:0; flex-wrap:wrap; }
.df-read{ display:flex; align-items:baseline; gap:8px; flex-shrink:0; }
.df-read b{
  font:700 clamp(48px,4.8vw,66px)/1 var(--grot); letter-spacing:-.035em;
  color:var(--ink); font-variant-numeric:tabular-nums;
  text-shadow:0 0 40px rgba(205,251,71,.34);
  animation:dfGlow 3.6s ease-in-out infinite;
}
@keyframes dfGlow{
  0%,100%{ text-shadow:0 0 28px rgba(205,251,71,.28); }
  50%{ text-shadow:0 0 52px rgba(205,251,71,.55); }
}
.df-read b.tk{ color:var(--lime); text-shadow:0 0 44px rgba(205,251,71,.65); }
.df-read span{ font:500 14px/1 var(--mono); color:var(--ink-3); letter-spacing:.12em; }
.df-sparkwrap{ position:relative; flex:1 1 190px; min-width:170px; max-width:360px; padding-top:10px; }
#deck-spark{ display:block; width:100%; height:auto; opacity:.95; }
.df-sparktag{
  position:absolute; top:0; right:0;
  font:500 8px/1 var(--mono); letter-spacing:.18em; text-transform:uppercase; color:var(--ink-3);
}
.df-meta-v{ display:grid; gap:9px; justify-items:end; text-align:right; min-width:0; }
.df-dom{
  display:inline-flex; align-items:center; gap:7px;
  font:600 12px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2);
  border:1px solid var(--line-2); border-radius:999px; padding:8px 13px;
  background:rgba(244,245,247,.02); white-space:nowrap;
}
.df-dom b{ color:var(--lime); font-weight:700; }
.dk-amp{ display:grid; gap:7px; justify-items:end; width:min(260px,100%); }
.dk-amp-bar{ display:block; width:100%; height:4px; border-radius:99px; background:var(--line); overflow:hidden; }
.dk-amp-bar i{
  display:block; height:100%; width:22%; border-radius:99px;
  background:linear-gradient(90deg,var(--cyan),var(--lime));
  box-shadow:0 0 12px rgba(205,251,71,.45);
  transition:width .7s var(--ease);
}
.dk-meta em{ font:400 11px/1.4 var(--mono); font-style:normal; color:var(--ink-3); letter-spacing:.04em; white-space:nowrap; }
/* --- 3. katman: I–V mod rayı --- */
.dk-modes{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px;
  padding:16px 2px 17px;
}
.dmode{
  position:relative; display:grid; gap:7px; align-content:start; justify-items:start; text-align:left;
  background:linear-gradient(180deg,rgba(244,245,247,.045),rgba(244,245,247,.015));
  border:1px solid var(--line);
  border-radius:13px; padding:12px 13px 11px; min-width:0;
  transition:border-color .25s,background .25s,transform .25s var(--ease),box-shadow .25s;
}
.dmode:hover{ border-color:rgba(205,251,71,.5); background:var(--lime-05); transform:translateY(-3px); box-shadow:0 14px 36px -14px rgba(205,251,71,.3); }
.dmode.on{
  border-color:var(--lime); background:linear-gradient(180deg,var(--lime-12),var(--lime-05));
  box-shadow:0 0 0 1px rgba(205,251,71,.4),0 10px 34px -10px rgba(205,251,71,.4), inset 0 1px 0 rgba(205,251,71,.25);
}
.dmode.pin{ border-color:var(--violet); box-shadow:0 0 0 1px rgba(139,124,255,.45); }
.dm-top{ display:flex; align-items:center; justify-content:space-between; width:100%; }
.dm-num{ font:600 10px/1 var(--mono); letter-spacing:.2em; color:var(--ink-3); font-style:normal; }
.dmode.on .dm-num{ color:var(--lime); }
.dmode.pin .dm-num{ color:var(--violet); }
.dm-live{
  width:5px; height:5px; border-radius:50%; background:var(--lime); flex-shrink:0;
  opacity:0; transform:scale(.5); transition:opacity .3s,transform .3s;
}
.dmode.on .dm-live{ opacity:1; transform:none; animation:dmPulse 1.6s ease-in-out infinite; }
@keyframes dmPulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(205,251,71,.5); }
  50%{ box-shadow:0 0 0 5px rgba(205,251,71,0); }
}
.dm-hz{ font:700 20px/1 var(--grot); letter-spacing:-.02em; color:var(--ink); font-variant-numeric:tabular-nums; white-space:nowrap; }
.dm-hz em{ font:500 10px/1 var(--mono); color:var(--ink-3); font-style:normal; margin-left:3px; }
.dm-gauge{ display:block; width:100%; height:4px; border-radius:99px; background:var(--line); overflow:hidden; }
.dm-gauge i{ display:block; height:100%; width:var(--w,20%); border-radius:99px; background:linear-gradient(90deg,var(--lime),var(--lime-2)); box-shadow:0 0 10px rgba(205,251,71,.55); transition:width .5s var(--ease); }
.dmode.on .dm-gauge i{ background:var(--lime); }
.dmode.pin .dm-gauge i{ background:var(--violet); box-shadow:0 0 10px rgba(139,124,255,.6); }
.dm-lbl{
  font:400 10px/1.3 var(--mono); letter-spacing:.05em; color:var(--ink-3);
  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.dmode.on .dm-lbl{ color:rgba(205,251,71,.8); }
.dm-tip{
  position:absolute; left:0; top:calc(100% + 8px); z-index:40;
  font:400 11px/1.5 var(--mono); color:var(--ink-2);
  background:#12151C; border:1px solid var(--line-2); border-radius:10px;
  padding:8px 11px; width:max-content; max-width:230px;
  box-shadow:0 18px 50px -12px rgba(0,0,0,.8);
  opacity:0; visibility:hidden; transform:translateY(-4px);
  transition:opacity .2s,transform .2s,visibility .2s; pointer-events:none;
}
.dmode:hover .dm-tip{ opacity:1; visibility:visible; transform:none; }
/* v8: mobilde aktif mod altyazısı (hücre etiketlerinin yerini alır) */
.dk-modecap{
  display:none; padding:0 2px 13px; margin-top:-4px;
  font:500 11px/1.5 var(--mono); letter-spacing:.04em; color:var(--ink-2);
}
.dk-modecap b{ color:var(--lime); font-weight:600; }

/* ---------- CANLI İSTASYON HARİTASI v7.2 ---------- */
.worldmap{
  position:relative; width:100%; aspect-ratio:16/8.4;
  background:linear-gradient(180deg,#101319,#0B0D12);
  border:1px solid var(--line); border-radius:16px; overflow:hidden;
  box-shadow:inset 0 0 60px rgba(0,0,0,.5);
}
.wm-graticule{
  position:absolute; inset:0; opacity:.6;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0 1px, transparent 1px 16.66%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 8.33%);
}
.wm-eq{
  position:absolute; left:0; right:0; top:50%; height:1px;
  background:linear-gradient(90deg, transparent, rgba(205,251,71,.35), transparent);
  box-shadow:0 0 12px rgba(205,251,71,.25);
}
.wm-sect{
  position:absolute; width:30%; aspect-ratio:1; border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(205,251,71,.14), rgba(205,251,71,.05) 45%, transparent 70%);
  filter:blur(6px);
  animation:sectPulse 7s ease-in-out infinite;
}
@keyframes sectPulse{
  0%,100%{ opacity:.35; transform:translate(-50%,-50%) scale(.92); }
  50%{ opacity:.9; transform:translate(-50%,-50%) scale(1.06); }
}
.wm-st{
  position:absolute; left:var(--x); top:var(--y);
  transform:translate(-50%,-50%);
  display:grid; gap:2px; justify-items:center; z-index:3;
}
.wm-st.wm-up i{ order:3; }
.wm-st.wm-dn i{ order:0; }
.wm-st i{
  width:7px; height:7px; border-radius:50%; background:var(--ink-3);
  box-shadow:0 0 0 3px rgba(255,255,255,.05);
}
.wm-st b{ font:600 8.5px/1 var(--mono); letter-spacing:.14em; color:var(--ink-2); text-shadow:0 1px 4px rgba(0,0,0,.9); }
.wm-st em{ font:400 8px/1 var(--mono); color:var(--ink-3); font-style:normal; letter-spacing:.06em; }
.wm-st u{
  display:none; text-decoration:none;
  font:700 7.5px/1 var(--mono); letter-spacing:.16em; color:var(--lime-ink);
  background:var(--lime); border-radius:4px; padding:3px 6px; margin-top:2px;
}
.wm-st.wm-live i{ background:var(--lime); box-shadow:0 0 0 0 rgba(205,251,71,.5); animation:wmLive 2.2s ease-out infinite; }
.wm-st.wm-live b{ color:var(--lime); }
.wm-st.wm-live u{ display:inline-block; }
@keyframes wmLive{
  0%{ box-shadow:0 0 0 0 rgba(205,251,71,.55); }
  70%{ box-shadow:0 0 0 12px rgba(205,251,71,0); }
  100%{ box-shadow:0 0 0 0 rgba(205,251,71,0); }
}
.wm-cap{
  position:absolute; left:12px; top:10px; z-index:4;
  display:inline-flex; align-items:center; gap:7px;
  font:600 9.5px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-2); background:rgba(10,11,14,.72); border:1px solid var(--line-2);
  border-radius:999px; padding:6px 11px; backdrop-filter:blur(6px);
}
.wm-hz{
  position:absolute; right:12px; bottom:10px; z-index:4;
  font:500 9px/1 var(--mono); letter-spacing:.18em; color:var(--ink-3);
}

/* canlı nokta */
.lc-dot{
  width:7px; height:7px; border-radius:50%; background:var(--lime);
  display:inline-block; position:relative; flex-shrink:0;
}
.lc-dot::after{
  content:""; position:absolute; inset:-4px; border-radius:50%;
  border:1px solid var(--lime); opacity:.6; animation:ping 1.8s var(--ease) infinite;
}
@keyframes ping{ 0%{transform:scale(.5);opacity:.9} 80%,100%{transform:scale(1.5);opacity:0} }
@keyframes dotpulse{ 0%,100%{opacity:1} 50%{opacity:.3} }

/* ---------- HERO ---------- */
.hero{ position:relative; padding-top:clamp(40px,7vh,76px); overflow:hidden; }
.hero::before{
  content:""; position:absolute; top:-180px; right:-120px; width:640px; height:640px; border-radius:50%;
  background:radial-gradient(closest-side,rgba(139,124,255,.2),transparent 68%);
  filter:blur(20px); pointer-events:none;
}
.hero::after{
  content:""; position:absolute; bottom:-140px; left:-160px; width:560px; height:560px; border-radius:50%;
  background:radial-gradient(closest-side,rgba(205,251,71,.09),transparent 68%);
  filter:blur(20px); pointer-events:none;
}
.cavity{ position:absolute; inset:0; z-index:0; opacity:.85; }
.aurora{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.aurora-2 .au{ opacity:.6; }
.au{ position:absolute; border-radius:50%; filter:blur(70px); }
.au-1{ width:520px; height:520px; left:-8%; top:-14%; background:radial-gradient(circle,rgba(139,124,255,.14),transparent 70%); animation:drift 22s ease-in-out infinite alternate; }
.au-2{ width:460px; height:460px; right:-6%; top:20%; background:radial-gradient(circle,rgba(205,251,71,.07),transparent 70%); animation:drift 26s ease-in-out infinite alternate-reverse; }
.au-3{ width:380px; height:380px; left:30%; bottom:-20%; background:radial-gradient(circle,rgba(125,211,252,.06),transparent 70%); animation:drift 30s ease-in-out infinite alternate; }
@keyframes drift{ from{transform:translate(0,0)} to{transform:translate(60px,40px)} }

.hero-in{
  position:relative; z-index:2;
  display:grid; grid-template-columns:1.04fr .96fr; gap:clamp(30px,4.5vw,60px);
  align-items:center; padding-top:clamp(16px,3vh,36px);
}
.hero-copy{ display:grid; gap:clamp(18px,2.6vh,26px); justify-items:start; }
.chip{
  display:inline-flex; align-items:center; gap:10px;
  font:600 11.5px/1.6 var(--mono); letter-spacing:.18em; text-transform:uppercase;
  color:var(--lime); background:var(--lime-05); border:1px solid rgba(205,251,71,.3);
  border-radius:999px; padding:8px 16px;
}
.chip-dot{ width:7px; height:7px; border-radius:50%; background:var(--lime); position:relative; }
.chip-dot::after{ content:""; position:absolute; inset:-4px; border-radius:50%; border:1px solid var(--lime); animation:ping 1.8s var(--ease) infinite; }
.hero-title{
  font-size:clamp(40px,5.6vw,68px); letter-spacing:-.035em; line-height:1.06;
  color:var(--ink);
}
.hero-title em{ color:var(--lime); font-style:normal; }
.hero-title .wd{ display:inline-block; }
.standfirst{ font-size:17.5px; line-height:1.7; color:var(--ink-2); max-width:620px; }
.standfirst b{ color:var(--ink); }
.hero-answer{
  display:grid; gap:8px; width:100%; max-width:620px;
  background:linear-gradient(180deg,#12151C,#0E1014);
  border:1px solid var(--line); border-radius:var(--r);
  padding:18px 22px;
}
.hero-answer b{
  font:600 10.5px/1 var(--mono); letter-spacing:.22em; text-transform:uppercase;
  color:var(--lime);
}
.hero-answer p{ font-size:14.5px; line-height:1.7; color:var(--ink-2); }
.hero-answer p strong{ color:var(--ink); font-weight:600; }
.hero-cta{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }

.btn{
  position:relative; display:inline-flex; align-items:center; gap:10px; overflow:hidden;
  font:600 15px/1 var(--sans); letter-spacing:-.01em;
  background:var(--lime); color:var(--lime-ink);
  border-radius:12px; padding:14px 26px;
  transition:all .2s var(--ease);
}
.btn i{ font-style:normal; transition:transform .25s var(--ease); }
.btn:hover{ background:var(--lime-2); transform:translateY(-1px); box-shadow:0 0 0 1px var(--lime),0 8px 32px -6px rgba(205,251,71,.45); }
.btn:hover i{ transform:translate(3px,1px); }
.btn-line{
  display:inline-flex; align-items:center; gap:10px;
  font:500 14.5px/1 var(--sans);
  color:var(--ink-2); background:rgba(244,245,247,.03);
  border:1px solid var(--line-2); border-radius:12px; padding:13px 24px;
  transition:all .2s var(--ease);
}
.btn-line:hover{ color:var(--lime); border-color:rgba(205,251,71,.45); background:var(--lime-05); }

.hero-eyebrow{
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  font:500 11px/1.6 var(--mono); letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-3);
}
.hero-eyebrow span{ display:inline-flex; align-items:center; gap:8px; }
.hero-eyebrow span::before{ content:""; width:5px; height:5px; border-radius:1px; background:var(--lime); transform:rotate(45deg); opacity:.8; }

.hero-vis{ position:relative; display:grid; justify-items:center; gap:20px; }
.glass{
  position:relative; width:100%; max-width:560px;
  background:linear-gradient(180deg,#12151C,#0D0F14);
  border-radius:20px; padding:20px 22px 22px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.65);
  display:grid; gap:14px;
}
.glass:hover{ box-shadow:0 30px 90px -20px rgba(205,251,71,.16); }
.glass .corner{ position:absolute; width:14px; height:14px; color:rgba(205,251,71,.5); }
.glass .corner svg{ width:100%; height:100%; }
.c-tl{ top:-1px; left:-1px; } .c-tr{ top:-1px; right:-1px; transform:scaleX(-1); }
.c-br{ bottom:-1px; right:-1px; transform:scale(-1); } .c-bl{ bottom:-1px; left:-1px; transform:scaleY(-1); }
.glass-rail{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-right:88px; }
.g-live{
  display:inline-flex; align-items:center; gap:8px;
  font:600 10.5px/1 var(--mono); letter-spacing:.2em; text-transform:uppercase;
  color:var(--lime);
}
.gr-rec{ display:inline-flex; align-items:center; gap:7px; font:500 10.5px/1 var(--mono); letter-spacing:.14em; color:var(--ink-3); }
.gr-rec i{ width:6px; height:6px; border-radius:50%; background:var(--coral); box-shadow:0 0 8px rgba(255,95,87,.8); animation:blink 1.4s infinite; }
.glass-top{ display:flex; align-items:center; justify-content:space-between; font:500 11.5px/1 var(--mono); letter-spacing:.12em; color:var(--ink-2); padding-right:88px; }
.g-utc b{ color:var(--ink); font-variant-numeric:tabular-nums; }
.g-wave{ display:block; width:100%; height:120px; }
.glass-bot{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.big-freq{ display:flex; align-items:baseline; gap:8px; }
.big-freq b{
  font:700 clamp(52px,5.5vw,72px)/1 var(--grot); letter-spacing:-.04em;
  color:var(--lime); font-variant-numeric:tabular-nums;
  text-shadow:0 0 44px rgba(205,251,71,.4);
}
.bf-unit{ font:500 15px/1 var(--mono); color:var(--ink-3); }
.vis-cap{ font:400 12px/1.65 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); text-align:right; }
.vis-cap span{ color:var(--ink-2); }

/* dönen rozet — copypromt imzası */
.hero-vis::after{
  content:""; position:absolute; top:-38px; right:-28px; width:112px; height:112px; z-index:3;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cdefs%3E%3Cpath id='c' d='M56,56 m-42,0 a42,42 0 1,1 84,0 a42,42 0 1,1 -84,0'/%3E%3C/defs%3E%3Ccircle cx='56' cy='56' r='55' fill='%230E1014'/%3E%3Ccircle cx='56' cy='56' r='55' fill='none' stroke='rgba(205,251,71,.4)' stroke-width='1'/%3E%3Ctext fill='%23CDFB47' font-family='JetBrains Mono,monospace' font-size='9.5' font-weight='600' letter-spacing='2.4'%3E%3CtextPath href='%23c'%3ESCHUMANN ✦ 7.83 HZ ✦ CANLI ✦%3C/textPath%3E%3C/text%3E%3Cpath d='M47 40l16 16-16 16' fill='none' stroke='%23CDFB47' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 8px 24px rgba(205,251,71,.25));
  animation:spinbadge 16s linear infinite;
  pointer-events:none;
}
@keyframes spinbadge{ to{ transform:rotate(360deg); } }

.hero-stats{
  position:relative; z-index:2;
  display:grid; grid-template-columns:repeat(4,1fr);
  border-block:1px solid var(--line);
  margin-top:clamp(40px,7vh,72px);
}
.stat{
  display:grid; gap:6px; padding:clamp(20px,3vh,32px) clamp(14px,2vw,30px);
  border-left:1px solid var(--line); position:relative;
  transition:background .3s;
}
.stat:hover{ background:rgba(244,245,247,.02); }
.stat:first-child{ border-left:0; }
.stat b{
  font:700 clamp(26px,3vw,38px)/1 var(--grot); letter-spacing:-.03em;
  color:var(--ink); font-variant-numeric:tabular-nums;
}
.stat b::after{ content:attr(data-suf); }
.stat i{ font:500 11px/1 var(--mono); color:var(--lime); font-style:normal; letter-spacing:.08em; }
.stat span{ font-size:12.5px; line-height:1.55; color:var(--ink-3); }

.scroll-cue{
  position:relative; z-index:2;
  display:flex; align-items:center; gap:12px; width:max-content;
  margin:clamp(22px,4vh,40px) auto 0; padding-bottom:clamp(20px,3vh,34px);
  font:500 10.5px/1 var(--mono); letter-spacing:.24em; text-transform:uppercase;
  color:var(--ink-3); transition:color .25s;
}
.scroll-cue:hover{ color:var(--lime); }
.scroll-cue span{ width:1px; height:34px; background:linear-gradient(var(--lime),transparent); position:relative; overflow:hidden; }
.scroll-cue span::after{ content:""; position:absolute; inset:0; background:var(--lime); animation:cue 2s var(--ease) infinite; }
@keyframes cue{ 0%{transform:translateY(-100%)} 60%,100%{transform:translateY(100%)} }

/* ---------- BÖLÜM BAŞLIKLARI ---------- */
.sec-head{
  display:flex; align-items:flex-end; gap:clamp(16px,2.4vw,30px);
  margin-bottom:clamp(26px,4vh,44px);
}
.sec-no{
  font:700 clamp(44px,5vw,64px)/0.9 var(--grot);
  color:transparent; -webkit-text-stroke:1.5px rgba(205,251,71,.65);
  letter-spacing:-.02em; flex-shrink:0; user-select:none;
}
.sec-title{ font-size:clamp(27px,4vw,42px); letter-spacing:-.03em; color:var(--ink); }
.sec-sub{ margin-top:9px; font-size:15.5px; line-height:1.65; color:var(--ink-2); max-width:640px; }
.sec-lede{ font-size:16.5px; line-height:1.75; color:var(--ink-2); max-width:760px; margin-bottom:clamp(20px,3vh,30px); }
.sec-link{
  margin-left:auto; flex-shrink:0;
  display:inline-flex; align-items:center; gap:8px;
  font:600 13.5px/1 var(--sans); color:var(--lime);
  border:1px solid rgba(205,251,71,.35); border-radius:999px; padding:10px 18px;
  transition:all .2s var(--ease); white-space:nowrap;
}
.sec-link::after{ content:"→"; transition:transform .25s var(--ease); }
.sec-link:hover{ background:var(--lime); color:var(--lime-ink); box-shadow:0 8px 32px -6px rgba(205,251,71,.45); }
.sec-link:hover::after{ transform:translateX(3px); }

/* ---------- GRAF KONSOLU ---------- */
.graf-console{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  background:linear-gradient(180deg,#12151C,#0E1014);
  border:1px solid var(--line); border-bottom:0;
  border-radius:16px 16px 0 0; padding:12px 18px;
}
.gc-l{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.gc-live{
  display:inline-flex; align-items:center; gap:8px;
  font:600 11px/1 var(--mono); letter-spacing:.2em; text-transform:uppercase; color:var(--lime);
}
.gc-sep{ width:1px; height:14px; background:var(--line-2); }
.gc-cell{ font:500 11px/1 var(--mono); letter-spacing:.12em; color:var(--ink-2); }
.gc-sig{ color:var(--cyan); }
.gc-upd{ color:var(--ink-3); }
.gc-tm{ display:flex; align-items:center; gap:7px; }
.tm-badge{
  font:600 9.5px/1 var(--mono); letter-spacing:.2em; text-transform:uppercase;
  color:var(--lime-ink); background:var(--lime); border-radius:999px; padding:5px 10px;
}
.gc-btn{
  display:inline-grid; place-items:center; width:32px; height:32px;
  background:rgba(244,245,247,.03); border:1px solid var(--line-2); border-radius:9px;
  color:var(--ink-2); font:500 15px/1 var(--sans);
  transition:all .2s var(--ease);
}
.gc-btn:hover{ color:var(--lime); border-color:rgba(205,251,71,.45); background:var(--lime-05); }
.gc-btn:active{ transform:scale(.94); }
.gc-btn svg{ width:14px; height:14px; }
.gc-btn.spin svg{ animation:rot .8s linear infinite; }
@keyframes rot{ to{ transform:rotate(360deg); } }
.gc-btn.tm-nav{ font-size:17px; padding-bottom:2px; }
.tm-nav:disabled{ opacity:.3; pointer-events:none; }
.tm-datewrap{ position:relative; }
.tm-date{
  font:500 12px/1 var(--mono); color:var(--ink); font-variant-numeric:tabular-nums;
  background:rgba(244,245,247,.03); border:1px solid var(--line-2);
  border-radius:9px; padding:9px 13px; min-width:130px; text-align:center;
  transition:border-color .2s;
}
.tm-date:hover{ border-color:rgba(205,251,71,.45); }
.tm-date.is-live{ color:var(--lime); }
.tm-date.is-live b::before{ content:"● "; }
.tm-date.tm-empty{ color:var(--ink-3); }
.tm-datewrap input{ position:absolute; inset:0; opacity:0; cursor:pointer; }
.gc-r{ display:flex; align-items:center; gap:8px; }
.gc-count{ font:600 12.5px/1 var(--mono); color:var(--ink-2); font-variant-numeric:tabular-nums; }
.gc-count b{ color:var(--cyan); font-weight:600; }
.gc-count::before{ content:"⟳ "; color:var(--ink-3); }

/* ---------- SPEKTOGRAM ---------- */
.graf-sec{ padding-block:clamp(64px,10vh,110px) 0; }
.graf-grid{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:22px; align-items:start; }
.spec-fig{ margin:0; }
.spec-frame{
  position:relative; overflow:hidden;
  background:var(--bg-3); border:1px solid var(--line); border-top:0;
  border-radius:0 0 16px 16px;
}
.gpage-main .spec-frame,.graf-sec .spec-frame{ border-top:1px solid var(--line); border-radius:16px; margin-top:0; }
.spec-frame img{ width:100%; height:auto; display:block; transition:transform .6s var(--ease); }
.spec-frame:hover img{ transform:scale(1.012); }
.spec-fig:not([data-state="ok"]) .spec-frame img{ display:none; }
.spec-fig[data-state="fail"] .spec-frame{ min-height:220px; }
.spec-loading,.spec-fail{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:12px;
  font:500 12px/1.6 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3);
  min-height:220px;
}
.spec-fig[data-state="ok"] .spec-loading,.spec-fig[data-state="ok"] .spec-fail,
.spec-fig[data-state="fail"] .spec-loading{ display:none; }
.spec-fig[data-state="fail"] .spec-fail{ display:flex; }
.spin{ width:15px; height:15px; border-radius:50%; border:1.6px solid var(--line-2); border-top-color:var(--lime); animation:rot .8s linear infinite; }
.graf-chip{
  position:absolute; top:14px; left:14px; z-index:5;
  display:inline-flex; align-items:center; gap:8px;
  font:600 10px/1 var(--mono); letter-spacing:.2em; text-transform:uppercase;
  color:var(--lime-ink); background:var(--lime);
  border-radius:999px; padding:7px 12px;
  box-shadow:0 6px 22px -6px rgba(205,251,71,.6);
}
.graf-chip i{ width:6px; height:6px; border-radius:50%; background:var(--lime-ink); animation:dotpulse 1.4s infinite; }
.spec-zoom-hint{
  position:absolute; top:14px; right:14px; z-index:5;
  font:500 10px/1 var(--mono); letter-spacing:.16em; color:var(--ink-3);
  background:rgba(10,11,14,.75); border:1px solid var(--line);
  border-radius:999px; padding:7px 11px;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.spec-zoomhint{
  position:absolute; bottom:14px; right:14px; z-index:5;
  font:500 10.5px/1 var(--mono); letter-spacing:.1em; color:var(--ink-2);
  background:rgba(10,11,14,.75); border:1px solid var(--line-2);
  border-radius:9px; padding:8px 12px; opacity:0;
  transition:opacity .25s;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.spec-fig:hover .spec-zoomhint{ opacity:1; }
.spec-fig figcaption{
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  padding:13px 4px 0; font-size:12.5px; line-height:1.6; color:var(--ink-3);
}
.fig-tag{ font:600 9.5px/1 var(--mono); letter-spacing:.22em; text-transform:uppercase; color:var(--lime); }
.spec-fig figcaption b{ color:var(--ink-2); font-weight:500; }

/* hover popup reklam */
.spec-pop{
  position:absolute; left:50%; bottom:18px; z-index:30; width:min(340px,86%);
  transform:translate(-50%,14px);
  background:linear-gradient(180deg,#12151C,#0D0F14);
  border:1px solid var(--line-2); border-radius:14px;
  padding:12px 14px 10px; text-align:center;
  box-shadow:0 30px 90px -18px rgba(0,0,0,.85),0 0 0 1px rgba(205,251,71,.12);
  opacity:0; visibility:hidden;
  transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s;
}
.spec-pop.on{ opacity:1; visibility:visible; transform:translate(-50%,0); }
.spec-pop .adsbygoogle{ min-height:100px; }
.sp-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.sp-tag{
  font:600 8.5px/1 var(--mono); letter-spacing:.26em; text-transform:uppercase;
  color:var(--lime); border:1px solid rgba(205,251,71,.35);
  border-radius:999px; padding:4px 9px;
}
.sp-close{
  width:24px; height:24px; display:grid; place-items:center;
  background:rgba(244,245,247,.05); border:1px solid var(--line-2); border-radius:7px;
  color:var(--ink-2); font-size:14px; line-height:1;
  transition:color .2s,border-color .2s;
}
.sp-close:hover{ color:var(--ink); border-color:var(--line-2); background:rgba(244,245,247,.1); }
.sp-note{ margin-top:7px; font:400 10px/1.6 var(--mono); letter-spacing:.06em; color:var(--ink-3); }

/* yan sütun */
.graf-side{ display:grid; gap:16px; align-content:start; }
.g-tile{
  background:var(--card); border:1px solid var(--line); border-radius:var(--r);
  padding:20px 22px;
  transition:border-color .25s,transform .25s var(--ease),box-shadow .25s;
}
.g-tile:hover{ border-color:rgba(205,251,71,.4); transform:translateY(-3px); box-shadow:0 22px 60px -24px rgba(205,251,71,.16); }
.g-tile h3{ font-size:16px; letter-spacing:-.01em; margin-bottom:14px; }
.g-tile ul li{
  display:flex; align-items:baseline; gap:10px;
  font-size:13.5px; line-height:1.6; color:var(--ink-2);
  padding:9px 0; border-top:1px solid var(--line);
}
.g-tile ul li:first-child{ border-top:0; padding-top:0; }
.g-tile ul li b{ color:var(--lime); font:600 12.5px/1.5 var(--mono); flex-shrink:0; }
.g-status{
  display:flex; align-items:center; gap:12px;
  font:500 11px/1.6 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2);
}
.g-note{ font-size:13px; line-height:1.75; color:var(--ink-3); padding:0 4px; }

/* ---------- PAYLAŞIM ÇUBUĞU ---------- */
.share-bar{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  margin-top:18px; padding:14px 18px;
  background:var(--card); border:1px solid var(--line); border-radius:var(--r);
}
.share-h{ font:600 10.5px/1 var(--mono); letter-spacing:.22em; text-transform:uppercase; color:var(--ink-3); margin-right:auto; }
.share-btns{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sh-btn{
  display:inline-flex; align-items:center; gap:8px;
  font:500 12.5px/1 var(--sans); color:var(--ink-2);
  background:rgba(244,245,247,.03); border:1px solid var(--line-2);
  border-radius:999px; padding:9px 14px;
  transition:all .2s var(--ease);
}
.sh-btn svg{ flex-shrink:0; }
.sh-btn:hover{ color:var(--ink); border-color:rgba(205,251,71,.5); background:var(--lime-05); transform:translateY(-1px); }
.sh-btn:active{ transform:scale(.96); }
.sh-btn.ok{ color:var(--lime); border-color:rgba(205,251,71,.55); }
.sh-x:hover{ background:var(--lime); color:var(--lime-ink); border-color:var(--lime); }
.sh-native{ display:none; }
@media (pointer:coarse){ .sh-native{ display:inline-flex; } }

/* ---------- REKLAM KONTEYNERLERİ v8 — premium ---------- */
.ad-slot,.ad-inline,.ad-mx{
  position:relative; margin-top:clamp(40px,6vh,64px);
  border:1px solid var(--line); border-radius:20px;
  padding:30px clamp(14px,2vw,26px) 22px;
  background:linear-gradient(180deg,rgba(23,26,33,.55),rgba(14,16,20,.28));
  overflow:hidden;
}
.ad-slot::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; z-index:1;
  background:linear-gradient(135deg,rgba(125,211,252,.28),rgba(244,245,247,.05) 40%,rgba(205,251,71,.16));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none;
}
.ad-tag{
  position:absolute; top:-10px; left:20px; z-index:2;
  font:500 8.5px/1 var(--mono); letter-spacing:.26em; text-transform:uppercase;
  color:var(--ink-2); background:#0D0F14; border:1px solid var(--line-2);
  border-radius:999px; padding:5px 12px;
}
.ad-mx{ margin-bottom:clamp(80px,13vh,150px); }
.ad-half{ padding-top:34px; }
.ad-half .adsbygoogle{ min-height:600px; max-width:300px; margin-inline:auto; }
.anchor-ad .adsbygoogle{ min-height:90px; height:90px; overflow:hidden; }

/* ---------- DALGA BANDI ---------- */
.wave-band{
  position:relative; margin-top:clamp(60px,9vh,100px);
  border-block:1px solid var(--line);
  background:linear-gradient(180deg,rgba(18,21,28,.5),rgba(14,16,20,.2));
  overflow:hidden;
}
.wave{ display:block; width:100%; height:130px; }
.wave-chip{
  position:absolute; top:14px; z-index:3;
  font:600 9.5px/1 var(--mono); letter-spacing:.24em; text-transform:uppercase;
  color:var(--ink-2); background:rgba(10,11,14,.7); border:1px solid var(--line-2);
  border-radius:999px; padding:7px 12px;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.wave-chip-l{ left:4%; } .wave-chip-r{ right:4%; }
.wave-foot{
  position:relative; z-index:3;
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  padding-block:12px; border-top:1px solid var(--line);
  font:500 10.5px/1.6 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3);
}
.wave-foot #wave-live{ color:var(--lime); }

/* ---------- LİME MARQUEE ---------- */
.ticker{
  position:relative; z-index:4; margin-block:clamp(40px,6vh,64px) 0;
  transform:rotate(-1.2deg) scale(1.02);
  background:var(--lime); color:var(--lime-ink);
  overflow:hidden; padding:13px 0;
  box-shadow:0 18px 60px -18px rgba(205,251,71,.35);
}
.ticker-track{ display:flex; width:max-content; animation:tick 30s linear infinite; }
.ticker:hover .ticker-track{ animation-play-state:paused; }
.ticker-set{ display:flex; align-items:center; flex-shrink:0; }
.ticker-set span{
  font:700 13.5px/1 var(--grot); letter-spacing:.16em; text-transform:uppercase;
  white-space:nowrap; display:inline-flex; align-items:center;
}
.ticker-set span::after{ content:"✦"; margin-inline:22px; font-size:11px; }
.ticker-set b{ display:none; }
@keyframes tick{ to{ transform:translateX(-50%); } }

/* ---------- PANEL ---------- */
.panel-grid{ display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:26px; align-items:start; }
.panel-spec{ position:relative; background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:18px; }
.spec-canvas{ display:block; width:100%; height:380px; }
.panel-spec figcaption{
  display:flex; align-items:baseline; gap:10px;
  padding-top:12px; font-size:12.5px; color:var(--ink-3);
}
.panel-side{ display:grid; gap:18px; }
.tiles{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.tile{
  display:grid; gap:7px; background:var(--card); border:1px solid var(--line);
  border-radius:14px; padding:16px 17px;
  transition:border-color .25s,transform .25s var(--ease);
}
.tile:hover{ border-color:rgba(205,251,71,.4); transform:translateY(-2px); }
.t-k{ font:600 9.5px/1.4 var(--mono); letter-spacing:.2em; text-transform:uppercase; color:var(--ink-3); }
.t-v{ font:700 22px/1 var(--grot); letter-spacing:-.02em; color:var(--ink); font-variant-numeric:tabular-nums; }
.t-v.t-time{ font-size:19px; }
.tile i{ font-size:11.5px; line-height:1.5; color:var(--ink-3); font-style:normal; }
.logbox{ background:var(--bg-3); border:1px solid var(--line); border-radius:var(--r); padding:18px 20px; }
.side-head{ font-size:14px; margin-bottom:12px; color:var(--ink); }
.log{ display:grid; gap:0; font:400 12px/1.7 var(--mono); }
.log li{ display:flex; gap:12px; padding:7px 0; border-top:1px dashed var(--line); color:var(--ink-2); }
.log li:first-child{ border-top:0; }
.log li .lt{ color:var(--ink-3); flex-shrink:0; font-variant-numeric:tabular-nums; }

/* ---------- EDİTORYAL ---------- */
.edit-grid{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(26px,4vw,54px); align-items:start; }
.edit-copy p{ font-size:16px; line-height:1.8; color:var(--ink-2); margin-bottom:1.2em; }
.edit-copy p.lead{ font-size:18px; color:var(--ink); }
.drop::first-letter{
  font:700 3.2em/0.85 var(--grot); color:var(--lime);
  float:left; margin-right:12px; margin-top:6px;
}
.edit-side{ display:grid; gap:22px; }
.pull{
  position:relative; background:var(--card); border:1px solid var(--line);
  border-radius:var(--r); padding:30px 28px 24px;
}
.pull::before{
  content:"“"; position:absolute; top:-6px; left:20px;
  font:700 64px/1 var(--grot); color:var(--lime);
}
.pull p{ font-size:16.5px; line-height:1.7; color:var(--ink); font-weight:500; letter-spacing:-.01em; }
.pull cite{ display:block; margin-top:12px; font:500 11px/1.6 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--ink-3); font-style:normal; }
.timeline ol{ display:grid; }
.timeline ol li{
  position:relative; padding:0 0 22px 30px;
  border-left:1px solid var(--line); margin-left:6px;
  transition:border-color .25s;
}
.timeline ol li:last-child{ padding-bottom:0; border-left-color:transparent; }
.timeline ol li::before{
  content:""; position:absolute; left:-5px; top:4px; width:9px; height:9px;
  border-radius:50%; background:var(--bg); border:1.6px solid var(--ink-3);
  transition:border-color .25s,background .25s,box-shadow .25s;
}
.timeline ol li:hover{ border-left-color:rgba(205,251,71,.5); }
.timeline ol li:hover::before{ border-color:var(--lime); background:var(--lime); box-shadow:0 0 12px rgba(205,251,71,.6); }
.timeline b{ display:block; font:700 15px/1.4 var(--grot); color:var(--lime); letter-spacing:-.01em; }
.timeline span{ font-size:13.5px; line-height:1.7; color:var(--ink-2); }

.foot-note{ margin-top:clamp(18px,3vh,28px); font-size:12.5px; line-height:1.7; color:var(--ink-3); }

/* ---------- TABLO ---------- */
.tbl-wrap{ overflow-x:auto; border:1px solid var(--line); border-radius:var(--r); background:var(--card); }
.tbl{ width:100%; border-collapse:collapse; min-width:640px; }
.tbl th{
  font:600 10.5px/1.4 var(--mono); letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink-3); text-align:left; padding:14px 18px;
  border-bottom:1px solid var(--line-2); white-space:nowrap;
}
.tbl td{ padding:14px 18px; border-bottom:1px solid var(--line); font-size:14px; line-height:1.6; color:var(--ink-2); vertical-align:middle; }
.tbl tbody tr:last-child td{ border-bottom:0; }
.tbl tbody tr{ transition:background .2s; }
.tbl tbody tr:hover{ background:var(--lime-05); }
.td-mod{ font:700 15px/1 var(--grot); color:var(--ink); white-space:nowrap; }
.td-num{ font:600 14px/1 var(--mono); color:var(--lime); font-variant-numeric:tabular-nums; white-space:nowrap; }
.td-desc{ font-size:13px; color:var(--ink-3); }
.td-bar{ min-width:180px; }
.bar{ display:inline-block; width:110px; height:4px; border-radius:99px; background:var(--line); overflow:hidden; vertical-align:middle; margin-right:10px; }
.bar i{ display:block; height:100%; width:var(--w,50%); border-radius:99px; background:linear-gradient(90deg,var(--lime),var(--violet)); }
.td-bar em{ font:400 11px/1 var(--mono); color:var(--ink-3); font-style:normal; }
.tbl-st td:first-child{ font-weight:500; color:var(--ink); }

/* ---------- SSS ---------- */
.faq{ display:grid; gap:10px; max-width:900px; }
.faq details{
  background:var(--card); border:1px solid var(--line); border-radius:14px;
  transition:border-color .25s;
}
.faq details:hover{ border-color:var(--line-2); }
.faq details[open]{ border-color:rgba(205,251,71,.4); background:linear-gradient(180deg,#12151C,#0E1014); }
.faq summary{
  list-style:none; display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:17px 20px; font:600 15px/1.5 var(--sans); color:var(--ink); cursor:pointer;
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::before{ content:""; width:8px; height:8px; border-radius:2px; background:var(--lime); transform:rotate(45deg); flex-shrink:0; transition:transform .25s var(--ease); }
.faq details[open] summary::before{ transform:rotate(135deg); }
.faq summary::after{ content:"+"; font:400 20px/1 var(--mono); color:var(--ink-3); transition:transform .25s var(--ease),color .25s; }
.faq details[open] summary::after{ transform:rotate(45deg); color:var(--lime); }
.faq details p{ padding:0 20px 19px 40px; font-size:14px; line-height:1.75; color:var(--ink-2); }

/* ---------- KARTLAR (alt sayfa) ---------- */
.cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.card{
  position:relative; overflow:hidden;
  background:var(--card); border:1px solid var(--line); border-radius:var(--r);
  padding:24px 24px 22px;
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;
}
.card::after{
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,var(--lime),var(--violet));
  transform:scaleX(0); transform-origin:left; transition:transform .4s var(--ease);
}
.card:hover{ transform:translateY(-6px); border-color:rgba(205,251,71,.45); box-shadow:0 28px 70px -22px rgba(205,251,71,.18); }
.card:hover::after{ transform:scaleX(1); }
.card-num{
  font:700 52px/1 var(--grot); color:transparent;
  -webkit-text-stroke:1.5px rgba(205,251,71,.7);
  display:block; margin-bottom:14px;
}
.card-h{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:10px; }
.card-h b{ font:700 18px/1.3 var(--grot); letter-spacing:-.02em; color:var(--ink); }
.card-h i{ font:600 12.5px/1 var(--mono); color:var(--lime); font-style:normal; flex-shrink:0; }
.card p{ font-size:13.5px; line-height:1.7; color:var(--ink-2); margin-bottom:16px; }
.card-meta{ display:grid; gap:5px; border-top:1px solid var(--line); padding-top:14px; }
.card-meta span{ font:400 11.5px/1.6 var(--mono); color:var(--ink-3); }
.card-meta b{ color:var(--ink-2); font-weight:500; }

/* ---------- PROSE ---------- */
.prose{ max-width:820px; }
.prose-in{ margin-top:clamp(26px,4vh,44px); }
.prose h2{ position:relative; font-size:clamp(23px,2.6vw,30px); letter-spacing:-.02em; margin:2em 0 .8em; padding-left:18px; }
.prose h2::before{ content:""; position:absolute; left:0; top:4px; bottom:4px; width:3px; border-radius:99px; background:linear-gradient(var(--lime),var(--violet)); }
.prose h3{ font-size:19px; margin:1.6em 0 .6em; }
.prose p{ font-size:15.5px; line-height:1.8; color:var(--ink-2); margin-bottom:1.1em; }
.prose p.lead{ font-size:17.5px; color:var(--ink); }
.prose strong{ color:var(--ink); }
.prose ul{ margin:0 0 1.2em; display:grid; gap:8px; }
.prose ul li{ position:relative; padding-left:24px; font-size:15px; line-height:1.7; color:var(--ink-2); }
.prose ul li::before{ content:""; position:absolute; left:2px; top:.62em; width:7px; height:7px; border-radius:2px; background:var(--lime); transform:rotate(45deg); }

/* ---------- KAPANIŞ ---------- */
.closing{
  position:relative; overflow:hidden;
  padding-block:clamp(80px,13vh,150px) clamp(70px,11vh,130px);
  text-align:center;
}
.closing-in{ position:relative; z-index:2; display:grid; gap:18px; justify-items:center; }
.closing-line{ font:700 clamp(30px,4.6vw,52px)/1.15 var(--grot); letter-spacing:-.03em; color:var(--ink); max-width:880px; }
.closing-line em{ color:var(--lime); font-style:normal; }
.closing-sub{ font-size:16px; line-height:1.7; color:var(--ink-2); max-width:640px; }
.closing .hero-cta{ margin-top:10px; }

/* ---------- SAYFA BAŞLIĞI (alt sayfalar) ---------- */
.page-hero{ position:relative; overflow:hidden; padding-block:clamp(40px,7vh,72px) clamp(20px,3vh,34px); }
.ph-in{ position:relative; z-index:2; display:grid; gap:14px; }
.crumbs{ display:flex; align-items:center; gap:10px; font:500 11.5px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); }
.crumbs a{ color:var(--ink-2); transition:color .2s; }
.crumbs a:hover{ color:var(--lime); }
.crumbs b{ color:var(--lime); font-weight:600; }
.ph-title{ font-size:clamp(32px,4.6vw,54px); letter-spacing:-.035em; color:var(--ink); }
.ph-title em{ color:var(--lime); font-style:normal; }
.ph-sub{ font-size:16.5px; line-height:1.7; color:var(--ink-2); max-width:680px; }

/* ---------- TOMSK SAYFA IZGARASI ---------- */
.gpage-grid{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:30px; align-items:start; padding-bottom:clamp(30px,5vh,50px); }
.gpage-main{ min-width:0; }
.ad-rail{ position:sticky; top:96px; }
.ad-stick{
  position:relative; background:var(--card); border:1px solid var(--line);
  border-radius:var(--r); padding:28px 18px 18px; text-align:center;
}
.ad-stick::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; z-index:1;
  background:linear-gradient(160deg,rgba(205,251,71,.3),rgba(244,245,247,.05) 45%,rgba(125,211,252,.22));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none;
}
.ad-stick .ad-tag{ left:16px; z-index:2; }
.ad-stick .adsbygoogle{ min-height:600px; max-width:300px; margin-inline:auto; }

/* ---------- ARŞİV ---------- */
.arch-sec{ padding-top:clamp(56px,9vh,96px); }
.arch-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:16px; }
.arch-tile{
  position:relative; display:grid; gap:0; overflow:hidden; text-align:left;
  background:var(--card); border:1px solid var(--line); border-radius:14px;
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;
}
.arch-tile:hover{ transform:translateY(-4px); border-color:rgba(205,251,71,.5); box-shadow:0 24px 60px -22px rgba(205,251,71,.2); }
.at-img{ display:block; overflow:hidden; background:var(--bg-3); }
.at-img img{ width:100%; height:auto; display:block; transition:transform .5s var(--ease),opacity .3s; opacity:.92; }
.arch-tile:hover .at-img img{ transform:scale(1.04); opacity:1; }
.at-date{
  display:flex; align-items:center; gap:9px;
  padding:11px 14px; border-top:1px solid var(--line);
  font:600 11.5px/1 var(--mono); letter-spacing:.12em; color:var(--ink-2);
  font-variant-numeric:tabular-nums;
}
.at-date i{ color:var(--lime); font-style:normal; font-size:12px; }
.arch-none{ padding:30px 4px; font:400 13px/1.7 var(--mono); color:var(--ink-3); }

/* ---------- LIGHTBOX ---------- */
.lightbox{
  position:fixed; inset:0; z-index:9995; display:grid; place-items:center;
  background:rgba(5,6,9,.92);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  opacity:0; visibility:hidden; transition:opacity .3s,visibility .3s;
}
.lightbox.on{ opacity:1; visibility:visible; }
.lightbox figure{ display:grid; gap:12px; max-width:94vw; }
.lightbox img{ max-width:94vw; max-height:84vh; object-fit:contain; border-radius:12px; border:1px solid var(--line-2); }
.lb-cap{ text-align:center; font:500 12px/1.6 var(--mono); letter-spacing:.1em; color:var(--ink-2); }
.lb-x{
  position:absolute; top:20px; right:20px; width:44px; height:44px;
  display:grid; place-items:center; font-size:22px; color:var(--ink-2);
  background:rgba(244,245,247,.05); border:1px solid var(--line-2); border-radius:12px;
  transition:color .2s,border-color .2s,transform .2s;
}
.lb-x:hover{ color:var(--lime); border-color:rgba(205,251,71,.5); transform:rotate(90deg); }

/* ---------- ANCHOR / FOCUS REKLAM ---------- */
.anchor-ad{
  position:fixed; left:50%; bottom:-140px; z-index:9850;
  transform:translateX(-50%);
  width:min(420px,94vw);
  background:linear-gradient(180deg,#12151C,#0D0F14);
  border:1px solid var(--line-2); border-radius:14px 14px 0 0; border-bottom:0;
  padding:8px 12px 6px;
  box-shadow:0 -20px 60px -18px rgba(0,0,0,.85);
  transition:bottom .5s var(--ease);
}
.anchor-ad.on{ bottom:0; }
.anchor-ad iframe{ display:block; width:100%; }
.aa-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:5px; }
.aa-label{ font:600 8.5px/1 var(--mono); letter-spacing:.26em; text-transform:uppercase; color:var(--ink-3); }
.aa-close{
  width:22px; height:22px; display:grid; place-items:center;
  background:transparent; border:1px solid var(--line-2); border-radius:7px;
  color:var(--ink-3); font-size:13px; line-height:1;
  transition:color .2s,border-color .2s;
}
.aa-close:hover{ color:var(--ink); border-color:var(--line-2); }
.focus-ad{
  position:fixed; right:18px; bottom:18px; z-index:9840; width:320px;
  background:linear-gradient(180deg,#12151C,#0D0F14);
  border:1px solid var(--line-2); border-radius:14px; padding:10px 12px;
  box-shadow:0 30px 90px -18px rgba(0,0,0,.85);
  opacity:0; visibility:hidden; transform:translateY(16px);
  transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s;
}
.focus-ad.on{ opacity:1; visibility:visible; transform:none; }
.fa-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.fa-label{ font:600 8.5px/1 var(--mono); letter-spacing:.26em; text-transform:uppercase; color:var(--lime); }
.fa-close{
  width:22px; height:22px; display:grid; place-items:center;
  background:transparent; border:1px solid var(--line-2); border-radius:7px;
  color:var(--ink-3); font-size:13px; line-height:1;
  transition:color .2s;
}
.fa-close:hover{ color:var(--ink); }
.focus-note{ margin-top:6px; font:400 9.5px/1.6 var(--mono); letter-spacing:.05em; color:var(--ink-3); }

/* ---------- FOOTER ---------- */
.foot{
  position:relative; overflow:hidden;
  background:var(--bg-2); border-top:1px solid var(--line);
  padding-top:clamp(48px,8vh,80px);
}
.foot::before{
  content:""; position:absolute; top:-160px; right:-100px; width:520px; height:520px; border-radius:50%;
  background:radial-gradient(closest-side,rgba(205,251,71,.07),transparent 68%); pointer-events:none;
}
.foot-grid{
  position:relative; z-index:2;
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:clamp(24px,3.4vw,44px);
  padding-bottom:clamp(36px,6vh,60px);
}
.foot-col h4{
  font:700 12px/1 var(--mono); letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink-3); margin-bottom:16px;
}
.foot-col p{ font-size:13.5px; line-height:1.75; color:var(--ink-2); }
.foot-col ul{ display:grid; gap:9px; }
.foot-col ul li{ font-size:13.5px; line-height:1.6; color:var(--ink-2); }
.foot-col ul li a{ transition:color .2s; }
.foot-col ul li a:hover{ color:var(--lime); }
.foot-legal{
  position:relative; z-index:2;
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  border-top:1px solid var(--line); padding-block:18px;
  font:400 12px/1.6 var(--mono); letter-spacing:.04em; color:var(--ink-3);
}
.foot-mark{
  position:relative; z-index:1;
  font:800 clamp(64px,13vw,170px)/0.9 var(--grot); letter-spacing:.02em;
  color:transparent; -webkit-text-stroke:1px rgba(244,245,247,.13);
  text-align:center; white-space:nowrap; user-select:none; pointer-events:none;
  transform:translateY(16%);
}
.foot-mark em{ -webkit-text-stroke:1px rgba(205,251,71,.5); font-style:normal; }

/* ---------- RTL ---------- */
[dir="rtl"] .nav a i,[dir="rtl"] .mnav a.mlink i{ margin-inline-end:0; }
[dir="rtl"] .lang-menu{ right:auto; left:0; transform-origin:top left; }
[dir="rtl"] .lang-wrap.open .lang-menu{ transform:none; }
[dir="rtl"] .mnav nav{ text-align:right; }
[dir="rtl"] .mnav a.mlink{ transform-origin:right; }
[dir="rtl"] .mnav a.mlink:hover{ transform:translateX(-6px); }
[dir="rtl"] .timeline ol li{ padding:0 30px 22px 0; margin-left:0; margin-right:6px; border-left:0; border-right:1px solid var(--line); }
[dir="rtl"] .timeline ol li::before{ left:auto; right:-5px; }
[dir="rtl"] .drop::first-letter{ float:right; margin-right:0; margin-left:12px; }
[dir="rtl"] .prose h2{ padding-left:0; padding-right:18px; }
[dir="rtl"] .prose h2::before{ left:auto; right:0; }
[dir="rtl"] .prose ul li{ padding-left:0; padding-right:24px; }
[dir="rtl"] .prose ul li::before{ left:auto; right:2px; }
[dir="rtl"] .faq details p{ padding:0 40px 19px 20px; }
[dir="rtl"] .edit-copy p.lead,[dir="rtl"] .prose p.lead{ text-align:right; }
[dir="rtl"] .hero-eyebrow span::before,[dir="rtl"] .faq summary::before{ order:2; }
[dir="rtl"] .faq summary{ flex-direction:row-reverse; }
[dir="rtl"] .faq summary::after{ margin-inline-start:auto; }
[dir="rtl"] .crumbs{ justify-content:flex-start; }
[dir="rtl"] .sec-link{ margin-left:0; margin-right:auto; }
[dir="rtl"] .foot-mark{ letter-spacing:.1em; }
[dir="rtl"] .gc-l,[dir="rtl"] .share-btns,[dir="rtl"] .hero-cta{ flex-direction:row-reverse; }
[dir="rtl"] .stat{ border-left:0; border-right:1px solid var(--line); }
[dir="rtl"] .stat:first-child{ border-right:0; }

/* ---------- RESPONSIVE ---------- */
@media (max-width:1180px){
  .graf-grid{ grid-template-columns:minmax(0,1fr) 300px; }
  .cards{ grid-template-columns:repeat(2,1fr); }
  .dk-modes{ gap:8px; }
  .dmode{ padding:10px 11px 9px; }
}
@media (max-width:1024px){
  .nav{ display:none; }
  .burger{ display:block; }
  .head-in{ gap:14px; }
  .hero-in{ grid-template-columns:1fr; }
  .hero-vis{ justify-items:start; margin-top:52px; }
  .hero-vis::after{ top:-54px; right:auto; left:-6px; width:92px; height:92px; }
  .glass{ padding-top:48px; }
  .glass-rail{ padding-right:0; }
  .glass-top{ padding-right:0; }
  .edit-grid{ grid-template-columns:1fr; }
  .gpage-grid{ grid-template-columns:1fr; }
  .ad-rail{ position:static; display:none; }
  .panel-grid{ grid-template-columns:1fr; }
  .dk-core{ grid-template-columns:1fr; gap:13px; padding:17px 2px; }
  .dk-meta{ justify-items:start; text-align:left; }
  .dk-amp{ justify-items:start; }
}
@media (max-width:860px){
  .head-wave{ display:none; }
  .lang-wrap{ display:none; }
  .graf-grid{ grid-template-columns:1fr; }
  .graf-side{ grid-template-columns:repeat(2,1fr); }
  .cards{ grid-template-columns:1fr; }
  .df-sparkwrap{ min-width:150px; }
  .dm-tip{ display:none; }
  .dm-lbl{ font-size:8.5px; }
  .dk-modes{ gap:7px; }
  .hero-stats{ grid-template-columns:repeat(2,1fr); }
  .stat:nth-child(3){ border-left:0; }
  .stat:nth-child(-n+2){ border-bottom:1px solid var(--line); }
  .topbar{ font-size:11px; padding:8px 12px; }
}
@media (max-width:760px){
  .head-cta{ display:none; }
  .graf-console{ border-radius:14px 14px 0 0; }
  .gc-l .gc-sep:nth-of-type(2),.gc-l .gc-cell:nth-child(4){ display:none; }
  .share-bar{ gap:10px; }
  .share-h{ width:100%; }
  .ticker{ margin-top:clamp(28px,5vh,44px); }
}
@media (max-width:560px){
  body{ font-size:15.5px; }
  .container{ max-width:100%; }
  .head-in{ height:62px; }
  .topbar .tb-hide{ display:none; }
  .topbar .tb-only{ display:inline; }
  .brand-text{ font-size:17px; }
  /* --- deck: mobil misyon konsolu v8 --- */
  .deck{ padding-top:6px; }
  .deck-in{ border-radius:16px; padding:0 12px; }
  .dk-bar{ padding:10px 0 9px; gap:8px; }
  .dk-tag{ padding:5px 10px; font-size:9.5px; letter-spacing:.16em; }
  .dk-chip{ padding:5px 9px; font-size:10px; letter-spacing:.08em; }
  .dk-clock{ gap:3px; }
  .dk-utc b{ font-size:16.5px; }
  .dk-utc i{ font-size:9px; }
  .dk-src{ font-size:8.5px; letter-spacing:.12em; }
  .dk-core{ padding:13px 0 14px; gap:11px; }
  .dk-freq{ gap:14px; }
  .df-read{ gap:5px; }
  .df-read b{ font-size:44px; }
  .df-read span{ font-size:11.5px; }
  .df-sparkwrap{ flex:1 1 130px; min-width:120px; max-width:none; padding-top:6px; }
  #deck-spark{ height:46px; }
  .df-dom{ font-size:10.5px; padding:7px 11px; white-space:normal; }
  .dk-amp{ width:100%; max-width:none; }
  .dk-meta em{ font-size:10px; white-space:normal; }
  .dk-modes{ gap:6px; padding:13px 2px 7px; }
  .dmode{ padding:9px 8px 8px; gap:5px; border-radius:10px; }
  .dm-num{ font-size:8.5px; letter-spacing:.14em; }
  .dm-live{ width:4px; height:4px; }
  .dm-hz{ font-size:14px; }
  .dm-hz em{ font-size:8px; margin-left:2px; }
  .dm-gauge{ height:3px; }
  .dm-lbl{ display:none; }
  .dk-modecap{ display:block; }
  /* --- harita: mobil --- */
  .worldmap{ border-radius:12px; }
  .wm-st b{ font-size:7px; }
  .wm-st em{ display:none; }
  .wm-m-hide{ display:none; }
  .wm-cap{ left:8px; top:8px; font-size:8px; padding:5px 8px; }
  .wm-hz{ right:8px; bottom:8px; font-size:8px; }
  .graf-side{ grid-template-columns:1fr; }
  .tiles{ grid-template-columns:1fr 1fr; }
  .hero-vis::after{ width:74px; height:74px; top:-44px; }
  .hero-vis{ margin-top:52px; }
  .sec-head{ flex-wrap:wrap; align-items:flex-start; }
  .sec-link{ order:3; }
  .foot-grid{ grid-template-columns:1fr 1fr; }
  .foot-legal{ justify-content:center; text-align:center; }
  .wave-chip-l{ left:3%; } .wave-chip-r{ display:none; }
  .spec-pop{ width:92%; }
  .focus-ad{ width:min(300px,92vw); right:10px; bottom:10px; }
  .hero-cta .btn,.hero-cta .btn-line{ width:100%; justify-content:center; }
}
@media (max-width:400px){
  .foot-grid{ grid-template-columns:1fr; }
  .df-read b{ font-size:38px; }
  .dm-hz{ font-size:12.5px; }
  .dk-chip{ font-size:9.5px; padding:5px 8px; letter-spacing:.06em; }
  .xd-card{ gap:8px; }
}

/* ---------- v9 · X PAYLAŞMA DOCK — canlı önizleme kartı ---------- */
.xdock{
  position:fixed; right:18px; bottom:calc(var(--dock-b,14px) + 16px); z-index:9860;
  transform:translateY(18px) scale(.97);
  opacity:0; visibility:hidden;
  transition:opacity .45s var(--ease),transform .45s var(--ease),visibility .45s;
}
.xdock.on{ opacity:1; visibility:visible; transform:none; }
.xd-card{
  position:relative; width:min(278px,86vw);
  display:grid; gap:11px;
  background:linear-gradient(168deg,rgba(23,27,35,.97),rgba(11,13,18,.98));
  border:1px solid var(--line-2); border-radius:20px;
  padding:12px 12px 12px;
  box-shadow:0 32px 90px -22px rgba(0,0,0,.95), inset 0 1px 0 rgba(244,245,247,.06);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  transition:border-color .3s var(--ease);
}
.xd-card::before{
  content:""; position:absolute; inset-inline:16px; top:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(205,251,71,.55),transparent);
}
.xdock:not(.min) .xd-card:hover{ border-color:rgba(205,251,71,.32); }
.xd-row{ display:flex; align-items:center; gap:9px; padding-inline:3px; }
.xd-lbl{
  font:600 8px/1.4 var(--mono); letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink-3);
}
.xd-min{
  margin-left:auto; width:22px; height:22px; flex-shrink:0;
  display:inline-flex; align-items:center; justify-content:center;
  background:transparent; border:0; border-radius:7px; cursor:pointer;
  color:var(--ink-3); transition:color .2s,background .2s;
}
.xd-min:hover{ color:var(--ink); background:rgba(244,245,247,.07); }
.xd-min svg{ width:10px; height:10px; }
.xd-live{ display:flex; align-items:baseline; gap:5px; margin-left:auto; }
.xd-live .lc-dot{ position:relative; top:-6px; }
.xd-live b{
  font:700 21px/1 var(--grot); letter-spacing:-.02em; color:var(--lime);
  font-variant-numeric:tabular-nums; text-shadow:0 0 18px rgba(205,251,71,.4);
}
.xd-live span{ font:500 9px/1 var(--mono); letter-spacing:.14em; color:var(--ink-3); }
.xd-prev{
  position:relative; margin:0; border-radius:12px; overflow:hidden;
  border:1px solid var(--line-2); background:#0A0B0E;
}
.xd-prev img{
  display:block; width:100%; height:auto; aspect-ratio:3/1; object-fit:cover;
  opacity:0; transition:opacity .5s var(--ease);
}
.xd-prev img.ok{ opacity:1; }
.xd-card.loading .xd-prev::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(100deg,transparent 30%,rgba(205,251,71,.09) 50%,transparent 70%);
  transform:translateX(-100%); animation:xdShimmer 1.6s ease-in-out infinite;
}
@keyframes xdShimmer{ to{ transform:translateX(100%); } }
.xd-prev-tag{
  position:absolute; left:8px; bottom:8px;
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 9px; border-radius:8px;
  background:rgba(10,11,14,.82); border:1px solid rgba(205,251,71,.3);
  font:600 8px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase;
  color:var(--lime); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.xd-prev-tag svg{ width:10px; height:10px; flex-shrink:0; }
.xd-share{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--lime); color:var(--lime-ink);
  border:0; border-radius:11px; padding:11px 14px; cursor:pointer;
  font:700 12px/1 var(--sans); letter-spacing:.01em; white-space:nowrap;
  box-shadow:0 12px 30px -8px rgba(205,251,71,.55);
  transition:transform .2s var(--ease),box-shadow .2s,background .2s;
}
.xd-share svg{ width:14px; height:14px; flex-shrink:0; }
.xd-share:hover{ transform:translateY(-2px); box-shadow:0 18px 40px -8px rgba(205,251,71,.65); background:var(--lime-2); }
.xd-share:active{ transform:scale(.95); }
.xd-share.busy{ opacity:.6; pointer-events:none; }
/* küçültülmüş hap modu (manuel .min + otomatik .auto-min) */
.xdock.min .xd-row, .xdock.auto-min .xd-row{ display:contents; }
.xdock.min .xd-lbl, .xdock.auto-min .xd-lbl{ display:none; }
.xdock.min .xd-prev, .xdock.auto-min .xd-prev{ display:none; }
.xdock.min .xd-card, .xdock.auto-min .xd-card{ width:auto; padding:7px 8px 7px 14px; border-radius:999px; display:flex; align-items:center; gap:9px; }
.xdock.min .xd-live, .xdock.auto-min .xd-live{ margin-left:2px; order:1; }
.xdock.min .xd-live b, .xdock.auto-min .xd-live b{ font-size:16px; }
.xdock.min .xd-live span, .xdock.auto-min .xd-live span{ display:none; }
.xdock.min .xd-share, .xdock.auto-min .xd-share{ padding:8px 12px; border-radius:999px; order:2; }
.xdock.min .xd-min, .xdock.auto-min .xd-min{ margin-left:0; order:3; }
/* bildirim tarzı toast */
.toast{
  position:fixed; left:50%; bottom:26px; z-index:9990;
  transform:translate(-50%,16px);
  max-width:min(92vw,440px); text-align:center;
  background:#12151C; color:var(--ink);
  border:1px solid rgba(205,251,71,.35); border-radius:13px;
  padding:12px 18px; font:500 12.5px/1.55 var(--sans);
  box-shadow:0 26px 70px -16px rgba(0,0,0,.9);
  opacity:0; visibility:hidden;
  transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;
}
.toast.on{ opacity:1; visibility:visible; transform:translate(-50%,0); }
/* dokunmatik cihazda hover popup reklamı yok (içeriği kapatır) */
@media (pointer:coarse){ .spec-pop{ display:none !important; } }

/* ---------- v8 · BUGÜN SEO BÖLÜMÜ ---------- */
.today-grid{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
  gap:clamp(24px,3.5vw,44px); align-items:start;
}
.today-live{ display:grid; gap:20px; justify-items:start; }
.today-answer{ margin-top:0; }
.today-tbl{ margin-top:0; }
.today-tbl .tbl th{ font-size:11px; }
.today-copy h3{ font-size:20px; letter-spacing:-.01em; margin:1.7em 0 .6em; padding-left:16px; position:relative; }
.today-copy h3::before{ content:""; position:absolute; left:0; top:.32em; bottom:.32em; width:3px; border-radius:99px; background:linear-gradient(var(--lime),var(--cyan)); }
.today-copy h3:first-child{ margin-top:0; }
.today-copy p{ font-size:15.5px; line-height:1.8; color:var(--ink-2); margin-bottom:1em; }

/* v9 · dock + bugün responsive (temel tanımların SONRASI) */
@media (max-width:980px){
  .today-grid{ grid-template-columns:1fr; }
}
@media (max-width:760px){
  .xdock{ right:10px; }
  .xd-card{ width:min(246px,80vw); gap:9px; padding:10px 10px 10px; }
  .xd-live b{ font-size:17px; }
  .xd-share{ padding:10px 12px; font-size:11.5px; }
  .toast{ bottom:calc(var(--dock-b,14px) + 56px); max-width:88vw; font-size:11.5px; padding:10px 14px; }
  .today-answer p{ font-size:14.5px; }
  .today-copy h3{ font-size:18px; }
}

/* ---------- v9 · GOOGLE OTOMATİK REKLAM BİRİMLERİ — tema hizalaması ---------- */
.google-auto-placed{
  position:relative; width:min(1240px,calc(100% - 32px)); margin:clamp(40px,6vh,64px) auto;
  border:1px solid var(--line); border-radius:20px; overflow:hidden;
  background:linear-gradient(180deg,rgba(23,26,33,.55),rgba(14,16,20,.28));
  filter:invert(.92) hue-rotate(180deg) saturate(.9) brightness(.94);
}
.google-auto-placed .srl-ad-tag{
  position:absolute; top:10px; left:14px; z-index:2;
  font:500 8.5px/1 var(--mono); letter-spacing:.26em; text-transform:uppercase;
  color:var(--ink-2); background:#0D0F14; border:1px solid var(--line-2);
  border-radius:999px; padding:5px 12px; pointer-events:none;
  filter:invert(.92) hue-rotate(180deg);
}

/* v9 · mobil üst mikro çubuk kırpılma düzeltmesi */
@media (max-width:640px){
  .head-micro{ gap:12px; font-size:9.5px; letter-spacing:.08em; padding:0 12px; }
}

/* ---------- HAREKET AZALTMA ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  html{ scroll-behavior:auto; }
  .ticker-track{ animation:none; }
}


/* ============================================================
   SCHUMANN LIVE — TOMA, KAYMA, SAPMA DUZELTMELERI (HOTFIX)
   ============================================================ */

/* 1. Yatay tasma onleme */
html, body {
  max-width: 100% !important;
  overflow-x: clip !important;
}

.container, .container-wide {
  width: 100%;
  box-sizing: border-box;
}

/* 2. Sparkline ve Canvas tasma / bulaniklik duzeltmesi */
.df-sparkwrap {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden;
}

#deck-spark {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

#tele-wave {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* 3. Header mobil ve tablet tasmasi / kayma onleme */
@media (max-width: 1120px) {
  .nav {
    display: none !important;
  }
  .burger {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .head-wave {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .head-cta {
    display: none !important;
  }
  .topbar .tb-hide {
    display: none !important;
  }
  .topbar .tb-only {
    display: inline !important;
  }
  .head-in {
    height: 60px !important;
    gap: 12px !important;
  }
  .brand-text {
    font-size: 16px !important;
  }
}

/* 4. Sticky Header Micro-bar CLS (kayma) duzeltmesi */
.head {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.head-micro {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  background: rgba(10, 11, 14, 0.95) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid var(--line) !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: height .3s var(--ease), opacity .3s var(--ease) !important;
}

.head.micro-on .head-micro {
  height: 36px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 5. Dil Menusu ekrandan tasma duzeltmesi */
.lang-menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  z-index: 1200 !important;
  min-width: 220px !important;
  max-height: min(480px, 75vh) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.85), 0 0 0 1px var(--line) !important;
  scrollbar-width: thin;
}

/* 6. Mobil Menu Z-Index ve Baslik Cakismasi Duzeltmesi */
.mnav {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10050 !important;
  background: rgba(10, 11, 14, 0.98) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  backdrop-filter: blur(24px) !important;
}

.burger {
  z-index: 10051 !important;
}

/* 7. Preloader Tiklama Engeli Duzeltmesi */
.loader.done {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 8. Dokunmatik ekranlarda imlec kaybolma hatasi */
@media (pointer: coarse) {
  .cur-dot, .cur-ring {
    display: none !important;
  }
  body, body a, body button, body summary {
    cursor: auto !important;
  }
}

/* 9. Deck Konsolu Responsive Hizalama */
.dk-core {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.dk-freq {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  max-width: 100% !important;
}

.dk-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

/* 10. Spektrogram Gorseli Responsive Kaydirma */
.spec-wrap, .chart-wrap, .spectrogram-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* ============================================================
   v11 · RAKİP ÖTESİ — AKTİVİTE ENDEKSİ · UZAY HAVASI · PWA · EMBED
   ============================================================ */

/* --- aktivite rozeti (graf konsolu) --- */
.gc-act{
  display:inline-flex; align-items:center; gap:6px;
  background:none; border:0; padding:0; cursor:pointer;
  font:700 11px/1 var(--mono); letter-spacing:.12em; color:var(--ink-2);
  text-transform:uppercase; transition:color .2s;
}
.gc-act:hover{ color:var(--ink-1); }
.gc-act b{ font-family:var(--mono); font-weight:600; letter-spacing:0; color:var(--ink-1); }
.gc-act .act-dot,
.status-tile .act-dot{
  width:7px; height:7px; border-radius:50%; flex:0 0 auto;
  background:#7DD3FC; box-shadow:0 0 6px rgba(125,211,252,.7); transition:background .3s, box-shadow .3s;
}
.gc-act[data-level="normal"] .act-dot,
.status-tile .act-dot[data-level="normal"]{ background:#CDFB47; box-shadow:0 0 6px rgba(205,251,71,.7); }
.gc-act[data-level="elevated"] .act-dot,
.status-tile .act-dot[data-level="elevated"]{ background:#FBBF24; box-shadow:0 0 6px rgba(251,191,36,.75); }
.gc-act[data-level="high"] .act-dot,
.status-tile .act-dot[data-level="high"]{ background:#F87171; box-shadow:0 0 9px rgba(248,113,113,.95); animation:actPulse11 1.2s infinite; }
@keyframes actPulse11{ 50%{ opacity:.35; } }

/* --- canlı durum karosu (aktivite + uzay havası) --- */
.status-tile h3{ display:flex; align-items:center; gap:8px; font-size:14.5px; }
.st-rows{ display:flex; flex-direction:column; gap:9px; }
.st-row{ display:flex; align-items:center; gap:8px; min-height:16px; cursor:default; }
.st-row > b{ font:700 10.5px/1 var(--mono); letter-spacing:.14em; color:var(--ink-2); width:76px; flex:0 0 auto; text-transform:uppercase; }
.st-val{ margin-left:auto; font:600 12.5px/1 var(--mono); color:var(--ink-1); }
.st-val[data-level="elevated"]{ color:#FBBF24; }
.st-val[data-level="high"]{ color:#F87171; }
.st-val[data-cls="X"], .st-val[data-cls="M"]{ color:#F87171; }
.sw-dots{ display:inline-flex; gap:3px; }
.sw-dots i{ width:5px; height:11px; border-radius:2px; background:#262B33; }
.sw-dots i.on{ background:#CDFB47; }
.sw-dots i.on.warm{ background:#FBBF24; }
.sw-dots i.on.hot{ background:#F87171; }
.st-src{ color:#6B7280; font-size:11px; line-height:1.5; margin-top:10px; }

/* --- mobil: konsol rozetini gizle (karoum var), sep'i de --- */
@media (max-width:860px){
  .gc-act, .gc-l .gc-sep:last-of-type{ display:none; }
}

/* --- PWA yükleme düğmesi (xdock satırı) --- */
.xd-install{
  width:27px; height:27px; margin-left:2px; flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:8px; border:1px solid #2A313C; background:#14161C; color:#CDFB47;
  cursor:pointer; transition:border-color .2s, transform .2s;
}
.xd-install:hover{ border-color:#CDFB47; transform:translateY(-1px); }