/**
 * 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-story.css — v6 "DEEP-SPACE CRYPTOGRAPHIC VAULT" eki (Agent 5).
 * Kapsam: /about (ozso-*) ve /faq (ozsf-*). oz-site.css ilkellerine biner;
 * başka sayfa dosyaları bu token'lara BAĞIMLI DEĞİLDİR. Palet kozmik boşluk:
 * #020408/#060A12/#0B1220 zemin, #38BDF8 buz, #2563EB kobalt, #10B981
 * doğrulama, #F59E0B tamper uyarısı. Fall-back'ler her var() çağrısında
 * verilir; light tema [data-theme="light"] altında yeniden dengelenir.
 * Dış kaynak yok, sistem font'ları, hareket yalnız no-preference altında.
 */

/* ============================================================
   0) YEREL TOKEN'LAR (bileşen kapsamlı — :root'a DOKUNULMAZ)
   ============================================================ */
.ozso-page,.ozsf-page{
  /* Agent 1'in kanonik --ozv-* token'larına bağlanır; fallback hex'ler
     brief Part-1 paletinden (oz-site.css yüklenmezse de geçerli). */
  --s6-ink0:var(--ozv-deep,#020408); --s6-ink1:var(--ozv-void,#060A12); --s6-ink2:var(--ozv-abyss,#0B1220);
  --s6-ice:var(--ozv-ice,#38BDF8); --s6-cobalt:var(--ozv-cobalt,#2563EB);
  --s6-em:var(--ozv-emerald,#10B981); --s6-am:var(--ozv-amber,#F59E0B);
  --s6-t0:var(--ozv-star,#F1F5F9); --s6-t1:var(--ozv-metal,#94A3B8); --s6-t2:var(--ozv-titanium,#475569);
  --s6-line:rgb(56 189 248 / .14);
  --s6-glass:rgb(11 18 32 / .62);
  --s6-glass-2:rgb(6 10 18 / .72);
  --s6-hair:rgb(148 163 184 / .10);
}
[data-theme="light"] .ozso-page,[data-theme="light"] .ozsf-page{
  --s6-ink0:#F8FAFC; --s6-ink1:#FFFFFF; --s6-ink2:#F1F5FB;
  --s6-ice:#0284C7; --s6-cobalt:#1D4ED8;
  --s6-em:#059669; --s6-am:#B45309;
  --s6-t0:#0B1530; --s6-t1:#475569; --s6-t2:#94A3B8;
  --s6-line:rgb(29 78 216 / .18);
  --s6-glass:rgb(255 255 255 / .66);
  --s6-glass-2:rgb(248 250 252 / .78);
  --s6-hair:rgb(11 21 48 / .12);
}

/* ortak: CTA bandı içinde satır marjı korunmasın */
.ozso-page .ozs-band .ozs-cta-row,.ozsc-page .ozs-band .ozs-cta-row,.ozsb-page .ozs-band .ozs-cta-row{margin-top:0}

/* ortak: mono etiket satırı */
.ozso-mono-tag,.ozsf-mono-tag{font:600 11px/1.6 var(--mono,ui-monospace,Consolas,monospace);
  letter-spacing:.18em;text-transform:uppercase;color:var(--muted,var(--s6-t1))}

/* ============================================================
   1) /about — LAB HERO + İRİS SAHNESİ
   ============================================================ */
.ozso-labhero{position:relative;padding:var(--s7,48px) 0 var(--s8,64px);overflow:hidden;isolation:isolate}
/* şema ızgarası + kenar vignette'i (el yapımı, gradyan değil çizgi) */
.ozso-labhero::before{content:"";position:absolute;inset:0;z-index:-1;
  background-image:
    linear-gradient(var(--s6-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--s6-line) 1px,transparent 1px);
  background-size:56px 56px;opacity:.5;
  mask-image:radial-gradient(78% 70% at 50% 34%,#000 30%,transparent 78%)}
.ozso-labhero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(52% 44% at 76% 40%,color-mix(in srgb,var(--s6-cobalt) 14%,transparent),transparent 70%)}

.ozso-labgrid{display:grid;grid-template-columns:1.02fr .98fr;gap:var(--s7,48px);align-items:center}
.ozso-lab-copy .ozs-hero-title{margin-bottom:var(--s4,16px)}

/* telemetri satırları: koordinat okutması */
.ozso-tel{list-style:none;margin:var(--s6,32px) 0 0;padding:0;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--s6-line);
  border:1px solid var(--s6-line);max-width:520px}
.ozso-tel li{background:var(--s6-glass-2);backdrop-filter:blur(6px);padding:12px 14px;display:grid;gap:2px}
.ozso-tel-k{font:600 10px/1 var(--mono,ui-monospace,Consolas,monospace);letter-spacing:.22em;color:var(--s6-t2)}
.ozso-tel-v{font:600 13px/1.45 var(--mono,ui-monospace,Consolas,monospace);letter-spacing:.04em;color:var(--s6-t0)}
[data-theme="light"] .ozso-tel li{background:var(--s6-glass)}

/* iris sahnesi çerçevesi: köşe destekleri + tarama çizgisi */
.ozso-stage{position:relative;aspect-ratio:1/1;max-width:520px;margin-inline:auto;width:100%}
.ozso-stage::before,.ozso-stage::after,
.ozso-stage-frame::before,.ozso-stage-frame::after{content:"";position:absolute;width:22px;height:22px;
  border:1px solid var(--s6-ice);opacity:.7;pointer-events:none}
.ozso-stage::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.ozso-stage::after{top:-1px;right:-1px;border-left:0;border-bottom:0}
.ozso-stage-frame::before{bottom:-1px;left:-1px;border-right:0;border-top:0}
.ozso-stage-frame::after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.ozso-stage-svg{display:block;width:100%;height:auto}

/* SVG içi sınıflar (stil burada; işaretleme el yapımı inline SVG) */
.ozr-grid{stroke:var(--s6-line)}
.ozr-ring-a{stroke:var(--s6-ice);stroke-width:1.4;fill:none;opacity:.85}
.ozr-ring-b{stroke:var(--s6-cobalt);stroke-width:1.1;fill:none;opacity:.7}
.ozr-ring-dash{stroke:var(--s6-t2);stroke-width:1;fill:none;stroke-dasharray:3 7;opacity:.8}
.ozr-tick{stroke:var(--s6-t1);stroke-width:1.2}
.ozr-node{fill:var(--s6-ice)}
.ozr-block{fill:var(--s6-cobalt);opacity:.85}
.ozr-bridge{stroke:var(--s6-cobalt);stroke-width:1;stroke-dasharray:2 4;opacity:.55;fill:none}
.ozr-core-body{fill:var(--s6-ink2);stroke:var(--s6-ice);stroke-width:1.4}
.ozr-lock{stroke:var(--s6-t0);stroke-width:2;fill:none;stroke-linecap:round}
.ozr-lock-fill{fill:var(--s6-t0)}
.ozr-led{fill:var(--s6-em)}
.ozr-glow0{fill:url(#ozrGlow)}
.ozr-label{font:600 8.5px/1 ui-monospace,Consolas,monospace;letter-spacing:.2em;fill:var(--s6-t2)}

@media (prefers-reduced-motion:no-preference){
  .ozr-spin-a{animation:ozr-rot 70s linear infinite;transform-origin:210px 210px}
  .ozr-spin-b{animation:ozr-rot 48s linear infinite reverse;transform-origin:210px 210px}
  .ozr-spin-c{animation:ozr-rot 34s linear infinite;transform-origin:210px 210px}
  .ozr-led{animation:ozr-blink 2.4s ease-in-out infinite alternate}
}
@keyframes ozr-rot{to{transform:rotate(360deg)}}
@keyframes ozr-blink{from{opacity:.35}to{opacity:1}}

/* ============================================================
   2) /about — MISSION LOG (roadmap rayı)
   ============================================================ */
.ozso-log-head{max-width:760px}
.ozso-log-status{display:inline-flex;align-items:center;gap:10px;margin-top:var(--s4,16px);
  font:600 11px/1.5 var(--mono,ui-monospace,Consolas,monospace);letter-spacing:.2em;color:var(--s6-t2)}
.ozso-log-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--s6-em);
  box-shadow:0 0 10px color-mix(in srgb,var(--s6-em) 65%,transparent)}

.ozso-track{position:relative;margin-top:var(--s7,48px)}
/* ana ray + ilerleyen dolgu */
.ozso-rail{position:absolute;top:6px;bottom:24px;left:124px;width:1px;background:var(--s6-hair)}
.ozso-railfill{position:absolute;top:0;left:-1px;width:3px;height:calc(var(--p,0)*100%);
  background:linear-gradient(180deg,var(--s6-em),var(--s6-ice) 60%,var(--s6-cobalt));
  border-radius:2px;box-shadow:0 0 14px color-mix(in srgb,var(--s6-ice) 45%,transparent)}
.ozso-railfill::after{content:"";position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);
  width:9px;height:9px;border-radius:50%;background:var(--s6-ice);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--s6-ice) 22%,transparent),0 0 16px var(--s6-ice)}

.ozso-ms-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s6,32px);counter-reset:ozms}
.ozso-ms{position:relative;display:grid;grid-template-columns:96px 1fr;gap:56px;align-items:start}

/* Yıl bloğu */
.ozso-ms-year{position:relative;text-align:right;padding-top:10px}
.ozso-ms-year b{display:block;font:700 26px/1 var(--mono,ui-monospace,Consolas,monospace);
  letter-spacing:.04em;color:var(--s6-t2);transition:color .35s}
.ozso-ms-year i{display:block;font:600 9.5px/1.9 var(--mono,ui-monospace,Consolas,monospace);
  letter-spacing:.26em;color:var(--s6-t2);font-style:normal;text-transform:uppercase}

/* raydaki düğüm */
.ozso-ms-node{position:absolute;right:-35px;top:16px;width:13px;height:13px;border-radius:50%;
  background:var(--s6-ink2);border:1px solid var(--s6-t2);transition:border-color .35s,box-shadow .35s,background .35s}
.ozso-ms.on .ozso-ms-year b{color:var(--s6-t0)}
.ozso-ms.on .ozso-ms-node{border-color:var(--s6-em);background:var(--s6-em);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--s6-em) 18%,transparent),0 0 18px color-mix(in srgb,var(--s6-em) 60%,transparent)}

/* kilometre taşı kartı — asimetrik: çift indeksler bir tık dar/sağda */
.ozso-ms-card{position:relative;background:var(--s6-glass);backdrop-filter:blur(8px);
  border:1px solid var(--s6-hair);border-left:2px solid var(--s6-cobalt);
  padding:var(--s5,24px) var(--s6,32px);transition:border-color .3s,transform .3s}
.ozso-ms:nth-child(even) .ozso-ms-card{margin-left:min(7%,64px)}
.ozso-ms-card:hover{border-left-color:var(--s6-ice);border-color:color-mix(in srgb,var(--s6-ice) 35%,var(--s6-hair))}
.ozso-ms-phase{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;
  font:600 10px/1 var(--mono,ui-monospace,Consolas,monospace);letter-spacing:.26em;
  color:var(--s6-ice);border:1px solid color-mix(in srgb,var(--s6-ice) 32%,transparent);
  padding:5px 10px}
.ozso-ms-phase::before{content:"";width:5px;height:5px;background:var(--s6-ice)}
.ozso-ms-t{margin:0 0 8px;font-size:clamp(19px,2vw,23px);letter-spacing:-.03em;color:var(--s6-t0)}
.ozso-ms-d{margin:0;color:var(--muted,var(--s6-t1));font-size:15.5px;max-width:62ch}

/* ============================================================
   3) /about — KURUCU VİZYONU
   ============================================================ */
.ozso-vision{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--s6-ink2) 55%,transparent) 18% 82%,transparent)}
.ozso-vision-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--s7,48px);align-items:start}
.ozso-quote{position:relative;margin:0;padding:clamp(22px,3vw,36px)}
.ozso-quote::before,.ozso-quote::after{content:"";position:absolute;inset:0;pointer-events:none}
.ozso-quote::before{border:1px solid var(--s6-hair);
  clip-path:polygon(0 0,34px 0,34px 1px,0 1px,0 0,0 34px,1px 34px,1px 0)}
.ozso-quote-mark{position:absolute;top:-14px;left:18px;padding:0 10px;background:var(--s6-ink0);
  font:600 11px/1.9 var(--mono,ui-monospace,Consolas,monospace);letter-spacing:.3em;color:var(--s6-em)}
[data-theme="light"] .ozso-quote-mark{background:var(--s6-ink0)}
.ozso-quote p{margin:0;font-size:clamp(21px,2.6vw,29px);line-height:1.42;letter-spacing:-.02em;
  color:var(--s6-t0);font-weight:560;max-width:30ch}
.ozso-quote p em{font-style:normal;color:var(--s6-ice)}
.ozso-who{margin-top:var(--s5,24px);display:flex;align-items:center;gap:14px}
.ozso-who-sig{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:linear-gradient(135deg,var(--s6-cobalt),var(--s6-ice));color:#020408;
  font:700 15px/1 var(--mono,ui-monospace,Consolas,monospace)}
.ozso-who-name{margin:0;font:650 15px/1.3 var(--ui,system-ui,sans-serif);color:var(--s6-t0)}
.ozso-who-role{margin:2px 0 0;font:500 12px/1.5 var(--mono,ui-monospace,Consolas,monospace);
  letter-spacing:.06em;color:var(--s6-t1)}
.ozso-who-note{font-size:14px;color:var(--muted,var(--s6-t1));margin:var(--s4,16px) 0 0;max-width:60ch}
/* sağ meta kolonu: tesis künyesi */
.ozso-dossier{border:1px dashed color-mix(in srgb,var(--s6-am) 45%,transparent);padding:var(--s5,24px);
  background:color-mix(in srgb,var(--s6-am) 5%,transparent)}
.ozso-dossier-h{margin:0 0 12px;font:600 10.5px/1 var(--mono,ui-monospace,Consolas,monospace);
  letter-spacing:.3em;color:var(--s6-am);text-transform:uppercase}
.ozso-dossier dl{margin:0;display:grid;gap:10px;font:500 12.5px/1.5 var(--mono,ui-monospace,Consolas,monospace)}
.ozso-dossier dt{color:var(--s6-t2);letter-spacing:.14em;font-size:10.5px;text-transform:uppercase}
.ozso-dossier dd{margin:-6px 0 0;color:var(--s6-t0);letter-spacing:.03em}

/* ============================================================
   4) /about — MANİFESTO (5 yasa)
   ============================================================ */
.ozso-man-list{list-style:none;margin:var(--s6,32px) 0 0;padding:0;border-top:1px solid var(--s6-hair)}
.ozso-man-row{display:grid;grid-template-columns:110px 1fr 44px;gap:var(--s5,24px);align-items:baseline;
  padding:var(--s5,24px) var(--s3,12px);border-bottom:1px solid var(--s6-hair);
  transition:background-color .3s,border-color .3s;position:relative}
.ozso-man-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,var(--s6-ice),var(--s6-cobalt));
  transform:scaleY(0);transform-origin:top;transition:transform .35s}
.ozso-man-row:hover{background:color-mix(in srgb,var(--s6-ice) 4%,transparent)}
.ozso-man-row:hover::before{transform:scaleY(1)}
.ozso-man-no{font:700 15px/1.4 var(--mono,ui-monospace,Consolas,monospace);letter-spacing:.2em;
  color:var(--s6-em)}
.ozso-man-body h3{margin:0 0 6px;font-size:clamp(17px,1.9vw,20px);letter-spacing:-.02em;color:var(--s6-t0)}
.ozso-man-body p{margin:0;color:var(--muted,var(--s6-t1));font-size:15px;max-width:72ch}
.ozso-man-ic{width:18px;height:18px;justify-self:end;color:var(--s6-t2);transition:color .3s}
.ozso-man-row:hover .ozso-man-ic{color:var(--s6-em)}

/* mühür bandı */
.ozso-seal{display:flex;align-items:center;gap:var(--s4,16px);margin-top:var(--s6,32px);
  font:600 11px/1.6 var(--mono,ui-monospace,Consolas,monospace);letter-spacing:.24em;color:var(--s6-em)}
.ozso-seal svg{width:34px;height:34px;flex:none}
.ozso-seal-ring{stroke:var(--s6-em);fill:none;stroke-width:1.2;stroke-dasharray:4 4}
.ozso-seal-check{stroke:var(--s6-em);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:no-preference){
  .ozso-seal-ring{animation:ozr-rot 26s linear infinite;transform-origin:17px 17px}
}

/* ============================================================
   5) /faq — BİLGİ SÜZGECİ (cam akordeon)
   ============================================================ */
.ozsf-hero{padding:var(--s7,48px) 0 var(--s6,32px);position:relative;overflow:hidden;isolation:isolate}
.ozsf-hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background-image:radial-gradient(color-mix(in srgb,var(--s6-ice) 26%,transparent) 1px,transparent 1.5px);
  background-size:34px 34px;opacity:.16;
  mask-image:radial-gradient(70% 80% at 50% 0%,#000 20%,transparent 76%)}

/* faq hero sonrası sıkı bölüm */
.ozsf-tight{padding-top:var(--s5,24px)}

/* kategori rozetlerine sayaç eki (primitive .ozs-cat üstüne ince ayar) */
.ozsf-count{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;
  background:color-mix(in srgb,var(--s6-ice) 14%,transparent);color:inherit;
  font:600 10.5px/1.6 var(--mono,ui-monospace,Consolas,monospace);letter-spacing:.04em}
.ozs-cat.on .ozsf-count{background:rgb(2 4 8 / .25)}

/* akordeon listesi */
.ozsf-list{display:grid;gap:12px;margin-top:var(--s5,24px)}
.ozsf-q{position:relative;background:var(--s6-glass);backdrop-filter:blur(9px);
  border:1px solid var(--s6-hair);border-radius:var(--r2,13px);overflow:hidden;
  transition:border-color .3s,box-shadow .3s}
.ozsf-q:hover{border-color:color-mix(in srgb,var(--s6-ice) 30%,var(--s6-hair))}
.ozsf-q[open]{border-color:color-mix(in srgb,var(--s6-ice) 34%,transparent);
  box-shadow:0 14px 40px -22px color-mix(in srgb,var(--s6-cobalt) 60%,transparent)}
/* sol durum şeridi */
.ozsf-q::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,var(--s6-em),var(--s6-ice));opacity:0;transition:opacity .35s}
.ozsf-q[open]::before{opacity:1}

.ozsf-q summary{list-style:none;cursor:pointer;display:grid;
  grid-template-columns:34px 1fr auto 34px;gap:14px;align-items:center;
  padding:17px 20px;min-height:56px;color:var(--s6-t0)}
.ozsf-q summary::-webkit-details-marker{display:none}
.ozsf-ix{font:600 11px/1 var(--mono,ui-monospace,Consolas,monospace);letter-spacing:.1em;
  color:var(--s6-t2);user-select:none;padding-top:2px}
.ozsf-q[open] .ozsf-ix{color:var(--s6-ice)}
.ozsf-q-text{font:600 15.5px/1.5 var(--ui,system-ui,sans-serif);letter-spacing:-.008em}
.ozsf-tag{font:600 10px/1 var(--mono,ui-monospace,Consolas,monospace);letter-spacing:.2em;
  text-transform:uppercase;color:var(--s6-t1);border:1px solid var(--s6-hair);
  padding:5px 9px;border-radius:999px;white-space:nowrap}
.ozsf-chev{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--s6-hair);
  border-radius:9px;color:var(--s6-t1);transition:transform .38s cubic-bezier(.16,1,.3,1),color .3s,border-color .3s}
.ozsf-chev svg{width:13px;height:13px}
.ozsf-q[open] .ozsf-chev{transform:rotate(180deg);color:var(--s6-ice);
  border-color:color-mix(in srgb,var(--s6-ice) 40%,transparent)}
@media (prefers-reduced-motion:reduce){.ozsf-q[open] .ozsf-chev{transition:none}}

/* cevap gövdesi — JS yüksekliği ölçer; JS'siz de görünür */
.ozsf-a{padding:0 20px 20px 68px;color:var(--muted,var(--s6-t1));font-size:15px}
.ozsf-a p{margin:0 0 10px;max-width:76ch}
.ozsf-a a{color:var(--s6-ice);font-weight:600}
.ozsf-a-in{will-change:height}

/* ============================================================
   6) RESPONSIVE KAPAKLAR
   ============================================================ */
@media (max-width:1020px){
  .ozso-labgrid{grid-template-columns:1fr;gap:var(--s6,32px)}
  .ozso-stage{max-width:440px}
  .ozso-vision-grid{grid-template-columns:1fr}
  .ozso-dossier{max-width:420px}
  .ozso-rail{left:14px}
  .ozso-ms{grid-template-columns:1fr;gap:10px;padding-left:44px}
  .ozso-ms-year{text-align:left;padding-top:0}
  .ozso-ms-year b{font-size:20px}
  .ozso-ms-node{right:auto;left:-36.5px;top:8px}
  .ozso-ms:nth-child(even) .ozso-ms-card{margin-left:0}
  .ozso-man-row{grid-template-columns:56px 1fr;gap:var(--s4,16px)}
  .ozso-man-ic{display:none}
}
@media (max-width:560px){
  .ozso-tel{grid-template-columns:1fr}
  .ozsf-q summary{grid-template-columns:1fr 34px;gap:10px;padding:15px 16px}
  .ozsf-ix,.ozsf-tag{display:none}
  .ozsf-a{padding:0 16px 16px}
  .ozso-ms-card{padding:var(--s4,16px) var(--s5,24px)}
}
/* uzun cevaplar için print dostu duruluk: yok — ekran ürünüyüz */

@media (prefers-reduced-motion:reduce){
  .ozso-ms-node,.ozso-ms-year b,.ozsf-q,.ozsf-chev,.ozso-man-row,.ozso-man-row::before{transition:none}
}