/* ═══════════════════════════════════════════════════════════════
   361 PREMIUM — Wave 1 design-system layer (loads AFTER 361-core.css)
   SaaS Noir + product-led hero + proof-first + liquid-glass + mono-signature
   ═══════════════════════════════════════════════════════════════ */
:root{
  --pm-navy-0:#050b1a; --pm-navy-1:#0a1428; --pm-navy-2:#0e1c3f;
  --pm-cyan:#1dd2e9; --pm-cyan-soft:#5fdcff; --pm-blue:#0068f9;
  --pm-emerald:#1fd18a; --pm-violet:#8b5cf6;
  --pm-glass:rgba(255,255,255,.045);
  --pm-glass-brd:rgba(255,255,255,.10);
  --pm-glass-brd2:rgba(29,210,233,.28);
  --pm-ink:#eaf1fb; --pm-ink-2:rgba(234,241,251,.68); --pm-ink-3:rgba(234,241,251,.42);
  --pm-mono:'IBM Plex Mono','Consolas',monospace;
  --pm-serif:'Instrument Serif',Georgia,serif;
  --pm-ease:cubic-bezier(.22,.61,.36,1);
}
/* light theme override (site toggles a class/attr — support both) */
:root[data-theme="light"], .theme-light{
  --pm-ink:#0c1a30; --pm-ink-2:rgba(12,26,48,.72); --pm-ink-3:rgba(12,26,48,.5);
  --pm-glass:rgba(10,30,60,.03); --pm-glass-brd:rgba(10,30,60,.12);
}

/* ---------- utilities ---------- */
.pm-glass{background:var(--pm-glass);border:1px solid var(--pm-glass-brd);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border-radius:18px}
.pm-mono{font-family:var(--pm-mono)}
.pm-eyebrow{font-family:var(--pm-mono);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--pm-cyan);display:inline-flex;align-items:center;gap:9px}
.pm-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--pm-cyan);box-shadow:0 0 0 0 rgba(29,210,233,.6);animation:pm-pulse 2.4s var(--pm-ease) infinite}
@keyframes pm-pulse{0%{box-shadow:0 0 0 0 rgba(29,210,233,.55)}70%{box-shadow:0 0 0 10px rgba(29,210,233,0)}100%{box-shadow:0 0 0 0 rgba(29,210,233,0)}}
.pm-accent{font-family:var(--pm-serif);font-style:italic;font-weight:400;background:linear-gradient(100deg,var(--pm-cyan-soft),var(--pm-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.06em}

/* ═══════════════ HERO (product-led, two-column) ═══════════════ */
.pm-hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;
  background:radial-gradient(120% 90% at 78% -8%,#12295a 0%,#0a1730 42%,var(--pm-navy-0) 78%)}
.pm-hero-bg3d{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.72}
.pm-hero-bg3d canvas{display:block;width:100%!important;height:100%!important}
.pm-hero:before{content:"";position:absolute;inset:0;background-image:
  linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(90% 70% at 70% 20%,#000 30%,transparent 80%);pointer-events:none}
.pm-hero-grid{position:relative;z-index:2;width:100%;max-width:1300px;margin:0 auto;padding:96px 40px 60px;
  display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center}
.pm-hero-copy{max-width:600px}
.pm-hero h1{font-family:'Space Grotesk','IBM Plex Sans',sans-serif;font-weight:700;color:var(--pm-ink);
  font-size:clamp(38px,4.6vw,62px);line-height:1.03;letter-spacing:-1.5px;margin:20px 0 0;text-wrap:balance}
.pm-hero h1 .pm-accent{font-size:1.06em;letter-spacing:-.5px}
.pm-hero-lede{color:var(--pm-ink-2);font-size:clamp(15px,1.35vw,18px);line-height:1.62;margin:22px 0 0;max-width:520px}
/* Hero "ne" satırı (2026-07-21): ziyaretçi başlığı (slogan) okuduktan hemen
   sonra 361'in NE olduğunu büyük puntoda görmeli — 'ne sunuyor belli değil'
   geri bildirimine yanıt. Slogan korunur, somut cevap göze sokulur. */
.pm-hero-what{color:var(--pm-ink);font-size:clamp(18px,1.7vw,22px);line-height:1.5;margin:22px 0 0;max-width:580px;font-weight:400}
.pm-hero-what b{font-weight:700}
.pm-hero-what + .pm-hero-lede{margin-top:12px}
.pm-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.pm-btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:14px 26px;border-radius:12px;
  text-decoration:none;transition:transform .2s var(--pm-ease),box-shadow .2s var(--pm-ease);cursor:pointer;border:1px solid transparent}
.pm-btn:focus-visible{outline:2px solid var(--pm-cyan);outline-offset:3px}
.pm-btn-primary{color:#fff;background:linear-gradient(120deg,#0068f9,#0a7c8c); /* kontrast-kilitli: beyaz metin her durakta ≥4.5 (contrast-ci) */
  box-shadow:0 10px 30px rgba(29,120,233,.38)}
.pm-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(29,120,233,.5)}
.pm-btn-ghost{color:var(--pm-ink);background:var(--pm-glass);border-color:var(--pm-glass-brd)}
.pm-btn-ghost:hover{transform:translateY(-2px);border-color:var(--pm-glass-brd2)}
.pm-hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.pm-chip{font-family:var(--pm-mono);font-size:12px;color:var(--pm-ink-2);padding:7px 13px;border-radius:9px;
  background:var(--pm-glass);border:1px solid var(--pm-glass-brd)}
.pm-chip b{color:var(--pm-cyan);font-weight:600}

/* right: living product surface */
.pm-hero-stage{position:relative;perspective:1600px}
.pm-surface{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--pm-glass-brd2);
  box-shadow:0 40px 90px rgba(2,12,32,.6),0 0 0 1px rgba(29,210,233,.06);
  transform:rotateY(-9deg) rotateX(3deg) translateZ(0);transform-style:preserve-3d;background:#0b1426}
.pm-surface-bar{height:34px;background:linear-gradient(180deg,#131f38,#0d1830);display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.pm-surface-bar i{width:10px;height:10px;border-radius:50%;display:block}
.pm-surface-bar .r{background:#ff5f57}.pm-surface-bar .y{background:#febc2e}.pm-surface-bar .g{background:#28c840}
.pm-surface-url{margin-left:12px;font-family:var(--pm-mono);font-size:11px;color:rgba(180,205,235,.7);
  background:rgba(0,0,0,.28);border-radius:6px;padding:4px 12px}
.pm-surface-shots{position:relative;aspect-ratio:16/9;background:#0b1426}
.pm-shot{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--pm-ease);object-fit:cover;width:100%;height:100%}
.pm-shot.on{opacity:1}
.pm-surface-cap{position:absolute;left:0;right:0;bottom:0;padding:20px 16px 12px;font-family:var(--pm-mono);font-size:12px;
  color:#dbe8f7;background:linear-gradient(0deg,rgba(4,10,22,.9),transparent)}
/* floating glass badges */
.pm-float{position:absolute;font-family:var(--pm-mono);font-size:12px;color:var(--pm-ink);padding:11px 15px;z-index:3;
  background:rgba(11,20,38,.72);border:1px solid var(--pm-glass-brd2);border-radius:12px;backdrop-filter:blur(10px);
  box-shadow:0 12px 30px rgba(2,12,32,.5);animation:pm-bob 5s var(--pm-ease) infinite}
.pm-float b{color:var(--pm-cyan);font-weight:700;font-size:15px}
.pm-float.f1{top:-18px;left:-26px}.pm-float.f2{bottom:34px;right:-30px;animation-delay:1.4s}
@keyframes pm-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ═══════════════ PROOF BAND (proof-first) ═══════════════ */
.pm-proof{position:relative;padding:38px 0 8px;background:linear-gradient(180deg,var(--pm-navy-0),transparent)}
.pm-proof-inner{max-width:1240px;margin:0 auto;padding:0 40px}
.pm-proof-strip{text-align:center;font-family:var(--pm-mono);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--pm-ink-3);margin-bottom:20px}
.pm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pm-metric{padding:22px 22px;border-radius:16px;background:var(--pm-glass);border:1px solid var(--pm-glass-brd);position:relative;overflow:hidden}
.pm-metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--pm-cyan),var(--pm-blue))}
.pm-metric .n{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:34px;color:var(--pm-ink);font-variant-numeric:tabular-nums;letter-spacing:-1px;line-height:1}
.pm-metric .l{color:var(--pm-ink-2);font-size:13.5px;margin-top:8px;line-height:1.45}
.pm-metric .src{font-family:var(--pm-mono);font-size:10.5px;color:var(--pm-cyan);margin-top:11px;letter-spacing:.3px}
.pm-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.pm-badge{font-family:var(--pm-mono);font-size:11.5px;color:var(--pm-ink-2);padding:8px 14px;border-radius:30px;background:var(--pm-glass);border:1px solid var(--pm-glass-brd);display:inline-flex;align-items:center;gap:7px}
.pm-badge svg{width:13px;height:13px;stroke:var(--pm-emerald);fill:none;stroke-width:2.4}

/* ═══════════════ responsive ═══════════════ */
@media(max-width:960px){
  .pm-hero-grid{grid-template-columns:1fr;gap:34px;padding:84px 22px 40px}
  .pm-hero-stage{order:2}
  .pm-surface{transform:none}
  .pm-float{display:none}
  .pm-metrics{grid-template-columns:1fr}
  .pm-hero{min-height:auto}
}
@media(prefers-reduced-motion:reduce){
  .pm-eyebrow .dot,.pm-float{animation:none}
  .pm-shot{transition:none}
}

/* ═══════════════ 361° ORBIT — signature element ═══════════════ */
.pm-orbit-sec{position:relative;padding:80px 0 70px;overflow:hidden;
  background:radial-gradient(90% 80% at 20% 30%,#0c1f47 0%,transparent 60%),var(--pm-navy-0)}
.pm-orbit-grid{max-width:1240px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.pm-orbit-copy h2{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--pm-ink);
  font-size:clamp(30px,3.4vw,46px);line-height:1.06;letter-spacing:-1.2px;margin:18px 0 0;text-wrap:balance}
.pm-orbit-copy p{color:var(--pm-ink-2);font-size:16px;line-height:1.65;margin:20px 0 0;max-width:500px}
.pm-orbit-stats{display:flex;flex-wrap:wrap;gap:24px;margin:26px 0 28px}
.pm-orbit-stats .s{display:flex;flex-direction:column}
.pm-orbit-stats .s b{font-family:'Space Grotesk',sans-serif;font-size:28px;color:var(--pm-cyan);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.pm-orbit-stats .s span{font-family:var(--pm-mono);font-size:11px;color:var(--pm-ink-3);text-transform:uppercase;letter-spacing:1px;margin-top:2px}
/* viz */
.pm-orbit-viz{position:relative;aspect-ratio:1;max-width:520px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:center}
.orb-core{position:absolute;z-index:5;width:118px;height:118px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 35%,#123a7a,#0a1c3c);border:1px solid var(--pm-glass-brd2);
  box-shadow:0 0 60px rgba(29,120,233,.45),inset 0 0 30px rgba(29,210,233,.2)}
.orb-core img{width:44px;height:44px}
.orb-core b{font-family:'Space Grotesk',sans-serif;color:#fff;font-size:15px;margin-top:3px;letter-spacing:.5px}
.orb-ring{position:absolute;border-radius:50%;border:1px solid rgba(120,175,255,.16);will-change:transform}
.orb-ring.r1{width:56%;height:56%;animation:orb-spin 34s linear infinite}
.orb-ring.r2{width:80%;height:80%;animation:orb-spin 52s linear infinite reverse}
.orb-ring.r3{width:100%;height:100%;animation:orb-spin 72s linear infinite}
@keyframes orb-spin{to{transform:rotate(360deg)}}
.orb-node{position:absolute;top:-15px;left:50%;margin-left:-15px;width:30px;height:30px}
.orb-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;
  font-family:var(--pm-mono);font-size:11px;color:var(--pm-ink);padding:6px 11px;border-radius:9px;
  background:rgba(11,20,38,.82);border:1px solid var(--pm-glass-brd2);box-shadow:0 8px 20px rgba(2,12,32,.5);
  display:flex;align-items:center;gap:6px}
.orb-chip .d{width:6px;height:6px;border-radius:50%;background:var(--pm-cyan)}
.orb-chip.ai .d{background:var(--pm-violet)}.orb-chip.ch .d{background:var(--pm-emerald)}
.r1 .orb-node,.r2 .orb-node,.r3 .orb-node{animation:orb-spin-rev var(--rev) linear infinite}
.r1 .orb-node{--rev:34s}.r2 .orb-node{--rev:52s}.r3 .orb-node{--rev:72s}
.orb-ring.r2 .orb-node{animation-direction:reverse}
@keyframes orb-spin-rev{to{transform:rotate(-360deg)}}
@media(max-width:960px){
  .pm-orbit-grid{grid-template-columns:1fr;gap:30px}
  .pm-orbit-viz{max-width:340px;order:2}
  .orb-chip{font-size:10px;padding:5px 8px}
}
@media(prefers-reduced-motion:reduce){
  .orb-ring,.r1 .orb-node,.r2 .orb-node,.r3 .orb-node{animation:none}
}

/* orbit v2 — dönen dekoratif halkalar + SABİT okunabilir düğümler */
.orb-ring{border-style:dashed;border-color:rgba(120,175,255,.15)}
.pm-orbit-viz>.orb-node{position:absolute;width:auto;height:auto;margin:0;animation:none;z-index:4}
.pm-orbit-viz>.orb-node .orb-chip{position:static;transform:none;animation:none}
.orb-core{animation:orb-glow 4s var(--pm-ease) infinite}
@keyframes orb-glow{0%,100%{box-shadow:0 0 55px rgba(29,120,233,.4),inset 0 0 30px rgba(29,210,233,.18)}50%{box-shadow:0 0 78px rgba(29,120,233,.6),inset 0 0 30px rgba(29,210,233,.28)}}
@media(prefers-reduced-motion:reduce){.orb-core{animation:none}}

/* ═══════════════ tutarlılık köprüsü — mevcut bölümleri premium tip diline taşı ═══════════════ */
.sx-eyebrow{font-family:var(--pm-mono)!important;letter-spacing:2.6px;text-transform:uppercase;color:var(--pm-cyan)}
.sx-title{font-family:'Space Grotesk','IBM Plex Sans',sans-serif;letter-spacing:-.8px;text-wrap:balance}
.sx-sub{color:var(--pm-ink-2)}
/* liquid-glass'ı mevcut kart yüzeylerine uygula (yumuşak) */
.sa-section .pt-thumb{transition:transform .25s var(--pm-ease),border-color .25s var(--pm-ease)}
.sa-section .pt-thumb:hover{transform:translateY(-4px);border-color:var(--pm-glass-brd2)!important}

/* ═══════════════ iç-sayfa hero köprüsü — tüm hero-* sayfaları premium'a ═══════════════ */
[class^="hero-"]:not([class*="inner"]):not([class*="badge"]):not([class*="title"]):not([class*="sub"]):not([class*="cta"]):not([class*="peek"]):not([class*="stat"]):not([class*="home"]){
  background:radial-gradient(120% 92% at 76% -10%,#12295a 0%,#0a1730 44%,var(--pm-navy-0) 82%)}
[class^="hero-"] .hero-badge{font-family:var(--pm-mono);font-size:12px;letter-spacing:2.2px;text-transform:uppercase;
  color:var(--pm-cyan);background:var(--pm-glass);border:1px solid var(--pm-glass-brd2);border-radius:30px}
[class^="hero-"] .hero-title{font-family:'Space Grotesk','IBM Plex Sans',sans-serif;letter-spacing:-1px;text-wrap:balance;color:var(--pm-ink)}
[class^="hero-"] .hero-title-bold{font-family:'Space Grotesk','IBM Plex Sans',sans-serif;letter-spacing:-1px}
[class^="hero-"] .hero-sub-line,[class^="hero-"] .hero-sub{color:var(--pm-ink-2)}
[class^="hero-"] .hero-ctas .btn-primary{box-shadow:0 10px 30px rgba(29,120,233,.34);transition:transform .2s var(--pm-ease),box-shadow .2s var(--pm-ease)}
[class^="hero-"] .hero-ctas .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(29,120,233,.48)}

/* ═══════════════ a11y — WCAG2AA kontrast düzeltmeleri ═══════════════ */
.social-proof-label,.sp-stat-label{color:#a6b6cc!important}
/* light: yalnız AÇIK-zeminli sx-eyebrow koyu teal (pm-* bölümleri hep koyu, dokunma) */
:root[data-theme="light"] .sx-eyebrow,.theme-light .sx-eyebrow{color:#0a7c8c!important}
/* hep-koyu premium bölümler: light-temada da AÇIK metin (ink değişkenlerini yeniden kapsa) */
:root[data-theme="light"] .pm-hero,:root[data-theme="light"] .pm-proof,:root[data-theme="light"] .pm-orbit-sec,:root[data-theme="light"] .pm-roles,
.theme-light .pm-hero,.theme-light .pm-proof,.theme-light .pm-orbit-sec,.theme-light .pm-roles{
  --pm-ink:#eaf1fb;--pm-ink-2:rgba(234,241,251,.68);--pm-ink-3:rgba(234,241,251,.5);
  --pm-glass:rgba(255,255,255,.045);--pm-glass-brd:rgba(255,255,255,.10)}

/* ═══════════════ etkileşimli ürün gezgini (explorer) ═══════════════ */
.pm-exp{display:grid;grid-template-columns:360px 1fr;gap:22px;align-items:start}
.pm-exp-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.pm-exp-tab{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:11px 14px;border-radius:12px;min-width:0;
  background:var(--pm-glass);border:1px solid var(--pm-glass-brd);transition:transform .2s var(--pm-ease),border-color .2s var(--pm-ease),background .2s var(--pm-ease)}
.pm-exp-tab:hover{border-color:var(--pm-glass-brd2);transform:translateX(3px)}
.pm-exp-tab:focus-visible{outline:2px solid var(--pm-cyan);outline-offset:2px}
.pm-exp-tab .t{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;color:var(--pm-ink)}
.pm-exp-tab small{font-family:var(--pm-mono);font-size:11px;color:var(--pm-ink-3)}
.pm-exp-tab.on{background:linear-gradient(120deg,rgba(29,120,233,.18),rgba(29,210,233,.08));border-color:var(--pm-glass-brd2);box-shadow:0 8px 24px rgba(2,12,32,.4)}
.pm-exp-tab.on .t{color:var(--pm-cyan)}
.pm-exp-stage .pm-surface{transform:none}
.pm-exp-stage #expShot{transition:opacity .25s var(--pm-ease)}
/* ÜRÜN TURU DÜZELTMESİ (2026-07-21)
   1) .pm-shot object-fit:cover ürün ekranını KIRPIYORDU — arayüz görselinde
      kırpma kabul edilemez, alt satırlar kesiliyordu. Turda contain.
   2) .pm-surface-cap görselin ÜSTÜNE binen gradyan katmandı; alt yazı yoğun
      arayüz pikselleri üzerinde okunmuyordu. Kendi solid bandına alındı.
   3) Turda tek <img> var (kaynağı JS değiştiriyor), bu yüzden position:relative
      güvenli — çapraz geçiş yalnız hero'nun çok görselli yığınında gerekli. */
.pm-exp-stage .pm-surface-shots{aspect-ratio:auto;background:transparent}
.pm-exp-stage .pm-shot{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;display:block}
.pm-exp-stage .pm-surface-cap{position:static;background:#0b1426;padding:12px 16px;line-height:1.5;
  border-top:1px solid var(--pm-glass-brd)}
:root[data-theme=light] .pm-exp-stage .pm-surface-cap{background:#eef3fa;border-top-color:#d3dde9}
/* dar dizüstü ekranda görsele daha çok yer: sekme sütunu daraltılır */
@media(min-width:861px) and (max-width:1500px){.pm-exp{grid-template-columns:284px 1fr;gap:18px}}
@media(max-width:860px){.pm-exp{grid-template-columns:1fr}.pm-exp-tabs{display:flex;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.pm-exp-tab{min-width:158px;flex:0 0 auto}}

/* ═══════════════ adaptif rol-yolları ═══════════════ */
.pm-roles{padding:60px 0;background:radial-gradient(80% 70% at 80% 10%,#0c1f47 0%,transparent 55%),var(--pm-navy-0)}
.pm-roles-inner{max-width:1080px;margin:0 auto;padding:0 40px}
.pm-roles-title{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--pm-ink);font-size:clamp(26px,3vw,38px);letter-spacing:-1px;margin:14px 0 0;text-wrap:balance}
.pm-role-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.pm-role-tab{all:unset;cursor:pointer;font-family:var(--pm-mono);font-size:13px;padding:11px 20px;border-radius:30px;
  color:var(--pm-ink-2);background:var(--pm-glass);border:1px solid var(--pm-glass-brd);transition:all .2s var(--pm-ease)}
.pm-role-tab:hover{border-color:var(--pm-glass-brd2)}
.pm-role-tab:focus-visible{outline:2px solid var(--pm-cyan);outline-offset:2px}
.pm-role-tab.on{color:#04101f;background:linear-gradient(120deg,var(--pm-cyan-soft),var(--pm-cyan));border-color:transparent;font-weight:600}
.pm-role-panel{display:none}
.pm-role-panel.on{display:block;animation:pm-fade .4s var(--pm-ease)}
@keyframes pm-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pm-role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.pm-rc{padding:20px;border-radius:14px;background:var(--pm-glass);border:1px solid var(--pm-glass-brd);position:relative}
.pm-rc:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:linear-gradient(var(--pm-cyan),var(--pm-blue))}
.pm-rc b{display:block;font-family:'Space Grotesk',sans-serif;font-size:16px;color:var(--pm-ink);margin-bottom:7px;padding-left:10px}
.pm-rc span{display:block;font-size:13px;color:var(--pm-ink-2);line-height:1.55;padding-left:10px}
.pm-roles .pm-btn{display:inline-flex}
.pm-role-panel{text-align:center}
.pm-role-cards{text-align:left}
@media(max-width:820px){.pm-role-cards{grid-template-columns:1fr}}

/* ═══════════════ light-mode tamamlama — #film video bölümü kesin koyu ═══════════════ */
#film{background:var(--pm-navy-0)!important}
#film .sp-stat-value{color:var(--pm-cyan)!important;-webkit-text-fill-color:var(--pm-cyan)!important;background:none!important}
#film .sp-stat-label,#film .sp-divider{color:#a6b6cc!important}

/* a11y — explorer alt-yazı kontrastı + #film (kesin koyu) metin açık */
.pm-exp-tab small{color:rgba(234,241,251,.74)}
:root[data-theme="light"] .pm-exp-tab small,.theme-light .pm-exp-tab small{color:#3a4a63}
#film .sx-eyebrow{color:var(--pm-cyan)!important}
#film .sx-title,#film .sx-title--lg{color:#eaf1fb!important}
#film .sx-sub{color:#c2cee2!important}

/* a11y — mevcut blog kartı meta kontrastı */
.blog-preview-grid a > div:nth-of-type(2) > span:first-child{color:#9fb0c8!important}
.blog-preview-grid a > div:nth-of-type(2) > span:last-child{color:#5aa4ff!important}

/* ═══════════════ light-mode a11y tamamlama (sitenin eski-bölüm borcu) ═══════════════ */
:root[data-theme="light"] .social-proof-label,.theme-light .social-proof-label{color:#5a6b86!important}
/* açık zeminli sa-header: light'ta koyu metin */
:root[data-theme="light"] .sa-header,:root[data-theme="light"] .sa-header *,
.theme-light .sa-header,.theme-light .sa-header *{color:#122238!important}
:root[data-theme="light"] .sa-header .sx-eyebrow,.theme-light .sa-header .sx-eyebrow{color:#0a7c8c!important}
/* screenshot-tag: light'ta koyu teal */
:root[data-theme="light"] .screenshot-tag,.theme-light .screenshot-tag{color:#0a6b7a!important}
/* koyu inline kartlar (#131c33): metin HER temada açık (yüksek özgüllük !important) */
#referanslar a,#referanslar a *,#referanslar .mfx-visible,#referanslar .mfx-visible *,
.blog-preview-grid a p,.blog-preview-grid a > div{color:#dbe8f7!important}
.blog-preview-grid a > div:nth-of-type(2) > span:first-child{color:#9fb0c8!important}
.blog-preview-grid a > div:nth-of-type(2) > span:last-child{color:#5aa4ff!important}
/* koyu inline zeminli (#131c33) TÜM kartlar: metin açık (style-attr hedefli, sağlam) */
a[style*="#131c33"] p,a[style*="#131c33"] > div,a[style*="131c33"] p,a[style*="131c33"] > div{color:#dbe8f7!important}
:root[data-theme="light"] a[style*="131c33"] p,:root[data-theme="light"] a[style*="131c33"]>div,
.theme-light a[style*="131c33"] p,.theme-light a[style*="131c33"]>div,
html[data-theme="light"] .grid-res a p,html.theme-light .grid-res a p{color:#dbe8f7!important}

/* ═══ Gestalt #3: iç-sayfa hero dikey ritmi — dev boşluk yerine sıkı figür-odak ═══ */
[class^="hero-"]:not([class*="inner"]):not([class*="badge"]):not([class*="title"]):not([class*="sub"]):not([class*="cta"]):not([class*="peek"]):not([class*="stat"]):not([class*="home"]){
  min-height:auto!important;padding-top:clamp(94px,12vh,138px)!important;padding-bottom:clamp(46px,6.5vh,76px)!important;
}

/* ═══════════════ vs karşılaştırma sayfası hero (web) ═══════════════ */
header.m-vs{position:relative;color:#fff;overflow:hidden;background:radial-gradient(130% 120% at 80% -10%,#4a1024,#210912 55%,#0d0407);padding:98px 24px 44px;text-align:center}
header.m-vs .mast-row{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:18px}
header.m-vs .mast-logo{height:26px}
header.m-vs .mast-cat{font-family:var(--pm-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#e3859a;border-left:2px solid #e3859a;padding-left:12px}
header.m-vs .vsface{display:flex;align-items:stretch;max-width:820px;margin:0 auto;position:relative;text-align:left}
header.m-vs .vf{flex:1;border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:center;min-height:104px}
header.m-vs .vf.me{background:linear-gradient(150deg,#8f1634,#c22646);box-shadow:0 12px 30px rgba(168,26,62,.45)}
header.m-vs .vf.them{background:#1b2330;margin-left:36px}
header.m-vs .vfn{font-size:23px;font-weight:800;line-height:1.15;font-family:'Space Grotesk',sans-serif}
header.m-vs .vfl{font-size:10px;margin-top:6px;opacity:.85;text-transform:uppercase;letter-spacing:1px}
header.m-vs .vfx{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:46px;height:46px;border-radius:50%;background:#fff;color:#a81a3e;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.42)}
header.m-vs .vf-sub{margin-top:18px;font-size:14px;color:#e6cdd4}
header.m-def{position:relative;color:#fff;overflow:hidden;padding:96px 24px 40px}
header.m-def .df-bar{position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(var(--pm-cyan),var(--pm-blue))}
header.m-def .mast-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}
header.m-def .mast-logo{height:28px}
header.m-def .mast-cat{font-family:var(--pm-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--pm-cyan);border-left:2px solid var(--pm-cyan);padding-left:12px}
header.m-def .mast-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,42px);font-weight:700;letter-spacing:-1px;color:#eaf1fb;max-width:800px}
header.m-def .mast-sub{font-size:15px;color:rgba(232,241,251,.68);margin-top:12px;max-width:640px}

/* sticky POC CTA (dönüşüm) — çerez bar'ının üstünde, SAĞ-alt.
   Sol-alttayken ürün turunun sol sütunundaki sekmeleri (1366×768'de) ve
   sayfa sonu CTA başlığını örtüyordu. Sağ kenarda yalnız `.quick-dock` var,
   o da dikeyde ortalanmış (top:50%) — çakışmıyor. */
.pm-sticky-cta{position:fixed;right:22px;left:auto;bottom:74px;z-index:9998;display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:30px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;color:#04101f;background:linear-gradient(120deg,var(--pm-cyan-soft),var(--pm-cyan) 60%,var(--pm-blue));box-shadow:0 12px 32px rgba(29,120,233,.45);text-decoration:none;transform:translateY(140%);opacity:0;transition:transform .35s var(--pm-ease),opacity .35s var(--pm-ease),box-shadow .2s}
.pm-sticky-cta.on{transform:translateY(0);opacity:1}
.pm-sticky-cta:hover{box-shadow:0 18px 44px rgba(29,120,233,.6);transform:translateY(-2px)}
.pm-sticky-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.pm-sticky-cta{left:10px;right:10px;bottom:112px;justify-content:center}}
/* sayfa sonu CTA bölümü ekrandayken sabit düğme gizlenir (premium.js .hush ekler) */
.pm-sticky-cta.hush{opacity:0;pointer-events:none;transform:translateY(140%)}
@media(prefers-reduced-motion:reduce){.pm-sticky-cta{transition:opacity .2s}}

/* a11y: onebox bento-card accent metin kontrastı (teal 4.12 -> parlak cyan) */
.bento-card .bento-label,.bento-card .bento-badge,.bento-card .bento-tag{color:#5fdcff!important}

/* ═══════════════════════════════════════════════════════════════
   AKIŞ NAV 2026-07-13 — dropdown mega-menü + Kanal + mobil gruplar
   ═══════════════════════════════════════════════════════════════ */
.nav-dd { position: relative; }
.nav-dd-toggle {
  /* dokunma hedefi: 14px yazı tek başına 18px yükseklik veriyordu (WCAG 2.5.5
     altında). Dikey padding + min-height ile 24px'e çıkarıldı; başlık satırı
     align-items:center olduğu için yükseklik kaymıyor. */
  display: inline-flex; align-items: center; gap: 5px; min-height: 24px;
  background: none; border: 0; cursor: pointer; padding: 3px 0;
  font-family: inherit; font-size: 14px; font-weight: 500;
  color: var(--text-secondary);
  transition: color 0.2s ease;
}
.nav-dd:hover .nav-dd-toggle,
.nav-dd:focus-within .nav-dd-toggle { color: var(--text-primary); }
.nav-dd-chev { opacity: 0.55; transition: transform 0.24s cubic-bezier(0.22,1,0.36,1); }
.nav-dd:hover .nav-dd-chev,
.nav-dd:focus-within .nav-dd-chev { transform: rotate(180deg); }

.nav-dd-menu {
  position: absolute; top: calc(100% + 14px); left: -12px;
  min-width: 300px; padding: 8px;
  background: #0A0F1A;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.55);
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity 0.24s cubic-bezier(0.22,1,0.36,1),
              transform 0.24s cubic-bezier(0.22,1,0.36,1),
              visibility 0.24s;
  z-index: 60;
}
.nav-dd-menu--right { left: auto; right: -12px; }
/* hover köprüsü: buton ile menü arasındaki boşluk kapanmasın */
.nav-dd-menu::before { content: ''; position: absolute; top: -16px; left: 0; right: 0; height: 16px; }
.nav-dd:hover .nav-dd-menu,
.nav-dd:focus-within .nav-dd-menu { opacity: 1; visibility: visible; transform: translateY(0); }

.nav-dd-menu a {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 10px 12px; border-radius: 10px;
  transition: background 0.12s ease;
}
.nav-dd-menu a::after { display: none; } /* alt çizgi efekti menüde kapalı */
.nav-dd-menu a:hover { background: rgba(255,255,255,0.045); }
.nav-dd-menu a svg {
  width: 18px; height: 18px; flex: 0 0 18px; margin-top: 2px;
  fill: none; stroke: currentColor; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round;
  color: rgba(255,255,255,0.52);
  transition: color 0.12s ease;
}
.nav-dd-menu a:hover svg { color: #1dd2e9; }
.nav-dd-menu a span { display: flex; flex-direction: column; gap: 2px; }
.nav-dd-menu a b { font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,0.92); }
.nav-dd-menu a small { font-size: 12px; color: rgba(255,255,255,0.5); line-height: 1.35; }

/* Kanal: üst seviyedeki tek ikon — video sinyali */
.nav-kanal { display: inline-flex; align-items: center; gap: 6px; }
.nav-kanal svg { opacity: 0.7; transition: opacity 0.2s ease; }
.nav-kanal:hover svg { opacity: 1; color: #1dd2e9; }

/* Mobil menü grup başlıkları */
.mobile-menu .mm-group {
  display: block;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.42);
  margin: 18px 0 4px; padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.07);
}
.mobile-menu .mm-group:first-child { border-top: 0; margin-top: 0; padding-top: 0; }

/* Light tema uyumu */
[data-theme="light"] .nav-dd-menu { background: #ffffff; border-color: rgba(10,20,40,0.1); box-shadow: 0 24px 60px rgba(10,20,40,0.14); }
[data-theme="light"] .nav-dd-menu a:hover { background: rgba(10,20,40,0.05); }
[data-theme="light"] .nav-dd-menu a b { color: #16233b; }
[data-theme="light"] .nav-dd-menu a small { color: rgba(22,35,59,0.6); }
[data-theme="light"] .nav-dd-menu a svg { color: rgba(22,35,59,0.55); }
[data-theme="light"] .mobile-menu .mm-group { color: rgba(22,35,59,0.5); border-top-color: rgba(10,20,40,0.08); }

/* ═══ Kaynaklar mega-menü: Video Kanalı + İndirme Merkezi vitrini ═══ */
.nav-dd-menu--wide { min-width: 480px; }
.nav-dd-feat {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
  padding: 4px 4px 10px; margin-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.nav-dd-feat-card {
  position: relative; display: block; overflow: hidden;
  border-radius: 12px; border: 1px solid rgba(255,255,255,0.09);
  background: rgba(255,255,255,0.03);
  padding: 0 !important;
  transition: border-color 0.2s ease, transform 0.24s cubic-bezier(0.22,1,0.36,1);
}
.nav-dd-feat-card:hover { border-color: rgba(29,210,233,0.55); transform: translateY(-2px); background: rgba(255,255,255,0.03) !important; }
.nav-dd-feat-card img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; opacity: 0.9; }
.nav-dd-feat-card .fc-play {
  position: absolute; top: calc(28% - 2px); left: 50%; transform: translate(-50%,-50%);
  width: 38px; height: 38px; border-radius: 999px;
  background: linear-gradient(120deg,#0068f9,#1dd2e9);
  display: flex; align-items: center; justify-content: center;
}
.nav-dd-feat-card .fc-play svg { width: 15px; height: 15px; color: #fff; margin-left: 2px; }
.nav-dd-feat-card .fc-body { display: block; padding: 10px 12px; }
.nav-dd-feat-card .fc-body b { display: block; font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,0.92); }
.nav-dd-feat-card .fc-body small { display: block; font-size: 11.5px; color: rgba(255,255,255,0.5); margin-top: 2px; }
.nav-dd-feat-card--tile { display: flex; flex-direction: column; justify-content: center; }
.nav-dd-feat-card--tile .fc-icon {
  display: flex; align-items: center; justify-content: center;
  padding: 18px 0 4px;
}
.nav-dd-feat-card--tile .fc-icon svg {
  width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.6;
  stroke-linecap: round; stroke-linejoin: round; color: #1dd2e9;
}
[data-theme="light"] .nav-dd-feat-card { border-color: rgba(10,20,40,0.12); background: rgba(10,20,40,0.03); }
[data-theme="light"] .nav-dd-feat-card .fc-body b { color: #16233b; }
[data-theme="light"] .nav-dd-feat-card .fc-body small { color: rgba(22,35,59,0.6); }

/* ═══ Hızlı Erişim Rayı — sağ kenar, sabit (Video Kanalı + İndirme Merkezi) ═══ */
.quick-dock {
  position: fixed; right: 0; top: 50%; transform: translateY(-50%);
  display: flex; flex-direction: column; gap: 6px;
  z-index: 55; pointer-events: auto;
}
.quick-dock .qd-item {
  display: flex; align-items: center; gap: 10px;
  height: 44px; padding: 0 13px;
  max-width: 44px; overflow: hidden; white-space: nowrap;
  background: rgba(10, 15, 26, 0.92);
  border: 1px solid rgba(255,255,255,0.1); border-right: 0;
  border-radius: 12px 0 0 12px;
  color: rgba(255,255,255,0.72); text-decoration: none;
  transition: max-width 0.28s cubic-bezier(0.22,1,0.36,1),
              color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.quick-dock .qd-item svg { width: 17px; height: 17px; flex: 0 0 17px; }
.quick-dock .qd-item span {
  font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.03em;
  opacity: 0; transition: opacity 0.2s ease 0.08s;
}
.quick-dock .qd-item:hover, .quick-dock .qd-item:focus-visible {
  max-width: 220px; color: #fff;
  border-color: rgba(29,210,233,0.5);
  transform: translateX(-2px);
}
.quick-dock .qd-item:hover span, .quick-dock .qd-item:focus-visible span { opacity: 1; }
.quick-dock .qd-item:first-child svg { color: #1dd2e9; }
@media (max-width: 1023px) { .quick-dock { display: none; } }
@media print { .quick-dock { display: none; } }
[data-theme="light"] .quick-dock .qd-item { background: rgba(255,255,255,0.94); border-color: rgba(10,20,40,0.14); color: rgba(22,35,59,0.75); }
[data-theme="light"] .quick-dock .qd-item:hover { color: #16233b; }

/* ═══ Kaynaklar menüsü: öne çıkan satırlar (diğerleriyle aynı yapı, ayrıcalıklı ton) ═══ */
.nav-dd-hot {
  display: flex; flex-direction: column; gap: 2px;
  padding-bottom: 8px; margin-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.nav-dd-menu .nav-dd-hot-item {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 10px 12px; border-radius: 10px;
  background: rgba(0,104,249,0.09);
  border: 1px solid rgba(29,210,233,0.16);
  transition: background 0.12s ease, border-color 0.12s ease;
}
.nav-dd-menu .nav-dd-hot-item::after { display: none; }
.nav-dd-menu .nav-dd-hot-item:hover { background: rgba(0,104,249,0.16); border-color: rgba(29,210,233,0.45); }
.nav-dd-menu .nav-dd-hot-item svg {
  width: 18px; height: 18px; flex: 0 0 18px; margin-top: 2px;
  fill: none; stroke: currentColor; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round;
  color: #1dd2e9;
}
.nav-dd-menu .nav-dd-hot-item span { display: flex; flex-direction: column; gap: 2px; }
.nav-dd-menu .nav-dd-hot-item b { font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,0.96); }
.nav-dd-menu .nav-dd-hot-item small { font-size: 12px; color: rgba(255,255,255,0.55); line-height: 1.35; }
[data-theme="light"] .nav-dd-menu .nav-dd-hot-item { background: rgba(0,104,249,0.07); border-color: rgba(0,104,249,0.18); }
[data-theme="light"] .nav-dd-menu .nav-dd-hot-item b { color: #16233b; }
[data-theme="light"] .nav-dd-menu .nav-dd-hot-item small { color: rgba(22,35,59,0.6); }
[data-theme="light"] .nav-dd-hot { border-bottom-color: rgba(10,20,40,0.08); }

/* ═══ Hızlı Erişim Rayı v2 — daha belirgin (boyut + sinyal + tanıtım animasyonu) ═══ */
.quick-dock { gap: 8px; }
.quick-dock .qd-item {
  height: 50px; padding: 0 15px; max-width: 50px;
  background: rgba(14, 21, 36, 0.97);
  border-color: rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.88);
  box-shadow: 0 8px 24px rgba(0,0,0,0.45);
}
.quick-dock .qd-item svg { width: 19px; height: 19px; flex: 0 0 19px; }
.quick-dock .qd-item span { font-size: 12.5px; }
/* video sekmesi: sinyal kimliği — gradyan sol kenar + nabız */
.quick-dock .qd-item:first-child {
  border-left: 3px solid transparent;
  border-image: linear-gradient(180deg,#0068f9,#1dd2e9) 1;
  background: linear-gradient(90deg, rgba(0,104,249,0.16), rgba(14,21,36,0.97) 55%);
}
.quick-dock .qd-item:first-child svg {
  border-radius: 999px;
  animation: qd-pulse 3s cubic-bezier(0.22,1,0.36,1) infinite;
}
@keyframes qd-pulse {
  0% { box-shadow: 0 0 0 0 rgba(29,210,233,0.5); }
  60% { box-shadow: 0 0 0 9px rgba(29,210,233,0); }
  100% { box-shadow: 0 0 0 0 rgba(29,210,233,0); }
}
.quick-dock .qd-item:nth-child(2) svg { color: rgba(255,255,255,0.85); }
.quick-dock .qd-item:nth-child(2):hover svg { color: #1dd2e9; }
/* tanıtım: yüklemede bir kez etiketler açılıp kapanır */
@keyframes qd-peek {
  0%, 12% { max-width: 50px; }
  28%, 72% { max-width: 230px; }
  100% { max-width: 50px; }
}
@keyframes qd-peek-label {
  0%, 14% { opacity: 0; }
  32%, 68% { opacity: 1; }
  100% { opacity: 0; }
}
.quick-dock .qd-item { animation-name: qd-peek; animation-duration: 3.6s; animation-timing-function: cubic-bezier(0.22,1,0.36,1); animation-delay: 1.2s; animation-fill-mode: none; }
.quick-dock .qd-item:first-child { animation-name: qd-peek, qd-pulse; animation-duration: 3.6s, 3s; animation-delay: 1.2s, 0s; animation-iteration-count: 1, infinite; animation-fill-mode: none, none; }
.quick-dock .qd-item span { animation: qd-peek-label 3.6s cubic-bezier(0.22,1,0.36,1) 1.2s 1 none; }
.quick-dock .qd-item:nth-child(2) { animation-delay: 1.45s; }
.quick-dock .qd-item:nth-child(2) span { animation-delay: 1.45s; }
@media (prefers-reduced-motion: reduce) {
  .quick-dock .qd-item, .quick-dock .qd-item:first-child, .quick-dock .qd-item span { animation: none; }
}
[data-theme="light"] .quick-dock .qd-item { background: rgba(255,255,255,0.97); border-color: rgba(10,20,40,0.2); color: rgba(22,35,59,0.85); box-shadow: 0 8px 24px rgba(10,20,40,0.18); }
[data-theme="light"] .quick-dock .qd-item:first-child { background: linear-gradient(90deg, rgba(0,104,249,0.1), rgba(255,255,255,0.97) 55%); }

/* ═══ Hızlı Erişim Rayı v3 — 4 öğe: İzle → İndir → Hesapla → Test Et ═══ */
.quick-dock .qd-item:not(:first-child) svg { color: rgba(255,255,255,0.85); }
.quick-dock .qd-item:not(:first-child):hover svg { color: #1dd2e9; }
.quick-dock .qd-item:nth-child(3) { animation-delay: 1.7s; }
.quick-dock .qd-item:nth-child(3) span { animation-delay: 1.7s; }
.quick-dock .qd-item:nth-child(4) { animation-delay: 1.95s; }
.quick-dock .qd-item:nth-child(4) span { animation-delay: 1.95s; }
/* 4 öğe dikeyde daha uzun — kısa ekranlarda alt ikiliyi gizle */
@media (max-height: 640px) { .quick-dock .qd-item:nth-child(n+3) { display: none; } }
[data-theme="light"] .quick-dock .qd-item:not(:first-child) svg { color: rgba(22,35,59,0.75); }

/* ═══ Hızlı Erişim Rayı v4 — hover düzeltmesi + Blog (5 öğe) ═══ */
/* HATA DÜZELTME: align-items:stretch yüzünden biri hover'la genişleyince
   diğerleri de geriliyordu — her sekme kendi genişliğinde, sağa yaslı */
.quick-dock { align-items: flex-end; }
.quick-dock .qd-item { position: relative; }
/* video sekmesi: border-image köşeleri kırıyordu → gradyan bar pseudo-element */
.quick-dock .qd-item:first-child {
  border-left: 1px solid rgba(255,255,255,0.18);
  border-image: none;
  background:
    linear-gradient(90deg, rgba(0,104,249,0.2), rgba(0,104,249,0) 60%),
    rgba(14, 21, 36, 0.97);
}
.quick-dock .qd-item:first-child::before {
  content: ''; position: absolute; left: 0; top: 7px; bottom: 7px; width: 3px;
  border-radius: 2px; background: linear-gradient(180deg, #0068f9, #1dd2e9);
}
/* 5. öğe tanıtım kademesi */
.quick-dock .qd-item:nth-child(5) { animation-delay: 2.2s; }
.quick-dock .qd-item:nth-child(5) span { animation-delay: 2.2s; }
/* dikey alan yönetimi: kısa ekranlarda alttakiler sırayla gizlenir */
@media (max-height: 720px) { .quick-dock .qd-item:nth-child(n+4) { display: none; } }
[data-theme="light"] .quick-dock .qd-item:first-child {
  background:
    linear-gradient(90deg, rgba(0,104,249,0.12), rgba(0,104,249,0) 60%),
    rgba(255,255,255,0.97);
}

/* ═══ Hızlı Erişim Rayı v5 — class-tabanlı durum makinesi (keyframe çakışması bitti) ═══ */
.quick-dock .qd-item,
.quick-dock .qd-item:first-child,
.quick-dock .qd-item span { animation: none !important; }
.quick-dock .qd-item {
  transition: max-width 0.34s cubic-bezier(0.22,1,0.36,1),
              color 0.18s ease, border-color 0.18s ease,
              transform 0.22s cubic-bezier(0.22,1,0.36,1);
}
.quick-dock .qd-item span { transition: opacity 0.16s ease; }
.quick-dock .qd-item:hover,
.quick-dock .qd-item:focus-visible,
.quick-dock .qd-item.qd-open {
  max-width: 240px; color: #fff;
  border-color: rgba(29,210,233,0.5);
  transform: translateX(-2px);
}
.quick-dock .qd-item:hover span,
.quick-dock .qd-item:focus-visible span,
.quick-dock .qd-item.qd-open span { opacity: 1; transition: opacity 0.2s ease 0.12s; }
/* nabız yalnız ikonda, kutu animasyonlarından bağımsız */
.quick-dock .qd-item:first-child svg { animation: qd-pulse 3s cubic-bezier(0.22,1,0.36,1) infinite !important; }
@media (prefers-reduced-motion: reduce) { .quick-dock .qd-item:first-child svg { animation: none !important; } }

/* ═══ AKIŞ scroll-world — SİTE GENELİ katman (Faz 4: akis-auto.js) ═══ */
.akis-world { position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: 0.75; }
.akis-world canvas { width: 100%; height: 100%; display: block; }
.akis-world::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(180deg,
    rgba(5,8,16,0.15) 0%, rgba(5,8,16,0.38) 40%,
    rgba(5,8,16,0.48) 70%, rgba(5,8,16,0.65) 100%);
}
body.akis-on { background: var(--void, #050810); }
/* İçeriği akis-world dekoratif katmanının (z-index:0 + %92 opak + koyu ::after
   gradyan) ÜSTÜNE çıkar. 2026-07-21: eskiden yalnız `section` kapsanıyordu;
   custom araç sayfaları (olgunluk-testi, roi-hesapla, yenilikler) içeriği
   <main> içinde olduğu için kuraldan kaçıyor, akis-world onları örtüp
   soluklaştırıyordu (kullanıcı bildirimi: "2 sn sonra transparanlaşıyor" —
   akis-on sınıfı 1.1-2.6 sn'de ekleniyor). main + belli başlı içerik
   sarmalayıcıları da dahil edildi. */
body.akis-on :is(section, main) {
  background-color: transparent !important;
  background-image: none !important;
}
/* 2026-07-21: position:relative sticky bölümleri (.jy-sticky scrollytelling)
   KIRIYORDU — position:sticky'yi relative'e çeviriyordu, içerik ortada
   kayboluyor, wrap boş scroll oluyordu. Sticky bölümler hariç tutuldu;
   onlara akis-world üstünde kalması için ayrı z-index verildi. */
body.akis-on :is(section, main):not(.jy-sticky) { position: relative; z-index: 1; }
body.akis-on .jy-sticky { z-index: 1; }
body.akis-on section:not([class*="sticky"]) { position: relative; }
body.akis-on .pm-hero-bg3d { display: none; }
body.akis-on section canvas.bg-canvas,
body.akis-on section canvas.bg-canvas-layer,
body.akis-on section canvas.sa-canvas { display: none; }

/* ═══ Kalite Belgeleri güven barı — footer (AKIŞ mono dili) ═══ */
.footer-certs {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 10px 34px;
  padding: 22px 24px 4px; margin-top: 26px;
  border-top: 1px solid rgba(255,255,255,0.07);
}
.footer-certs .fcert {
  display: inline-flex; align-items: center; gap: 10px;
  color: rgba(255,255,255,0.55);
  transition: color 0.2s ease;
}
.footer-certs .fcert:hover { color: rgba(255,255,255,0.85); }
.footer-certs .fcert svg {
  width: 20px; height: 20px; flex: 0 0 20px;
  fill: none; stroke: currentColor; stroke-width: 1.6;
  stroke-linecap: round; stroke-linejoin: round;
  color: #1dd2e9; opacity: 0.8;
}
.footer-certs .fcert > span { display: flex; flex-direction: column; }
.footer-certs .fcert b {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12.5px; font-weight: 600; letter-spacing: 0.05em;
  color: rgba(255,255,255,0.82);
}
.footer-certs .fcert small { font-size: 11px; color: rgba(255,255,255,0.45); }
[data-theme="light"] .footer-certs { border-top-color: rgba(10,20,40,0.08); }
[data-theme="light"] .footer-certs .fcert b { color: rgba(22,35,59,0.85); }
[data-theme="light"] .footer-certs .fcert small { color: rgba(22,35,59,0.55); }

/* ═══ Sektörler mega-menüsü — iki kolonlu kompakt ızgara ═══ */
.nav-dd-toggle { text-decoration: none; }
a.nav-dd-toggle::after { display: none; }
.nav-dd-menu--grid { min-width: 480px; left: 50%; transform: translateX(-50%) translateY(6px); }
.nav-dd:hover .nav-dd-menu--grid,
.nav-dd:focus-within .nav-dd-menu--grid { transform: translateX(-50%) translateY(0); }
.nav-dd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 6px; }
.nav-dd-grid a { padding: 7px 12px; align-items: center; }
.nav-dd-grid a svg { margin-top: 0; width: 16px; height: 16px; flex: 0 0 16px; }
.nav-dd-grid a b { font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.82); }
.nav-dd-grid a:hover b { color: #fff; }

/* ═══ LIGHT TEMA — AKIŞ dünyası dark-only; light'ta kapalı, bölümler orijinal ═══ */


/* ═══ LIGHT EVREN — dünya light temada da yaşar (açık sıvı paleti) ═══ */
[data-theme="light"] body.akis-on { background: #f5f7fb; }
[data-theme="light"] .akis-world::after {
  background: linear-gradient(90deg,
    rgba(245,247,251,0) 0%, rgba(245,247,251,0.34) 22%,
    rgba(245,247,251,0.55) 40%, rgba(245,247,251,0.55) 60%,
    rgba(245,247,251,0.34) 78%, rgba(245,247,251,0) 100%);
}
/* dünya aktifken hep-koyu premium bölümler şeffaflaşır → light'ta mürekkep KOYU olmalı */
:root[data-theme="light"] body.akis-on .pm-hero,
:root[data-theme="light"] body.akis-on .pm-proof,
:root[data-theme="light"] body.akis-on .pm-orbit-sec,
:root[data-theme="light"] body.akis-on .pm-roles {
  --pm-ink:#0c1a30; --pm-ink-2:rgba(12,26,48,.74); --pm-ink-3:rgba(12,26,48,.52);
  --pm-glass:rgba(10,30,60,.04); --pm-glass-brd:rgba(10,30,60,.14);
}

/* light temada scroll edilmiş nav açık kalır (pages.css koyu sabitini ezer) */
[data-theme="light"] .nav.scrolled { background: rgba(255,255,255,0.95); }

/* ═══════════════════════════════════════════════════════════════
   LIGHT TEMA KAPSAMLI YAMA (2026-07-13 tarama sonuçları)
   Sınıf A: light zeminde sabit-açık metinler → koyu
   Sınıf B: koyu kalan kartlar → light'ta beyaz yüzey
   ═══════════════════════════════════════════════════════════════ */
/* — A: sabit-açık metinler — */
[data-theme="light"] .hero-sub-line { color: #16233b !important; }
[data-theme="light"] .stat-banner-value { color: #16233b !important; }
[data-theme="light"] .stat-banner-label { color: rgba(22,35,59,0.6) !important; }
[data-theme="light"] .sa-title-line { color: #16233b !important; }
[data-theme="light"] .sa-title-line.secondary,
[data-theme="light"] .sa-title .sa-title-line:first-child { color: rgba(22,35,59,0.62) !important; }
[data-theme="light"] .sa-subtitle,
[data-theme="light"] .cta-sub { color: rgba(22,35,59,0.7) !important; }
[data-theme="light"] .sa-label { color: #0a7c8c !important; }
[data-theme="light"] .pm-eyebrow { color: #0a7c8c; }
[data-theme="light"] .pm-eyebrow .dot { background: #0a7c8c; box-shadow: none; }
[data-theme="light"] header.m-def .mast-title { color: #16233b; }
[data-theme="light"] #film .sx-title, [data-theme="light"] #film .sx-title--lg { color: #16233b !important; }
[data-theme="light"] .sx-title, [data-theme="light"] .sx-title--lg { color: #16233b; }
/* hep-koyu pm bölümlerinde (dark hero bandı) yukarıdakiler AÇIK kalmalı — dünya yokken */
[data-theme="light"] body:not(.akis-on) .pm-hero .pm-eyebrow { color: #5fdcff; }

/* — B: koyu kartlar light'ta beyaz yüzeye döner — */
[data-theme="light"] .showcase-card,
[data-theme="light"] .metric-card {
  background: #ffffff !important;
  border-color: rgba(10,20,40,0.12) !important;
  box-shadow: 0 10px 30px rgba(20,40,80,0.08);
}
[data-theme="light"] [style*="131c33"] {
  background: #ffffff !important;
  border-color: rgba(10,20,40,0.12) !important;
}
/* bu kartların İÇİNDEKİ inline-açık metinler koyuya döner */
[data-theme="light"] [style*="131c33"] [style*="232, 237, 244"],
[data-theme="light"] [style*="131c33"] [style*="232,237,244"],
[data-theme="light"] [style*="131c33"] [style*="234, 241, 251"],
[data-theme="light"] [style*="131c33"] [style*="f0f4fa"],
[data-theme="light"] [style*="131c33"] [style*="eaf1fb"],
[data-theme="light"] [style*="131c33"] [style*="fff"] { color: rgba(22,35,59,0.85) !important; }

/* — hızlı erişim rayı: light renkleri en sonda yeniden garanti — */
[data-theme="light"] .quick-dock .qd-item {
  background: rgba(255,255,255,0.97) !important;
  border-color: rgba(10,20,40,0.2) !important;
  color: rgba(22,35,59,0.85) !important;
  box-shadow: 0 8px 24px rgba(10,20,40,0.18);
}
[data-theme="light"] .quick-dock .qd-item:not(:first-child) svg { color: rgba(22,35,59,0.75); }
[data-theme="light"] .quick-dock .qd-item:not(:first-child):hover svg { color: #0a7c8c; }
[data-theme="light"] .quick-dock .qd-item:first-child {
  background: linear-gradient(90deg, rgba(0,104,249,0.1), rgba(0,104,249,0) 60%), rgba(255,255,255,0.97);
}
[data-theme="light"] .quick-dock .qd-item:hover,
[data-theme="light"] .quick-dock .qd-item:focus-visible,
[data-theme="light"] .quick-dock .qd-item.qd-open { color: #16233b; }

/* — LIGHT + dünya aktif: jenerik tipografi güvencesi —
   NOT (2026-07-20): bu kuralın 776. satırda !important'lı bir kopyası daha
   vardı; ikisi birden duruyordu. Tek tanım aşağıda (776) bırakıldı, buradaki
   çift kayıt kaldırıldı. */
[data-theme="light"] body.akis-on section a:not([class]) { color: #0a5bd0; }

/* — kart içi açıklama/etiket sınıfları — */
[data-theme="light"] .showcase-desc,
[data-theme="light"] .metric-desc,
[data-theme="light"] .section-desc { color: rgba(22,35,59,0.72) !important; }
[data-theme="light"] .showcase-link { color: #0a5bd0 !important; }
[data-theme="light"] .section-title { color: #16233b !important; }
[data-theme="light"] .vfl, [data-theme="light"] .mast-cat { color: rgba(22,35,59,0.65) !important; }
[data-theme="light"] .col-361-label { color: #0a7c8c !important; }
[data-theme="light"] .status-win { color: #0d7a45 !important; }
[data-theme="light"] .dl-plabel, [data-theme="light"] .pl { color: rgba(22,35,59,0.7) !important; }
[data-theme="light"] .dl-persona:not(.active) { color: rgba(22,35,59,0.75) !important; }
[data-theme="light"] .tier-title { color: #16233b !important; }
[data-theme="light"] .hero-blog-desc,
[data-theme="light"] .blog-card-excerpt { color: rgba(22,35,59,0.75) !important; }

/* — koyu blog/hub kartları light'ta beyaz — */
[data-theme="light"] .blog-card,
[data-theme="light"] .blog-featured {
  background: #ffffff !important;
  border-color: rgba(10,20,40,0.12) !important;
}
[data-theme="light"] :is(.blog-card, .blog-featured) :is(h2,h3,h4,div,span):not([class*="badge"]):not([class*="tag"]) { color: #16233b; }

/* — butonlar/filtreler — */
[data-theme="light"] .filter-btn:not(.active) { color: rgba(22,35,59,0.75) !important; border-color: rgba(10,20,40,0.2) !important; }
[data-theme="light"] .btn-secondary,
[data-theme="light"] .btn.btn-ghost { color: #16233b !important; border-color: rgba(10,20,40,0.3) !important; }

/* — LIGHT tur-2: kalan sabit-açık metin aileleri — */
/* Açık temada genel metin mürekkebi.
   2026-07-20 — DOYGUN ZEMİN İSTİSNASI: bu kural "koyu bant yok, hepsi açık
   zemin" varsayımıyla yazılmıştı. Varsayım geçersiz: vizyon teaser kartı,
   footer bandı ve hızlı erişim dock'u İKİ temada da koyu/doygun zeminli.
   İstisna olmadan bu yüzeylerde koyu-üstüne-koyu çıkıyordu (ölçüm 1.30–1.38).
   Bu, footer'daki 1.16:1 hatasının aynısıydı — aynı sınıf hata, aynı çözüm:
   kuralı daraltmak, üstüne yeni !important yığmak değil. */
[data-theme="light"] body.akis-on :is(h1, h2, h3, h4, h5):not(.vision-teaser *):not(.footer-premium *):not(.quick-dock *) { color: #16233b !important; }
[data-theme="light"] body.akis-on :is(p, li):not(.vision-teaser *):not(.footer-premium *):not(.quick-dock *) { color: rgba(22,35,59,0.78) !important; }
/* inline sabit-açık metinler (kartlar akis-on'da açık zeminde) */
[data-theme="light"] body.akis-on [style*="eaf1fb"] { color: #16233b !important; }
[data-theme="light"] body.akis-on [style*="232, 237, 244"],
[data-theme="light"] body.akis-on [style*="232,237,244"] { color: rgba(22,35,59,0.78) !important; }
/* özel aileler */
[data-theme="light"] .zigzag-item :is(h4, p) { color: #16233b !important; }
[data-theme="light"] .zigzag-item p { color: rgba(22,35,59,0.75) !important; }
[data-theme="light"] .vfl { color: rgba(22,35,59,0.6) !important; }
[data-theme="light"] .footer-brand-tagline { color: rgba(22,35,59,0.7) !important; }
[data-theme="light"] .blog-tag { color: #0a5bd0 !important; }
[data-theme="light"] .dl-count { color: rgba(22,35,59,0.7) !important; }
[data-theme="light"] .dl-allbtn { color: rgba(22,35,59,0.75) !important; border-color: rgba(10,20,40,0.25) !important; }
[data-theme="light"] .dl-allbtn:hover { color: #16233b !important; }
/* .fk beyaz zeminde 0.65 ile 4.6 veriyordu — sınırda geçiyor. Ama bu etiket
   indirme merkezinde açık mavi banner (#cee0fb) üstünde de kullanılıyor ve orada
   4.39'a düşüp ihlal üretiyordu. 0.80 her iki zeminde de rahat geçirir. */
[data-theme="light"] .fk { color: rgba(22,35,59,0.80) !important; }
[data-theme="light"] .checkbox-row span, 
[data-theme="light"] form label span { color: rgba(22,35,59,0.75); }

/* — LIGHT tur-3 — */
/* zigzag kartları light'ta beyaz yüzey */
[data-theme="light"] .zigzag-item {
  background: #ffffff !important;
  border-color: rgba(10,20,40,0.12) !important;
  box-shadow: 0 10px 30px rgba(20,40,80,0.08);
}
/* FOOTER İSTİSNASI: footer light temada da koyu tasarım — metinleri AÇIK kalır */
[data-theme="light"] body.akis-on .footer-premium :is(h1,h2,h3,h4,h5) { color: #eaf1fb !important; }
[data-theme="light"] body.akis-on .footer-premium :is(p, li) { color: rgba(232,237,244,0.72) !important; }
[data-theme="light"] .footer-premium .footer-brand-tagline { color: rgba(232,237,244,0.72) !important; }
[data-theme="light"] body.akis-on .footer-premium [style*="232, 237, 244"],
[data-theme="light"] body.akis-on .footer-premium [style*="eaf1fb"] { color: rgba(232,237,244,0.8) !important; }
/* ISO güven barı: koyu footer içinde açık kalır (önceki light kurallarını geri alır) */
[data-theme="light"] .footer-certs { border-top-color: rgba(255,255,255,0.07); }
[data-theme="light"] .footer-certs .fcert b { color: rgba(255,255,255,0.82); }
[data-theme="light"] .footer-certs .fcert small { color: rgba(255,255,255,0.45); }
[data-theme="light"] .footer-certs .fcert svg { color: #1dd2e9; }
/* downloads sol rayı light'ta koyu metin */
[data-theme="light"] .dl-rail a, [data-theme="light"] .dl-rlink { color: rgba(22,35,59,0.72) !important; }
[data-theme="light"] .dl-rail a:hover { color: #16233b !important; background: rgba(0,104,249,0.08) !important; }
[data-theme="light"] .dl-rail a.on { color: #0a5bd0 !important; background: rgba(0,104,249,0.1) !important; }
/* — LIGHT tur-4: son kalıntılar — */
/* vs sayfası yüzleşme kartı etiketleri */
/* .vsface KOYU bir başlığın (header.m-vs, #0b1220) içindedir — açık temada
   metni koyulaştırmak koyu-üstüne-koyu yapıyordu (2026-07-27 ölçümü).
   .vfl daha önce beyaza çevrilmiş ama .vfn unutulmuştu; ikisi de beyaz. */
/* .vf.me DOYGUN kirmizi bir pildir (linear-gradient #8f1634 -> #c22646).
   Alfali beyaz burada zemine karisip kontrasti 3.27ye dusuruyor - TAM beyaz sart. */
[data-theme="light"] .vsface .vfl { color: #ffffff !important; }
[data-theme="light"] .vsface .vfn { color: rgba(255,255,255,0.95) !important; }
/* downloads liste satırları */
[data-theme="light"] .dl-row .nm, [data-theme="light"] .nm { color: #16233b !important; }
[data-theme="light"] .dl-row .ds, [data-theme="light"] .ds { color: rgba(22,35,59,0.65) !important; }
[data-theme="light"] .dl-cat-desc { color: rgba(22,35,59,0.65) !important; }
/* poc amber duyuru rozeti: light'ta koyu amber */
[data-theme="light"] [style*="ffab40"] { color: #9a5b00 !important; }
/* — LIGHT tur-5: nav scrolled pseudo + son tekiller — */
[data-theme="light"] .nav.scrolled::before {
  background: rgba(245,247,251,0.92) !important;
  border-bottom-color: rgba(10,20,40,0.1) !important;
}
[data-theme="light"] .cookie-consent { background: rgba(255,255,255,0.98) !important; border-top: 1px solid rgba(10,20,40,0.12); }
[data-theme="light"] .cookie-consent-text { color: rgba(22,35,59,0.8) !important; }
[data-theme="light"] .btn-cta-secondary { color: #16233b !important; border-color: rgba(10,20,40,0.3) !important; }
html[data-theme="light"] .vsface .vf .vfn { color: rgba(255,255,255,0.95) !important; }
html[data-theme="light"] body .vsface .vf .vfl { color: #ffffff !important; } /* doygun pil: beyaz */

/* ═══════════════════════════════════════════════════════════════
   LIGHT GLOBAL (2026-07-13) — dünyadan BAĞIMSIZ, temaya ANINDA bağlı.
   Bölümler light'ta ilk boyadan itibaren açıktır (akis-on beklemez).
   ═══════════════════════════════════════════════════════════════ */
[data-theme="light"] body { background: #f5f7fb; }
[data-theme="light"] section {
  background-color: transparent !important;
  background-image: none !important;
}
[data-theme="light"] section:not([class*="sticky"]) { position: relative; z-index: 1; }
[data-theme="light"] :is(h1, h2, h3, h4, h5) { color: #16233b !important; }
[data-theme="light"] :is(p, li) { color: rgba(22,35,59,0.78) !important; }
[data-theme="light"] section a:not([class]) { color: #0a5bd0; }
[data-theme="light"] [style*="eaf1fb"] { color: #16233b !important; }
[data-theme="light"] [style*="232, 237, 244"],
[data-theme="light"] [style*="232,237,244"] { color: rgba(22,35,59,0.78) !important; }
[data-theme="light"] [style*="f0f4fa"] { color: #16233b !important; }
/* pm bantları light'ta HER DURUMDA koyu mürekkep (dünyalı/dünyasız) */
:root[data-theme="light"] .pm-hero,
:root[data-theme="light"] .pm-proof,
:root[data-theme="light"] .pm-orbit-sec,
:root[data-theme="light"] .pm-roles {
  --pm-ink: #0c1a30 !important;
  --pm-ink-2: rgba(12,26,48,0.74) !important;
  --pm-ink-3: rgba(12,26,48,0.52) !important;
  --pm-glass: rgba(10,30,60,0.04) !important;
  --pm-glass-brd: rgba(10,30,60,0.14) !important;
}
/* FOOTER + MOBİL MENÜ istisnası: koyu panel tasarımı — metin açık kalır */
[data-theme="light"] .footer-premium :is(h1,h2,h3,h4,h5) { color: #eaf1fb !important; }
[data-theme="light"] .footer-premium :is(p, li) { color: rgba(232,237,244,0.72) !important; }
[data-theme="light"] .footer-premium [style*="eaf1fb"],
[data-theme="light"] .footer-premium [style*="232, 237, 244"] { color: rgba(232,237,244,0.8) !important; }
[data-theme="light"] .mobile-menu { background: rgba(255,255,255,0.98); }
[data-theme="light"] .mobile-menu a { color: #16233b; }

/* — LIGHT: yarı saydam kart/paneller DÜZ BEYAZ yüzeye döner (okunabilirlik) — */
[data-theme="light"] :is(
  .sx-card, .pm-chip, .pm-glass, .pm-metric, .pm-badge, .pm-float,
  .sa-card, .info-card, .tool-card, .feature-card, .price-card, .tier-card,
  .faq-item, .contact-card, .form-card, .testimonial-card, .stat-card,
  .poc-form-wrapper, .roi-card, .olg-card, .vs-card, .jr-card, .jy-card,
  .dl-cat, .dl-row, .blog-card, .blog-featured, .case-card, .zigzag-item,
  .showcase-card, .metric-card, .cta-card
) {
  background: #ffffff !important;
  border-color: rgba(10,20,40,0.12) !important;
  box-shadow: 0 8px 24px rgba(20,40,80,0.07);
}
/* jenerik güvence: adında "card" geçen her kutu (görsel bantlar hariç) */
[data-theme="light"] [class*="card"]:not([class*="visual"]):not([class*="badge"]) {
  background-color: #ffffff;
  border-color: rgba(10,20,40,0.12);
}
[data-theme="light"] .pm-float { color: #16233b !important; }
[data-theme="light"] .pm-float b { color: #0a5bd0 !important; }
[data-theme="light"] .pm-chip { color: rgba(22,35,59,0.75) !important; }
[data-theme="light"] .pm-chip b { color: #0a5bd0 !important; }
[data-theme="light"] .pm-badge { color: rgba(22,35,59,0.75) !important; }

/* — LIGHT tur-6 (final): nükleer spesifiklik + tablo/form/rozet aileleri — */
html[data-theme="light"] body :is(h1, h2, h3, h4, h5) { color: #16233b !important; }
html[data-theme="light"] body :is(p, li) { color: rgba(22,35,59,0.78) !important; }
html[data-theme="light"] body .sa-title .sa-title-line,
html[data-theme="light"] body .sa-title-line.primary { color: #16233b !important; }
html[data-theme="light"] body .sa-title-line.secondary { color: rgba(22,35,59,0.62) !important; }
html[data-theme="light"] body .sa-label { color: #0a7c8c !important; }
html[data-theme="light"] body .sa-subtitle { color: rgba(22,35,59,0.7) !important; }
html[data-theme="light"] body .vsface .vf .vfn { color: rgba(255,255,255,0.95) !important; }
html[data-theme="light"] body .vsface .vf .vfl { color: #ffffff !important; } /* doygun pil: beyaz */
/* footer istisnası en yüksek öncelikle yeniden */
html[data-theme="light"] body .footer-premium :is(h1,h2,h3,h4,h5) { color: #eaf1fb !important; }
html[data-theme="light"] body .footer-premium :is(p, li) { color: rgba(232,237,244,0.72) !important; }
/* tablolar */
[data-theme="light"] :is(td, th) { color: rgba(22,35,59,0.8) !important; }
[data-theme="light"] :is(td, th)[class*="361"] { background: rgba(0,104,249,0.08) !important; color: #0a4a9e !important; }
[data-theme="light"] :is(td, th)[class*="other"] { color: rgba(22,35,59,0.65) !important; }
/* formlar */
[data-theme="light"] label { color: rgba(22,35,59,0.8) !important; }
[data-theme="light"] .slot-pill { color: rgba(22,35,59,0.75) !important; border-color: rgba(10,20,40,0.2) !important; }
/* rozet/etiket aileleri */
[data-theme="light"] :is(.sector-tag, .cat-count, .category-divider-count, .unit, .ok-cta-note) { color: rgba(22,35,59,0.65) !important; }
/* sınıfsız içerik linkleri */
[data-theme="light"] section a:not([class]) { color: #0a5bd0 !important; }
/* kart jeneriği: important */
[data-theme="light"] [class*="card"]:not([class*="visual"]):not([class*="badge"]) {
  background-color: #ffffff !important;
  border-color: rgba(10,20,40,0.12) !important;
}
/* light: kalan mikro etiketler */
[data-theme="light"] span.secondary { color: rgba(22,35,59,0.62) !important; }
[data-theme="light"] tbody tr:nth-child(even) { background: rgba(10,20,40,0.03); }
/* light: beyazlaşan panellerde turkuaz chip'ler koyu turkuaza */
[data-theme="light"] .tool-category span,
[data-theme="light"] [class*="chip"] span,
[data-theme="light"] [class*="tool"] span { color: #0a7c8c !important; }
/* light: son tekiller — çerez linki, maturity rozetleri, vurgu span'ları */
[data-theme="light"] .cookie-consent-link, [data-theme="light"] .cookie-consent a { color: #0a5bd0 !important; }
[data-theme="light"] .maturity-stage .maturity-tag { color: rgba(22,35,59,0.7) !important; }
[data-theme="light"] .maturity-stage { background: #ffffff !important; border-color: rgba(10,20,40,0.12) !important; }
[data-theme="light"] section span:not([class]) { color: inherit; }
[data-theme="light"] :is(h1,h2,h3,p) > span:not([class]):not([style]) { color: inherit !important; }

/* ═══ LIGHT WCAG TURU (2026-07-13) — 71 sayfa ölçüldü, aile bazında düzeltme ═══ */
/* mfx reveal script'i style attr'ı yeniden serileştirir: #131c33 → rgb(19, 28, 51).
   Hex form kuralları eşleşmeyi kaybediyordu — iki formu da hedefle. */
[data-theme="light"] [style*="19, 28, 51"] {
  background: #ffffff !important;
  border-color: rgba(10,20,40,0.12) !important;
}
[data-theme="light"] :is([style*="131c33"],[style*="19, 28, 51"]) :is([style*="232, 237, 244"],[style*="234, 241, 251"],[style*="240, 244, 250"],[style*="f0f4fa"],[style*="eaf1fb"],[style*="e8edf4"],[style*="fff"],[style*="255, 255, 255"]) {
  color: rgba(22,35,59,0.85) !important;
}

/* — Başlık aileleri: beyazlaşan kartlarda sabit-açık kalmış title sınıfları — */
html[data-theme="light"] body :is(.provider-name,.chevron-title,.showcase-title,.metric-title,.bento-title,
.arch-step-title,.concept-title,.tech-title,.story-title,.value-title,.contact-card-title,.quick-link-title,
.contact-form-title,.ref-card-name,.sector-section-title,.roadmap-phase-desc,.icon-ring-center-label,
.icon-ring-node-label,.sa-title-line,.stat-label,.security-badge,.lbl,.bento-title *) {
  color: #16233b !important;
}

/* — Gövde/etiket aileleri: ikincil koyu mürekkep (beyaz üstünde ≥4.5) — */
html[data-theme="light"] body :is(.provider-models,.chevron-desc,.arch-step-desc,.concept-desc,.tech-desc,
.story-desc,.value-desc,.ref-card-detail,.ref-card-desc,.quick-link-desc,.contact-form-subtitle,.sa-label,
.sa-subtitle,.ai-stat-label,.sp-stat-label,.stat-banner-label,.pm-proof-strip,.k-sys,.k-sub,.vfl,.sx-sub) {
  color: rgba(22,35,59,0.78) !important;
}
html[data-theme="light"] body span.line { color: rgba(22,35,59,0.8) !important; }

/* — Aksan aileleri: açık cyan/yeşil → koyu varyant (ton korunur) — */
html[data-theme="light"] body :is(.bento-label,.value-subtitle,.story-year,.sa-reveal,.src,.sx-eyebrow,
.sp-stat-value,.section-tag,.roadmap-phase-title,.ok-intro-badge,.tool-chip,.tool-category span) {
  color: #086977 !important;
}
html[data-theme="light"] body :is(.roi-badge,.status-win) { color: #067a4e !important; }
html[data-theme="light"] body .status-limit { color: #b33a42 !important; }
html[data-theme="light"] body :is(.card-link,.position-tag) { color: #0a5bd0 !important; }
html[data-theme="light"] body .case-badge { color: #0a5bd0 !important; }

/* — Kanal: süre rozeti her temada koyu çip + açık yazı (video standardı) — */
[data-theme="light"] .dur { color: #f2f6fc !important; background: rgba(5,8,16,0.78) !important; }

/* — Çerez barı: light'ta beyaz yüzey (koyu bar + koyulaşan metin görünmezdi) — */
[data-theme="light"] #cookieConsent,
[data-theme="light"] .cookie-consent,
[data-theme="light"] #cookieConsent .cookie-consent-inner {
  background: #ffffff !important;
  border-color: rgba(10,20,40,0.14) !important;
  box-shadow: 0 -10px 34px rgba(10,20,40,0.14);
}
[data-theme="light"] :is(#cookieConsent,.cookie-consent) :is(p,.cookie-consent-text) { color: rgba(22,35,59,0.85) !important; }
[data-theme="light"] :is(#cookieConsent,.cookie-consent) :is(a,.cookie-consent-link) { color: #0a5bd0 !important; }
/* — index yolculuk kartları (.jy-st): beyazlaşan kartta mikro metin koyulaşır — */
html[data-theme="light"] body .jy-st .t { color: #16233b !important; }
html[data-theme="light"] body .jy-st .d, html[data-theme="light"] body .jy-st .d b { color: rgba(22,35,59,0.78) !important; }
/* pasif yolculuk adımı: light'ta soluklaştırma tabanı okunabilir kalır (0.32 → 0.72) */
[data-theme="light"] .jy-st { opacity: .9; } /* vurgu: border+transform taşır, okunabilirlik sabit */
[data-theme="light"] .jy-st.on { opacity: 1; }
/* — kişiselleştirme bandı: inline-açık-metin kuralı bandı vurmuştu (koyu bantta
     koyu metin = görünmez). Light'ta bant beyaz yüzeye döner. — */
html[data-theme="light"] body .personal-banner[style],
html[data-theme="light"] body.akis-on .personal-banner[style] {
  background: #ffffff !important;
  color: rgba(22,35,59,0.88) !important;
  border-bottom: 1px solid rgba(10,20,40,0.14) !important;
  box-shadow: 0 4px 20px rgba(10,20,40,0.12) !important;
}
html[data-theme="light"] body .personal-banner a { color: #0a5bd0 !important; }
/* — onebox viral akış: gradyan kart light'ta koyu mürekkep — */
html[data-theme="light"] body .viral-step-title { color: #16233b !important; }
html[data-theme="light"] body .viral-step-desc { color: rgba(22,35,59,0.75) !important; }
html[data-theme="light"] body .viral-arrow { color: #6d3bd1 !important; }

/* ═══ LIGHT WCAG TUR-2: gradyan zeminler ölçüme dahil edildi (worst-stop) ═══ */
/* CTA metni light'ta hep beyaz (gradyan artık koyu turkuazda biter) */
html[data-theme="light"] body :is(.pm-btn-primary,.dl-get,.tier-tag) { color: #ffffff !important; }
/* kart/panel aileleri — tur-2'de yakalanan sabit-açık metinler */
html[data-theme="light"] body :is(.diagram-box-title,.mv-text,.quick-card-title,.iso-badge-name,.cert-code,
.form-title,.tier-title,summary) { color: #16233b !important; }
html[data-theme="light"] body :is(.diagram-box-sub,.quick-card-desc,.iso-badge-desc,.cert-desc,.form-subtitle,
.pm-surface-cap,.archive-duration,.faq-body,.tier-desc) { color: rgba(22,35,59,0.78) !important; }
html[data-theme="light"] body :is(.mv-label,.quick-card-arrow,.archive-date,.cert-name) { color: #086977 !important; }
html[data-theme="light"] body :is(.event-badge) { color: #0a5bd0 !important; }
html[data-theme="light"] body :is(.dogfood-highlight) { color: #6d3bd1 !important; }
/* pm-btn primary: light'ta marka gradyanı + beyaz metin (cyan-soft durak yetersizdi) */
html[data-theme="light"] body .pm-btn-primary { background: var(--gradient-brand, linear-gradient(135deg, #0068f9, #0a7c8c)) !important; }
/* arşiv süre çipi: her temada koyu çip + açık yazı (video standardı, .dur ile aynı) */
[data-theme="light"] .archive-duration { color: #f2f6fc !important; background: rgba(5,8,16,0.78) !important; }
/* indirme merkezi 'İndir' pilleri + arşiv süre çipi: spesifiklik düzeltmesi */
html[data-theme="light"] body .dl-get { background: var(--gradient-brand, linear-gradient(135deg, #0068f9, #0a7c8c)) !important; color: #ffffff !important; }
html[data-theme="light"] body .archive-duration { color: #f2f6fc !important; background: rgba(5,8,16,0.82) !important; }
/* — Renkli zemin istisnaları: doygun renk üstünde mürekkep BEYAZ kalır — */
html[data-theme="light"] body .vf .vfl { color: #ffffff !important; }
html[data-theme="light"] body .vf .vfn { color: #ffffff !important; }
html[data-theme="light"] body table th[style*="0a3aa0"],
html[data-theme="light"] body table th[style*="0a3aa0"] strong { color: #ffffff !important; }
html[data-theme="light"] body .sa-label[style*="7c4dff"] { color: #ffffff !important; }
/* — vizyon teaser (2026-07-20 ÇAKIŞMA ÇÖZÜMÜ) —
   Buradaki eski "light'ta beyaz iç" muamelesi, 361-core.css'teki
   "metin daima beyaz" kuralıyla çakışıyordu: premium.css sonra
   yüklendiği için kart beyaza dönüyor, metin beyaz kalıyor ve
   rozet 1.00:1 ile tamamen görünmez oluyordu.
   Tek muamele seçildi: kart İKİ temada da doygun teal, metin beyaz
   (koyu tema, sayfa içi stil ve core.css zaten bunu varsayıyordu).
   Teal zemin üstünde beyaz ≈ 10:1, rozet ≈ 7.4:1.
   Kart zemini/rozeti artık 361-core.css'in tek sahipliğinde. */

/* ═══ TUR-3: İKİ TEMA WCAG — CTA dolguları + koyu tema tekilleri ═══ */
/* CTA dolgusu her temada: beyaz metin worst-stop ≥4.5 (cyan uç → koyu turkuaz).
   Parlak cyan marka rengi metin/aksan olarak yaşamaya devam eder; buton DOLGUSU
   erişilebilir uçta biter. */
.btn-primary, .cookie-consent-btn, .nl-btn, .form-submit, .contact-submit,
.career-form-submit, .tier-tag, .event-cta, .dl-get, .dl-btn, .pm-btn-primary,
.pricing-card.featured .tier-cta, .btn-cta-primary, .ok-cta, .btn-signal {
  background: linear-gradient(135deg, #0068f9, #0a7c8c) !important;
  color: #ffffff !important;
}
.roi-cta { background: #067a4e !important; color: #ffffff !important; }
/* vs yüzleşme pilleri: doygun renk üstünde mürekkep her temada beyaz */
.vf .vfl { color: #ffffff !important; }
.vf .vfn { color: #ffffff !important; }
/* vs tablo 361 sütunu: açık mavi uç beyazı düşürüyordu → düz derin mavi */
table th[style*="0a3aa0"] { background: #0a3aa0 !important; }
/* beyaz kart üstü rozet/link: her temada koyu mavi */
.case-badge, .case-cta { color: #0a5bd0 !important; }
/* koyu tema tekilleri */
:root:not([data-theme="light"]) .faq-category-label { color: #1dd2e9 !important; }
:root:not([data-theme="light"]) .error-hint { color: rgba(234,241,251,0.62) !important; }
:root:not([data-theme="light"]) .thesis-label { color: #ff6b61 !important; }
/* yolculuk pasif adımı: koyu temada da okunur taban */
.jy-st { opacity: .6; }
/* light kalanları */
html[data-theme="light"] body .sa-title-line { color: #16233b !important; }
html[data-theme="light"] body .sa-title-line.secondary { color: rgba(22,35,59,0.66) !important; }
html[data-theme="light"] body .nav-dd-toggle { color: rgba(22,35,59,0.85) !important; }
html[data-theme="light"] body .time-label { color: #086977 !important; }
/* footer sertifika rozetleri artık tıklanabilir (PDF) */
.footer-certs a.fcert { text-decoration: none; cursor: pointer; transition: transform var(--dur-ui, 240ms) var(--ease-out, ease-out); }
.footer-certs a.fcert:hover { transform: translateY(-2px); }
.footer-certs a.fcert:hover b { color: #1dd2e9; }
/* güvenlik: sertifika kartı PDF bağlantısı */
.cert-view { display: inline-block; margin-top: 14px; font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.02em; color: #1dd2e9; text-decoration: none; }
.cert-view:hover { text-decoration: underline; }
html[data-theme="light"] body .cert-view { color: #0a5bd0 !important; }

/* ═══ TUR-4: son tekiller (iki tema) ═══ */
/* hızlı erişim rayı: etiketler her temada net */
:root:not([data-theme="light"]) .quick-dock .qd-item { color: rgba(234,241,251,0.92) !important; }
.quick-dock .qd-item span { color: inherit !important; }
/* yolculuk pasif adımı: koyu temada iç alfa ile çarpılınca 0.6 yetmiyordu */
.jy-st { opacity: .78; }
/* özellik kategori bandı (koyu): sayaç + açıklama */
:root:not([data-theme="light"]) .category-divider-count { color: #1dd2e9 !important; }
:root:not([data-theme="light"]) .category-divider-text p { color: rgba(234,241,251,0.66) !important; }
/* mor çipte mavi etiket → beyaz (tema bağımsız) */
.sa-label[style*="b388ff"], .sa-label[style*="7c4dff"] { color: #ffffff !important; background: linear-gradient(135deg, #5a2fd8, #7c4dff) !important; }

/* ═══ MOBİL TUR (390px hedef) ═══ */
/* hızlı erişim rayı: dokunmatikte hover-genişleme yok, dar ekranda yer yiyor →
   mobilde gizli (aynı bağlantılar menü + footer'da) */
@media (max-width: 768px) {
  .quick-dock { display: none; }
}
/* olgunluk testi boyut kartları: 390px'te 5 sütun sığmıyordu */
@media (max-width: 560px) {
  .ok-dim-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .ok-dim:last-child { grid-column: 1 / -1; }
}
/* mobil font tabanı: 10px etiketler 12px'e (okunabilirlik) */
@media (max-width: 768px) {
  .vfl, .bento-label, .metric-label { font-size: 12px !important; }
}
/* başlık satırları: masaüstünde tek satır (nowrap), mobilde kontrollü kırılım —
   uzun başlıklar 390px'te yatay taşma yaratıyordu */
@media (max-width: 768px) {
  .sa-title-line { white-space: normal; }
}
/* mobil mikro-etiket tabanı: 11px aileler 12px'e (mm-group, footer small,
   stat bandı, mast kategorisi, bento rozeti) */
@media (max-width: 768px) {
  .mm-group, .footer-certs .fcert small, .stat-banner-label, .mast-cat,
  .bento-badge, .footer-premium small { font-size: 12px !important; }
}
/* mobil mikro-etiket tabanı (kuyruk): kalan rozet aileleri */
@media (max-width: 768px) {
  .mv-label, .case-badge, .value-subtitle, .thesis-label, .maturity-stage-label,
  .event-badge, .ok-intro-badge, .fk, .sp-stat-label, .metric-label,
  .roadmap-phase-title, .archive-date, .ok-dim .name, .maturity-tag { font-size: 12px !important; }
}

/* ═══ PERF TURU (2026-07-14): sa-reveal CSS güvence animasyonu ═══
   JS reveal'ı yavaş cihazda geç kalıyor (4x CPU'da hero H1 2.7s'te boyanıyordu
   → LCP cezası). CSS tek başına 1.1s'de içeriği açar; JS .visible gelirse
   normal akış aynen çalışır (animation:none ile devralır). JS'siz tarayıcıda
   içerik artık hiç kaybolmaz — progressive enhancement. */
@keyframes saAutoIn { to { opacity: 1; transform: none; } }
.sa-reveal { animation: saAutoIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards; }
.sa-reveal.visible { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .sa-reveal { animation-duration: 0.01s; animation-delay: 0s; }
}

/* ═══ TEMA-DUYARLI AKSAN MÜREKKEBİ (2026-07-20) ═══
   Marka cyan'ı (#1dd2e9) açık zeminde okunmuyor (ölçüm 1.71:1). Bu renk
   41 yerde inline style ile gömülüydü; inline renk tema değiştiremediği
   için açık temada düzeltilemiyordu — footer ve vizyon kartındaki hatanın
   aynı kökü. Renk artık sınıfın sorumluluğunda: koyu temada marka cyan'ı,
   açık temada aynı ailenin koyu ucu (#0a7c8c — .sx-eyebrow'da zaten kurulu).
   Yeni içerikte inline renk yerine bu sınıflar kullanılmalı. */
.ink-accent { color: #1dd2e9; }
[data-theme="light"] .ink-accent { color: #0a7c8c; }
.ink-accent-blue { color: #5a9fff; }
[data-theme="light"] .ink-accent-blue { color: #0a5bd0; }

/* Sektör sayfası "tüm videolar →" linki (2026-07-20)
   opacity:.7 ile soluklaştırılmıştı → açık zeminde 3.26 (AA altı, 13px küçük metin).
   Opaklık kaldırıldı, renk tema-duyarlı: koyu temada marka cyan'ı, açık temada
   okunur koyu mavi (≥4.5). */
/* Dokunma hedefi (2026-07-22 QA): 13px yazı 21px yükseklik veriyordu. Bu bağlantı
   kendi satırında duran bağımsız bir eylem — WCAG 2.5.5 inline istisnası kapsamaz. */
.sx-all-videos { color: #1dd2e9; display: inline-flex; align-items: center; min-height: 24px; }
/* Karşılaştırma tablosundaki "İncele →" tek eylem bağlantısı 19px idi (2026-07-22 QA). */
td a.ink-accent { display: inline-flex; align-items: center; min-height: 24px; }
[data-theme="light"] .sx-all-videos { color: #0a5bd0; }

/* Karşılaştırma tablosu vurgulu 361 kolonu (.hc) — zemini İKİ temada da
   doygun mavi gradyan (#0a3aa0→#1f8fe3). Geniş açık-tema mürekkep kuralı
   başlığı #16233b'ye çekip koyu-üstüne-koyu (1.59) üretiyordu; metin daima
   beyaz sabitlendi. (2026-07-21) */
[data-theme="light"] th.hc,
[data-theme="light"] th.hc strong,
[data-theme="light"] td.hc,
[data-theme="light"] td.hc strong { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }

/* ═══ Modül Alt Sekme Menüsü & Mobil Düzen Kuralları ═══ */
.mod-subnav {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding-bottom: 0;
  max-width: 100%;
  min-width: 0;
  scrollbar-width: thin;
}
.mod-subnav::-webkit-scrollbar { height: 3px; }
.mod-subnav::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 3px; }
@media (max-width: 768px) {
  .mod-hero-header { flex-direction: column; align-items: flex-start !important; gap: 12px; }
  .mod-hero-actions { flex-wrap: wrap; width: 100%; }
}