/**
 * OnionZero — Endüstriyel Yazılım Koruma ve Lisanslama Sistemi
 *
 * @developer  HBY Software
 * @author     Hasan Berat Yıldız
 * @website    https://www.hby.biz
 * @package    OnionZero
 *
 * oz-site.css — kurumsal site (onionzero.com) görsel katmanı v6 "VAULT".
 * Yön: "Deep-Space Cryptographic Vault" — NASA JPL / CERN kontrol
 * yazılımı estetiği; kozmik boşluk zemini + yüksek enerji fiziği paleti.
 *
 * V6 PALET (kanonik --ozv-* token'ları):
 *   yıldızlararası obsidyen  #020408 / #060A12 / #0B1220
 *   lazer buz-mavisi (foton) #38BDF8 · elektrik kobalt #2563EB
 *   soğuk titanyum/yıldız    #F1F5F9 / #94A3B8 / #475569
 *   kriptografik durum zümrüt#10B981 (doğrulama) · kehribar #F59E0B (kurcalama kilidi)
 *
 * Katmanlar:
 *   1) Token'lar: kanonik --ozv-* + GERİYE UYUMLU takma adlar
 *      (--bg/--cyan/--violet/--grad/... — sayfa css'leri ve
 *      dokunulmayan görünümler bunları tüketir; hepsi --ozv-*'ye bağlı)
 *   2) Taban + atmosfer (grid, nebula, yıldız canvas'ı, feTurbulence
 *      gren katmanı, scrollbar, selection)
 *   3) Düzen (wrap/section/hairline), tipografi (kicker/h1/h2/lead)
 *   4) Header/nav (buzlu cam, scroll'da shrink), footer (blueprint)
 *   5) Kartlar (enstrüman paneli camı + cursor-glow), düğmeler, formlar
 *   6) FX ilkelleri: [data-oz-reveal], .ozs-spot, .ozs-progress,
 *      .ozs-totop, .ozs-mono, view-transitions
 *   7) İmza sanat bağlama (.ozart-*), devre divider'ı, mod sayfaları, 404
 *
 * SÖZLEŞME: sınıf öneki `ozs-`. Dış kaynak/CDN YOK, font: system stack.
 * Hareket kuralları: tüm animasyonlar `@media (prefers-reduced-motion:
 * no-preference)` altında açılır; reduce'da küresel kapatma vardır.
 * JS'siz erişilebilirlik: reveal gizlemesi yalnız html.ozjs altında uygulanır
 * (sınıf layout'un head script'inde eklenir; JS yoksa içerik hep görünür).
 * CSS değişkeni tüketen DIŞ dosyalar bu token'lara bağımlıdır — bu dosya
 * ASLA başka bir css'in token'ına bağımlı DEĞİLDİR.
 */

/* ============================================================
   1) TOKEN'LAR — kanonik v6 (--ozv-*) + geriye uyumlu aliaslar
   ============================================================ */
:root{
  /* --- kanonik v6 kozmik kasa paleti --- */
  --ozv-deep:#020408;      /* en derin yıldızlararası obsidyen */
  --ozv-void:#060A12;      /* kuyu / koyu yüzey */
  --ozv-abyss:#0B1220;     /* ana yüzey */
  --ozv-ice:#38BDF8;       /* lazer buz-mavisi (foton) */
  --ozv-cobalt:#2563EB;    /* elektrik kobalt */
  --ozv-cobalt-deep:#1D4ED8;
  --ozv-star:#F1F5F9;      /* yıldız ışığı (ana metin) */
  --ozv-metal:#94A3B8;     /* titanyum (ikincil metin) */
  --ozv-titanium:#475569;  /* koyu titanyum (çizgiler, zayıf metin) */
  --ozv-emerald:#10B981;   /* doğrulama zümrüdü */
  --ozv-amber:#F59E0B;     /* kurcalama kilidi / uyarı kehribarı */

  /* türetilmiş yüzeyler / çizgiler */
  --ozv-surface:#0B1220;
  --ozv-surface-2:#101A2E;
  --ozv-line:#182742;
  --ozv-line-2:#263B5E;
  --ozv-glass:color-mix(in srgb,var(--ozv-abyss) 72%,transparent);
  --ozv-on-grad:#03101E;

  /* v6 gradyan: kobalt → foton buzu → doğrulama zümrüdü (mor YOK) */
  --ozv-grad:linear-gradient(115deg,var(--ozv-cobalt) 0%,var(--ozv-ice) 52%,var(--ozv-emerald) 100%);
  --ozv-grad-soft:linear-gradient(115deg,color-mix(in srgb,var(--ozv-cobalt) 70%,transparent),color-mix(in srgb,var(--ozv-ice) 65%,transparent) 50%,color-mix(in srgb,var(--ozv-emerald) 70%,transparent));

  /* v6 ışıma / gölge rejimi (derin uzay: glow ağırlıklı) */
  --ozv-glow-ice:color-mix(in srgb,var(--ozv-ice) 42%,transparent);
  --ozv-glow-cobalt:color-mix(in srgb,var(--ozv-cobalt) 40%,transparent);
  --ozv-ring-glow:0 0 0 1px color-mix(in srgb,var(--ozv-ice) 30%,transparent);
  --ozv-shadow-1:0 2px 10px rgb(0 0 0/.35);
  --ozv-shadow-2:0 18px 48px -16px rgb(0 0 0/.58);
  --ozv-shadow-glow:0 18px 60px -18px var(--ozv-glow-cobalt),0 0 0 1px color-mix(in srgb,var(--ozv-cobalt) 22%,transparent);
  --ozv-header-bg:color-mix(in srgb,var(--ozv-deep) 72%,transparent);

  /* tipografi */
  --ozv-ui:Inter,'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  --ozv-mono:ui-monospace,'JetBrains Mono','Cascadia Code',Consolas,monospace;

  /* ritim / yarıçap / kronometri */
  --ozv-r1:10px; --ozv-r2:13px; --ozv-r3:16px;
  --ozv-ease:cubic-bezier(.16,1,.3,1);
  --ozv-dur:.55s;

  /* atmosfer dozları (sakin, filmik) */
  --ozv-grid-op:.08; --ozv-nebula-op:.42; --ozv-hair-op:.5; --ozv-noise-op:.035;

  /* ---------- GERİYE UYUMLU TAKMA ADLAR ----------
     Mevcut sayfa css'leri (home/docs/blog/contact/legal/runtime…) ve
     dokunulmayan görünümler (runtime.php, legal/show.php, maintenance,
     404) bu adları tüketir; v6 paletine köprülenir. */
  --bg:var(--ozv-deep);
  --ink:var(--ozv-void);
  --surface:var(--ozv-surface);
  --surface2:var(--ozv-surface-2);
  --line:var(--ozv-line);
  --line2:var(--ozv-line-2);
  --cyan:var(--ozv-ice);
  --green:var(--ozv-emerald);
  --violet:var(--ozv-cobalt);        /* eski mor → elektrik kobalt */
  --blue:var(--ozv-cobalt);
  --indigo:var(--ozv-cobalt-deep);
  --teal-deep:#0284C7;
  --teal:var(--cyan);
  --mint:var(--green);
  --text:var(--ozv-star);
  --muted:var(--ozv-metal);
  --on-grad:var(--ozv-on-grad);
  --ok:var(--ozv-emerald);
  --err:var(--ozv-amber);
  --glow-cyan:var(--ozv-glow-ice);
  --glow-violet:var(--ozv-glow-cobalt);
  --ring-glow:var(--ozv-ring-glow);
  --shadow-1:var(--ozv-shadow-1);
  --shadow-2:var(--ozv-shadow-2);
  --shadow-glow:var(--ozv-shadow-glow);
  --header-bg:var(--ozv-header-bg);
  --glass:var(--ozv-glass);
  --ui:var(--ozv-ui);
  --mono:var(--ozv-mono);
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --r1:var(--ozv-r1); --r2:var(--ozv-r2); --r3:var(--ozv-r3);
  --grad:var(--ozv-grad);
  --grad-soft:var(--ozv-grad-soft);
  --header-h:68px; --header-h-scrolled:56px; --wrap:1220px;
  --ease:var(--ozv-ease);
  --dur:var(--ozv-dur);
  --grid-op:var(--ozv-grid-op); --aurora-op:var(--ozv-nebula-op); --hair-op:var(--ozv-hair-op);
  color-scheme:dark;
}
[data-theme="light"]{
  /* v6 açık mod: soğuk titanyum levha üstünde aynı fizik paleti */
  --ozv-deep:#F4F7FC;
  --ozv-void:#FFFFFF;
  --ozv-abyss:#FFFFFF;
  --ozv-surface:#FFFFFF;
  --ozv-surface-2:#F1F5FB;
  --ozv-line:#DFE7F4;
  --ozv-line-2:#C3D2E8;
  --ozv-glass:color-mix(in srgb,var(--ozv-abyss) 82%,transparent);
  --ozv-on-grad:#FFFFFF;
  --ozv-header-bg:color-mix(in srgb,var(--ozv-deep) 80%,transparent);
  --ozv-glow-ice:color-mix(in srgb,var(--ozv-cobalt) 18%,transparent);
  --ozv-glow-cobalt:color-mix(in srgb,var(--ozv-cobalt) 16%,transparent);
  --ozv-ring-glow:0 0 0 1px color-mix(in srgb,var(--ozv-cobalt) 24%,transparent);
  --ozv-shadow-1:0 2px 8px -2px rgb(23 42 110/.14);
  --ozv-shadow-2:0 22px 48px -20px rgb(23 42 110/.28);
  --ozv-shadow-glow:0 28px 70px -26px rgb(37 99 235/.38),0 2px 8px -2px rgb(23 42 110/.14);
  --ozv-grid-op:.4; --ozv-nebula-op:.3; --ozv-hair-op:.7; --ozv-noise-op:.05;

  --bg:var(--ozv-deep);
  --ink:var(--ozv-void);
  --surface:var(--ozv-surface);
  --surface2:var(--ozv-surface-2);
  --line:var(--ozv-line);
  --line2:var(--ozv-line-2);
  --cyan:#0284C7;
  --green:#0A8F63;
  --violet:var(--ozv-cobalt);
  --blue:var(--ozv-cobalt);
  --indigo:var(--ozv-cobalt-deep);
  --teal-deep:#0B7FA3;
  --text:#0A1428;
  --muted:#48597E;
  --ok:#0A8F63;
  --err:#B45309;
  color-scheme:light;
}

/* ============================================================
   2) TABAN + ATMOSFER
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);
  font:16px/1.65 var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden}
/* deep-space derinlik: gövde zemini kozmik boşluk vinyeti */
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:
    radial-gradient(120% 90% at 50% -10%,color-mix(in srgb,var(--ozv-abyss) 88%,transparent) 0%,var(--bg) 62%),
    var(--bg)}
img{max-width:100%;height:auto}
h1,h2,h3,h4{margin:0;letter-spacing:-.03em;line-height:1.12;text-wrap:balance}
p{margin:0 0 var(--s4)}
a{color:var(--teal);text-decoration:none;text-underline-offset:3px}
a:hover{text-decoration:underline}
code{font-family:var(--mono);font-size:.87em;color:var(--mint);background:color-mix(in srgb,var(--mint) 8%,transparent);padding:.1em .4em;border-radius:6px}
::selection{background:color-mix(in srgb,var(--ozv-cobalt) 88%,#000 0%);color:#fff}
[data-theme="light"] ::selection{background:var(--ozv-cobalt);color:#fff}

/* odağı görünür kıl (her iki modda AA) */
:focus-visible{outline:2px solid var(--ozv-ice);outline-offset:2px;border-radius:6px}
[data-theme="light"] :focus-visible{outline-color:var(--ozv-cobalt)}

/* özel kaydırma çubuğu */
html{scrollbar-color:var(--line2) var(--bg);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--line2);border-radius:8px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ozv-ice) 55%,var(--line2))}

/* ---------- kozmik atmosfer katmanı ----------
   .ozs-ambient: blueprint ızgarası + nebula ışımaları (sabit, ucuz boyama).
   [data-oz-starfield] varsa oz-site-effects.js içine <canvas class="ozs-stars">
   monte eder (derin uzay yıldız tozu, mouse parallax, IO ile duraklatılır;
   reduced-motion'da canvas HİÇ oluşturulmaz). */
.ozs-ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.ozs-ambient::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:52px 52px;opacity:var(--grid-op);
  mask-image:radial-gradient(ellipse 120% 90% at 50% 0%,#000 25%,transparent 72%)}
.ozs-ambient::after{content:"";position:absolute;inset:-20% -10%;opacity:var(--aurora-op);
  background:
    radial-gradient(44% 40% at 16% 6%,color-mix(in srgb,var(--ozv-cobalt) 26%,transparent),transparent 70%),
    radial-gradient(38% 34% at 86% 12%,color-mix(in srgb,var(--ozv-ice) 17%,transparent),transparent 70%),
    radial-gradient(46% 42% at 55% 108%,color-mix(in srgb,var(--ozv-cobalt) 13%,transparent),transparent 72%)}
@media (prefers-reduced-motion:no-preference){
  .ozs-ambient::after{animation:ozs-drift 26s ease-in-out infinite alternate}
}
@keyframes ozs-drift{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.04)}}
.ozs-stars{position:absolute;inset:0;width:100%;height:100%;display:block}

/* analog film greni — feTurbulence veri-URI SVG (CSP img-src data: uyumlu),
   ultra-subtle; ekrana fiziksel/filmik doku verir, sentetik plastik görünümü kırar */
.ozs-noise{position:fixed;inset:0;z-index:400;pointer-events:none;opacity:var(--ozv-noise-op,.035);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px}

/* yumuşak spotlight izi — yalnız .ozs-spot (hero) ve .ozs-band (CTA);
   --mx/--my JS ile ÖĞE-LOKAL yazılır; pointer-events yok, içerik bağımsız görünür */
.ozs-spot::after,.ozs-band::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(480px circle at var(--mx,50%) var(--my,26%),color-mix(in srgb,var(--ozv-cobalt) 12%,transparent),transparent 62%)}
.ozs-band{isolation:isolate}
.ozs-band::after{z-index:0}
@media (hover:none),(pointer:coarse){.ozs-spot::after,.ozs-band::after{display:none}}

.ozs-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--s5)}
.ozs-muted{color:var(--muted)}
.ozs-center{text-align:center}
.ozs-center .ozs-btn{margin-inline:auto}

.ozs-skip{position:fixed;top:8px;left:8px;z-index:410;background:var(--surface);color:var(--text);
  padding:8px 14px;border:1px solid var(--line2);border-radius:var(--r1);transform:translateY(-220%);
  transition:transform .18s var(--ease)}
.ozs-skip:focus-visible{transform:none}

/* ============================================================
   3) DÜZEN / TİPOGRAFİ / AYRAÇLAR
   ============================================================ */
.ozs-main{min-height:60vh}
.ozs-section{position:relative;padding:var(--s8) 0}
.ozs-section-alt{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ink) 88%,transparent) 12% 88%,transparent)}
/* saç teli ayraç: kobalt → foton akışı (bölüm üstü) */
.ozs-section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(var(--wrap) - var(--s5)*2,100% - var(--s5)*2);height:1px;opacity:var(--hair-op);
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ozv-cobalt) 55%,var(--line2)) 30%,color-mix(in srgb,var(--ozv-ice) 50%,var(--line2)) 62%,transparent)}
.ozs-section:first-of-type::before,.ozs-hero + .ozs-section::before,.ozs-home-hero + .ozs-section::before{display:none}

.ozs-h1{font-size:clamp(28px,3.8vw,40px);margin:0 0 var(--s4);letter-spacing:-.04em}
.ozs-h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 var(--s5)}
.ozs-kicker{display:inline-flex;align-items:center;gap:var(--s2);
  font:600 12px/1.7 var(--mono);letter-spacing:.22em;text-transform:uppercase;
  color:var(--teal);margin:0 0 var(--s3)}
.ozs-kicker::before{content:"";width:22px;height:1px;background:linear-gradient(90deg,var(--ozv-cobalt),var(--ozv-ice))}
.ozs-kicker:has(+ *){margin-bottom:var(--s3)}
.ozs-lead{font-size:clamp(16px,1.8vw,19px);color:var(--muted);max-width:66ch}
.ozs-prose{max-width:78ch}
.ozs-prose h2,.ozs-content h2{margin:var(--s7) 0 var(--s3);font-size:clamp(21px,2.4vw,27px)}
.ozs-prose h3,.ozs-content h3{margin:var(--s6) 0 var(--s3)}
.ozs-content table{width:100%;border-collapse:collapse;margin:var(--s4) 0;font-size:15px}
.ozs-content th,.ozs-content td{border:1px solid var(--line);padding:var(--s2) var(--s3);text-align:left}
.ozs-content th{background:var(--surface)}
.ozs-content blockquote{border-left:2px solid transparent;border-image:linear-gradient(180deg,var(--ozv-ice),var(--ozv-cobalt)) 1;
  margin:var(--s4) 0;padding:var(--s2) var(--s4);color:var(--muted)}
.ozs-content pre{background:var(--ink);border:1px solid var(--line);border-radius:var(--r1);padding:var(--s4);overflow:auto}
.ozs-content img{border-radius:var(--r2);border:1px solid var(--line)}
.ozs-list{padding-left:var(--s5)}
.ozs-list li{margin-bottom:var(--s2)}
.ozs-list li::marker{color:var(--teal)}

/* gradyan metin vurgusu */
.ozs-gradtext{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* mono "veri penceresi" satırları */
.ozs-mono{font-family:var(--mono);font-size:13px;letter-spacing:.02em;color:var(--muted)}
.ozs-mono b,.ozs-mono strong{color:var(--mint);font-weight:600}

/* ============================================================
   4) HEADER / NAV
   ============================================================ */
.ozs-header{position:sticky;top:0;z-index:100;isolation:isolate;
  background:var(--header-bg);backdrop-filter:saturate(170%) blur(14px);-webkit-backdrop-filter:saturate(170%) blur(14px);
  border-bottom:1px solid transparent;transition:border-color .3s var(--ease)}
.ozs-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent)}
.ozs-header-in{display:flex;align-items:center;gap:var(--s5);height:var(--header-h);
  transition:height .3s var(--ease)}
.ozs-header.scrolled{border-bottom-color:transparent}
.ozs-header.scrolled .ozs-header-in{height:var(--header-h-scrolled)}
.ozs-header.scrolled::after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ozv-cobalt) 55%,var(--line2)) 40%,color-mix(in srgb,var(--ozv-ice) 55%,var(--line2)) 60%,transparent)}
.ozs-brand{display:inline-flex;align-items:center;text-decoration:none;flex:none}
.ozs-brand img{transition:transform .3s var(--ease)}
.ozs-brand:hover img{transform:translateY(-1px)}
.ozs-brand-mark{display:none}
.ozs-nav{display:flex;align-items:center;gap:calc(var(--s5) + 2px);margin-left:auto}
.ozs-nav-link{color:var(--muted);font-size:15px;text-decoration:none;position:relative;padding:6px 0;transition:color .2s var(--ease)}
.ozs-nav-link::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--ozv-cobalt),var(--ozv-ice));transition:right .25s var(--ease)}
.ozs-nav-link:hover{color:var(--text);text-decoration:none}
.ozs-nav-link:hover::after{right:0}
.ozs-nav-link.on{color:var(--text)}
.ozs-nav-link.on::after{right:0}
.ozs-nav-cta{display:flex;margin-left:var(--s2)}
.ozs-header-tools{display:flex;align-items:center;gap:var(--s4)}
.ozs-iconbtn{background:transparent;border:1px solid var(--line);border-radius:var(--r1);width:36px;height:36px;
  display:inline-flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;
  transition:border-color .2s var(--ease),color .2s var(--ease),box-shadow .25s var(--ease)}
.ozs-iconbtn:hover{border-color:color-mix(in srgb,var(--ozv-ice) 45%,var(--line2));color:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--ozv-ice) 12%,transparent)}
.ozs-iconbtn svg{width:18px;height:18px}
.ozs-i-moon{display:none}
[data-oz-theme-toggle][aria-pressed="true"] .ozs-i-sun{display:none}
[data-oz-theme-toggle][aria-pressed="true"] .ozs-i-moon{display:block}
.ozs-burger{display:none;background:transparent;border:1px solid var(--line);border-radius:var(--r1);width:40px;height:36px;color:var(--text);cursor:pointer;align-items:center;justify-content:center}
.ozs-burger svg{width:18px;height:18px}
.ozs-scrim{display:none}

/* ============================================================
   5) KARTLAR / DÜĞMELER / FORMLAR
   ============================================================ */
.ozs-grid{display:grid;gap:var(--s5)}
.ozs-grid-3{grid-template-columns:repeat(3,1fr)}

/* enstrüman paneli kartı + imleç ışıması (--mx/--my JS ile; JS yoksa sade hover) */
.ozs-card{position:relative;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);
  border-radius:var(--r2);padding:var(--s5);
  box-shadow:var(--shadow-1),inset 0 1px 0 color-mix(in srgb,var(--text) 5%,transparent);
  transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.ozs-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(220px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--ozv-ice) 8%,transparent),transparent 65%);
  transition:opacity .3s var(--ease)}
.ozs-card:hover{border-color:color-mix(in srgb,var(--ozv-ice) 32%,var(--line2));box-shadow:var(--shadow-2),inset 0 1px 0 color-mix(in srgb,var(--text) 6%,transparent)}
.ozs-card:hover::before{opacity:1}
.ozs-card-h{font-size:18px;margin:0 0 var(--s3)}
.ozs-card-h a{color:var(--text);text-decoration:none}
.ozs-card-h a:hover{color:var(--mint)}

.ozs-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
  padding:13px 24px;border-radius:var(--r1);border:1px solid var(--line2);background:var(--surface);
  color:var(--text);font:600 15px/1 var(--ui);letter-spacing:.01em;text-decoration:none;cursor:pointer;
  overflow:hidden;transition:transform .18s var(--ease),box-shadow .25s var(--ease),border-color .2s var(--ease)}
.ozs-btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-2)}
.ozs-btn:active{transform:translateY(0)}
.ozs-btn-sm{padding:9px 16px;font-size:14px}
.ozs-btn-grad{background:var(--grad);border:none;color:var(--on-grad);font-weight:700;
  box-shadow:0 8px 26px -10px color-mix(in srgb,var(--ozv-cobalt) 60%,transparent)}
.ozs-btn-grad:hover{box-shadow:0 14px 36px -10px color-mix(in srgb,var(--ozv-cobalt) 72%,transparent)}
[data-theme="light"] .ozs-btn-grad{background:linear-gradient(115deg,var(--ozv-cobalt-deep),var(--ozv-cobalt) 52%,#0A8F63);color:#fff}
/* sheen süpürmesi */
.ozs-btn-grad::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgb(255 255 255/.38) 50%,transparent 62%);
  transform:translateX(-120%);transition:transform .55s var(--ease)}
.ozs-btn-grad:hover::after{transform:translateX(120%)}
.ozs-btn-ghost{background:transparent}
.ozs-btn-ghost:hover{border-color:color-mix(in srgb,var(--ozv-ice) 45%,var(--line2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ozv-ice) 20%,transparent),var(--shadow-1)}
.ozs-cta-row{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s6)}
.ozs-cta-band{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);flex-wrap:wrap}

/* CTA band paneli: cam + nebula, tüm sayfalarda */
.ozs-band{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:var(--r3);
  padding:var(--s6);overflow:hidden;box-shadow:var(--shadow-2)}
.ozs-band::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 130% at 88% 10%,color-mix(in srgb,var(--ozv-cobalt) 20%,transparent),transparent 70%),
    radial-gradient(50% 120% at 8% 100%,color-mix(in srgb,var(--ozv-ice) 11%,transparent),transparent 68%)}
.ozs-band > *{position:relative;z-index:1}
.ozs-band .ozs-h2{margin-bottom:var(--s2)}
.ozs-band .ozs-muted{margin:0;max-width:52ch}

.ozs-flash{max-width:var(--wrap);margin:var(--s5) auto 0;padding:var(--s3) var(--s4);border-radius:var(--r1);font-size:15px}
.ozs-flash-ok{background:color-mix(in srgb,var(--ok) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--ok) 55%,transparent)}
.ozs-flash-err{background:color-mix(in srgb,var(--err) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--err) 55%,transparent)}

.ozs-contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--s7)}
.ozs-form{display:grid;gap:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s6);box-shadow:var(--shadow-1)}
.ozs-label{font-size:14px;font-weight:600}
.ozs-input{width:100%;background:var(--ink);border:1px solid var(--line);border-radius:var(--r1);color:var(--text);
  padding:11px 13px;font:15px/1.5 var(--ui);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.ozs-input::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}
.ozs-input:focus{outline:none;border-color:var(--ozv-ice);box-shadow:0 0 0 3px color-mix(in srgb,var(--ozv-ice) 22%,transparent)}
.ozs-hp{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;overflow:hidden}

/* ============================================================
   5b) FOOTER
   ============================================================ */
.ozs-footer{position:relative;border-top:1px solid transparent;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ink) 92%,transparent) 22%);margin-top:var(--s8)}
.ozs-footer::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ozv-cobalt) 60%,var(--line2)) 35%,color-mix(in srgb,var(--ozv-ice) 60%,var(--line2)) 65%,transparent)}
/* blueprint ızgara hissi (fondaki sönük ortografik çizgiler) */
.ozs-footer::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--line) 55%,transparent) 1px,transparent 1px);
  background-size:min(25%,340px) 100%}
.ozs-footer-grid{position:relative;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s6);padding:var(--s8) var(--s5) var(--s6)}
.ozs-footer-h{font:600 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0 0 var(--s3)}
.ozs-footer-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2);font-size:15px}
.ozs-footer-list a{color:var(--text);text-decoration:none;transition:color .18s var(--ease)}
.ozs-footer-list a:hover{color:var(--mint);text-decoration:none}
.ozs-footer-bar{position:relative;display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;
  padding:var(--s4) var(--s5) var(--s6);border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.ozs-footer-bar a{color:var(--text)}
.ozs-footer-brand p{margin-top:var(--s3);max-width:34ch}

/* ============================================================
   6) FX İLKELLERİ
   ============================================================ */

/* scroll-reveal: yalnız JS varken gizle (html.ozjs); stagger --i ile */
html.ozjs [data-oz-reveal]{opacity:0;transform:translateY(24px) scale(.985);filter:blur(3px);
  transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease);
  transition-delay:calc(var(--i,0)*80ms);will-change:opacity,transform}
html.ozjs [data-oz-reveal].ozs-in{opacity:1;transform:none;filter:none}
html.ozjs [data-oz-reveal="left"]{transform:translateX(-28px)}
html.ozjs [data-oz-reveal="right"]{transform:translateX(28px)}
html.ozjs [data-oz-reveal="left"].ozs-in,html.ozjs [data-oz-reveal="right"].ozs-in{transform:none}
@media (prefers-reduced-motion:reduce){
  html.ozjs [data-oz-reveal]{opacity:1;transform:none;filter:none;transition:none}
}

/* sayfa üstü ilerleme çizgisi */
.ozs-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:160;pointer-events:none;
  background:var(--grad);transform:scaleX(var(--p,0));transform-origin:0 50%;opacity:.9}

/* başa dön düğmesi */
.ozs-totop{position:fixed;right:var(--s5);bottom:var(--s5);z-index:150;width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;
  border:1px solid var(--line2);background:var(--glass);backdrop-filter:blur(8px);color:var(--text);
  opacity:0;transform:translateY(14px);pointer-events:none;
  transition:opacity .3s var(--ease),transform .3s var(--ease),box-shadow .25s var(--ease);
  box-shadow:var(--shadow-1)}
.ozs-totop.show{opacity:1;transform:none;pointer-events:auto}
.ozs-totop:hover{color:var(--mint);box-shadow:var(--shadow-2)}
.ozs-totop svg{width:18px;height:18px}

/* canlı nabız noktası (doğrulama zümrüdü) */
.ozs-pulse{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
@media (prefers-reduced-motion:no-preference){
  .ozs-pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;
    border:1px solid var(--ok);animation:ozs-ping 1.8s var(--ease) infinite}
}
@keyframes ozs-ping{0%{transform:scale(.5);opacity:.9}80%,100%{transform:scale(1.5);opacity:0}}

/* durum şeridi (mono veri satırları) */
.ozs-statusbar{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:center;
  font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--muted)}
.ozs-statusbar b{color:var(--mint);font-weight:600}

/* bölüm FX katmanı (canvas) — tamamen dekoratif, aria-hidden.
   Renk kancaları oz-site-effects.js tarafından canlı okunur (tema güvenli). */
.ozs-fx{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;
  --fx-dot:#38BDF8; --fx-line:#2563EB; --fx-ring:#38BDF8; --fx-core:#10B981}
[data-theme="light"] .ozs-fx{--fx-dot:#2563EB; --fx-line:#2563EB; --fx-ring:#0284C7; --fx-core:#0A8F63}

/* genel bölüm hero'su (products/docs/faq/blog/contact…) — compact */
.ozs-hero{position:relative;padding:var(--s7) 0 var(--s6);min-height:280px;overflow:hidden;isolation:isolate}
.ozs-hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:52px 52px;opacity:calc(var(--grid-op) + .07);
  mask-image:radial-gradient(ellipse 90% 78% at 50% 0%,#000 25%,transparent 76%)}
.ozs-hero::after{content:"";position:absolute;top:-32%;right:-8%;width:56%;height:150%;z-index:-1;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ozv-cobalt) 15%,transparent),transparent 68%)}
.ozs-hero-title{font-size:clamp(32px,4.4vw,48px);margin:0 0 var(--s4);max-width:22ch;font-weight:800;letter-spacing:-.04em;
  background:linear-gradient(178deg,var(--text) 34%,color-mix(in srgb,var(--text) 55%,var(--ozv-ice)));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* cross-document view transitions (destekleyen tarayıcılarda; aksi hâlde anlık geçiş) */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:ozs-vt-out .28s var(--ease) both}
  ::view-transition-new(root){animation:ozs-vt-in .34s var(--ease) both}
  @keyframes ozs-vt-out{to{opacity:0;transform:translateY(-10px)}}
  @keyframes ozs-vt-in{from{opacity:0;transform:translateY(12px)}}
}

/* ============================================================
   7) MOD SAYFALARI (holding/maintenance) + YARDIMCILAR
   ============================================================ */
.ozs-mode{min-height:100svh;display:grid;place-items:center;padding:var(--s6) var(--s5);text-align:center}
.ozs-mode-card{position:relative;max-width:560px;padding:var(--s8) var(--s7);
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r3);
  box-shadow:var(--shadow-glow);backdrop-filter:blur(10px)}
.ozs-mode-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;
  background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--grad) border-box;
  border:1px solid transparent;opacity:.9;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}
.ozs-mode-rings{position:relative;width:88px;height:88px;margin:0 auto var(--s5)}
.ozs-mode-rings::before,.ozs-mode-rings::after{content:"";position:absolute;inset:0;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--ozv-ice) 45%,transparent)}
.ozs-mode-rings::after{inset:16px;border-color:color-mix(in srgb,var(--ozv-cobalt) 60%,transparent)}
@media (prefers-reduced-motion:no-preference){
  .ozs-mode-rings::before{animation:ozs-spin 9s linear infinite;border-style:dashed}
  .ozs-mode-rings::after{animation:ozs-spin 6s linear infinite reverse}
}
@keyframes ozs-spin{to{transform:rotate(360deg)}}
.ozs-mode-dot{position:absolute;inset:34px;border-radius:50%;background:var(--grad);box-shadow:0 0 22px var(--glow-cyan)}
.ozs-mode-card img{display:block;margin:0 auto var(--s5)}

/* ---------- mobil (≤960px) ---------- */
@media (max-width:960px){
  .ozs-nav-cta{margin-left:0;margin-top:var(--s4);display:block}
  .ozs-grid-3{grid-template-columns:1fr}
  .ozs-contact-grid{grid-template-columns:1fr}
  .ozs-footer-grid{grid-template-columns:1fr 1fr}
  .ozs-brand-full{display:none}
  .ozs-brand-mark{display:block}
  .ozs-burger{display:inline-flex}
  .ozs-nav{position:fixed;inset:var(--header-h) auto 0 0;width:min(330px,88vw);
    background:color-mix(in srgb,var(--ink) 96%,transparent);backdrop-filter:blur(16px);
    border-right:1px solid var(--line);flex-direction:column;align-items:stretch;gap:var(--s2);
    padding:var(--s5);transform:translateX(-105%);transition:transform .26s var(--ease);z-index:150;overflow:auto;
    box-shadow:var(--shadow-2)}
  .ozs-nav.open{transform:none}
  .ozs-nav-link{padding:var(--s3);border-radius:var(--r1);font-size:16px}
  .ozs-nav-link::after{display:none}
  .ozs-nav-link:hover{background:var(--surface2)}
  .ozs-nav-link.on{background:var(--surface);box-shadow:inset 2px 0 0 var(--ozv-ice)}
  .ozs-scrim.show{display:block;position:fixed;inset:var(--header-h) 0 0;background:rgb(2 4 8/.6);backdrop-filter:blur(3px);z-index:140}
  .ozs-totop{right:var(--s4);bottom:var(--s4)}
  .ozs-band{padding:var(--s6)}
  .ozs-mode-card{padding:var(--s7) var(--s5)}
}

/* ---------- 404 ---------- */
.ozs-404{position:relative;padding:var(--s9) 0;text-align:center;overflow:hidden;isolation:isolate}
.ozs-404-art{max-width:170px;margin:0 auto var(--s3)}
.ozs-404-code{font:800 clamp(84px,18vw,168px)/1 var(--mono);letter-spacing:-.04em;margin:0 0 var(--s4);
  background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 34px color-mix(in srgb,var(--ozv-cobalt) 34%,transparent))}
.ozs-404 .ozs-lead{margin-inline:auto;text-align:center}
.ozs-404 .ozs-btn{margin-top:var(--s5)}

/* ============================================================
   8) v2.1 kalıntıları — bayrak dil seçici, kripto şeridi,
      hex zemin (light), kayan gradyan sınır, filtre UI
   ============================================================ */

/* bayrak dil seçici: aktif neon çerçeveli, pasif soluk */
.ozs-lang{display:flex;gap:7px;align-items:center}
.ozs-flag{display:inline-flex;border-radius:6px;padding:2px;opacity:.62;
  border:1px solid transparent;transition:opacity .2s var(--ease),box-shadow .25s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}
.ozs-flag svg{width:22px;height:15px;display:block;border-radius:3px;box-shadow:0 1px 4px rgb(0 0 0/.3)}
.ozs-flag:hover{opacity:1;transform:translateY(-1px)}
.ozs-flag.on{opacity:1;border-color:color-mix(in srgb,var(--ozv-ice) 60%,transparent);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--ozv-ice) 22%,transparent),0 0 12px var(--glow-cyan)}
[data-theme="light"] .ozs-flag.on{border-color:color-mix(in srgb,var(--ozv-cobalt) 65%,transparent);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--ozv-cobalt) 18%,transparent),0 6px 14px -6px rgb(23 42 110/.35)}

/* footer mono kripto güven şeridi (sönük, tek satır) */
.ozs-crypto{position:relative;display:flex;align-items:center;justify-content:center;
  padding:var(--s7) var(--s5) 0;font:500 11px/1.6 var(--mono);letter-spacing:.12em;
  color:var(--muted);text-transform:uppercase;opacity:.55}

/* light mod: ızgara üstüne çok soluk hex dokusu (hacim hissi) */
[data-theme="light"] .ozs-ambient::before{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='none' stroke='%23A9BCE4' stroke-width='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98 7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:84px 147px,52px 52px,52px 52px;opacity:.3}

/* kayan gradyan sınır (vitrin/feat kartları): conic + @property spin */
@property --oz-spin{syntax:"<angle>";inherits:false;initial-value:0deg}
.ozs-glowb{border:1px solid transparent;
  background:linear-gradient(var(--surface),var(--surface)) padding-box,
    conic-gradient(from var(--oz-spin),color-mix(in srgb,var(--ozv-ice) 55%,transparent),color-mix(in srgb,var(--ozv-cobalt) 62%,transparent) 35%,color-mix(in srgb,var(--ozv-emerald) 45%,transparent) 68%,color-mix(in srgb,var(--ozv-ice) 55%,transparent)) border-box}
@media (prefers-reduced-motion:no-preference){
  .ozs-glowb{animation:ozs-spin-b 7s linear infinite}
}
@keyframes ozs-spin-b{to{--oz-spin:360deg}}

/* filtre çubuğu (docs/faq arama) */
.ozs-filterbar{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;margin:var(--s5) 0 var(--s6)}
.ozs-filter-input{position:relative;flex:1;min-width:220px}
.ozs-filter-input .ozs-input{padding-left:38px}
.ozs-filter-input svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}
.ozs-catbar{display:flex;gap:var(--s2);flex-wrap:wrap}
.ozs-cat{border:1px solid var(--line);border-radius:999px;background:var(--glass);color:var(--muted);
  font:600 12.5px/1 var(--mono);letter-spacing:.08em;padding:8px 14px;cursor:pointer;text-transform:uppercase;
  transition:color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}
.ozs-cat:hover{color:var(--text);border-color:var(--line2)}
.ozs-cat.on{color:var(--on-grad);background:var(--grad);border-color:transparent;
  box-shadow:0 6px 18px -8px color-mix(in srgb,var(--ozv-cobalt) 60%,transparent)}
[data-theme="light"] .ozs-cat.on{color:#fff;background:linear-gradient(115deg,var(--ozv-cobalt-deep),var(--ozv-cobalt) 52%,#0A8F63)}
.ozs-hidden{display:none !important}
.ozs-filter-empty{border:1px dashed var(--line2);border-radius:var(--r2);padding:var(--s6);text-align:center;color:var(--muted)}

/* ============================================================
   9) İMZA SANAT (ozart), devre divider'ı, bölüm numarası,
      magnetic CTA, split-text
   ============================================================ */

/* imza sanat renk bağlaması (token → tema otomatik) */
.ozart{display:block;width:100%;height:auto}
.ozart-a{stroke:var(--ozv-ice)}
.ozart-b{stroke:var(--ozv-cobalt)}
.ozart-c circle{fill:var(--ozv-emerald)}
.ozart-dim{opacity:.35}
.ozart .ozart-s1{stop-color:var(--ozv-cobalt)}
.ozart .ozart-s2{stop-color:var(--ozv-ice)}
.ozart .ozart-s3{stop-color:var(--ozv-emerald)}
.ozart-hud path{stroke:color-mix(in srgb,var(--ozv-ice) 55%,transparent);stroke-width:1.6}
.ozart-ring{stroke:var(--ozv-cobalt)}
.ozart-corehalo{fill:color-mix(in srgb,var(--ozv-ice) 7%,transparent)}
.ozart-coredot{fill:var(--ozv-emerald)}
.ozart-mini{max-width:150px;margin:0 auto}

@media (prefers-reduced-motion:no-preference){
  /* kilit halkaları: zıt yönlü yavaş rotasyon */
  .ozart-r1{animation:ozart-rot 46s linear infinite}
  .ozart-r2{animation:ozart-rot 32s linear infinite reverse}
  .ozart-r3{animation:ozart-rot 24s linear infinite}
  .ozart-ring{transform-box:fill-box;transform-origin:center}
  /* devre nabzı: iz üstünde akan kısa huzme */
  .ozart-pulse{stroke:var(--ozv-ice);stroke-dasharray:16 240;opacity:.95;
    animation:ozart-dash 3.4s linear infinite}
  .ozart-pulse.p2{animation-delay:1.1s;animation-duration:4.1s}
  .ozart-pulse.p3{animation-delay:.6s;animation-duration:2.6s}
  /* düğüm kıpırtısı + çekirdek nefesi */
  .ozart-node{animation:ozart-blink 3s ease-in-out infinite alternate}
  .ozart-corehalo{transform-box:fill-box;transform-origin:center;animation:ozart-breathe 4.6s ease-in-out infinite}
}
@keyframes ozart-rot{to{transform:rotate(360deg)}}
@keyframes ozart-dash{to{stroke-dashoffset:-256}}
@keyframes ozart-blink{from{opacity:.45}to{opacity:1}}
@keyframes ozart-breathe{0%,100%{opacity:.55;transform:scale(.985)}50%{opacity:1;transform:scale(1.03)}}

/* devre hairline divider'ı */
.ozs-divider{max-width:var(--wrap);margin:0 auto;padding:0 var(--s5)}
.ozs-divider svg{display:block;width:100%;height:26px}
.ozs-divider-base{stroke:var(--line2);stroke-width:1.2;opacity:.7}
.ozs-divider-node{fill:var(--ozv-ice);opacity:.75}
@media (prefers-reduced-motion:no-preference){
  .ozs-divider-beam{stroke:var(--ozv-cobalt);stroke-width:1.8;animation:ozart-dash2 3.6s linear infinite}
}
@keyframes ozart-dash2{to{stroke-dashoffset:-166}}

/* bölüm numarası (kicker içi) */
.ozs-secn{font-family:var(--mono);color:var(--violet);letter-spacing:.08em;margin-right:var(--s2)}
[data-theme="light"] .ozs-secn{color:var(--indigo)}

/* split-text (kelime bazlı; yalnız JS varken gizler, reduced'da sarım yok) */
html.ozjs [data-oz-split] .ozs-w{display:inline-block;opacity:0;transform:translateY(.5em);filter:blur(4px);
  transition:opacity .55s var(--ease),transform .55s var(--ease),filter .55s var(--ease);
  transition-delay:calc(var(--wi,0)*42ms)}
html.ozjs [data-oz-split].ozs-in .ozs-w{opacity:1;transform:none;filter:none}
@media (prefers-reduced-motion:reduce){
  html.ozjs [data-oz-split] .ozs-w{opacity:1;transform:none;filter:none;transition:none}
}

/* magnetic CTA (yalnız fine pointer; JS transform yazar) */
.ozs-magnet{will-change:transform}

/* ---------- hareket azaltma (küresel kapatma) ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;animation:none !important}
  .ozs-card:hover,.ozs-btn:hover{transform:none}
  .ozs-card::before,.ozs-spot::after,.ozs-band::after{display:none}
}

/* ============================================================
   10) ASK AI (llms doc linki — merkezi MODAL; sections/ask_ai.php)
   ============================================================ */
.ozs-askai-row{margin-top:var(--s5)}
.ozs-askai{display:inline-flex}
.ozs-askai-btn svg{flex:none}
/* karartma katmanı: tam ekran, OPAK (arka plan okunmasın), tıklanınca kapanır */
.ozs-askai-backdrop{position:fixed;inset:0;z-index:320;
  background:color-mix(in srgb,var(--ink) 94%,transparent);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  display:flex;align-items:center;justify-content:center;padding:var(--s5)}
.ozs-askai-backdrop[hidden]{display:none}
/* ortada opak dialog — karartmadan net ayrılır */
.ozs-askai-dialog{position:relative;z-index:1;width:min(560px,100%);max-height:86vh;overflow:auto;
  background:var(--surface);border:1px solid var(--line2);border-radius:var(--r2);
  padding:var(--s5);
  box-shadow:var(--shadow-2),0 0 0 1px color-mix(in srgb,var(--ozv-ice) 12%,transparent),0 32px 96px -24px rgb(0 0 0/.85);
  display:flex;flex-direction:column;gap:var(--s3)}
.ozs-askai-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.ozs-askai-title{font-size:15px;font-weight:600;color:var(--fg)}
.ozs-askai-close{flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:var(--r1);cursor:pointer;
  background:transparent;border:1px solid var(--line);color:var(--fg2);
  transition:border-color .15s ease,color .15s ease,background .15s ease}
.ozs-askai-close:hover{color:var(--fg);border-color:var(--line2);
  background:color-mix(in srgb,var(--ink) 40%,transparent)}
.ozs-askai-url{font-family:var(--mono);font-size:13px;word-break:break-all;
  color:var(--mint);background:color-mix(in srgb,var(--ink) 88%,transparent);
  border:1px solid var(--line);border-radius:var(--r1);padding:11px 13px;
  cursor:pointer;user-select:text;transition:border-color .15s ease,color .15s ease}
.ozs-askai-url:hover{border-color:color-mix(in srgb,var(--mint) 55%,transparent)}
/* kopyalandı geri bildirimi — hem düğme hem URL metni */
.ozs-askai-url.copied{border-color:color-mix(in srgb,var(--ok) 65%,transparent);color:var(--ok)}
.ozs-askai-actions{display:flex;justify-content:flex-end}
.ozs-askai-copy.copied{border-color:color-mix(in srgb,var(--ok) 60%,transparent);color:var(--ok)}
.ozs-askai-hint{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}
@media (prefers-reduced-motion:no-preference){
  .ozs-askai-dialog{animation:ozs-askai-in .18s var(--ease)}
}
@keyframes ozs-askai-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}