/*
Theme Name: Nüve Teknoloji 2026
Theme URI: https://nuveteknoloji.com.tr/
Author: Nüve Teknoloji Yazılım ve Danışmanlık Ticaret Limited Şirketi
Author URI: https://nuveteknoloji.com.tr/
Description: Nüve Teknoloji kurumsal sitesi — siber güvenlik, yapay zekâ, yazılım, veri merkezi altyapısı ve danışmanlık. Çok sayfalı yapı, kayan marka şeridi, hareketli amblem ve haber/blog desteği içerir.
Version: 3.8.7
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nuve-teknoloji
Tags: business, technology, one-column, custom-menu, blog, translation-ready
*/

/* Nüve Teknoloji — kendi sunucumuzda barındırılan yazı tipleri */
@font-face{
  font-family:'Montserrat';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('assets/fonts/montserrat-600.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0100-017F, U+0192, U+02C6, U+02DC, U+2013-2014, U+2018-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20BA, U+2122, U+2190, U+2192, U+2197, U+2212, U+25CF;
}
@font-face{
  font-family:'Montserrat';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('assets/fonts/montserrat-700.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0100-017F, U+0192, U+02C6, U+02DC, U+2013-2014, U+2018-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20BA, U+2122, U+2190, U+2192, U+2197, U+2212, U+25CF;
}
@font-face{
  font-family:'IBM Plex Sans';
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url('assets/fonts/plexsans-300.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0100-017F, U+0192, U+02C6, U+02DC, U+2013-2014, U+2018-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20BA, U+2122, U+2190, U+2192, U+2197, U+2212, U+25CF;
}
@font-face{
  font-family:'IBM Plex Sans';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('assets/fonts/plexsans-400.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0100-017F, U+0192, U+02C6, U+02DC, U+2013-2014, U+2018-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20BA, U+2122, U+2190, U+2192, U+2197, U+2212, U+25CF;
}
@font-face{
  font-family:'IBM Plex Sans';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('assets/fonts/plexsans-500.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0100-017F, U+0192, U+02C6, U+02DC, U+2013-2014, U+2018-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20BA, U+2122, U+2190, U+2192, U+2197, U+2212, U+25CF;
}
@font-face{
  font-family:'IBM Plex Sans';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('assets/fonts/plexsans-600.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0100-017F, U+0192, U+02C6, U+02DC, U+2013-2014, U+2018-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20BA, U+2122, U+2190, U+2192, U+2197, U+2212, U+25CF;
}
@font-face{
  font-family:'IBM Plex Mono';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('assets/fonts/plexmono-400.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0100-017F, U+0192, U+02C6, U+02DC, U+2013-2014, U+2018-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20BA, U+2122, U+2190, U+2192, U+2197, U+2212, U+25CF;
}
@font-face{
  font-family:'IBM Plex Mono';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('assets/fonts/plexmono-500.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0100-017F, U+0192, U+02C6, U+02DC, U+2013-2014, U+2018-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20BA, U+2122, U+2190, U+2192, U+2197, U+2212, U+25CF;
}

/* ==========================================================================
   Nüve Teknoloji — site stil sistemi  v2
   Renkler: NUVE_Renk_Kartelasi_2026  (Lacivert #14253C / Turuncu #CA5B1C)
   ========================================================================== */

/* !kritik-basla */
:root{
  --navy:#14253C;
  --navy-deep:#0D1A2B;
  --navy-soft:#1C3351;
  --navy-line:#23405F;
  --orange:#CA5B1C;
  --orange-soft:#E07B3C;
  --orange-glow:rgba(202,91,28,.28);
  --white:#FFFFFF;
  --ink:#232830;
  --mist:#F3F5F8;
  --mist-deep:#E9EDF3;
  --line:#DCE2EA;
  --line-dark:rgba(255,255,255,.14);
  --dim:#5B6778;
  --dim-on-navy:rgba(255,255,255,.72);

  --display:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --wrap:1200px;
  --gut:clamp(20px,5vw,64px);
  --r:3px;
  --nav-h:94px;

  --ease:cubic-bezier(.22,.61,.36,1);
  --shadow-sm:0 1px 2px rgba(20,37,60,.06), 0 4px 14px rgba(20,37,60,.05);
  --shadow-md:0 2px 6px rgba(20,37,60,.07), 0 16px 40px rgba(20,37,60,.09);
}
/* !kritik-bitti */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + 20px)}
body{
  margin:0; background:var(--white); color:var(--ink);
  font-family:var(--body); font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img,svg{max-width:100%; display:block}
svg.ar{width:16px; height:16px; flex:none; display:inline-block; vertical-align:-3px}
a{color:inherit}
:focus-visible{outline:2px solid var(--orange); outline-offset:3px; border-radius:2px}

/* !kritik-basla */
.wrap{max-width:var(--wrap); margin-inline:auto; padding-inline:var(--gut)}
/* !kritik-bitti */
.wrap-narrow{max-width:900px; margin-inline:auto; padding-inline:var(--gut)}
/* dikey boşluk ve başlıklar ekran yüksekliğine de bakar: dizüstü ekranlarda (1366×768,
   1536×864, %125–150 ölçek) ilk ekran taşmasın */
section{padding-block:clamp(48px,min(7.6vw,12vh),102px); position:relative}
.band-navy{background:var(--navy); color:var(--white)}
.band-deep{background:var(--navy-deep); color:var(--white)}
.band-mist{background:var(--mist)}
.band-white{background:var(--white)}
.tight{padding-block:clamp(38px,5vw,62px)}

/* ------------------------------------------------------------- tipografi */
h1,h2,h3,h4{font-family:var(--display); font-weight:700; letter-spacing:-.028em; text-wrap:balance; margin:0}
h1{font-size:clamp(32px,min(5.2vw,7.2vh),58px); line-height:1.05}
h2{font-size:clamp(25px,min(3.5vw,5.8vh),40px); line-height:1.12}
h3{font-size:clamp(17px,1.5vw,20px); line-height:1.26; font-weight:600; letter-spacing:-.012em}
h4{font-size:15.5px; font-weight:600; letter-spacing:-.005em}
p{margin:0}
strong,b{font-weight:600}

.eyebrow{
  font-family:var(--mono); font-size:11.5px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--orange);
  display:inline-flex; align-items:center; gap:9px;
}
.eyebrow::before{content:""; width:16px; height:1.5px; background:var(--orange); flex:none}
.lede{font-size:clamp(16px,1.3vw,18.5px); line-height:1.72; font-weight:300; max-width:62ch}
.muted{color:var(--dim)}
.band-navy .muted,.band-deep .muted{color:var(--dim-on-navy)}
.small{font-size:13.5px}
.amber{color:var(--orange)}
.band-navy .amber,.band-deep .amber{color:var(--orange-soft)}

/* ------------------------------------------------------------------- nav */
.skip{position:absolute; left:-9999px; top:0; background:var(--orange); color:#fff;
  padding:10px 16px; z-index:200; text-decoration:none}
.skip:focus{left:12px; top:12px}
#sayfa-basi{position:absolute; top:0; left:0; width:1px; height:1px; outline:0}

/* !kritik-basla */
.nav{
  position:sticky; top:env(safe-area-inset-top, 0px); z-index:90;
  background:rgba(255,255,255,.94); backdrop-filter:blur(14px) saturate(1.4);
  border-bottom:1px solid var(--line);
  transition:box-shadow .3s var(--ease), background .3s var(--ease);
}
.nav.is-stuck{box-shadow:0 1px 0 var(--line),0 10px 30px rgba(20,37,60,.07); background:rgba(255,255,255,.98)}
.nav-in{display:flex; align-items:center; gap:clamp(14px,2vw,28px); min-height:var(--nav-h)}
.brandmark{display:flex; align-items:center; flex:none; text-decoration:none}
.brandmark svg,.brandmark img{height:clamp(46px,4.6vw,60px); width:auto; transition:height .3s var(--ease)}
.nav.is-stuck .brandmark svg,.nav.is-stuck .brandmark img{height:clamp(42px,4vw,52px)}
/* Yüklenen logo (Site Kimliği) hangi yolla basılırsa basılsın menü ölçüsünde kalır */
.nav .custom-logo-link{display:flex; align-items:center; flex:none}
.nav img.custom-logo{height:clamp(46px,4.6vw,60px); width:auto; max-width:min(240px,52vw); object-fit:contain}
.nav.is-stuck img.custom-logo{height:clamp(42px,4vw,52px)}

.menu{margin-left:auto; display:flex; align-items:center; gap:clamp(12px,1.7vw,26px)}
.menu>li{list-style:none; position:relative}
.menu>li.has-mega{position:static}
.menu ul{margin:0; padding:0}
.menu>li>a,.menu>li>button{
  font-family:var(--body); font-size:15.2px; font-weight:400; color:var(--ink);
  text-decoration:none; background:none; border:0; cursor:pointer;
  padding:9px 2px; display:inline-flex; align-items:center; gap:6px; position:relative;
}
.menu>li>a::after,.menu>li>button::after{
  content:""; position:absolute; left:0; right:0; bottom:2px; height:1.5px;
  background:var(--orange); transform:scaleX(0); transform-origin:left;
  transition:transform .32s var(--ease);
}
.menu>li>a:hover::after,.menu>li>button:hover::after,
.menu>li.is-open>button::after,.menu>li>a[aria-current]::after{transform:scaleX(1)}
.menu>li>a[aria-current]{color:var(--navy); font-weight:500}
.caret{width:9px; height:9px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px); opacity:.55; transition:transform .3s var(--ease)}
.menu>li.is-open .caret{transform:rotate(-135deg) translate(-3px,-3px)}

.mega{
  position:absolute; left:0; right:0; top:100%;
  background:#fff; border-top:2px solid var(--orange);
  border-bottom:1px solid var(--line); box-shadow:0 24px 48px rgba(20,37,60,.13);
  opacity:0; visibility:hidden; transform:translateY(-10px);
  transition:opacity .28s var(--ease), transform .28s var(--ease), visibility .28s;
}
.menu>li.is-open .mega{opacity:1; visibility:visible; transform:translateY(0)}
.mega-in{
  display:grid; grid-template-columns:clamp(236px,21vw,272px) minmax(0,1fr);
  gap:clamp(24px,3.2vw,52px); padding-block:clamp(24px,min(3vw,4vh),40px); align-items:stretch;
}
/* sol sütun: üstte etiket, altta iki turuncu kutu; sağdaki listeyle aynı yükseklikte */
.mega-lead{display:flex; flex-direction:column; gap:18px; padding-right:clamp(20px,2.4vw,36px);
  border-right:1px solid var(--line)}
.mega-lead .mega-eyebrow{align-items:flex-start; line-height:1.75; margin:6px 0 0}
.mega-lead .mega-eyebrow::before{margin-top:.8em}
.mega-lead .mega-links{display:grid; gap:10px; margin-top:4px}
.mega-lead .mega-yardim{margin-top:auto; padding-top:14px; border-top:1px solid var(--line);
  font-size:13px; line-height:1.55; color:var(--dim); font-weight:300}
.mega-lead .mega-yardim a{display:inline-flex; align-items:center; gap:6px; margin-top:4px;
  font-weight:500; color:var(--orange); text-decoration:none}
.mega-lead .mega-yardim a:hover{text-decoration:underline; text-underline-offset:3px}
.mega-lead a.mega-btn{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:15px 18px; border:1px solid var(--orange); border-radius:var(--r); background:#fff;
  font-family:var(--display); font-size:15px; font-weight:600; letter-spacing:-.01em; color:var(--orange);
  text-decoration:none; white-space:nowrap;
  transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease)}
.mega-lead a.mega-btn:hover{background:#FDF6F1}
.mega-lead a.mega-btn.dolu{background:var(--orange); color:#fff}
.mega-lead a.mega-btn.dolu:hover{background:var(--orange-soft); border-color:var(--orange-soft)}
/* sağ: sekiz çözüm alanı, ikonlu iki sütun (ana sayfadaki listeyle aynı dil) */
.mega-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px clamp(12px,1.6vw,24px);
  margin:0; padding:0}
.mega-grid li{list-style:none}
.mega-grid a{display:grid; grid-template-columns:38px minmax(0,1fr); gap:14px; align-items:start;
  padding:11px 12px; border-radius:var(--r); text-decoration:none;
  transition:background .2s var(--ease)}
.mega-grid .ico{width:38px; height:38px; display:grid; place-items:center; border-radius:var(--r);
  background:#FBEFE7; color:var(--orange); transition:background .2s var(--ease), color .2s var(--ease)}
.mega-grid .ico svg{width:21px; height:21px}
.mega-grid b{display:block; font-family:var(--display); font-size:15.2px; font-weight:600;
  color:var(--navy); letter-spacing:-.018em; line-height:1.3; transition:color .2s}
.mega-grid .mg-metin>span{display:block; margin-top:3px; font-size:12.9px; color:var(--dim);
  line-height:1.5; font-weight:300}
.mega-grid a:hover,.mega-grid a:focus-visible{background:var(--mist)}
.mega-grid a:hover b{color:var(--orange)}
.mega-grid a:hover .ico{background:var(--orange); color:#fff}
.mega-scrim{
  position:fixed; inset:calc(var(--nav-h) + 1px) 0 0 0; background:rgba(13,26,43,.32); z-index:-1;
  opacity:0; visibility:hidden; transition:opacity .28s var(--ease), visibility .28s;
}
.nav.mega-open .mega-scrim{opacity:1; visibility:visible}
.nav.mega-open{background:#fff}

.nav .cta{
  font-size:15.2px; font-weight:500; color:#fff; background:var(--orange); text-decoration:none;
  border:1px solid var(--orange); border-radius:var(--r); padding:14px 27px; white-space:nowrap;
  flex:none; transition:background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);
}
.nav .cta:hover{background:var(--navy); border-color:var(--navy); transform:translateY(-1px)}

.burger{display:none; margin-left:auto; width:44px; height:44px; border:1px solid var(--line);
  background:#fff; border-radius:var(--r); cursor:pointer; padding:0;
  place-items:center; align-content:center}
.burger span{display:block; width:19px; height:1.6px; background:var(--navy); margin:3.4px auto;
  transition:transform .3s var(--ease), opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8.4px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8.4px) rotate(-45deg)}

@media (max-width:1024px){
  .burger{display:grid}
  .menu{
    position:fixed; inset:var(--nav-h) 0 auto 0; margin:0; flex-direction:column;
    align-items:stretch; gap:0; background:#fff; border-bottom:1px solid var(--line);
    padding:10px var(--gut) 26px; max-height:calc(100dvh - var(--nav-h)); overflow:auto;
    transform:translateY(-12px); opacity:0; visibility:hidden;
    transition:opacity .28s var(--ease), transform .28s var(--ease), visibility .28s;
    box-shadow:0 22px 40px rgba(20,37,60,.13);
  }
  .menu.is-open{transform:none; opacity:1; visibility:visible}
  .menu>li{border-bottom:1px solid var(--line)}
  .menu>li:last-child{border-bottom:0}
  .menu>li>a,.menu>li>button{width:100%; justify-content:space-between; padding:15px 0; font-size:16px}
  .menu>li>a.nav-oz{justify-content:flex-start; gap:10px; color:var(--navy)}
  .menu>li>a.nav-oz .nav-oz-ico{color:var(--orange); width:18px; height:18px}
  /* her satırın başında turuncu simge: Çözümler, Öz Değerlendirme, Pusula, Hakkımızda */
  .menu>li>a{justify-content:flex-start; gap:10px}
  .nav-m-ico{width:18px; height:18px; flex:none; color:var(--orange)}
  .menu>li.has-mega>button{justify-content:flex-start; gap:10px}
  .menu>li.has-mega>button .caret{margin-left:auto}
  .menu>li.has-mega>button .nav-grid{display:block; width:18px; height:18px; padding:2px; fill:var(--orange)}
  .menu>li>a::after,.menu>li>button::after{display:none}
  .mega{position:static; opacity:1; visibility:visible; transform:none; box-shadow:none;
    border:0; border-left:2px solid var(--mist-deep); border-radius:0;
    padding:0 0 10px 14px; display:none; background:transparent}
  .menu>li.is-open .mega{display:block}
  .mega-in{grid-template-columns:1fr; gap:14px; padding-block:6px}
  .mega-lead{border-right:0; padding-right:0; gap:8px}
  .mega-lead h2{font-size:19px}
  .mega-lead p{display:none}
  .mega-lead a.mega-btn{padding:12px 14px; font-size:14.5px}
  .mega-lead .mega-eyebrow,.mega-lead .mega-yardim{display:none}
  .mega-lead .mega-links{margin-top:0}
  .mega-grid{grid-template-columns:1fr; gap:0}
  .mega-grid a{grid-template-columns:30px minmax(0,1fr); gap:12px; padding:9px 4px; align-items:center}
  .mega-grid .ico{width:30px; height:30px}
  .mega-grid .ico svg{width:17px; height:17px}
  .mega-grid .mg-metin>span{display:none}
  .mega-grid b{font-size:15px; font-weight:500}
  .mega-scrim{display:none}
  .nav .cta{display:none}
  .menu .cta-mobile{display:block; margin-top:18px; text-align:center; background:var(--orange);
    color:#fff; text-decoration:none; padding:14px; border-radius:var(--r); font-weight:500}
}
/* kısa ekranlı dizüstüler: üst şerit biraz incelir */
@media (min-width:1025px) and (max-height:820px){
  :root{--nav-h:82px}
  .brandmark svg,.brandmark img,.nav img.custom-logo{height:52px}
  .nav.is-stuck .brandmark svg,.nav.is-stuck .brandmark img{height:46px}
}
@media (min-width:1025px){
  .menu .cta-mobile{display:none}
  .nav-m-ico{display:none}
  /* masaüstü menü: her bağlantı kendi kutusunda, "İletişime geçin" butonuyla aynı boyda */
  .menu{gap:10px}
  .menu>li:has(>.cta-mobile){display:none}
  /* sade bağlantılar (Pusula, Hakkımızda): açık turuncu zemin */
  .menu>li>a,.menu>li>button{
    height:46px; padding:0 18px; font-size:16px; font-weight:500; color:var(--navy); white-space:nowrap;
    border:1px solid #F0D5C2; border-radius:var(--r); background:#FBF0E8;
    transition:border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease)}
  .menu>li>a::after,.menu>li>button::after{display:none}
  .menu>li>a:hover{background:#F7E1D1; border-color:#E6B899}
  .menu>li>a[aria-current]{background:#F7E1D1; border-color:var(--orange)}
  /* Çözümler bir menü açar: koyu lacivert, dört kareli turuncu simgeyle öne çıkar */
  .menu>li.has-mega>button{background:var(--navy); border-color:var(--navy); color:#fff; gap:9px; padding:0 16px}
  .menu>li.has-mega>button .caret{opacity:.8}
  .menu>li.has-mega>button:hover{background:var(--navy-soft); border-color:var(--navy-soft)}
  .menu>li.has-mega.is-open>button{background:var(--navy); border-color:var(--orange); box-shadow:inset 0 -2px 0 var(--orange)}
  .nav-grid{width:13px; height:13px; fill:var(--orange-soft); flex:none}
  /* Öz Değerlendirme: Çözümler'in yanında açık lacivert; gösterge simgesi turuncu */
  .menu>li>a.nav-oz{background:#E3EAF3; border-color:#C3D0E0; color:var(--navy); gap:8px; padding:0 16px}
  .menu>li>a.nav-oz .nav-oz-ico{color:var(--orange)}
  .menu>li>a.nav-oz:hover{background:#D5DFEC; border-color:#A9BBD1}
  .menu>li>a.nav-oz[aria-current]{background:#D5DFEC; border-color:var(--navy)}
  .nav-oz-ico{width:16px; height:16px; flex:none}
  .nav .cta{height:46px; padding:0 24px; display:inline-flex; align-items:center; font-size:15.5px}
}
/* dar masaüstü: beş kutu tek satırda kalsın */
@media (min-width:1025px) and (max-width:1320px){
  .menu{gap:7px}
  .menu>li>a,.menu>li>button{padding:0 13px; font-size:15px}
  .menu>li>a.nav-oz,.menu>li.has-mega>button{padding:0 12px}
  .nav .cta{padding:0 18px; font-size:15px}
  .nav-in{gap:16px}
}
@media (min-width:1025px) and (max-width:1140px){
  .nav-grid,.nav-oz-ico{display:none}
  .menu>li>a,.menu>li>button{padding:0 11px; font-size:14.5px}
  .nav .cta{padding:0 14px; font-size:14.5px}
}
/* !kritik-bitti */

/* ------------------------------------------------------------------ hero */
.hero{position:relative; padding-block:0; background:var(--navy); color:#fff;
  overflow:hidden; isolation:isolate}
.hero::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(760px 520px at 78% 42%, rgba(202,91,28,.20), transparent 62%),
    radial-gradient(620px 520px at 8% 0%, rgba(28,51,81,.95), transparent 64%);
  animation:aurora 22s ease-in-out infinite alternate;
}
.hero::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.30;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:radial-gradient(circle at 30% 45%,#000,transparent 78%);
}
@keyframes aurora{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(-2.5%,1.5%,0) scale(1.06)}
}
.hero .wrap{position:relative; z-index:3}
.hero-grid{display:grid; gap:clamp(20px,min(3.4vw,4.2vh),44px); padding-block:clamp(44px,min(9vw,9vh),116px); max-width:min(720px,100%)}
.hero h1 em{font-style:normal; color:var(--orange-soft)}
.hero-sub{display:flex; flex-wrap:wrap; gap:9px; max-width:520px}
.tag{
  font-family:var(--mono); font-size:11.8px; letter-spacing:.05em;
  border:1px solid rgba(255,255,255,.24); border-radius:99px; padding:6px 13px;
  color:rgba(255,255,255,.9); transition:border-color .25s, background .25s;
}
.tag:hover{border-color:var(--orange-soft); background:rgba(202,91,28,.14)}
.tag.hot{border-color:var(--orange); color:#fff; background:rgba(202,91,28,.2)}

.btn-row{display:flex; flex-wrap:wrap; gap:12px}
.btn{
  font-family:var(--body); font-size:14.8px; font-weight:500; text-decoration:none;
  padding:13px 25px; border-radius:var(--r); display:inline-flex; align-items:center; gap:9px;
  transition:background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease), color .25s;
}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:15px;height:15px;flex:none;transition:transform .25s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn-primary{background:var(--orange); color:#fff; border:1px solid var(--orange)}
.btn-primary:hover{background:var(--orange-soft); border-color:var(--orange-soft)}
.btn-ghost{border:1px solid rgba(255,255,255,.34); color:#fff}
.btn-ghost:hover{border-color:#fff; background:rgba(255,255,255,.07)}
.btn-line{border:1px solid var(--line); color:var(--navy); background:#fff}
.btn-line:hover{border-color:var(--navy)}

/* dönen amblem */
.orbit{
  position:absolute; right:clamp(-40px,2vw,72px); top:50%; translate:0 -50%;
  width:min(500px,40vw,64vh); aspect-ratio:1; z-index:1; pointer-events:none;
  filter:drop-shadow(0 0 60px rgba(202,91,28,.20));
}
.orbit .amblem{width:100%; height:100%}
.orb-rings{animation:spin 54s linear infinite; opacity:.9}
.orb-core{animation:breathe 5s ease-in-out infinite}
.orbit::after{
  content:""; position:absolute; inset:14%; border-radius:50%;
  background:radial-gradient(circle,var(--orange-glow),transparent 66%);
  animation:pulse 5s ease-in-out infinite; z-index:-1;
}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{transform:scale(1)} 50%{transform:scale(1.11)}}
@keyframes pulse{0%,100%{opacity:.5; transform:scale(1)} 50%{opacity:.95; transform:scale(1.1)}}

@media (max-width:1024px){
  .orbit{width:min(340px,58vw); right:-14%; top:auto; bottom:-8%; translate:0 0; opacity:.30}
  .hero-grid{max-width:none}
}

/* sayfa başlığı (iç sayfalar) */
.phead{position:relative; padding-block:0; background:var(--navy); color:#fff; overflow:hidden}
.phead::before{content:""; position:absolute; inset:0;
  background:radial-gradient(720px 520px at 86% 50%, rgba(202,91,28,.30), transparent 64%)}
.phead::after{content:""; position:absolute; inset:0; opacity:.26;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:62px 62px; mask-image:radial-gradient(circle at 20% 50%,#000,transparent 75%)}
.phead .wrap{position:relative; z-index:2}
.phead .muted{color:var(--dim-on-navy)}
.phead-in{display:grid; gap:18px; padding-block:clamp(40px,min(6vw,9vh),84px); max-width:72ch}
.crumbs{font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase;
  color:rgba(255,255,255,.55); display:flex; gap:9px; flex-wrap:wrap; align-items:center}
.crumbs a{text-decoration:none; color:rgba(255,255,255,.72)}
.crumbs a:hover{color:#fff}
.crumbs span{opacity:.4}
/* sağdaki amblem: SVG'nin doğal boyu (63 px) yerine kutuyu doldurur; arkasında
   nefes alan turuncu bir ışıma var */
.phead-mark{position:absolute; right:clamp(-20px,5vw,110px); top:50%; translate:0 -50%;
  width:clamp(190px,18vw,260px); aspect-ratio:1; z-index:1; pointer-events:none}
.phead-mark .amblem{width:100%; height:100%; display:block; opacity:.42;
  filter:drop-shadow(0 0 22px rgba(202,91,28,.35))}
.phead-mark::after{content:""; position:absolute; inset:-22%; border-radius:50%; z-index:-1;
  background:radial-gradient(circle, rgba(202,91,28,.34), rgba(202,91,28,.10) 42%, transparent 68%);
  animation:glow 6s ease-in-out infinite}
.phead-mark .orb-rings{animation:spin 70s linear infinite}
@keyframes glow{0%,100%{opacity:.6; transform:scale(.94)} 50%{opacity:1; transform:scale(1.12)}}
@media (max-width:1024px){ .phead-mark{right:-80px; opacity:.55} }
@media (max-width:760px){ .phead-mark{display:none} }

/* ------------------------------------------------------------ düzen yard. */
.sec-head{display:grid; gap:15px; max-width:72ch; margin-bottom:clamp(26px,min(4.2vw,5vh),52px)}
.sec-head.center{margin-inline:auto; text-align:center; justify-items:center}
@media (min-width:1025px){
  .sec-head:not(.center):has(> .lede){max-width:none; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    column-gap:clamp(26px,4vw,62px); align-items:end}
  .sec-head:not(.center):has(> .lede) > :not(.lede){grid-column:1}
  .sec-head:not(.center):has(> .lede) > .lede{grid-column:2; grid-row:1 / span 2; max-width:54ch}
}
.sec-head.center .eyebrow::before{display:none}
.cols{display:grid; gap:clamp(16px,2.2vw,26px)}
.c2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.c3{grid-template-columns:repeat(auto-fit,minmax(262px,1fr))}
.c4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.split{display:grid; gap:clamp(26px,4vw,62px); grid-template-columns:repeat(auto-fit,minmax(304px,1fr)); align-items:start}
.split.lead{grid-template-columns:minmax(300px,1.05fr) minmax(300px,.95fr)}
@media (max-width:860px){ .split.lead{grid-template-columns:1fr} }
.stack{display:grid; gap:clamp(14px,1.6vw,20px)}
.gap-sm{gap:10px}

/* ---------------------------------------------------------------- kartlar */
.card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:clamp(22px,2.5vw,30px); display:flex; flex-direction:column; gap:12px;
  position:relative; overflow:hidden;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
}
.card::before{
  content:""; position:absolute; left:0; right:0; top:0; height:2px; background:var(--orange);
  transform:scaleX(0); transform-origin:left; transition:transform .4s var(--ease);
}
.card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--mist-deep)}
.card:hover::before{transform:scaleX(1)}
.card .ico{width:38px; height:38px; color:var(--orange); flex:none}
.card .ico svg{width:100%; height:100%}
.card p{font-size:14.4px; font-weight:300; color:var(--dim); line-height:1.66}
.more{margin-top:auto; padding-top:8px; font-family:var(--mono); font-size:11.5px;
  letter-spacing:.13em; text-transform:uppercase; color:var(--orange); text-decoration:none;
  display:inline-flex; align-items:center; gap:7px; justify-self:start}
.more svg{width:13px; height:13px; transition:transform .25s var(--ease)}
.card:hover .more svg,.post:hover .more svg{transform:translateX(4px)}
.card.linked{cursor:pointer}
.card.linked a.stretch::after{content:""; position:absolute; inset:0}
.band-navy .card,.band-deep .card{background:rgba(255,255,255,.035); border-color:var(--line-dark); color:#fff}
.band-navy .card p,.band-deep .card p{color:var(--dim-on-navy)}
.band-navy .card:hover,.band-deep .card:hover{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.24)}

.ticklist{margin:4px 0 0; padding:0; list-style:none; display:grid; gap:8px}
.ticklist li{font-size:14.2px; padding-left:19px; position:relative; color:var(--dim); font-weight:300}
.ticklist li::before{content:""; position:absolute; left:0; top:.66em; width:8px; height:1.6px; background:var(--orange)}
.band-navy .ticklist li,.band-deep .ticklist li{color:var(--dim-on-navy)}
.ticklist.check li::before{
  content:""; left:1px; top:.42em; width:5px; height:9px; background:none;
  border-right:1.6px solid var(--orange); border-bottom:1.6px solid var(--orange);
  transform:rotate(42deg);
}

/* --------------------------------------------------------------- katmanlar */
.layers{display:grid; border:1px solid var(--line-dark); border-radius:var(--r); overflow:hidden}
.band-mist .layers,.band-white .layers{border-color:var(--line)}
.layer{
  display:grid; grid-template-columns:auto 1fr; gap:clamp(15px,2.3vw,30px);
  padding:clamp(17px,2vw,24px) clamp(18px,2.4vw,28px); align-items:baseline;
  border-bottom:1px solid var(--line-dark); transition:background .3s var(--ease);
}
.band-mist .layer,.band-white .layer{border-bottom-color:var(--line)}
.layer:last-child{border-bottom:0}
/* çift sayıda maddeli listeler masaüstünde iki sütun (01 02 / 03 04 / 05 06) */
@media (min-width:1025px){
  .layers.cift{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layers.cift .layer:nth-child(odd){border-right:1px solid var(--line-dark)}
  .band-mist .layers.cift .layer:nth-child(odd),.band-white .layers.cift .layer:nth-child(odd){border-right-color:var(--line)}
  .layers.cift .layer:nth-last-child(-n+2){border-bottom:0}
  .layers.cift.tek .layer:nth-last-child(2){border-bottom:1px solid var(--line-dark)}
  .band-mist .layers.cift.tek .layer:nth-last-child(2),.band-white .layers.cift.tek .layer:nth-last-child(2){border-bottom-color:var(--line)}
  .layers.cift.tek .layer:last-child{grid-column:1 / -1; border-right:0}
}
.layer:hover{background:rgba(255,255,255,.04)}
.band-mist .layer:hover,.band-white .layer:hover{background:#fff}
.layer .n{font-family:var(--mono); font-size:12.5px; color:var(--orange-soft); min-width:2.4em}
.band-mist .layer .n,.band-white .layer .n{color:var(--orange)}
.layer b{font-family:var(--display); font-weight:600; font-size:16.2px; display:block; margin-bottom:4px}
.layer p{font-size:14.2px; color:var(--dim-on-navy); font-weight:300}
.band-mist .layer p,.band-white .layer p{color:var(--dim)}

/* ---------------------------------------------------------------- adımlar */
.steps{display:grid}
.step{
  display:grid; grid-template-columns:clamp(52px,7vw,92px) 1fr; gap:clamp(14px,2.4vw,28px);
  padding-block:clamp(18px,2.2vw,26px); border-top:1px solid var(--line); align-items:start;
}
.band-navy .step,.band-deep .step{border-top-color:var(--line-dark)}
.step:last-child{border-bottom:1px solid var(--line)}
.band-navy .step:last-child,.band-deep .step:last-child{border-bottom-color:var(--line-dark)}
.step .num{font-family:var(--display); font-weight:700; font-size:clamp(26px,3.4vw,42px);
  line-height:1; color:var(--navy); opacity:.2}
.band-navy .step .num,.band-deep .step .num{color:#fff; opacity:.24}
.step h3{margin-bottom:5px}
.step p{font-size:14.4px; color:var(--dim); font-weight:300; max-width:62ch}
.band-navy .step p,.band-deep .step p{color:var(--dim-on-navy)}
@media (min-width:1025px){
  .steps.cift{grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(32px,4.4vw,72px)}
  .steps.cift .step{grid-template-columns:clamp(44px,4.6vw,70px) 1fr}
  .steps.cift .step:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  .band-navy .steps.cift .step:nth-last-child(-n+2),.band-deep .steps.cift .step:nth-last-child(-n+2){border-bottom-color:var(--line-dark)}
}
/* çözümler sayfası: üç sütun, dokuzuncu kutu yönlendirme */
@media (min-width:1025px){ .cozum-kartlari{grid-template-columns:repeat(3,minmax(0,1fr))} }
.kart-cta{background:var(--navy); border-color:var(--navy); color:#fff; justify-content:flex-start}
.kart-cta::before{display:none}
.kart-cta h3{color:#fff; font-size:clamp(19px,1.7vw,22px); line-height:1.25}
.kart-cta p:not(.eyebrow){color:var(--dim-on-navy)}
.kart-cta .btn{margin-top:auto; align-self:flex-start}
.kart-cta:hover{border-color:var(--navy)}
.kart-cta .kart-cta-link{font-size:13.6px; color:var(--dim-on-navy); text-decoration:none; margin-top:-2px}
.kart-cta .kart-cta-link:hover{color:#fff; text-decoration:underline; text-underline-offset:3px}
/* Pusula: öz değerlendirme tanıtımı */
.oz-serit{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:clamp(18px,3vw,40px); align-items:center;
  background:var(--mist); border:1px solid var(--line); border-left:3px solid var(--orange); border-radius:var(--r);
  padding:clamp(22px,3vw,34px) clamp(22px,3.4vw,40px)}
.oz-serit h2{font-size:clamp(21px,2.2vw,27px)}
.oz-serit-ico{width:56px; height:56px; display:grid; place-items:center; border-radius:50%; background:#FBEFE7; color:var(--orange)}
.oz-serit-ico svg{width:28px; height:28px}
@media (max-width:760px){ .oz-serit{grid-template-columns:minmax(0,1fr)} .oz-serit .btn{justify-self:start} }

/* -------------------------------------------------------------- sayaçlar */
.stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(168px,1fr)); gap:clamp(18px,2.4vw,32px)}
.stat{border-left:2px solid var(--orange); padding-left:19px}
.stat b{display:block; font-family:var(--display); font-weight:700; font-size:clamp(28px,3.4vw,42px); line-height:1}
.stat>span{font-size:13px; display:block; margin-top:8px; color:var(--dim)}
.stat b span{font:inherit; color:inherit; display:inline}
.band-navy .stat>span,.band-deep .stat>span{color:var(--dim-on-navy)}

/* ------------------------------------------------------------- alıntı/vurgu */
.pull{border-left:3px solid var(--orange); padding:6px 0 6px 26px;
  font-family:var(--display); font-weight:500; font-size:clamp(19px,2.3vw,28px);
  line-height:1.36; letter-spacing:-.018em}

/* ------------------------------------- öne çıkan alan (ana sayfa, 2 kutu) */
.fx-bas{align-items:end; margin-bottom:clamp(26px,min(4vw,5vh),50px)}
.fx-bas .lede{max-width:54ch}
/* ana sayfa: sekiz çözüm alanı, iki sütunlu liste */
.hizmet-liste{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(24px,3.4vw,56px); border-top:1px solid var(--line)}
.hizmet-liste li{border-bottom:1px solid var(--line)}
.hizmet-liste a{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; align-items:center;
  padding:clamp(13px,min(1.6vw,2.2vh),20px) 10px; text-decoration:none; color:inherit;
  transition:background .25s var(--ease)}
.hizmet-liste .ico{width:30px; height:30px; color:var(--orange); flex:none}
.hizmet-liste .ico svg{width:100%; height:100%}
.hizmet-liste b{display:block; font-family:var(--display); font-weight:600; font-size:16.5px;
  letter-spacing:-.015em; color:var(--navy); transition:color .2s var(--ease)}
.hizmet-liste .hl-metin>span{display:block; margin-top:2px; font-size:13.8px; line-height:1.5;
  font-weight:300; color:var(--dim)}
.hizmet-liste svg.ar{color:var(--orange); opacity:0; transform:translateX(-6px);
  transition:opacity .25s var(--ease), transform .25s var(--ease)}
.hizmet-liste a:hover{background:var(--mist)}
.hizmet-liste a:hover b{color:var(--orange)}
.hizmet-liste a:hover svg.ar{opacity:1; transform:none}
.hizmet-liste a:focus-visible{outline:2px solid var(--orange); outline-offset:-2px}
@media (max-width:760px){ .hizmet-liste{grid-template-columns:minmax(0,1fr)} }
.fx-grid{display:grid; gap:clamp(18px,2.2vw,28px); grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch}
@media (max-width:900px){ .fx-grid{grid-template-columns:minmax(0,1fr)} }
.fx{
  container-type:inline-size; position:relative;
  display:flex; flex-direction:column; gap:16px;
  padding:clamp(24px,3vw,40px) clamp(22px,2.8vw,38px) clamp(26px,3vw,38px);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border:1px solid var(--line-dark); border-top:2px solid var(--orange); border-radius:var(--r);
  transition:border-color .25s var(--ease), background .25s var(--ease);
}
.fx:hover{border-color:rgba(255,255,255,.26); border-top-color:var(--orange-soft)}
.fx-top{display:flex; align-items:center; gap:12px}
.fx-top .ico{width:40px; height:40px; color:var(--orange-soft); flex:none}
.fx-top .ico svg{width:100%; height:100%}
.fx-etiket{font-family:var(--mono); font-size:11.5px; font-weight:500; letter-spacing:.16em;
  text-transform:uppercase; color:#fff}
.fx-no{margin-left:auto; font-family:var(--mono); font-size:12px; letter-spacing:.1em; color:rgba(255,255,255,.38)}
.fx h3{font-size:clamp(21px,2.1vw,27px); line-height:1.18; letter-spacing:-.022em; margin-top:4px}
.fx-metin{font-size:15.2px; line-height:1.68; font-weight:300; color:var(--dim-on-navy)}
.fx-not{border-left:3px solid var(--orange); padding:4px 0 4px 18px; margin-top:8px;
  font-family:var(--display); font-weight:500; font-size:clamp(15.5px,1.35vw,17.5px); line-height:1.5;
  letter-spacing:-.01em; color:#fff}
.fx-cta{margin-top:auto; padding-top:10px}
.fx-cta .btn{white-space:nowrap}

/* ---------------------------------------------------- marka şeridi (kayan) */
.marquee{
  --speed:64s;
  position:relative; overflow:hidden; padding-block:10px;
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.marquee-track{display:flex; width:max-content; gap:clamp(30px,4vw,62px);
  align-items:center; animation:slide var(--speed) linear infinite}
.marquee.rev .marquee-track{animation-direction:reverse; --speed:78s}
.marquee-track>*{flex:none}
@keyframes slide{from{transform:translateX(0)} to{transform:translateX(-50%)}}
.marquee:hover .marquee-track{animation-play-state:paused}

.brand{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  height:38px; white-space:nowrap;
  font-family:var(--display); font-weight:600; font-size:15.5px; letter-spacing:-.02em;
  color:var(--navy); opacity:.66;
  transition:opacity .3s var(--ease), color .3s var(--ease);
}
.brand svg{height:15px; width:auto; max-width:132px; fill:currentColor; flex:none}
/* logotipler (sadece yazıdan oluşan logolar) komşu marka adlarıyla aynı
   göz yüksekliğinde dursun diye simge logolarından küçük çizilir */
.brand.wm{gap:0}
.brand.wm svg{height:13px; max-width:118px}
/* src/marka-logolari/ klasörüne bırakılan resmî logo dosyaları: kendi
   renkleriyle, diğer simgelerle aynı yükseklikte */
.brand .bfile{display:inline-flex; align-items:center; height:21px; flex:none}
.brand .bfile svg{height:21px; width:auto; max-width:60px; fill:initial}
/* tam logotip dosyaları (örn. HPE): yazı ayrıca yazılmaz; harf boyu, komşu marka
   adlarının büyük harf yüksekliğine (≈0,7em) eşitlenir */
.brand.lt{gap:0}
.brand.lt .bfile svg{height:.7em; max-width:none}
.brand:hover{opacity:1; color:var(--orange)}
.band-navy .brand,.band-deep .brand{color:#fff; opacity:.68}
.band-navy .brand:hover,.band-deep .brand:hover{opacity:1; color:var(--orange-soft)}
.marquee-note{font-family:var(--mono); font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--dim)}

/* iş ortakları sayfası — gruplu duvar */
.brand-wall{display:flex; flex-wrap:wrap; gap:clamp(18px,2.4vw,34px) clamp(24px,3.4vw,52px);
  align-items:center}
.brand-wall .brand{opacity:.72}
.brand-group{display:grid; gap:18px; padding-block:clamp(22px,2.6vw,32px);
  border-top:1px solid var(--line)}
.brand-group:last-child{border-bottom:1px solid var(--line)}
.brand-group h3{color:var(--navy)}

/* --------------------------------------------------------------- haberler */
.post{
  display:grid; gap:12px; background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:clamp(20px,2.4vw,28px); position:relative; overflow:hidden; align-content:start;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.post:hover{transform:translateY(-4px); box-shadow:var(--shadow-md)}
.post .meta{display:flex; gap:12px; align-items:center; flex-wrap:wrap;
  font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--dim)}
.post .kat{color:var(--orange)}
.post h3{font-size:18.5px}
.post p{font-size:14.3px; color:var(--dim); font-weight:300}
.post{padding:0; overflow:hidden}
.post>*:not(.thumb){margin-inline:clamp(20px,2.4vw,28px)}
.post>*:not(.thumb):last-child{margin-bottom:clamp(20px,2.4vw,26px)}
.post .thumb{
  height:150px; position:relative; overflow:hidden; display:grid; place-items:center;
  margin-bottom:clamp(18px,2vw,22px); background:var(--navy);
}
.post .thumb .art{position:absolute; inset:0; width:100%; height:100%}
.post:hover .thumb .art{transform:scale(1.04); transition:transform .6s var(--ease)}
.post .thumb .art{transition:transform .6s var(--ease)}
.post .thumb .ico{width:44px; height:44px; color:#fff; z-index:2; opacity:.96;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.35))}
.post .thumb em{
  position:absolute; right:14px; bottom:12px; z-index:2; font-style:normal;
  font-size:11.5px; font-weight:500; color:#fff; letter-spacing:.01em;
  background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.2);
  border-radius:99px; padding:5px 12px; backdrop-filter:blur(4px);
}
.post h3 a{color:var(--navy)}
.post:hover h3 a{color:var(--orange)}

/* filtre çubuğu */
.filters{display:flex; flex-wrap:wrap; gap:9px; margin-bottom:22px}
.filters button{
  font-family:var(--body); font-size:14px; font-weight:400; cursor:pointer;
  background:#fff; color:var(--navy); border:1px solid var(--line);
  border-radius:var(--r); padding:10px 18px;
  transition:background .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease);
}
.filters button:hover{border-color:var(--navy)}
.filters button[aria-pressed="true"]{background:var(--navy); color:#fff; border-color:var(--navy)}
.filter-count{font-family:var(--mono); font-size:11.5px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--dim); margin-bottom:26px}
.post[hidden]{display:none}
.post.wide{grid-column:span 2}
@media (max-width:760px){ .post.wide{grid-column:auto} }

/* ------------------------------------------------------------- akordiyon */
.faq{display:grid; border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  list-style:none; cursor:pointer; padding:19px 40px 19px 0; position:relative;
  font-family:var(--display); font-weight:600; font-size:16.4px; color:var(--navy);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:""; position:absolute; right:6px; top:50%; width:10px; height:10px;
  border-right:1.6px solid var(--orange); border-bottom:1.6px solid var(--orange);
  transform:translateY(-70%) rotate(45deg); transition:transform .3s var(--ease);
}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq p{padding:0 0 20px; font-size:14.6px; color:var(--dim); font-weight:300; max-width:74ch}

/* ------------------------------------------------------------ kardeş kart */
.sibling{background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:clamp(24px,3vw,36px); display:grid; gap:15px; align-content:start}
.sibling .brand{font-family:var(--display); font-weight:700; font-size:21px; color:var(--navy); letter-spacing:-.02em}
.sibling h3,.sibling .brand{color:var(--navy)}
.band-navy .sibling .muted,.band-deep .sibling .muted{color:var(--dim)}
.band-navy .sibling .ticklist li,.band-deep .sibling .ticklist li{color:var(--dim)}

/* --------------------------------------------------------------- iletişim */
.contact-grid{display:grid; gap:clamp(26px,4vw,58px); grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
/* iki sütun her ekranda aynı çizgide biter: sağ uzunsa mesaj kutusu uzar, sol uzunsa
   fatura kutusu aşağı iner */
@media (min-width:861px){
  .contact-grid{align-items:stretch}
  .contact-grid > div{display:flex; flex-direction:column}
  .contact-grid #iletisim-formu{display:flex; flex-direction:column; flex:1}
  .contact-grid .field:has(textarea){flex:1; display:flex; flex-direction:column}
  .contact-grid .field:has(textarea) textarea{flex:1}
  .contact-grid #iletisim-formu > button{align-self:flex-start}
  .contact-grid .btn-row{margin-bottom:18px}
  .contact-grid .fatura{margin-top:auto}
}
.field{display:grid; gap:7px; margin-bottom:15px}
.field label{font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim-on-navy)}
.field input,.field textarea,.field select{
  font-family:var(--body); font-size:15px; color:#fff;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.22);
  border-radius:var(--r); padding:12px 14px; width:100%;
}
.field textarea{min-height:118px; resize:vertical}
.field select option{color:var(--ink)}
.consent{display:flex; gap:10px; align-items:flex-start; font-size:12.8px; color:var(--dim-on-navy); margin-bottom:16px}
.consent input{margin-top:3px; accent-color:var(--orange); flex:none}
/* form: Ad Soyad | Kurum, E-posta | Telefon ikişer yan yana */
.field-cift{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px}
@media (max-width:560px){ .field-cift{grid-template-columns:minmax(0,1fr)} }
.field.hatali input,.field.hatali textarea,.field.hatali select{border-color:#EE6A62; box-shadow:0 0 0 1px #EE6A62}
/* bal küpü: insanlar görmez, botlar doldurur */
.hp{position:absolute !important; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}
.form-not{margin-top:14px; color:var(--dim-on-navy)}
.form-not.hata,.oz-form-not.hata{color:#FFB4AE}
.form-not a,.oz-form-not a{color:#fff}
.form-tamam{border:1px solid rgba(255,255,255,.22); border-left:3px solid var(--orange);
  border-radius:var(--r); background:rgba(255,255,255,.05); padding:22px 24px; display:grid; gap:8px;
  align-self:start; align-content:start}
.form-tamam b{font-family:var(--display); font-size:19px; color:#fff; letter-spacing:-.01em}
.form-tamam p{color:var(--dim-on-navy); font-size:14.5px; margin:0}
/* telefonda sıra: Nüve bilgileri → sayfa başlığı → form → konu başlıkları */
@media (max-width:760px){
  .iletisim-ust{display:flex; flex-direction:column}
  .iletisim-ust > .phead{order:2}
  .iletisim-bolum,.iletisim-bolum > .wrap,.iletisim-bolum .contact-grid{display:contents}
  .iletisim-ust .ic-bilgi{order:1; background:var(--navy); color:#fff; padding:34px var(--gut) 38px}
  .iletisim-ust .ic-form{order:3; background:var(--navy); color:#fff; padding:40px var(--gut) 52px;
    border-top:1px solid var(--line-dark)}
  .iletisim-ust .phead{border-top:1px solid var(--line-dark)}
}
.ic-bilgi .cinfo{margin-bottom:28px}
@media (max-width:860px){ .ic-bilgi .fatura{margin-top:0} }
.cinfo{display:grid; gap:20px}
.cinfo div{display:grid; gap:3px}
.cinfo .k{font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--orange)}
.cinfo a{color:#fff; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.28)}
.cinfo a:hover{border-bottom-color:var(--orange)}
/* iletişim: fatura bilgileri (sağ sütunun altı, sol sütunla aynı hizada biter) */
.fatura{margin-top:17px; padding:14px 20px 4px; border:1px solid var(--line-dark);
  border-radius:var(--r); background:rgba(255,255,255,.03); display:grid; gap:6px}
.fatura-ust{display:flex; align-items:center; justify-content:space-between; gap:12px}
.fatura-bas{font-family:var(--display); font-weight:600; font-size:15px; letter-spacing:-.01em; color:#fff}
.fatura-kopya{font-family:var(--body); font-size:12px; font-weight:500; color:#fff; background:none;
  border:1px solid rgba(255,255,255,.3); border-radius:var(--r); padding:5px 12px; cursor:pointer;
  transition:border-color .2s, background .2s}
.fatura-kopya:hover{border-color:#fff; background:rgba(255,255,255,.07)}
.fatura dl{margin:0; display:grid}
.fatura dl div{display:grid; grid-template-columns:136px minmax(0,1fr); gap:12px; align-items:baseline;
  padding:8px 0; border-top:1px solid var(--line-dark)}
.fatura dt{font-family:var(--mono); font-size:10.5px; white-space:nowrap; letter-spacing:.14em; text-transform:uppercase; color:var(--orange-soft)}
.fatura dd{margin:0; font-size:13.8px; line-height:1.45; color:#fff}
@media (max-width:480px){ .fatura dl div{grid-template-columns:1fr; gap:2px} }

/* ------------------------------------------------------------------- CTA */
.cta-band{position:relative; padding-block:0; overflow:hidden}
.cta-band::before{content:""; position:absolute; inset:0;
  background:radial-gradient(780px 500px at 83% 50%, rgba(202,91,28,.32), transparent 66%)}
.cta-in{position:relative; z-index:2; display:grid; gap:22px; justify-items:start;
  padding-block:clamp(56px,7vw,96px); max-width:min(70ch,62%)}
.cta-mark{position:absolute; right:clamp(-20px,5vw,110px); top:50%; translate:0 -50%;
  width:clamp(200px,19vw,270px); aspect-ratio:1; z-index:1; pointer-events:none}
.cta-mark .amblem{width:100%; height:100%; display:block; opacity:.6;
  filter:drop-shadow(0 0 26px rgba(202,91,28,.42))}
.cta-mark::after{content:""; position:absolute; inset:-24%; border-radius:50%; z-index:-1;
  background:radial-gradient(circle, rgba(202,91,28,.42), rgba(202,91,28,.12) 42%, transparent 68%);
  animation:glow 6s ease-in-out infinite}
.cta-mark .orb-rings{animation:spin 64s linear infinite}
@media (max-width:820px){ .cta-mark{display:none} .cta-in{max-width:none} }

/* ----------------------------------------------------------------- footer */
footer{background:var(--navy-deep); color:#fff; padding-block:clamp(44px,5.4vw,70px) 0}
.foot-grid{display:grid; gap:clamp(26px,3.4vw,48px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
@media (min-width:920px){ .foot-grid{grid-template-columns:1.35fr repeat(3,1fr)} }
.foot-grid h4,.foot-grid .foot-h{font-family:var(--mono); font-size:11px; letter-spacing:.15em; text-transform:uppercase;
  color:var(--orange); font-weight:500; margin-bottom:15px}
.foot-grid ul{list-style:none; margin:0; padding:0; display:grid; gap:9px}
.foot-grid a{font-size:14px; color:rgba(255,255,255,.76); text-decoration:none; transition:color .2s}
.foot-grid a:hover{color:#fff}
.foot-brand svg,.foot-brand img{height:46px; width:auto; margin-bottom:16px}
.foot-brand p{font-size:13.8px; color:var(--dim-on-navy); font-weight:300; max-width:36ch}
.foot-bottom{margin-top:clamp(32px,4vw,52px); border-top:1px solid var(--line-dark);
  padding-block:22px; display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between;
  font-size:12.6px; color:rgba(255,255,255,.5)}
.foot-bottom a{color:rgba(255,255,255,.62); text-decoration:none}
.foot-bottom a:hover{color:#fff}

/* ------------------------------------------------------------ animasyonlar */
.js .reveal{opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease), transform .7s var(--ease)}
.js .reveal.in{opacity:1; transform:none}
.js .reveal-stagger>*{opacity:0; transform:translateY(20px);
  transition:opacity .62s var(--ease), transform .62s var(--ease)}
.js .reveal-stagger.in>*{opacity:1; transform:none}
.js .reveal-stagger.in>*:nth-child(1){transition-delay:.02s}
.js .reveal-stagger.in>*:nth-child(2){transition-delay:.08s}
.js .reveal-stagger.in>*:nth-child(3){transition-delay:.14s}
.js .reveal-stagger.in>*:nth-child(4){transition-delay:.2s}
.js .reveal-stagger.in>*:nth-child(5){transition-delay:.26s}
.js .reveal-stagger.in>*:nth-child(6){transition-delay:.32s}
.js .reveal-stagger.in>*:nth-child(7){transition-delay:.38s}
.js .reveal-stagger.in>*:nth-child(8){transition-delay:.44s}
.js .reveal-stagger.in>*:nth-child(n+9){transition-delay:.5s}

.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; border:0}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important}
  .js .reveal,.js .reveal-stagger>*{opacity:1 !important; transform:none !important}
  .marquee-track{animation:none !important; transform:none !important}
  .marquee{mask-image:none; -webkit-mask-image:none; overflow-x:auto}
}

@media print{
  .nav,.marquee,.orbit,.phead-mark{display:none}
  body{color:#000}
  .band-navy,.band-deep,footer{background:#fff !important; color:#000 !important}
}

/* --------------------------------------------------------------- yazı sayfası */
.yazi{max-width:74ch}
.yazi-tarih{font-family:var(--mono); font-size:11.5px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--dim); margin:0 0 clamp(22px,3vw,30px)}
.yazi h2{font-size:clamp(20px,2.1vw,25px); margin:clamp(30px,3.6vw,44px) 0 12px}
.yazi h2:first-of-type{margin-top:0}
.yazi p{font-size:16px; line-height:1.72; color:var(--dim); font-weight:300; margin:0 0 15px}
.yazi p.pull{font-size:17.5px; line-height:1.6; color:var(--navy); font-weight:400;
  margin:clamp(24px,3vw,32px) 0}
.yazi .ticklist{margin:4px 0 20px}
.yazi .ticklist li{font-size:15.2px; line-height:1.62}
.yazi ol.adimlar{margin:6px 0 20px; padding:0; list-style:none; counter-reset:ad;
  display:grid; gap:12px}
.yazi ol.adimlar li{counter-increment:ad; position:relative; padding-left:38px;
  font-size:15.2px; line-height:1.62; color:var(--dim); font-weight:300}
.yazi ol.adimlar li::before{
  content:counter(ad,decimal-leading-zero); position:absolute; left:0; top:.1em;
  font-family:var(--mono); font-size:11.5px; letter-spacing:.06em; color:var(--orange);
  border:1px solid var(--line); border-radius:6px; padding:3px 7px; background:#fff;
}
.yazi b{font-weight:500; color:var(--navy)}

/* yazı içi olgu kutusu ve kaynak listesi */
.yazi .olgu{background:var(--mist,#F2F4F7); border-left:3px solid var(--orange);
  border-radius:0 var(--r) var(--r) 0; padding:18px 22px;
  margin:clamp(24px,3vw,32px) 0}
.yazi .olgu b{display:block; font-size:11.5px; letter-spacing:.12em;
  text-transform:uppercase; font-family:var(--mono); color:var(--orange); margin-bottom:10px}
.yazi .olgu ul{margin:0; padding:0; list-style:none; display:grid; gap:7px}
.yazi .olgu li{font-size:14.6px; line-height:1.55; color:var(--navy); font-weight:400}
.yazi .kaynaklar{border-top:1px solid var(--line); margin-top:clamp(30px,4vw,44px);
  padding-top:18px}
.yazi .kaynaklar b{display:block; font-size:11.5px; letter-spacing:.12em;
  text-transform:uppercase; font-family:var(--mono); color:var(--dim); margin-bottom:10px}
.yazi .kaynaklar ul{margin:0; padding:0; list-style:none; display:grid; gap:7px}
.yazi .kaynaklar li{font-size:14.4px; line-height:1.5}
.yazi .kaynaklar a{color:var(--navy); text-decoration:underline;
  text-underline-offset:3px; text-decoration-color:var(--line)}
.yazi .kaynaklar a:hover{color:var(--orange); text-decoration-color:currentColor}
.post .meta .kaynak{color:var(--orange)}


/* ------------------------------------------------------- öz değerlendirme */
.oz{--sev-guclu:#2E7D5B; --sev-iyi:#2F6690; --sev-gelis:#CA5B1C; --sev-kritik:#B3261E;
  --sevn-guclu:#56BD8C; --sevn-iyi:#6FA8DC; --sevn-gelis:#E8894A; --sevn-kritik:#EE6A62}
.oz [hidden]{display:none !important}
.oz-dipnot{font-size:13px; color:var(--dim); line-height:1.6; max-width:62ch}

/* giriş */
.oz-giris{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(26px,4vw,62px); align-items:start}
@media (max-width:900px){ .oz-giris{grid-template-columns:minmax(0,1fr)} }
.oz-olgu{list-style:none; margin:4px 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 22px}
@media (max-width:520px){ .oz-olgu{grid-template-columns:minmax(0,1fr)} }
.oz-olgu li{display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; align-items:start}
.oz-olgu .ico{width:36px; height:36px; display:grid; place-items:center; background:#FBEFE7; color:var(--orange); border-radius:var(--r)}
.oz-olgu .ico svg{width:19px; height:19px}
.oz-olgu li>span{font-size:13.4px; color:var(--dim); line-height:1.45}
.oz-olgu b{display:block; font-family:var(--display); font-size:15px; color:var(--navy); font-weight:600; letter-spacing:-.01em}
.oz-giris-sag{background:#fff; border:1px solid var(--line); border-top:3px solid var(--orange); border-radius:var(--r); padding:22px 24px 12px}
.oz-liste-bas{font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); margin-bottom:6px}
.oz-alan-liste{list-style:none; margin:0; padding:0}
.oz-alan-liste li{display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid var(--line)}
.oz-alan-liste li:last-child{border-bottom:0}
.oz-alan-liste .ico{width:22px; height:22px; color:var(--orange)}
.oz-alan-liste .ico svg{width:100%; height:100%}
.oz-alan-liste span{font-family:var(--display); font-weight:600; font-size:14.4px; color:var(--navy); letter-spacing:-.01em}
.oz-alan-liste em{font-style:normal; font-family:var(--mono); font-size:11.5px; color:var(--dim)}

/* soru */
.oz-soru{max-width:880px; margin-inline:auto}
.oz-ust{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px}
.oz-geri{background:none; border:0; padding:6px 0; font-family:var(--body); font-size:15px; color:var(--dim); cursor:pointer; display:inline-flex; gap:8px; align-items:center}
.oz-geri span{font-size:22px; line-height:1}
.oz-geri:hover{color:var(--navy)}
.oz-sayac{font-family:var(--mono); font-size:13px; color:var(--dim)}
.oz-sayac b{font-family:var(--display); font-size:17px; color:var(--navy)}
.oz-sayac span{margin-left:8px}
.oz-cubuk{height:5px; background:var(--mist-deep); border-radius:99px; overflow:hidden; margin-bottom:20px}
.oz-cubuk i{display:block; height:100%; width:0; background:var(--orange); border-radius:99px; transition:width .45s var(--ease)}
.oz-kart{background:#fff; border:1px solid var(--line); border-top:3px solid var(--orange); border-radius:var(--r); padding:clamp(22px,3vw,38px); display:grid; gap:20px}
.oz-alan-cip{display:inline-flex; align-items:center; gap:9px; justify-self:start; padding:5px 13px 5px 7px; background:var(--mist); border:1px solid var(--line); border-radius:99px; font-size:13px; font-weight:500; color:var(--navy)}
.oz-cip-ico .ico{width:20px; height:20px; color:var(--orange); display:block}
.oz-cip-ico .ico svg{width:100%; height:100%}
.oz-alan-cip em{font-style:normal; font-family:var(--mono); font-size:11.5px; color:var(--dim); margin-left:2px}
.oz-soru-metin{font-size:clamp(21px,2.3vw,28px); line-height:1.3; letter-spacing:-.02em; color:var(--navy); outline:none}
.oz-soru-metin .nobr{white-space:nowrap}
.oz-yanitlar{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
@media (max-width:620px){ .oz-yanitlar{grid-template-columns:minmax(0,1fr)} }
.oz-yanit{position:relative; text-align:left; display:grid; gap:3px; padding:16px 52px 16px 18px; border:1px solid var(--line); border-radius:var(--r);
  background:#fff; cursor:pointer; font-family:var(--body); transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease)}
.oz-yanit b{font-family:var(--display); font-size:16.5px; font-weight:600; color:var(--navy); letter-spacing:-.01em}
.oz-yanit span{font-size:13.4px; color:var(--dim); font-weight:300}
.oz-yanit i{position:absolute; right:14px; top:50%; translate:0 -50%; width:24px; height:24px; display:grid; place-items:center; font-style:normal;
  font-family:var(--mono); font-size:11.5px; color:var(--dim); border:1px solid var(--line); border-radius:3px; transition:all .2s var(--ease)}
@media (hover:hover){ .oz-yanit:hover{border-color:var(--orange); background:#FFFBF8} }
.oz-yanit:focus-visible{outline:2px solid var(--orange); outline-offset:2px}
.oz-yanit.secili{border-color:var(--orange); background:#FDF6F1; box-shadow:inset 3px 0 0 var(--orange)}
.oz-yanit.secili i{background:var(--orange); border-color:var(--orange); color:#fff}
.oz-neden summary{cursor:pointer; font-size:14px; color:var(--dim); list-style:none; display:inline-flex; gap:9px; align-items:center}
.oz-neden summary::-webkit-details-marker{display:none}
.oz-neden summary::before{content:"?"; width:20px; height:20px; border:1px solid currentColor; border-radius:50%; display:grid; place-items:center; font-size:11.5px; font-family:var(--mono)}
.oz-neden summary:hover,.oz-neden[open] summary{color:var(--navy)}
.oz-neden p{margin-top:10px; padding:12px 16px; background:var(--mist); border-left:3px solid var(--orange); font-size:14.2px; line-height:1.6; color:var(--ink)}
.oz-ipucu{margin-top:12px; text-align:center; font-size:12.5px; color:var(--dim)}
@media (hover:none){ .oz-klavye,.oz-yanit i{display:none} .oz-yanit{padding-right:18px} }

/* sonuç */
.oz-sonuc{display:grid; gap:clamp(20px,2.6vw,30px)}
.oz-rapor-bas,.oz-rapor-alt{display:none}
.oz-ozet{display:grid; grid-template-columns:auto minmax(0,1fr); gap:clamp(22px,4vw,56px); align-items:center;
  background:var(--navy); color:#fff; border-radius:var(--r); padding:clamp(24px,3.4vw,44px)}
@media (max-width:700px){ .oz-ozet{grid-template-columns:minmax(0,1fr); justify-items:center; text-align:center} .oz-ozet .oz-seviye{justify-self:center} .oz-eylem{justify-content:center} }
.oz-halka{position:relative; width:clamp(150px,15vw,190px); aspect-ratio:1}
.oz-halka svg{width:100%; height:100%; transform:rotate(-90deg); display:block}
.oz-halka circle{fill:none; stroke-width:9}
.oz-halka .iz{stroke:rgba(255,255,255,.12)}
.oz-halka .dolu{stroke:var(--sevn-gelis); stroke-linecap:round; transition:stroke-dashoffset 1.1s var(--ease)}
.oz-halka .dolu.sev-guclu{stroke:var(--sevn-guclu)} .oz-halka .dolu.sev-iyi{stroke:var(--sevn-iyi)}
.oz-halka .dolu.sev-kritik{stroke:var(--sevn-kritik)}
.oz-halka p{position:absolute; inset:0; display:grid; place-content:center; text-align:center}
.oz-halka b{font-family:var(--display); font-size:clamp(40px,4.4vw,54px); line-height:1; font-weight:700; letter-spacing:-.03em}
.oz-halka span{font-family:var(--mono); font-size:12px; color:var(--dim-on-navy); margin-top:6px}
.oz-ozet-metin{display:grid; gap:12px}
.oz-ozet .eyebrow{justify-self:start}
@media (max-width:700px){ .oz-ozet .eyebrow{justify-self:center} }
.oz-seviye{justify-self:start; font-family:var(--display); font-weight:700; font-size:clamp(23px,2.5vw,32px); letter-spacing:-.025em; line-height:1.15}
.oz-seviye.sev-guclu{color:var(--sevn-guclu)} .oz-seviye.sev-iyi{color:var(--sevn-iyi)}
.oz-seviye.sev-gelis{color:var(--sevn-gelis)} .oz-seviye.sev-kritik{color:var(--sevn-kritik)}
.oz-yorum{color:var(--dim-on-navy); max-width:62ch; line-height:1.65}
.oz-bilmem{font-size:13.6px; line-height:1.55; color:var(--dim-on-navy); border-left:3px solid var(--orange-soft); padding-left:12px; max-width:62ch; text-align:left}
.oz-eylem{margin-top:6px; align-items:center}
.oz-link{background:none; border:0; color:var(--dim-on-navy); font-family:var(--body); font-size:14px; text-decoration:underline; text-underline-offset:3px; cursor:pointer; padding:8px 4px}
.oz-link:hover{color:#fff}

.oz-blok{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:clamp(20px,2.8vw,34px)}
.oz-h{display:block; font-family:var(--display); font-weight:700; font-size:clamp(19px,1.8vw,23px); color:var(--navy); letter-spacing:-.02em; margin-bottom:14px}
.oz-alan-sonuc{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 clamp(22px,3.4vw,56px)}
@media (max-width:760px){ .oz-alan-sonuc{grid-template-columns:minmax(0,1fr)} }
.oz-alan-sonuc li{display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px 12px; align-items:center; padding:13px 0; border-top:1px solid var(--line)}
.oz-alan-sonuc a{display:flex; gap:10px; align-items:center; text-decoration:none; color:var(--navy); font-family:var(--display); font-weight:600; font-size:14.8px; letter-spacing:-.01em; min-width:0}
.oz-alan-sonuc a:hover{color:var(--orange)}
.oz-alan-sonuc .ico{width:22px; height:22px; color:var(--orange); flex:none}
.oz-alan-sonuc .ico svg{width:100%; height:100%}
.oz-sev{font-family:var(--mono); font-size:11.5px; letter-spacing:.04em; white-space:nowrap}
.oz-alan-sonuc b{font-family:var(--display); font-size:15.5px; color:var(--navy); min-width:3.2em; text-align:right}
.oz-bar{grid-column:1 / -1; height:6px; background:var(--mist-deep); border-radius:99px; overflow:hidden}
.oz-bar i{display:block; height:100%; border-radius:99px}
.oz-alan-sonuc .sev-guclu .oz-sev{color:var(--sev-guclu)} .oz-alan-sonuc .sev-guclu .oz-bar i{background:var(--sev-guclu)}
.oz-alan-sonuc .sev-iyi .oz-sev{color:var(--sev-iyi)} .oz-alan-sonuc .sev-iyi .oz-bar i{background:var(--sev-iyi)}
.oz-alan-sonuc .sev-gelis .oz-sev{color:var(--sev-gelis)} .oz-alan-sonuc .sev-gelis .oz-bar i{background:var(--sev-gelis)}
.oz-alan-sonuc .sev-kritik .oz-sev{color:var(--sev-kritik)} .oz-alan-sonuc .sev-kritik .oz-bar i{background:var(--sev-kritik)}

.oz-oncelik{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
@media (max-width:900px){ .oz-oncelik{grid-template-columns:minmax(0,1fr)} }
.oz-adim{position:relative; border:1px solid var(--line); border-top:3px solid var(--orange); border-radius:var(--r); padding:20px 20px 18px; display:flex; flex-direction:column; gap:9px; background:#fff}
.oz-adim-no{position:absolute; top:14px; right:18px; font-family:var(--display); font-weight:700; font-size:32px; color:var(--navy); opacity:.12; line-height:1}
.oz-adim-alan{display:flex; gap:8px; align-items:center; font-size:12.5px; color:var(--dim); padding-right:30px}
.oz-adim-alan .ico{width:18px; height:18px; color:var(--orange); flex:none}
.oz-adim-alan .ico svg{width:100%; height:100%}
.oz-adim h3{font-size:17px; color:var(--navy); padding-right:30px}
.oz-adim-yanit{font-size:13px; color:var(--dim)}
.oz-adim>p:not([class]){font-size:14px; line-height:1.6; color:var(--ink)}
.oz-adim .more{margin-top:auto}
.y-evet,.y-kismen,.y-hayir,.y-bilmem,.y-null{font-style:normal; font-size:12px; font-weight:500; padding:2px 10px; border-radius:99px; white-space:nowrap}
.y-evet{background:#E4F2EA; color:#1F6B47} .y-kismen{background:#FBEFE7; color:#9A4212}
.y-hayir{background:#FBE7E6; color:#9B1C15} .y-bilmem,.y-null{background:#E9EDF3; color:#3E4B5E}

.oz-bos{font-size:13.6px; color:var(--dim); margin-top:10px; line-height:1.55}

.oz-yanit-liste summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; margin-bottom:0}
.oz-yanit-liste summary::-webkit-details-marker{display:none}
.oz-yanit-liste summary::after{content:"+"; font-family:var(--mono); font-size:22px; color:var(--orange); line-height:1}
.oz-yanit-liste[open] summary::after{content:"–"}
.oz-yanit-liste[open] summary{margin-bottom:12px}
.oz-yanit-liste ol{margin:0; padding:0; list-style:none}
.oz-yanit-liste li{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 16px; padding:11px 0; border-top:1px solid var(--line); align-items:center}
.oz-l-alan{grid-column:1 / -1; font-family:var(--mono); font-size:10.8px; letter-spacing:.12em; text-transform:uppercase; color:var(--orange)}
.oz-yanit-liste li p{font-size:14px; color:var(--ink); line-height:1.5}

.oz-paylas{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(24px,4vw,56px); background:var(--navy); color:#fff;
  border-radius:var(--r); padding:clamp(24px,3.4vw,44px); scroll-margin-top:calc(var(--nav-h) + 20px)}
@media (max-width:860px){ .oz-paylas{grid-template-columns:minmax(0,1fr)} }
.oz-paylas .muted,.oz-paylas .oz-dipnot{color:var(--dim-on-navy)}
.oz-form{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; align-content:start}
.oz-form .consent,.oz-form button,.oz-form .oz-form-not{grid-column:1 / -1}
.oz-form button{justify-self:start}
@media (max-width:560px){ .oz-form{grid-template-columns:minmax(0,1fr)} }
.oz-form-not{margin-top:12px; font-size:13px; color:var(--dim-on-navy)}
.field.hatali input{border-color:#EE6A62; box-shadow:0 0 0 1px #EE6A62}
.consent.hatali{color:#FFB4AE}

/* rapor çıktısı (PDF olarak kaydet) */
@media print{
  @page{margin:14mm 12mm}
  .phead,footer,.cta-band,.oz-giris,.oz-soru,.oz-eylem,.oz-paylas,.oz-yanit-liste summary::after{display:none !important}
  .oz-bant{padding:0 !important; background:#fff !important}
  .oz-bant .wrap{padding:0; max-width:none}
  .oz-sonuc{gap:14px}
  .oz-sonuc,.oz-sonuc *{-webkit-print-color-adjust:exact; print-color-adjust:exact}
  .oz-rapor-bas{display:flex !important; align-items:center; justify-content:space-between; gap:20px;
    border-bottom:2px solid var(--orange); padding-bottom:10px}
  .oz-rapor-bas img{height:44px; width:auto}
  .oz-rapor-bas div{display:grid; text-align:right}
  .oz-rapor-bas b{font-family:var(--display); font-size:16px; color:var(--navy)}
  .oz-rapor-bas span{font-size:12px; color:var(--dim)}
  .oz-rapor-alt{display:block !important; font-size:11px; color:var(--dim); text-align:center; margin-top:6px}
  .oz-ozet{background:var(--navy) !important; color:#fff !important; padding:22px 26px; grid-template-columns:auto minmax(0,1fr)}
  .oz-halka{width:130px}
  .oz-halka .dolu{transition:none}
  .oz-blok{padding:16px 18px; break-inside:avoid}
  .oz-adim,.oz-alan-sonuc li,.oz-yanit-liste li{break-inside:avoid}
  .oz-yanit-liste{break-before:page}
  .oz-oncelik{grid-template-columns:repeat(3,minmax(0,1fr))}
  .oz-alan-sonuc{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------------------------------------------- kısa ekranlı dizüstüler
   (1366×768, 1536×864, %125–150 ölçek): her bölüm ilk ekrana sığacak kadar sıkılaşır.
   Dosyanın sonunda durur ki bileşen kurallarının önüne geçsin. */
@media (min-width:1025px) and (max-height:820px){
  section{padding-block:clamp(36px,8vh,102px)}
  h2{font-size:clamp(25px,min(3.2vw,5.2vh),40px)}
  .lede{font-size:16.5px; line-height:1.62}
  .card{padding:20px 22px; gap:9px}
  .card .ico{width:32px; height:32px}
  .card p{font-size:13.8px; line-height:1.55}
  .fx{padding:20px 24px 22px; gap:10px}
  .fx-top .ico{width:34px; height:34px}
  .fx h3{font-size:21px; margin-top:0}
  .fx-metin{font-size:14px; line-height:1.55}
  .fx-not{font-size:14.5px; line-height:1.45; padding-left:14px; margin-top:2px}
  .fx-cta{padding-top:4px}
  .layer p{font-size:13.6px}
  .layer{padding:14px 22px}
  .sec-head{margin-bottom:22px; gap:12px}
  .field{margin-bottom:11px}
  .field textarea{min-height:92px}
  .cinfo{gap:14px}
  .hero .lede{font-size:16.5px; line-height:1.62}
  .hero-sub{gap:7px}
  .hero .tag{padding:5px 12px; font-size:11.4px}
}
@media (min-width:1025px) and (max-height:690px){
  section{padding-block:clamp(32px,6.5vh,102px)}
  .hizmet-liste a{padding-block:11px}
  .fx{gap:9px; padding-block:18px 20px}
  .fx-bas{margin-bottom:22px}
}

/* Öne çıkan kartlar: başlık ve vurgu masaüstünde iki satır, telefonda doğal akış */
@media (max-width:560px){ .fx h3 br, .fx-not br{display:none} }

/* ---------------------------------------------------- WordPress uyumluluk */
body.admin-bar .nav{top:32px}
@media screen and (max-width:782px){ body.admin-bar .nav{top:46px} }
@media screen and (max-width:600px){ body.admin-bar .nav{position:static} }
.screen-reader-text{position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0}
.screen-reader-text:focus{position:static!important; width:auto; height:auto; clip:auto;
  background:var(--orange); color:#fff; padding:10px 16px}
.alignleft{float:left; margin:0 1.5em 1em 0}
.alignright{float:right; margin:0 0 1em 1.5em}
.aligncenter{margin-inline:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:13px; color:var(--dim); margin-top:6px}
.sticky .post{border-color:var(--orange)}

/* yazı içeriği */
.entry{max-width:74ch}
.entry h2{margin:34px 0 12px; font-size:clamp(23px,2.6vw,30px)}
.entry h3{margin:26px 0 10px}
.entry p{margin-bottom:17px; font-weight:300; line-height:1.75}
.entry ul,.entry ol{margin:0 0 17px; padding-left:22px; display:grid; gap:7px; font-weight:300}
.entry a{color:var(--orange)}
.entry img{border-radius:var(--r); margin-block:22px}
.entry blockquote{border-left:3px solid var(--orange); padding-left:22px; margin:26px 0;
  font-family:var(--display); font-size:19px; font-weight:500}
.pagination{display:flex; gap:9px; flex-wrap:wrap; margin-top:40px}
.pagination .page-numbers{border:1px solid var(--line); border-radius:var(--r);
  padding:9px 15px; text-decoration:none; font-size:14px}
.pagination .current{background:var(--navy); color:#fff; border-color:var(--navy)}