/**
 * 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-home.css v6 "DEEP-SPACE CRYPTOGRAPHIC VAULT" — ANA SAYFA +
 * HAKKIMIZDA (legacy bölüm) görsel katmanı. oz-site.css v6 (Ajan 1)
 * token'ları üstüne; kozmik palet --ozv-* değişkenlerinden HEX FALLBACK'Lİ
 * okunur. Yeni bileşenler `ozh-` önekli, yalnız bu dosyada tanımlı:
 *   HERO 3.0 "Cryptographic Citadel Iris" (.ozh-ir-*)   — 4 halka + telemetri
 *   BENTO CITADEL (.ozh-bento, .ozh-b-*)                 — asimetrik grid
 *     · Bytecode Disassembler (.ozh-dis-*)               — hex + lockdown sim
 *     · Fingerprint Radar (.ozh-rad-*)                   — süpürme + çapalar
 *     · Air-Gapped Bunker (.ozh-bnk-*)                   — CSS-only toggle
 *     · Monotonic Counter (.ozh-ctr-*)                   — odometer + rollback
 *   PIPELINE DATAFLOW (.ozh-pipe-*)                      — ortografik hat
 * Etkileşim JS'i: oz-site-home.js. JS'siz her içerik görünür; hareket
 * yalnız prefers-reduced-motion: no-preference altında açılır.
 */

/* v6 palet köprüsü: --ozv-* (oz-site.css) var mı yok mu bilmeden fallback'li */
:root{
  --ozh-deep:var(--ozv-deep,#020408);
  --ozh-void:var(--ozv-void,#060A12);
  --ozh-pane:var(--ozv-abyss,#0B1220);
  --ozh-pane2:var(--ozv-surface,#0B1220);
  --ozh-line:var(--ozv-line,#182742);
  --ozh-line2:#26334F;
  --ozh-star:var(--ozv-star,#F1F5F9);
  --ozh-metal:var(--ozv-metal,#94A3B8);
  --ozh-dim:var(--ozv-titanium,#475569);
  --ozh-ice:var(--ozv-ice,#38BDF8);
  --ozh-cobalt:var(--ozv-cobalt,#2563EB);
  --ozh-emerald:var(--ozv-emerald,#10B981);
  --ozh-amber:var(--ozv-amber,#F59E0B);
  --ozh-ice-ink:var(--ozv-ice,#38BDF8);
  --ozh-emerald-ink:var(--ozv-emerald,#10B981);
  --ozh-amber-ink:var(--ozv-amber,#F59E0B);
  --ozh-mono:var(--ozv-mono,var(--mono,ui-monospace,'Cascadia Code',Consolas,monospace));
}
[data-theme="light"]{
  --ozh-pane:#FFFFFF;
  --ozh-pane2:#FFFFFF;
  --ozh-line:#DFE7F4;
  --ozh-line2:#C7D3E8;
  --ozh-star:#0A1428;
  --ozh-metal:#48597E;
  --ozh-dim:#7A87A6;
  --ozh-ice-ink:#0369A1;
  --ozh-cobalt:#1D4ED8;
  --ozh-emerald-ink:#0A8F63;
  --ozh-amber-ink:#B45309;
}

/* dönen gradyan sınır (tier rozeti) */
@property --oz-spin{syntax:"<angle>";inherits:false;initial-value:0deg}

/* ============================================================
   HERO 3.0 — Citadel Iris sahnesi
   ============================================================ */
.ozs-home-hero{position:relative;isolation:isolate;overflow:hidden;
  min-height:max(560px,min(68svh + 40px,700px));
  display:flex;align-items:center;padding:var(--s7,48px) 0 var(--s8,64px)}
.ozs-home-hero::before{content:"";position:absolute;inset:0;z-index:-2;
  background-image:linear-gradient(var(--ozh-line) 1px,transparent 1px),linear-gradient(90deg,var(--ozh-line) 1px,transparent 1px);
  background-size:52px 52px;opacity:calc(var(--grid-op,.08) + .08);
  mask-image:radial-gradient(ellipse 95% 82% at 50% 18%,#000 22%,transparent 78%)}
.ozs-home-hero .ozs-wrap{width:100%}
.ozs-home-hero-in{display:grid;grid-template-columns:7fr 5fr;gap:var(--s7,48px);align-items:center}

.ozs-home-hero-title{font-size:clamp(34px,5vw,54px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:0 0 var(--s4,16px);
  background:linear-gradient(175deg,var(--ozh-star) 30%,color-mix(in srgb,var(--ozh-star) 55%,var(--ozh-ice)) 78%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ozs-home-hero-link{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s4,16px);font-weight:600;color:var(--ozh-ice-ink)}
.ozs-home-hero-link svg{width:18px;height:18px;flex:none;transition:transform .25s var(--ease,cubic-bezier(.16,1,.3,1))}
.ozs-home-hero-link:hover{color:var(--ozh-ice-ink)}
.ozs-home-hero-link:hover svg{transform:translateX(4px)}

/* giriş dizisi: kopya çocukları sırayla yükselir (JS'siz de çalışır) */
@media (prefers-reduced-motion:no-preference){
  .ozs-home-hero-copy > *{animation:ozh-rise .8s var(--ease,cubic-bezier(.16,1,.3,1)) backwards}
  .ozs-home-hero-copy > *:nth-child(2){animation-delay:.08s}
  .ozs-home-hero-copy > *:nth-child(3){animation-delay:.16s}
  .ozs-home-hero-copy > *:nth-child(4){animation-delay:.24s}
  .ozs-home-hero-copy > *:nth-child(5){animation-delay:.32s}
  .ozs-home-hero-copy > *:nth-child(6){animation-delay:.42s}
  .ozh-hero-art{animation:ozh-rise .9s .2s var(--ease,cubic-bezier(.16,1,.3,1)) backwards}
}
@keyframes ozh-rise{from{opacity:0;transform:translateY(26px);filter:blur(6px)}}

.ozh-hero-art{display:grid;gap:var(--s4,16px);justify-items:center}

/* ---------- Citadel Iris (hero-art.php) ---------- */
.ozh-ir{margin:0;display:grid;gap:var(--s4,16px);width:min(100%,560px)}
.ozh-ir-svg{display:block;width:100%;height:auto;
  filter:drop-shadow(0 26px 60px color-mix(in srgb,var(--ozh-cobalt) 22%,transparent))}

.ozh-ir-g1{stop-color:color-mix(in srgb,var(--ozh-emerald) 16%,transparent)}
.ozh-ir-g2{stop-color:color-mix(in srgb,var(--ozh-emerald) 5%,transparent)}
.ozh-ir-g3{stop-color:transparent}
.ozh-ir-m1{stop-color:var(--ozh-metal)}
.ozh-ir-m2{stop-color:var(--ozh-dim)}

.ozh-ir-hud path{stroke:color-mix(in srgb,var(--ozh-ice) 42%,transparent);stroke-width:1.5}
.ozh-ir-cross path{stroke:color-mix(in srgb,var(--ozh-dim) 50%,transparent);stroke-width:1;stroke-dasharray:2 8}
.ozh-ir-ticks line{stroke:color-mix(in srgb,var(--ozh-dim) 70%,transparent);stroke-width:1}

/* halka etkileşimi: hover/focus aydınlanması (CSS-only de çalışır) */
.ozh-ir-ring{opacity:.8;transition:opacity .3s var(--ease,cubic-bezier(.16,1,.3,1)),filter .3s var(--ease,cubic-bezier(.16,1,.3,1));
  transform-box:view-box;transform-origin:50% 50%;outline:none;cursor:default}
.ozh-ir-ring:hover,.ozh-ir-ring:focus-visible,.ozh-ir-ring.on{opacity:1;
  filter:drop-shadow(0 0 9px color-mix(in srgb,var(--ozh-ice) 46%,transparent))}

.ozh-ir-band{stroke:color-mix(in srgb,var(--ozh-metal) 20%,transparent);stroke-width:14}
.ozh-ir-knurl{stroke:color-mix(in srgb,var(--ozh-ice) 46%,transparent);stroke-width:7;stroke-dasharray:5.5 7}
.ozh-ir-chip{fill:var(--ozh-pane);stroke:color-mix(in srgb,var(--ozh-ice) 62%,transparent);stroke-width:1}
.ozh-ir-chipled{fill:var(--ozh-emerald)}
.ozh-ir-nodelbl{fill:var(--ozh-metal);font:10.5px/1 var(--ozh-mono);letter-spacing:.14em}
.ozh-ir-seal path{stroke:color-mix(in srgb,var(--ozh-ice) 26%,transparent);stroke-width:1;stroke-dasharray:34 26}

.ozh-ir-dash{stroke:color-mix(in srgb,var(--ozh-cobalt) 72%,transparent);stroke-width:2;stroke-dasharray:42 16}
.ozh-ir-slot{fill:none;stroke:color-mix(in srgb,var(--ozh-ice) 52%,transparent);stroke-width:1.2}
.ozh-ir-eng{fill:color-mix(in srgb,var(--ozh-metal) 62%,var(--ozh-dim));font:10.5px/1 var(--ozh-mono);letter-spacing:.34em}
.ozh-ir-eng2{font-size:9.5px;letter-spacing:.3em}

.ozh-ir-hair{stroke:color-mix(in srgb,var(--ozh-metal) 38%,transparent);stroke-width:1}
.ozh-ir-dim{opacity:.55}
.ozh-ir-sig{stroke:color-mix(in srgb,var(--ozh-emerald) 78%,transparent);stroke-width:1.6;stroke-linecap:round}

.ozh-ir-door{stroke:url(#ozh-ir-metal);stroke-width:2.2}
.ozh-ir-bolt{fill:var(--ozh-dim)}
.ozh-ir-wheel{stroke:color-mix(in srgb,var(--ozh-ice) 62%,transparent);stroke-width:1.6}
.ozh-ir-spoke{stroke:color-mix(in srgb,var(--ozh-metal) 48%,transparent);stroke-width:2;stroke-linecap:round}
.ozh-ir-hub{stroke:color-mix(in srgb,var(--ozh-ice) 78%,transparent);stroke-width:1.6}
.ozh-ir-key{fill:var(--ozh-emerald)}
.ozh-ir-led{fill:var(--ozh-emerald)}
.ozh-ir-ledhalo{fill:color-mix(in srgb,var(--ozh-emerald) 22%,transparent)}
.ozh-ir-ledlbl{fill:var(--ozh-emerald-ink);font:600 10px/1 var(--ozh-mono);letter-spacing:.22em;text-transform:uppercase}
@media (prefers-reduced-motion:no-preference){
  .ozh-ir-led{animation:ozh-led 2.2s ease-in-out infinite}
  .ozh-ir-ledhalo{transform-box:fill-box;transform-origin:center;animation:ozh-ledhalo 2.2s ease-in-out infinite}
}
@keyframes ozh-led{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes ozh-ledhalo{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1.25);opacity:1}}

/* mikro-telemetri paneli */
.ozh-ir-tele{position:relative;width:100%;margin:0;overflow:hidden;
  background:color-mix(in srgb,var(--ozh-pane) 78%,transparent);
  border:1px solid color-mix(in srgb,var(--ozh-ice) 20%,var(--ozh-line));
  border-radius:12px;backdrop-filter:blur(10px);box-shadow:var(--shadow-1,0 2px 10px rgb(0 0 0/.35))}
.ozh-ir-tele::before{content:"";position:absolute;inset:0 0 auto;height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ozh-ice) 70%,transparent),color-mix(in srgb,var(--ozh-emerald) 60%,transparent),transparent)}
.ozh-ir-tele-head{display:flex;align-items:center;gap:10px;
  padding:10px 14px;border-bottom:1px solid var(--ozh-line);
  font:12px/1.4 var(--ozh-mono)}
.ozh-ir-tele-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ozh-emerald);box-shadow:0 0 8px color-mix(in srgb,var(--ozh-emerald) 65%,transparent)}
.ozh-ir-tele-t{color:var(--ozh-star);font-weight:600;letter-spacing:.02em}
.ozh-ir-tele-tag{margin-left:auto;color:var(--ozh-dim);font-size:11px;letter-spacing:.14em}
.ozh-ir-tset{display:none;list-style:none;margin:0;padding:10px 14px;gap:3px}
.ozh-ir-tset.on{display:grid}
.ozh-ir-tset li{display:flex;justify-content:space-between;gap:12px;font:12px/1.7 var(--ozh-mono)}
.ozh-ir-tset span{color:var(--ozh-metal)}
.ozh-ir-tset b{color:var(--ozh-ice-ink);font-weight:600;text-align:right}
.ozh-ir-hint{margin:0;padding:0 14px 10px;font:10px/1.5 var(--ozh-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ozh-dim)}

/* doğrulama konsolu (decrypt efekti oz-site-effects.js ile) */
.ozs-home-term{position:relative;background:color-mix(in srgb,var(--ozh-pane) 72%,transparent);backdrop-filter:blur(12px);
  border:1px solid color-mix(in srgb,var(--ozh-ice) 22%,var(--ozh-line));border-radius:var(--r2,13px);
  box-shadow:var(--shadow-glow,0 18px 60px -18px color-mix(in srgb,var(--ozh-cobalt) 40%,transparent));overflow:hidden}
.ozs-home-term::before{content:"";position:absolute;inset:0 0 auto;height:1px;
  background:linear-gradient(90deg,transparent,var(--ozh-ice),var(--ozh-cobalt),var(--ozh-emerald),transparent);opacity:.8}
@media (prefers-reduced-motion:no-preference){
  .ozs-home-term::after{content:"";position:absolute;left:0;right:0;top:-30%;height:26%;
    background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ozh-ice) 7%,transparent),transparent);
    animation:ozh-scan 5.5s linear infinite}
  .ozs-home-art .ozh-ir-svg{animation:ozh-float 7s ease-in-out infinite alternate}
}
@keyframes ozh-scan{to{top:120%}}
@keyframes ozh-float{from{transform:translateY(0)}to{transform:translateY(-8px)}}
.ozs-home-term-slim{width:min(100%,520px);margin-top:var(--s6,32px)}
.ozs-home-term-bar{display:flex;align-items:center;gap:var(--s2,8px);padding:var(--s3,12px) var(--s4,16px);border-bottom:1px solid var(--ozh-line)}
.ozs-home-term-dot{width:10px;height:10px;border-radius:50%;background:var(--ozh-line2)}
.ozs-home-term-dot:first-child{background:#F87171}
.ozs-home-term-dot:nth-child(2){background:var(--ozh-amber)}
.ozs-home-term-dot:nth-child(3){background:var(--ozh-emerald)}
.ozs-home-term-title{margin-left:auto;font:12px/1 var(--ozh-mono);color:var(--ozh-metal)}
.ozs-home-term-body{padding:var(--s4,16px) var(--s5,24px);font:12.5px/2 var(--ozh-mono);color:var(--ozh-metal)}
.ozs-home-term-body .ozs-home-term-key{color:var(--ozh-ice-ink);display:inline-block;min-width:7ch}
.ozs-home-term-body .ozs-home-term-ok{color:var(--ozh-emerald-ink)}
.ozs-home-term-body .ozs-home-term-ok::before{content:"✓ ";color:var(--ozh-ice-ink)}
.ozs-home-term-status{display:flex;align-items:center;gap:var(--s2,8px);flex-wrap:wrap;
  padding:var(--s3,12px) var(--s4,16px);border-top:1px solid var(--ozh-line);
  font:12px/1 var(--ozh-mono);letter-spacing:.08em;color:var(--ozh-metal);text-transform:uppercase;
  background:color-mix(in srgb,var(--ozh-deep) 55%,transparent)}
.ozs-home-term-status-sep{color:var(--ozh-line2)}

/* istatistik şeridi */
.ozs-home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5,24px);margin-top:var(--s7,48px)}
.ozs-home-stat{position:relative;background:color-mix(in srgb,var(--ozh-pane) 72%,transparent);backdrop-filter:blur(8px);
  border:1px solid var(--ozh-line);border-radius:var(--r2,13px);padding:var(--s4,16px) var(--s5,24px)}
.ozs-home-stat::before{content:"";position:absolute;left:var(--s5,24px);right:var(--s5,24px);top:-1px;height:1px;
  background:linear-gradient(90deg,var(--ozh-cobalt),var(--ozh-ice),var(--ozh-emerald));opacity:.55}
.ozs-home-stat-v{font:700 clamp(24px,2.8vw,32px)/1.1 var(--ozh-mono);letter-spacing:-.02em;
  background:linear-gradient(115deg,var(--ozh-ice),var(--ozh-emerald));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ozs-home-stat-l{color:var(--ozh-metal);font-size:14px;margin-top:var(--s1,4px)}

/* kaydırma işareti */
.ozs-home-scroll{position:absolute;left:50%;bottom:var(--s5,24px);transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:var(--s2,8px);margin:0;
  font:11px/1 var(--ozh-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ozh-metal)}
.ozs-home-scroll-line{width:1px;height:34px;background:linear-gradient(180deg,transparent,var(--ozh-ice))}
@media (prefers-reduced-motion:no-preference){
  .ozs-home-scroll-line{animation:ozh-cue 2.2s var(--ease,cubic-bezier(.16,1,.3,1)) infinite;transform-origin:top}
}
@keyframes ozh-cue{0%{transform:scaleY(0)}45%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* ============================================================
   BENTO CITADEL — trust marquee + asimetrik sergi grid'i
   ============================================================ */
.ozh-trustsec{padding:var(--s7,48px) 0 var(--s6,32px)}
.ozs-marquee{position:relative;display:flex;gap:var(--s5,24px);overflow:hidden;margin-top:var(--s5,24px);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ozs-marquee-track{display:flex;gap:var(--s5,24px);flex:none;min-width:100%;align-items:center}
@media (prefers-reduced-motion:no-preference){
  .ozs-marquee-track{animation:ozh-marquee calc(30s * var(--mqs,1)) linear infinite}
}
@keyframes ozh-marquee{to{transform:translateX(calc(-100% - var(--s5,24px)))}}
.ozs-home-chip{display:inline-flex;align-items:center;gap:var(--s2,8px);padding:8px 16px;
  border:1px solid var(--ozh-line);border-radius:999px;background:color-mix(in srgb,var(--ozh-pane) 72%,transparent);
  color:var(--ozh-metal);font:600 13px/1.2 var(--ozv-ui,var(--ui,system-ui,sans-serif));white-space:nowrap}
.ozs-home-chip svg{width:14px;height:14px;color:var(--ozh-emerald-ink)}

.ozh-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s5,24px);margin-top:var(--s6,32px)}
.ozh-b{position:relative;display:flex;flex-direction:column;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ozh-pane) 94%,transparent),color-mix(in srgb,var(--ozh-void) 96%,transparent));
  border:1px solid var(--ozh-line);border-radius:16px;padding:var(--s5,24px);
  box-shadow:var(--shadow-1,0 2px 10px rgb(0 0 0/.35));overflow:hidden;
  transition:border-color .3s var(--ease,cubic-bezier(.16,1,.3,1)),box-shadow .3s var(--ease,cubic-bezier(.16,1,.3,1))}
.ozh-b::before{content:"";position:absolute;top:0;left:var(--s5,24px);right:var(--s5,24px);height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ozh-ice) 42%,transparent),transparent);opacity:.6}
.ozh-b:hover{border-color:color-mix(in srgb,var(--ozh-ice) 28%,var(--ozh-line));
  box-shadow:var(--shadow-2,0 18px 48px -16px rgb(0 0 0/.55))}
.ozh-b-dis{grid-column:1/8;grid-row:1/3}
.ozh-b-rad{grid-column:8/13;grid-row:1/2}
.ozh-b-bnk{grid-column:8/13;grid-row:2/3}
.ozh-b-ctr{grid-column:1/13;grid-row:3/4}
/* sergi 05 — koruma katmanlari (PHP+PE+Android+Node): tam genislik, grid'de
   konumsuz kalmasin (ozh-b-* konum sinifi olmadan bento grid'de bozulur) */
.ozh-b-bynd{grid-column:1/13;grid-row:auto}

.ozh-b-head{margin:0 0 var(--s4,16px)}
.ozh-b-tag{margin:0 0 var(--s2,8px);font:600 10.5px/1 var(--ozh-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ozh-dim)}
.ozh-b-t{margin:0 0 6px;font-size:19px;letter-spacing:-.02em;color:var(--ozh-star)}
.ozh-b-d{margin:0;font-size:14.5px;color:var(--ozh-metal);max-width:64ch}
.ozh-b-foot{display:flex;align-items:center;gap:8px;margin:var(--s4,16px) 0 0;
  font:600 11px/1.5 var(--ozh-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ozh-metal)}

/* sergi butonları (mono, ince) */
.ozh-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;
  border:1px solid var(--ozh-line2);border-radius:9px;background:transparent;
  color:var(--ozh-star);font:600 12.5px/1.3 var(--ozh-mono);letter-spacing:.04em;cursor:pointer;
  transition:border-color .2s var(--ease,cubic-bezier(.16,1,.3,1)),box-shadow .25s var(--ease,cubic-bezier(.16,1,.3,1)),background .2s}
.ozh-btn:hover{border-color:color-mix(in srgb,var(--ozh-ice) 55%,var(--ozh-line2));
  background:color-mix(in srgb,var(--ozh-ice) 7%,transparent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ozh-ice) 12%,transparent);text-decoration:none}
.ozh-btn-warn{border-color:color-mix(in srgb,var(--ozh-amber) 42%,var(--ozh-line2));color:var(--ozh-amber-ink)}
.ozh-btn-warn:hover{border-color:var(--ozh-amber);background:color-mix(in srgb,var(--ozh-amber) 8%,transparent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ozh-amber) 14%,transparent)}

/* ---------- SERGİ 01 · BYTECODE DISASSEMBLER ---------- */
.ozh-dis-ctl{display:flex;align-items:center;gap:var(--s3,12px);flex-wrap:wrap;margin:0 0 var(--s4,16px)}
.ozh-dis-files{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--ozh-line);border-radius:999px;
  background:color-mix(in srgb,var(--ozh-deep) 70%,transparent)}
.ozh-dis-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.ozh-dis-filelbl{padding:7px 14px;border-radius:999px;font:600 12px/1 var(--ozh-mono);
  color:var(--ozh-metal);cursor:pointer;user-select:none;transition:color .2s,background .2s,box-shadow .2s}
.ozh-dis-filelbl:hover{color:var(--ozh-star)}
.ozh-dis-file:checked + .ozh-dis-filelbl{color:var(--ozh-ice-ink);
  background:color-mix(in srgb,var(--ozh-ice) 13%,var(--ozh-pane));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ozh-ice) 38%,transparent)}
.ozh-dis-file:focus-visible + .ozh-dis-filelbl{outline:2px solid var(--ozh-ice);outline-offset:2px}

.ozh-dis-state{display:inline-grid;margin-left:auto;font:700 11px/1.4 var(--ozh-mono);letter-spacing:.1em;text-transform:uppercase}
.ozh-dis-state-ok{grid-area:1/1;color:var(--ozh-emerald-ink)}
.ozh-dis-state-lock{grid-area:1/1;visibility:hidden;color:var(--ozh-amber-ink)}
.ozh-attack .ozh-dis-state-ok{visibility:hidden}
.ozh-attack .ozh-dis-state-lock{visibility:visible}

.ozh-dis-arm{display:inline}
.ozh-dis-disarm{display:none}
.ozh-attack .ozh-dis-arm{display:none}
.ozh-attack .ozh-dis-disarm{display:inline}

.ozh-dis-body{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s5,24px)}
.ozh-pane-lbl{margin:0 0 10px;font:600 10px/1.4 var(--ozh-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ozh-dim)}

.ozh-hexwrap{position:relative;height:252px;overflow:hidden;border:1px solid var(--ozh-line);border-radius:10px;
  background:color-mix(in srgb,var(--ozh-deep) 88%,transparent);
  mask-image:linear-gradient(180deg,#000 78%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent)}
[data-theme="light"] .ozh-hexwrap{background:#F6F8FC}
.ozh-hex{display:none;position:absolute;inset:0;margin:0;padding:12px 14px;overflow:hidden;
  font:11.5px/1.75 var(--ozh-mono);letter-spacing:.05em;color:color-mix(in srgb,var(--ozh-metal) 82%,transparent)}
.ozh-hex.on{display:block}
.ozh-b-dis:has(#ozh-dis-f0:checked) .ozh-hex{display:none}
.ozh-b-dis:has(#ozh-dis-f0:checked) .ozh-hex[data-ozh-pane="0"]{display:block}
.ozh-b-dis:has(#ozh-dis-f1:checked) .ozh-hex[data-ozh-pane="1"]{display:block}
.ozh-hexrow{display:block;white-space:pre;transition:color .18s}
.ozh-hexrow:first-child{color:var(--ozh-ice-ink);font-weight:600}
.ozh-hexrow.flick{color:var(--ozh-ice-ink)}
@media (prefers-reduced-motion:no-preference){
  .ozh-hexwrap::after{content:"";position:absolute;left:0;right:0;top:-64px;height:60px;pointer-events:none;
    background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ozh-ice) 9%,transparent),transparent)}
  .ozh-live .ozh-hexwrap::after{animation:ozh-scan2 4.2s linear infinite}
}
@keyframes ozh-scan2{to{transform:translateY(calc(252px + 130px))}}

.ozh-dis-alert{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:8px 10px;
  border:1px solid color-mix(in srgb,var(--ozh-amber) 42%,transparent);border-radius:8px;
  background:color-mix(in srgb,var(--ozh-amber) 8%,transparent);
  font:700 11px/1.5 var(--ozh-mono);letter-spacing:.08em;color:var(--ozh-amber-ink)}
.ozh-dis-alert::before{content:"!!";flex:none;font-weight:800}
@media (prefers-reduced-motion:no-preference){
  .ozh-attack .ozh-dis-alert{animation:ozh-blink 1s steps(2,jump-none) infinite}
}
@keyframes ozh-blink{50%{opacity:.35}}
.ozh-dis-note{margin:8px 0 0;font:11px/1.6 var(--ozh-mono);color:var(--ozh-dim)}

.ozh-dis-mem{display:block;width:100%;height:auto;margin:0 0 var(--s3,12px)}
.ozh-dis-mem-disk rect,.ozh-dis-mem-ram rect{fill:color-mix(in srgb,var(--ozh-deep) 60%,transparent);stroke:var(--ozh-line2);stroke-width:1.2}
[data-theme="light"] .ozh-dis-mem-disk rect,[data-theme="light"] .ozh-dis-mem-ram rect{fill:#F6F8FC}
.ozh-dis-mem-t1{fill:var(--ozh-metal);font:600 9.5px/1 var(--ozh-mono);letter-spacing:.14em}
.ozh-dis-mem-t2{fill:var(--ozh-dim);font:9.5px/1 var(--ozh-mono)}
.ozh-dis-mem-flow{fill:none;stroke:var(--ozh-emerald);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ozh-dis-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ozh-dis-steps li{position:relative;padding-left:22px;font-size:13.5px;color:var(--ozh-metal)}
.ozh-dis-steps li::before{content:"";position:absolute;left:0;top:4px;width:13px;height:13px;border-radius:4px;
  border:1px solid color-mix(in srgb,var(--ozh-emerald) 58%,transparent);background:color-mix(in srgb,var(--ozh-emerald) 10%,transparent)}
.ozh-dis-steps li::after{content:"";position:absolute;left:4px;top:8px;width:5px;height:5px;border-radius:1.5px;background:var(--ozh-emerald)}

.ozh-dis-log{margin-top:var(--s4,16px);padding-top:var(--s3,12px);border-top:1px dashed var(--ozh-line);
  display:grid;gap:3px;max-height:0;opacity:0;overflow:hidden;
  transition:max-height .5s var(--ease,cubic-bezier(.16,1,.3,1)),opacity .4s}
.ozh-attack .ozh-dis-log{max-height:220px;opacity:1}
.ozh-dis-logline{margin:0;font:11.5px/1.7 var(--ozh-mono);color:var(--ozh-metal);
  opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.ozh-attack .ozh-dis-logline{opacity:1;transform:none}
.ozh-attack .ozh-dis-logline-1{transition-delay:.3s}
.ozh-attack .ozh-dis-logline-2{transition-delay:.75s}
.ozh-attack .ozh-dis-logline-3{transition-delay:1.25s}
.ozh-dis-logline-3{color:var(--ozh-amber-ink);font-weight:700}

.ozh-b-dis.ozh-attack{border-color:color-mix(in srgb,var(--ozh-amber) 55%,transparent);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ozh-amber) 26%,transparent),
    0 20px 52px -18px color-mix(in srgb,var(--ozh-amber) 30%,transparent)}
.ozh-attack .ozh-hexwrap{border-color:color-mix(in srgb,var(--ozh-amber) 45%,transparent)}
.ozh-attack .ozh-hex{opacity:.6}

/* ---------- SERGİ 02 · FINGERPRINT RADAR ---------- */
.ozh-rad-svg{display:block;width:min(100%,330px);margin:0 auto}
.ozh-rad-grid circle,.ozh-rad-grid path{stroke:var(--ozh-line2);stroke-width:1;fill:none}
.ozh-rad-grid path{stroke-dasharray:2 6;opacity:.7}
.ozh-rad-sweep{fill:color-mix(in srgb,var(--ozh-ice) 10%,transparent);stroke:none;
  transform-origin:150px 140px}
.ozh-rad-beam{stroke:color-mix(in srgb,var(--ozh-ice) 72%,transparent);stroke-width:1.4;
  transform-origin:150px 140px}
@media (prefers-reduced-motion:no-preference){
  .ozh-live .ozh-rad-sweep{animation:ozh-rot 5s linear infinite}
  .ozh-live .ozh-rad-beam{animation:ozh-rot 5s linear infinite}
}
@keyframes ozh-rot{to{transform:rotate(360deg)}}
.ozh-rad-blip{cursor:pointer;outline:none}
.ozh-rad-dot{fill:var(--ozh-emerald)}
.ozh-rad-ping{fill:none;stroke:var(--ozh-emerald);stroke-width:1;opacity:.7;
  transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:no-preference){
  .ozh-rad-blip .ozh-rad-ping{animation:ozh-pingout 2.6s ease-out infinite}
}
@keyframes ozh-pingout{from{transform:scale(.4);opacity:.8}to{transform:scale(2.1);opacity:0}}
.ozh-rad-lbl{fill:var(--ozh-metal);font:600 9.5px/1 var(--ozh-mono);letter-spacing:.12em;
  paint-order:stroke;stroke:var(--ozh-void);stroke-width:3px}
[data-theme="light"] .ozh-rad-lbl{stroke:#FFFFFF}
.ozh-rad-blip:hover .ozh-rad-dot,.ozh-rad-blip:focus-visible .ozh-rad-dot,.ozh-rad-blip.on .ozh-rad-dot{fill:var(--ozh-ice)}
.ozh-rad-blip:hover .ozh-rad-ping,.ozh-rad-blip:focus-visible .ozh-rad-ping,.ozh-rad-blip.on .ozh-rad-ping{stroke:var(--ozh-ice)}
.ozh-rad-blip:hover .ozh-rad-lbl,.ozh-rad-blip:focus-visible .ozh-rad-lbl,.ozh-rad-blip.on .ozh-rad-lbl{fill:var(--ozh-ice-ink)}
.ozh-rad-detail{position:relative;min-height:20px;margin:var(--s3,12px) 0 0;font:12px/1.6 var(--ozh-mono);color:var(--ozh-metal)}
.ozh-rad-dset{display:none}
.ozh-rad-dset.on{display:block}
.ozh-rad-dset b{color:var(--ozh-ice-ink);font-weight:600}

/* ---------- SERGİ 03 · AIR-GAPPED BUNKER ---------- */
.ozh-bnk-ctl{display:flex;align-items:center;gap:var(--s3,12px);margin:0 0 var(--s3,12px)}
.ozh-bnk-mode{font:700 11px/1 var(--ozh-mono);letter-spacing:.16em;text-transform:uppercase;transition:color .25s}
.ozh-bnk-mode-on{color:var(--ozh-ice-ink)}
.ozh-bnk-mode-air{color:var(--ozh-dim)}
.ozh-bnk-chk{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.ozh-bnk-track{display:inline-flex;width:52px;height:26px;padding:2px;cursor:pointer;
  border:1px solid var(--ozh-line2);border-radius:999px;
  background:color-mix(in srgb,var(--ozh-deep) 80%,transparent);
  transition:border-color .25s var(--ease,cubic-bezier(.16,1,.3,1))}
.ozh-bnk-knob{width:20px;height:20px;border-radius:50%;background:var(--ozh-ice);
  box-shadow:0 0 10px color-mix(in srgb,var(--ozh-ice) 55%,transparent);
  transition:transform .3s var(--ease,cubic-bezier(.16,1,.3,1)),background .3s,box-shadow .3s}
.ozh-bnk-chk:focus-visible + .ozh-bnk-track{outline:2px solid var(--ozh-ice);outline-offset:2px}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-track,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-track{border-color:color-mix(in srgb,var(--ozh-amber) 62%,transparent)}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-knob,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-knob{transform:translateX(26px);background:var(--ozh-amber);
  box-shadow:0 0 10px color-mix(in srgb,var(--ozh-amber) 55%,transparent)}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-mode-on,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-mode-on{color:var(--ozh-dim)}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-mode-air,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-mode-air{color:var(--ozh-amber-ink)}

.ozh-bnk-svg{display:block;width:100%;height:auto;margin:4px 0 2px}
.ozh-bnk-site rect{fill:color-mix(in srgb,var(--ozh-deep) 62%,transparent);stroke:var(--ozh-line2);stroke-width:1.4}
[data-theme="light"] .ozh-bnk-site rect{fill:#F6F8FC}
.ozh-bnk-rack{fill:none;stroke:var(--ozh-line);stroke-width:1.2}
.ozh-bnk-led{fill:var(--ozh-emerald)}
@media (prefers-reduced-motion:no-preference){
  .ozh-bnk-led{animation:ozh-led 2.4s ease-in-out infinite}
}
.ozh-bnk-lbl{fill:var(--ozh-dim);font:600 10px/1 var(--ozh-mono);letter-spacing:.14em;text-transform:uppercase}
.ozh-bnk-cloudshape{fill:color-mix(in srgb,var(--ozh-deep) 72%,transparent);
  stroke:color-mix(in srgb,var(--ozh-ice) 58%,transparent);stroke-width:1.4;
  transition:opacity .4s var(--ease,cubic-bezier(.16,1,.3,1))}
.ozh-bnk-cloudled{fill:var(--ozh-ice);transition:fill .3s}
.ozh-bnk-cloud{transition:opacity .4s var(--ease,cubic-bezier(.16,1,.3,1))}
.ozh-bnk-link{stroke:color-mix(in srgb,var(--ozh-ice) 55%,transparent);stroke-width:1.4;
  stroke-dasharray:6 6;transition:stroke .3s,opacity .3s}
@media (prefers-reduced-motion:no-preference){
  .ozh-bnk-link{animation:ozh-dashmove 1.4s linear infinite}
}
@keyframes ozh-dashmove{to{stroke-dashoffset:-24}}
.ozh-bnk-cutcut{stroke:var(--ozh-amber);stroke-width:2.2;stroke-linecap:round;
  fill:none;opacity:0;transition:opacity .3s .1s}
.ozh-bnk-packet{fill:var(--ozh-ice)}
@media (prefers-reduced-motion:no-preference){
  .ozh-bnk-packet{animation:ozh-packet 2.6s linear infinite}
}
@keyframes ozh-packet{0%{transform:translateX(0);opacity:0}12%{opacity:1}84%{opacity:1}100%{transform:translateX(176px);opacity:0}}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-cloud,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-cloud{opacity:.26}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-cloudled,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-cloudled{fill:var(--ozh-dim)}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-link,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-link{stroke:color-mix(in srgb,var(--ozh-amber) 42%,transparent);
  stroke-dasharray:3 10;animation:none;opacity:.65}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-packet,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-packet{opacity:0;animation:none}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-cutcut,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-cutcut{opacity:1}

.ozh-bnk-cut{max-height:0;opacity:0;overflow:hidden;margin:0;
  font:600 11px/1.5 var(--ozh-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ozh-amber-ink);
  transition:max-height .35s var(--ease,cubic-bezier(.16,1,.3,1)),opacity .3s}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-cut,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-cut{max-height:22px;opacity:1}

.ozh-bnk-list{list-style:none;margin:var(--s3,12px) 0 0;padding:0;display:grid;gap:8px;
  font-size:13.5px;color:var(--ozh-metal)}
.ozh-bnk-list li{display:flex;gap:10px;align-items:flex-start}
.ozh-bnk-list svg{flex:none;width:16px;height:16px;color:var(--ozh-emerald-ink);margin-top:2px}
.ozh-bnk-offlist{display:none}
.ozh-bnk-offlist svg{color:var(--ozh-amber-ink)}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-onlist,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-onlist{display:none}
.ozh-b-bnk:has(.ozh-bnk-chk:checked) .ozh-bnk-offlist,
.ozh-b-bnk[data-mode="air"] .ozh-bnk-offlist{display:grid}

/* ---------- SERGİ 04 · MONOTONIC COUNTER ---------- */
.ozh-ctr-stage{display:flex;align-items:center;gap:var(--s5,24px);flex-wrap:wrap}
.ozh-ctr-meter{display:flex;align-items:center;gap:var(--s4,16px);flex-wrap:wrap;
  padding:13px 18px;border:1px solid var(--ozh-line);border-radius:12px;
  background:color-mix(in srgb,var(--ozh-deep) 62%,transparent)}
[data-theme="light"] .ozh-ctr-meter{background:#F6F8FC}
.ozh-ctr-lbl{font:600 10px/1.5 var(--ozh-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ozh-dim)}
.ozh-ctr-val{font:700 clamp(21px,2.4vw,28px)/1 var(--ozh-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;
  color:var(--ozh-ice-ink);text-shadow:0 0 18px color-mix(in srgb,var(--ozh-ice) 32%,transparent)}
.ozh-ctr-ticks{display:inline-flex;gap:3px;align-items:flex-end}
.ozh-ctr-ticks i{width:3px;height:14px;border-radius:1px;background:color-mix(in srgb,var(--ozh-dim) 42%,transparent)}
.ozh-ctr-ticks i.on{background:var(--ozh-emerald)}
.ozh-ctr-side{display:flex;align-items:center;gap:var(--s4,16px);flex-wrap:wrap}
.ozh-ctr-log{display:grid;margin:0}
.ozh-ctr-ok,.ozh-ctr-reject{grid-area:1/1;font:11.5px/1.6 var(--ozh-mono);letter-spacing:.05em;transition:opacity .25s}
.ozh-ctr-ok{color:var(--ozh-emerald-ink)}
.ozh-ctr-reject{opacity:0;color:var(--ozh-amber-ink);font-weight:700}
.ozh-b-ctr.ozh-reject .ozh-ctr-ok{opacity:0}
.ozh-b-ctr.ozh-reject .ozh-ctr-reject{opacity:1}
.ozh-b-ctr.ozh-reject{border-color:color-mix(in srgb,var(--ozh-amber) 55%,transparent);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ozh-amber) 24%,transparent)}
@media (prefers-reduced-motion:no-preference){
  .ozh-b-ctr.ozh-reject{animation:ozh-nudge .3s ease-in-out}
}
@keyframes ozh-nudge{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

/* ============================================================
   PIPELINE DATAFLOW — ortografik hat
   ============================================================ */
.ozh-pipe{position:relative;margin-top:var(--s6,32px)}
.ozh-pipe-rail{display:block;width:100%;height:auto}
.ozh-pipe-base{stroke:var(--ozh-line2);stroke-width:1.4;opacity:.75}
.ozh-pipe-flow{stroke:color-mix(in srgb,var(--ozh-ice) 58%,transparent);stroke-width:1.6}
.ozh-pipe-pulse{fill:none;stroke:var(--ozh-ice);stroke-width:3;stroke-linecap:round;
  stroke-dasharray:70 1010;opacity:.9;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--ozh-ice) 60%,transparent))}
.ozh-pipe-pulse.p2{animation-delay:1.8s !important}
@media (prefers-reduced-motion:no-preference){
  .ozh-live .ozh-pipe-flow{animation:ozh-pipeflow 2.4s linear infinite}
  .ozh-live .ozh-pipe-pulse{animation:ozh-pipepulse 3.6s linear infinite}
}
@keyframes ozh-pipeflow{to{stroke-dashoffset:-26}}
@keyframes ozh-pipepulse{from{stroke-dashoffset:1080}to{stroke-dashoffset:0}}
.ozh-pipe-drop{stroke:var(--ozh-line2);stroke-width:1;stroke-dasharray:3 3;opacity:.8}
.ozh-pipe-ring{fill:var(--ozh-void);stroke:var(--ozh-line2);stroke-width:1.4;
  transition:stroke .4s var(--ease,cubic-bezier(.16,1,.3,1))}
[data-theme="light"] .ozh-pipe-ring{fill:#FFFFFF}
.ozh-pipe-core{fill:var(--ozh-dim);transition:fill .4s}
.ozh-pipe-node.on .ozh-pipe-ring{stroke:var(--ozh-ice)}
.ozh-pipe-node.on .ozh-pipe-core{fill:var(--ozh-emerald)}

.ozh-pipe-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5,24px)}
.ozh-pipe-st{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--ozh-pane) 94%,transparent),color-mix(in srgb,var(--ozh-void) 96%,transparent));
  border:1px solid var(--ozh-line);border-radius:12px;padding:var(--s5,24px) var(--s5,24px) var(--s4,16px);
  transition:border-color .4s var(--ease,cubic-bezier(.16,1,.3,1)),box-shadow .4s}
.ozh-pipe-st.on{border-color:color-mix(in srgb,var(--ozh-ice) 34%,var(--ozh-line));
  box-shadow:var(--shadow-2,0 18px 48px -16px rgb(0 0 0/.55))}
.ozh-pipe-no{display:block;font:700 12px/1 var(--ozh-mono);letter-spacing:.2em;color:var(--ozh-dim);margin-bottom:var(--s3,12px)}
.ozh-pipe-st.on .ozh-pipe-no{color:var(--ozh-ice-ink)}
.ozh-pipe-t{margin:0 0 6px;font-size:16.5px;color:var(--ozh-star)}
.ozh-pipe-d{margin:0;font-size:14px;color:var(--ozh-metal)}
.ozh-pipe-c{display:inline-block;margin-top:var(--s3,12px);padding:5px 9px;border-radius:6px;
  font:11.5px/1.4 var(--ozh-mono);color:var(--ozh-emerald-ink);
  background:color-mix(in srgb,var(--ozh-emerald) 8%,transparent);
  border:1px solid color-mix(in srgb,var(--ozh-emerald) 26%,transparent)}

/* ============================================================
   LEGACY — adımlar / tier'lar / platformlar / SSS (home-how, home-faq)
   ============================================================ */
.ozs-home-stack{margin-top:var(--s6,32px)}
.ozs-home-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:11px;color:#fff;background:linear-gradient(120deg,var(--ozh-cobalt),var(--ozh-ice) 60%,var(--ozh-emerald));
  margin-bottom:var(--s3,12px);
  box-shadow:0 8px 18px -9px color-mix(in srgb,var(--ozh-cobalt) 55%,transparent)}
[data-theme="light"] .ozs-home-icon{background:linear-gradient(120deg,#1D4ED8,#0284C7 60%,#0A8F63)}
.ozs-home-icon svg{width:22px;height:22px}
.ozs-home-card p{margin:0}

.ozs-home-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5,24px);counter-reset:ozh-step}
.ozs-home-step{position:relative;background:var(--ozh-pane);border:1px solid var(--ozh-line);
  border-radius:var(--r2,13px);padding:var(--s6,32px) var(--s5,24px) var(--s5,24px);
  box-shadow:var(--shadow-1,0 2px 10px rgb(0 0 0/.35));
  transition:transform .25s var(--ease,cubic-bezier(.16,1,.3,1)),border-color .25s,box-shadow .25s}
.ozs-home-step:hover{transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--ozh-ice) 40%,var(--ozh-line2));box-shadow:var(--shadow-2,0 18px 48px -16px rgb(0 0 0/.55))}
.ozs-home-step::before{counter-increment:ozh-step;content:counter(ozh-step,decimal-leading-zero);
  display:block;font:700 30px/1 var(--ozh-mono);margin-bottom:var(--s4,16px);
  background:linear-gradient(115deg,var(--ozh-cobalt),var(--ozh-ice) 55%,var(--ozh-emerald));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media (min-width:961px){
  .ozs-home-step:not(:last-child)::after{content:"";position:absolute;top:calc(var(--s6,32px) + 15px);
    left:calc(100% - var(--s5,24px));width:calc(var(--s5,24px) * 2);height:1px;
    background:linear-gradient(90deg,color-mix(in srgb,var(--ozh-ice) 60%,transparent),transparent)}
}
.ozs-home-step h3{font-size:18px;margin:0 0 var(--s3,12px);color:var(--ozh-star)}
.ozs-home-step p{margin:0;color:var(--ozh-metal)}

.ozs-home-tiers{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5,24px)}
.ozs-home-tier{position:relative;background:var(--ozh-pane);border:1px solid var(--ozh-line);
  border-radius:var(--r3,16px);padding:var(--s6,32px) var(--s5,24px) var(--s5,24px);
  box-shadow:var(--shadow-1,0 2px 10px rgb(0 0 0/.35))}
.ozs-home-tier-hot{border:1px solid transparent;
  background:linear-gradient(var(--ozh-pane),var(--ozh-pane)) padding-box,
    conic-gradient(from var(--oz-spin),var(--ozh-cobalt),var(--ozh-ice),var(--ozh-emerald),var(--ozh-cobalt)) border-box;
  box-shadow:var(--shadow-glow,0 18px 60px -18px color-mix(in srgb,var(--ozh-cobalt) 40%,transparent))}
@media (prefers-reduced-motion:no-preference){
  @supports (background:conic-gradient(red,blue)){
    .ozs-home-tier-hot{animation:ozh-spina 6s linear infinite}
  }
}
@keyframes ozh-spina{to{--oz-spin:360deg}}
.ozs-home-tier-badge{position:absolute;top:-13px;left:var(--s6,32px);
  background:linear-gradient(115deg,var(--ozh-cobalt),var(--ozh-ice) 55%,var(--ozh-emerald));color:#03101E;
  font:700 11px/1 var(--ozh-mono);padding:7px 13px;border-radius:999px;letter-spacing:.14em;text-transform:uppercase}
[data-theme="light"] .ozs-home-tier-badge{background:linear-gradient(115deg,#1D4ED8,#0284C7 55%,#0A8F63);color:#fff}
.ozs-home-tier h3{font-size:21px;margin:0 0 var(--s2,8px);color:var(--ozh-star)}
.ozs-home-tier-sub{color:var(--ozh-metal);margin:0 0 var(--s5,24px)}
.ozs-home-tier-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3,12px)}
.ozs-home-tier-list li{display:flex;gap:var(--s3,12px);align-items:flex-start;color:var(--ozh-star)}
.ozs-home-tier-list svg{flex:none;width:18px;height:18px;color:var(--ozh-emerald-ink);margin-top:3px}

.ozs-home-plats{display:flex;flex-wrap:wrap;gap:var(--s3,12px)}
.ozs-home-plat{padding:10px 18px;border:1px solid var(--ozh-line2);border-radius:999px;
  background:color-mix(in srgb,var(--ozh-pane) 72%,transparent);
  font:600 14px/1 var(--ozh-mono);color:var(--ozh-star);transition:border-color .2s,color .2s}
.ozs-home-plat:hover{border-color:color-mix(in srgb,var(--ozh-emerald) 55%,var(--ozh-line2));color:var(--ozh-emerald-ink)}

.ozs-home-faqs{display:grid;gap:var(--s4,16px)}
.ozs-home-faq{position:relative;display:block;background:var(--ozh-pane);border:1px solid var(--ozh-line);
  border-radius:var(--r2,13px);padding:var(--s5,24px);color:var(--ozh-star);text-decoration:none;overflow:hidden;
  transition:border-color .25s var(--ease,cubic-bezier(.16,1,.3,1)),transform .25s,box-shadow .25s}
.ozs-home-faq::after{content:"";position:absolute;inset:0 auto 0 0;width:3px;
  background:linear-gradient(180deg,var(--ozh-cobalt),var(--ozh-ice),var(--ozh-emerald));
  opacity:0;transition:opacity .25s}
.ozs-home-faq:hover{text-decoration:none;border-color:color-mix(in srgb,var(--ozh-ice) 35%,var(--ozh-line2));
  transform:translateX(4px);box-shadow:var(--shadow-1,0 2px 10px rgb(0 0 0/.35))}
.ozs-home-faq:hover::after{opacity:1}
.ozs-home-faq-q{display:flex;justify-content:space-between;gap:var(--s4,16px);align-items:center;font-weight:600;margin-bottom:var(--s2,8px)}
.ozs-home-faq-q svg{flex:none;width:18px;height:18px;color:var(--ozh-ice-ink);transition:transform .25s}
.ozs-home-faq:hover .ozs-home-faq-q svg{transform:translateX(4px)}
.ozs-home-faq p{margin:0;color:var(--ozh-metal)}

/* ============================================================
   LEGACY — /about bu turda bu dosyayı yükler (Ajan 5 sayfası)
   ============================================================ */
.ozs-home-about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s7,48px);align-items:start}
.ozs-home-panel{background:var(--ozh-pane);border:1px solid var(--ozh-line);border-radius:var(--r2,13px);
  padding:var(--s6,32px);box-shadow:var(--shadow-1,0 2px 10px rgb(0 0 0/.35))}
.ozs-home-facts{list-style:none;margin:var(--s4,16px) 0 0;padding:0;display:grid;gap:var(--s3,12px)}
.ozs-home-facts li{display:flex;gap:var(--s3,12px);align-items:flex-start}
.ozs-home-facts svg{flex:none;width:18px;height:18px;color:var(--ozh-ice-ink);margin-top:3px}
.ozs-home-values{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5,24px)}
.ozs-home-contact{display:grid;gap:var(--s3,12px)}
.ozs-home-contact a{font-weight:600}

.ozst-line{list-style:none;margin:var(--s6,32px) 0 0;padding:0 0 0 26px;position:relative;display:grid;gap:var(--s6,32px)}
.ozst-line::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;border-radius:2px;opacity:.8;
  background:linear-gradient(180deg,var(--ozh-ice),var(--ozh-cobalt) 55%,var(--ozh-emerald))}
.ozst-item{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr);gap:var(--s5,24px);align-items:start}
.ozst-node{position:absolute;left:-26px;top:9px;width:16px;height:16px;border-radius:50%;
  background:var(--ozh-deep);border:2px solid var(--ozh-ice);
  box-shadow:0 0 12px color-mix(in srgb,var(--ozh-ice) 42%,transparent)}
[data-theme="light"] .ozst-node{background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--ozh-cobalt) 14%,transparent)}
.ozst-year{font:700 15px/1 var(--ozh-mono);letter-spacing:.1em;color:var(--ozh-emerald-ink);padding-top:8px}
.ozst-card{background:var(--ozh-pane);border:1px solid var(--ozh-line);border-radius:var(--r2,13px);
  padding:var(--s5,24px);box-shadow:var(--shadow-1,0 2px 10px rgb(0 0 0/.35));max-width:62ch;
  transition:border-color .25s,transform .25s,box-shadow .25s}
.ozst-item:hover .ozst-card{border-color:color-mix(in srgb,var(--ozh-ice) 32%,var(--ozh-line2));
  transform:translateX(4px);box-shadow:var(--shadow-2,0 18px 48px -16px rgb(0 0 0/.55))}
.ozst-card .ozs-card-h{margin-bottom:var(--s2,8px)}
.ozst-card p{margin:0}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1080px){
  .ozh-b-dis{grid-column:1/13;grid-row:auto}
  .ozh-b-rad{grid-column:1/7;grid-row:auto}
  .ozh-b-bnk{grid-column:7/13;grid-row:auto}
  .ozh-b-ctr{grid-column:1/13;grid-row:auto}
}
@media (max-width:960px){
  .ozs-home-hero{min-height:0;padding:var(--s8,64px) 0 var(--s9,96px)}
  .ozs-home-hero-in{grid-template-columns:1fr;gap:var(--s7,48px)}
  .ozh-ir{width:min(100%,440px)}
  .ozs-home-term-slim{width:100%}
  .ozs-home-stats{grid-template-columns:1fr 1fr}
  .ozs-home-scroll{display:none}
  .ozs-home-steps{grid-template-columns:1fr}
  .ozs-home-tiers{grid-template-columns:1fr}
  .ozs-home-about-grid{grid-template-columns:1fr}
  .ozst-item{grid-template-columns:1fr;gap:var(--s2,8px)}
  .ozst-year{padding-top:0}
  .ozh-pipe-rail{display:none}
  .ozh-pipe-grid{grid-template-columns:1fr;gap:var(--s4,16px)}
  .ozh-pipe-st{border-left:2px solid color-mix(in srgb,var(--ozh-ice) 45%,transparent)}
}
@media (max-width:760px){
  .ozh-bento{grid-template-columns:1fr}
  .ozh-b-dis,.ozh-b-rad,.ozh-b-bnk,.ozh-b-ctr{grid-column:1/-1;grid-row:auto}
  .ozh-dis-body{grid-template-columns:1fr}
  .ozs-home-stats{grid-template-columns:1fr}
  .ozs-home-values{grid-template-columns:1fr}
  .ozh-ctr-stage{align-items:flex-start;flex-direction:column}
}
@media (max-width:400px){
  .ozh-hexwrap{height:220px}
  .ozh-hex{font-size:10.5px;padding:10px}
}

/* ============================================================
   HAREKET AZALTMA — geçişleri sakinleştir
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  .ozh-b,.ozs-home-step,.ozs-home-faq,.ozs-home-plat,.ozs-home-tier,.ozh-pipe-st{transition:none}
  .ozs-home-step:hover,.ozs-home-faq:hover,.ozst-item:hover .ozst-card{transform:none}
  .ozh-attack .ozh-dis-logline{transition-delay:0s;transition:none}
  .ozh-bnk-knob,.ozh-bnk-link,.ozh-bnk-cloud,.ozh-bnk-cutcut,.ozh-bnk-cut{transition:none}
}

/* bento sergi 05 — 4 koruma katmani karti: 2+2 grid, esit yukseklik + semalar */
.ozh-bynd-grid{grid-template-columns:repeat(2,1fr);align-items:stretch}
.ozh-bynd-grid .ozs-card{height:100%}
.ozh-bynd-schem{margin-bottom:var(--s3,12px);color:var(--ozh-ice-ink);line-height:0}
.ozh-bynd-schem svg{width:78px;height:auto;opacity:.9}
.ozh-pipe-schem{margin-bottom:var(--s3,12px);color:var(--ozh-dim);line-height:0}
.ozh-pipe-schem svg{width:56px;height:auto}
.ozh-pipe-st.on .ozh-pipe-schem{color:var(--ozh-ice-ink)}
.ozs-home-step-ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:11px;color:#fff;background:linear-gradient(120deg,var(--ozh-cobalt),var(--ozh-ice) 60%,var(--ozh-emerald));
  margin-bottom:var(--s3,12px);box-shadow:0 8px 18px -9px color-mix(in srgb,var(--ozh-cobalt) 55%,transparent)}
[data-theme="light"] .ozs-home-step-ic{background:linear-gradient(120deg,#1D4ED8,#0284C7 60%,#0A8F63)}
.ozs-home-step-ic svg{width:22px;height:22px}
@media (max-width:640px){.ozh-bynd-grid{grid-template-columns:1fr}}
