/* s/_header.css */




/* ============================================================
   Pixedi header v2
   Yapi + etkilesim: default.com (72px cerceve, ortalanmis nav,
   tam genislikte mega panel, arkasi kararan sayfa)
   Tasarim sistemi: referans (pill buton, ink #222, yumusak
   yuzey #F9FAFB, kart radius 16, nav 14px/400)
   Font: Satoshi (marka)    Menu: docs\site-mimari.md bolum 6 (KILITLI)
   ============================================================ */
:root{
  /* renk - brand\tokens.json + referans olcumu */
  --ink:#222222;            /* referans rgb(34,34,34) ile birebir */
  --ink-60:rgba(34,34,34,.62);
  --ink-80:rgba(34,34,34,.82);
  --grey:#666666;
  --white:#ffffff;
  --n100:#F9FAFB;           /* yumusak yuzey */
  --n300:#F3F4F6;           /* hover dolgusu */
  --n400:#E1E3E7;           /* cizgi */
  --red:#ED2027;            /* marka - dolgu ve isaret */
  --cta-bg:var(--ink);      /* Ali 2026-09-28: CTA siyah (eskiden kirmizi) */
  --cta-fg:#ffffff;

  /* olcu - default.com cercevesi */
  --nav-h:72px;
  /* ICERIK HIZASI - referans'dan olculdu (2026-09-21).
     Ali'nin verdigi referans: `.is-persona-grid` (As a CFO / As an accountant /
     As a HR-Manager / As a Tax Advisor kartlari) - sayfanin govde kabi.
     Zincir: padding-global (%5) -> container-large (%3.6 dolgu, akici tavan).
     Olculen sol kenar: 1280>109 - 1440>123 - 1728>147 - 2000>249 - 2400>423 -
     3000>686. Asagidaki formul hepsini +-1px tutturuyor (sag kenar simetrik). */
  --shell:calc(1235px + 19.8vw);                      /* container-large akici tavani */
  --kenar:max(5%,calc((100% - var(--shell))/2));      /* padding-global */
  --p1:3.6%;                                          /* container-large'in dolgusu */
  --ic:calc(var(--kenar) + var(--p1));                /* SAYFANIN HIZA CIZGISI */

  /* Bir ic katman daha: bazi bolumlerde ikinci bir container-large var, o bolumun
     basligi (ornek: "AI-powered expense management designed to free finance teams")
     1440'ta 170'te durur. Sayfa hizasi DEGIL, kayit icin duruyor. */
  --p2:min(3.31%,calc(.04*(min(calc(100% - 2*var(--kenar)),var(--shell)) - 2*var(--p1))));
  --ic-ic:calc(var(--ic) + var(--p2));
  --gutter:24px;
  --r-pill:999px;           /* referans: tam pill */
  --r-card:16px;            /* referans kart */
  --r-row:10px;             /* default.com panel satiri */
  /* olculmus egriler - default.com (CDP Animation) */
  --morph:cubic-bezier(.22,1,.36,1);   /* yuzey: w/h/opacity/scale 280ms */
  --ease-io:cubic-bezier(.4,0,.2,1);   /* konum 150ms, icerik 200ms */
  --ease:cubic-bezier(.22,.61,.36,1);

  /* ---- cam (glassmorphism) - acilir panel ve mobil cekmece ---- */
  /* Ali (2026-09-20): "daha fazla transparan olsun" + perde %7 siyah.
     Perde .30'dan .07'ye inince panelin arkasi aydinlaniyor, bu yuzden panel
     tinti .82'den .64'e indirildi ve kaybedilen okunurluk BLUR ile geri
     alindi: blur arkadaki gorseli tek bir ortalama tona indirger, metin o
     tonun uzerinde durur. Cam hissi opakliktan degil blur + doygunluk +
     kirilma kenarindan gelir.
     ISIK varyantin tinti OLCUMLE .74: ic sayfalarda arka plan degisken
     (beyaz bolum de var, koyu gorsel bolumu de). .68'de en kotu nokta
     4,22:1'e dusuyor, .74'te 4,90:1. Gercek seffaflik KOYU varyantta
     (asagida), sinematik girisin uzerinde. Olcum: tools\cam-olc.py */
  --cam-bg:rgba(255,255,255,.74);     /* panel zemini - isik sayfa varyanti */
  --cam-ic:rgba(255,255,255,.42);     /* panel icindeki yumusak yuzey */
  --cam-ic-2:rgba(34,34,34,.07);      /* rozet / numara / ikon dolgusu */
  --cam-cizgi:rgba(34,34,34,.10);     /* kolon ayraci */
  --cam-kenar:rgba(255,255,255,.60);  /* disaridaki isik kenari */
  --cam-metin-2:#444444;              /* cam uzerinde ikincil metin */
  --cam-sheen:rgba(255,255,255,.30); /* ust kenardaki isik */
  --cam-blur:saturate(200%) blur(38px);
}

/* ---------- cerceve ---------- */
.px-hdr{position:sticky;top:0;z-index:60;background:var(--white)}
.px-hdr::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--n400);opacity:0;transition:opacity .2s var(--ease);
}
.px-hdr[data-scroll]::after,.px-hdr[data-open]::after{opacity:1}
.px-hdr[data-seffaf]::after{opacity:0}
.px-shell{
  position:relative;
  padding-inline:var(--ic);   /* referans'nin govde metniyle ayni cizgi */
  height:var(--nav-h);display:flex;align-items:center;gap:24px;
}
.px-brand{display:inline-flex;align-items:center;flex:1;color:var(--ink)}
.px-brand svg{height:28px;width:auto;display:block}
.px-brand:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:4px}

/* ---------- seffaf durum (2026-09-20, Ali onayi) ----------
   Ana sayfada header sinematik girisin UZERINDE durur: zemin yok, metin beyaz.
   Sayfa girisi gecince beyaza doner. Durumu sayfa parcasi (`parcalar\hero.js`)
   `data-seffaf` ile yazar; header kendi basina her zaman beyazdir.
   2026-09-20 (Ali): menu ACILINCA da seffaf kalir - eskiden acilinca serit
   bembeyaz oluyordu. Okunurlugu perde saglar (perde artik tam ekran). */
.px-hdr{transition:background-color .2s var(--ease-io)}
.px-hdr[data-seffaf]{background:transparent}
.px-hdr[data-seffaf]::after{opacity:0}
.px-hdr[data-seffaf] .px-brand{color:#fff}
.px-hdr[data-seffaf] .px-nav-btn,
.px-hdr[data-seffaf] .px-ghost{color:rgba(255,255,255,.80)}
.px-hdr[data-seffaf] .px-nav-btn:hover,
.px-hdr[data-seffaf] .px-nav-btn[aria-expanded="true"],
.px-hdr[data-seffaf] .px-ghost:hover{color:#fff}
.px-hdr[data-seffaf] .px-ghost:hover{background:rgba(255,255,255,.16)}
.px-hdr[data-seffaf] .px-burger:hover{background:rgba(255,255,255,.16)}
/* siyah CTA koyu girisin ustunde kaybolur: seffaf durumda ters (beyaz zemin, ink yazi) */
.px-hdr[data-seffaf] .px-cta{background:#fff;color:var(--ink)}
.px-hdr[data-seffaf] .px-burger span,
.px-hdr[data-seffaf] .px-burger span::before,
.px-hdr[data-seffaf] .px-burger span::after{background:#fff}
.px-hdr[data-seffaf] .px-brand:focus-visible,
.px-hdr[data-seffaf] .px-nav-btn:focus-visible,
.px-hdr[data-seffaf] .px-ghost:focus-visible{outline-color:#fff}

/* ---------- orta nav ---------- */
.px-nav{display:flex;align-items:center;gap:2px}
.px-nav-btn{
  font:400 15px/1 "Satoshi",sans-serif;letter-spacing:.01em;
  color:var(--ink-60);background:none;border:0;cursor:pointer;
  height:var(--nav-h);padding:0 12px;display:inline-flex;align-items:center;gap:5px;
  transition:color .16s var(--ease);
}
.px-nav-btn:hover,.px-nav-btn[aria-expanded="true"]{color:var(--ink)}
.px-nav-btn .px-car{width:10px;height:10px;transition:transform .2s var(--ease)}
.px-nav-btn[aria-expanded="true"] .px-car{transform:rotate(180deg)}
.px-nav-btn:focus-visible{outline:2px solid var(--ink);outline-offset:-6px;border-radius:8px}

/* ---------- sag taraf ---------- */
.px-uc{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}
.px-ghost{
  font:400 15px/1 "Satoshi",sans-serif;color:var(--ink-60);text-decoration:none;
  padding:10px 12px;border-radius:var(--r-row);transition:color .16s var(--ease),background .16s var(--ease);
}
.px-ghost:hover{color:var(--ink);background:var(--n300)}
.px-cta{                                   /* referans pill olculeri */
  font:500 15.4px/1 "Satoshi",sans-serif;
  color:var(--cta-fg);background:var(--cta-bg);text-decoration:none;
  padding:11px 24px;border-radius:var(--r-pill);white-space:nowrap;
  transition:transform .16s var(--ease),filter .16s var(--ease);
}
.px-cta:hover{filter:brightness(.92)}
.px-cta:active{transform:translateY(1px)}
.px-ghost:focus-visible,.px-cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* ---------- mega panel: default.com'un PAYLASILAN YUZEYI ----------
   Olculdu (CDP Animation alani, canli sayfa):
     yuzey   width,height,opacity,scale  280ms  cubic-bezier(.22,1,.36,1)
     konum   transform                   150ms  cubic-bezier(.4,0,.2,1)
     icerik  opacity                     200ms  cubic-bezier(.4,0,.2,1)
     nav     color / caret transform     150ms  cubic-bezier(.4,0,.2,1)
   Tek kart var; menuler arasi gecerken kart tetigin altina kayar ve
   yeni menunun olcusune MORPH eder, icerik capraz solar. Kapaliyken
   opacity 0 + scale .96. `overflow:hidden` morph sirasinda icerigi kirpar. */
.px-dim{
  position:fixed;inset:0;background:rgba(0,0,0,.07);   /* Ali: %7 siyah */
  opacity:0;pointer-events:none;transition:opacity .22s var(--ease-io);z-index:40;
}
body[data-open] .px-dim{opacity:1}
.px-mega{
  position:absolute;top:calc(100% - 12px);left:0;z-index:50;padding-top:6px;
  transform:translateX(-50%);
  transition:transform .15s var(--ease-io);
  pointer-events:none;
}
.px-mega[data-open]{pointer-events:auto}
.px-surface{
  position:relative;overflow:hidden;border-radius:var(--r-card);
  background:var(--cam-bg);border:1px solid var(--cam-kenar);
  -webkit-backdrop-filter:var(--cam-blur);backdrop-filter:var(--cam-blur);
  box-shadow:0 0 0 .5px rgba(17,18,20,.07),
             0 34px 80px -22px rgba(17,18,20,.42),
             inset 1px 1px 0 rgba(255,255,255,.85),
             inset -1px -1px 0 rgba(17,18,20,.06);
  width:0;height:0;opacity:0;scale:.96;transform-origin:top center;
  transition:width .28s var(--morph),height .28s var(--morph),
             opacity .28s var(--morph),scale .28s var(--morph);
}
.px-mega[data-open] .px-surface{opacity:1;scale:1}
/* ustten eriyen isik + cok ince grain: camin kalinligini verir, duz plastik
   gorunmesini onler. Grain kucuk bir SVG dokusu, ekstra istek yok. */
.px-surface::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:
    linear-gradient(180deg,var(--cam-sheen),rgba(255,255,255,0) 52%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");
  background-size:auto,140px 140px;
  opacity:.75;
}
.px-pane{
  position:absolute;top:0;left:0;
  opacity:0;pointer-events:none;
  transition:opacity .2s var(--ease-io);
}
.px-pane[data-active]{opacity:1;pointer-events:auto}
.px-cols{display:grid}
.px-cols.px-svc{grid-template-columns:.74fr 1fr 1fr}
.px-cols.ikili{grid-template-columns:.62fr 1fr}
.px-col{padding:16px;border-right:1px solid var(--cam-cizgi)}
.px-col:last-child{border-right:0}
.px-col-h{
  font:500 12px/1 "Satoshi",sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:var(--cam-metin-2);padding:8px 14px 12px;
}
.px-row{
  display:flex;gap:12px;align-items:flex-start;
  padding:14px;border-radius:var(--r-row);text-decoration:none;color:var(--ink);
  transition:background .14s var(--ease);
}
.px-row:hover{background:var(--cam-ic)}
.px-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.px-num{
  flex:none;width:22px;height:22px;border-radius:var(--r-pill);
  background:var(--cam-ic-2);color:var(--ink);
  font:500 13px/22px "Satoshi",sans-serif;text-align:center;margin-top:1px;
}
.px-row:hover .px-num{background:rgba(255,255,255,.80)}
.px-ico{
  flex:none;width:22px;height:22px;border-radius:7px;background:var(--cam-ic-2);
  display:grid;place-items:center;margin-top:1px;
}
.px-ico svg{width:13px;height:13px;color:var(--ink)}
.px-row:hover .px-ico{background:rgba(255,255,255,.80)}
.px-rt{font:500 15.5px/1.3 "Satoshi",sans-serif;display:flex;align-items:center;gap:8px}
.px-rd{font:400 14px/1.45 "Satoshi",sans-serif;color:var(--cam-metin-2);margin-top:4px}
.px-badge{
  font:500 11px/1 "Satoshi",sans-serif;letter-spacing:.06em;text-transform:uppercase;
  color:var(--cam-metin-2);background:var(--cam-ic-2);border-radius:var(--r-pill);padding:4px 7px;
}
.px-row:hover .px-badge{background:rgba(255,255,255,.80)}

/* ---------- gorsel hucresi (2026-09-21, Ali) ----------
   Eski promo/audit kutusu kaldirildi; her panelin EN SOLUNDA tam boy bir
   gorsel duruyor, altinda alt yazi. Menu sade kalmasin diye: panelin agirlik
   merkezi metinden gorsele kayiyor, uc panel de ayni ritmi tutuyor. */
.gorsel-kol{padding:0;border-right:1px solid var(--cam-cizgi)}
.gorsel{
  position:relative;display:block;overflow:hidden;isolation:isolate;
  margin:16px;height:calc(100% - 32px);min-height:236px;
  border-radius:var(--r-card);text-decoration:none;
  background:rgba(17,18,20,.28);
}
.gorsel img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.03);transition:transform .6s var(--morph);
}
.gorsel:hover img{transform:scale(1.08)}
.gorsel::after{                       /* alt yazinin okunmasi icin perde */
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,8,10,0) 38%,rgba(8,8,10,.82) 100%);
}
.gorsel-ic{
  position:absolute;left:0;right:0;bottom:0;z-index:1;padding:16px 18px 18px;
  display:flex;flex-direction:column;gap:5px;
}
.gorsel-ust{
  font:500 11.5px/1 "Satoshi",sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.80);display:flex;align-items:center;gap:7px;
}
.gorsel-ust .px-dot{width:6px;height:6px;border-radius:var(--r-pill);background:var(--red);flex:none}
.gorsel-bas{
  font:500 16.5px/1.32 "Satoshi",sans-serif;color:#fff;
  display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
}
.gorsel-ok{
  flex:none;width:26px;height:26px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.16);display:grid;place-items:center;
  transition:background .18s var(--ease),transform .18s var(--ease);
}
.gorsel-ok svg{width:12px;height:12px;color:#fff}
.gorsel:hover .gorsel-ok{background:rgba(255,255,255,.30);transform:translateX(2px)}
.gorsel:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.px-hdr[data-seffaf] .gorsel:focus-visible{outline-color:#fff}

/* promo hucresi - default.com'un one cikan kutusu, referans yuzeyi */
.px-promo{
  margin:16px;padding:20px;border-radius:var(--r-card);
  background:var(--cam-ic);border:1px solid rgba(255,255,255,.60);
  display:flex;flex-direction:column;height:calc(100% - 32px);
}
.px-promo .px-dot{width:7px;height:7px;border-radius:var(--r-pill);background:var(--red);flex:none}
.px-promo h3{font:700 18px/1.2 "Satoshi",sans-serif;margin:0 0 6px;display:flex;align-items:center;gap:8px}
.px-promo p{font:400 14px/1.5 "Satoshi",sans-serif;color:var(--cam-metin-2);margin:0 0 14px}
.px-fake{
  display:flex;gap:6px;background:rgba(255,255,255,.72);border:1px solid var(--cam-cizgi);
  border-radius:var(--r-pill);padding:5px 5px 5px 14px;align-items:center;
  margin-top:auto;text-decoration:none;
}
.px-promo ul{list-style:none;margin:14px 0 0;padding:0}
.px-promo li{
  font:400 13.5px/1.5 "Satoshi",sans-serif;color:var(--cam-metin-2);
  display:flex;gap:8px;align-items:baseline;
}
.px-promo li::before{
  content:"";width:4px;height:4px;border-radius:var(--r-pill);
  background:rgba(34,34,34,.22);flex:none;transform:translateY(-2px);
}
.px-fake span{font:400 14px/1 "Satoshi",sans-serif;color:#6B7075;flex:1}
.px-fake i{
  font:500 13.5px/1 "Satoshi",sans-serif;font-style:normal;color:var(--white);
  background:var(--ink);border-radius:var(--r-pill);padding:8px 14px;
}

/* ---------- KOYU CAM: header sinematik girisin uzerindeyken ----------
   Ali (2026-09-20): "hala dropdown arkasi beyaz". Dogru tespit - acik cam
   koyu bir gorselin uzerinde gri bir KART gibi duruyor, ne kadar tint
   dusurulurse dusurulsun koyu metin onu acik tutmaya zorluyor.
   Cozum: zemin koyu gorselse panel de koyu cama doner, metin beyaza.
   Dolgu %7 siyah (Ali'nin verdigi deger) + blur; okunurlugu blur'un
   arkadaki gorseli tek tona indirmesi saglar. Olcum asagida.
   Isik sayfalarda (data-seffaf yok) panel acik cam olarak kalir. */
.px-hdr[data-seffaf]{
  /* %7 siyah olculdu ve KALMADI: gorselin parlak bolgesi (koltuk, laptop
     ekrani) panelden vuruyor, orada beyaz metin 2,4:1'e dusuyor (AA 4,5).
     Olcum `tools\cam-olc.py` ile yapiliyor (panelin metni gizlenip saf cam
     zemini cekiliyor, en acik piksel = en kotu durum). %44'te baslik ve
     aciklama AA'yi geciyor; panel hala %56 gecirgen, fotograf icinden
     okunuyor, sadece parlak lekeler bastiriliyor. */
  --cam-bg:rgba(0,0,0,.44);
  --cam-ic:rgba(255,255,255,.08);
  --cam-ic-2:rgba(255,255,255,.16);
  --cam-cizgi:rgba(255,255,255,.16);
  --cam-kenar:rgba(255,255,255,.22);
  --cam-metin-2:rgba(255,255,255,.92);
  --cam-sheen:rgba(255,255,255,.14);
  --cam-blur:saturate(160%) blur(44px);   /* parlak lekeleri daha genis yayar */
}
.px-hdr[data-seffaf] .px-surface{
  box-shadow:0 0 0 .5px rgba(255,255,255,.10),
             0 34px 80px -22px rgba(0,0,0,.60),
             inset 1px 1px 0 rgba(255,255,255,.30),
             inset -1px -1px 0 rgba(0,0,0,.20);
}
.px-hdr[data-seffaf] .px-surface::before{opacity:.55}
.px-hdr[data-seffaf] .px-row{color:#fff}
.px-hdr[data-seffaf] .px-row:hover{background:rgba(255,255,255,.12)}
.px-hdr[data-seffaf] .px-num{color:#fff}
.px-hdr[data-seffaf] .px-ico svg{color:#fff}
.px-hdr[data-seffaf] .px-row:hover .px-num,
.px-hdr[data-seffaf] .px-row:hover .px-ico,
.px-hdr[data-seffaf] .px-row:hover .px-badge{background:rgba(255,255,255,.28)}
.px-hdr[data-seffaf] .px-promo{border-color:rgba(255,255,255,.16)}
.px-hdr[data-seffaf] .px-promo h3{color:#fff}
.px-hdr[data-seffaf] .px-promo li::before{background:rgba(255,255,255,.38)}
.px-hdr[data-seffaf] .px-fake{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}
.px-hdr[data-seffaf] .px-fake span{color:rgba(255,255,255,.66)}
.px-hdr[data-seffaf] .px-fake i{background:#fff;color:var(--ink)}
.px-hdr[data-seffaf] .px-row:focus-visible,
.px-hdr[data-seffaf] .px-brand:focus-visible{outline-color:#fff}

/* mobil cekmece ayni mantikla */

/* ---------- mobil ---------- */
.px-burger{display:none;width:40px;height:40px;border:0;background:none;cursor:pointer;
  border-radius:var(--r-row);align-items:center;justify-content:center}
.px-burger:hover{background:var(--n300)}
.px-burger span{display:block;width:17px;height:1.5px;background:var(--ink);position:relative}
.px-burger span::before,.px-burger span::after{
  content:"";position:absolute;left:0;width:17px;height:1.5px;background:var(--ink);
  transition:transform .2s var(--ease)}
.px-burger span::before{top:-5px}.px-burger span::after{top:5px}
.px-drawer{display:none}

@media (max-width:1040px){
  /* Webflow'un akici rem'i dar ekranda tabana oturuyor, zincir formulu sapiyor.
     Olculen uc nokta (icerik genisligi > grid sol kenari): 375>22, 753>58, 1010>87.
     Iki dogrunun buyugu ucunu de tutturuyor. */
  :root{--ic:max(calc(9.52% - 13.7px),calc(11.28% - 26.98px))}

  .px-nav,.px-uc .px-ghost{display:none}
  .px-burger{display:inline-flex}
  .px-brand{flex:0}
  .px-uc{gap:6px}
  .px-drawer{
    display:block;position:fixed;inset:var(--nav-h) 0 0;background:var(--cam-bg);
    -webkit-backdrop-filter:var(--cam-blur);backdrop-filter:var(--cam-blur);
    padding:8px var(--ic) 32px;overflow:auto;z-index:55;
    transform:translateY(-8px);opacity:0;visibility:hidden;
    transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;
  }
  .px-drawer[data-show]{opacity:1;visibility:visible;transform:none}
  .px-acc{border-bottom:1px solid var(--cam-cizgi)}
  .px-acc>button{
    width:100%;display:flex;align-items:center;justify-content:space-between;
    font:500 17px/1 "Satoshi",sans-serif;color:var(--ink);background:none;border:0;
    padding:18px 4px;cursor:pointer;
  }
  .px-acc>button .px-car{width:12px;height:12px;transition:transform .2s var(--ease)}
  .px-acc>button[aria-expanded="true"] .px-car{transform:rotate(180deg)}
  .px-acc-body{display:none;padding-bottom:8px}
  .px-acc>button[aria-expanded="true"]+.px-acc-body{display:block}
  .px-acc .px-row{padding:11px 4px}
  .px-acc .px-promo{margin:8px 0}
  .px-m-foot{display:flex;gap:10px;margin-top:22px}
  .px-m-foot .px-ghost{flex:1;text-align:center;border:1px solid var(--cam-cizgi);border-radius:var(--r-pill);padding:13px}
  .px-m-foot .px-cta{flex:1;text-align:center;padding:13px}
  .px-dim{display:none}
}
/* backdrop-filter yoksa ya da kullanici seffafligi kismissa: duz yuzey */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .px-surface,.px-drawer{background:var(--white)}
  .px-surface{border-color:var(--n400)}
}
@media (prefers-reduced-transparency:reduce){
  .px-surface,.px-drawer{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none}
  .px-surface{border-color:var(--n400)}
  .px-surface::before{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms !important}}

/* referans sayfasina takilirken gereken kucuk kapilar */
#px-kok,#px-kok *{box-sizing:border-box}
#px-kok a{text-decoration:none}
#px-kok button{font-family:inherit}
.px-hdr{font-family:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
.px-drawer{font-family:"Satoshi",sans-serif}

/* referans'nin kendi navbar'i akisin DISINDAYDI (fixed): sokunce icerik 72px
   asagi kayiyordu. Bizimkini de fixed yapinca sayfa orijinaldeki yerinde durur. */
.px-hdr{position:fixed;left:0;right:0;top:0}

/* s/_dipnot.css */
/* ============================================================
   DIPNOT - pixedi.com'un kendi footer'i, referans'nin footer'inin yerine,
   30 sayfanin TAMAMINDA (header gibi; melez.py `HER_SAYFA` tablosu).

   4. TUR (2026-09-21) - Ali'nin verdigi 21st.dev bileseni
   "Mega Sitemap Footer" (@7ovr/footer-4). Kodu sitede kapali oldugu icin
   CANLI onizleme gercek Chrome'da acilip DOM + hesaplanmis stil sokuldu
   (kayit: `site\referans\_analiz\21st-footer4\`). OLCULEN yapi, 1440px:

     kap 1152 · izgara repeat(6,1fr) · gap 40 · MARKA 2 kolon (357px)
     logo 28 · marka adi 18/28 w600 · aciklama 14/22.75 w400, en fazla 320px
     sosyal 16px ikon, aralik 24, aciklamadan 24 sonra
     kolon basligi 14/20 w600 beyaz · baslik-liste araligi 12
     baglanti 14/20 w400 beyaz .70 · madde araligi 34
     ust blok 192 · ayirici 1px beyaz .10 · alt serit 14/20, footer toplam 281

   BIZDE DEGISEN (bilincli): kap yerine sitenin KILITLI `--ic` hizasi,
   font Satoshi, zemin ink #222. Referansta bulten YOK - eski bulten seridi
   ve slogan blogu kaldirildi (bkz. process.md 2026-09-21).

   ICERIK `docs\site-mimari.md` bolum 4 ve 6 (KILITLI menu) ile birebir:
     Monthly 1 Care · 2 Presence · 3 Growth   (numara sus degil, merdiven)
     Build Websites & Software · AI Production · 3D & Real-Time
     Insights All articles · AI Lab · Industry Reports
     Company Who we are · Method · Tools · Pricing · Contact
     Alt serit: tuzel kisi satiri (Ali'nin metni) + Privacy · Terms
   Menude fiyat yazmaz: Pricing var, rakam yok. `/sample-report` bilerek yok.
   Kirmizi yok - bu footer'da CTA yok (referansta da yok).
   ============================================================ */

.px-dip{
  background:var(--ink,#222);
  color:#fff;
  padding-block:clamp(56px,5.5vw,80px) clamp(28px,2.6vw,36px);
}
.px-dip,.px-dip *{box-sizing:border-box}
.px-dip p,.px-dip h3,.px-dip ul{margin:0;padding:0;border:0}
.px-dip li{list-style:none}
.px-dip a{text-decoration:none;color:inherit}

.px-dip-kap{padding-inline:var(--ic,5%)}

/* ---------- ust blok: 6 kolon, marka 2 kolon (olculen duzen) ---------- */
.px-dip-izgara{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:40px;align-items:start;
}
.px-dip-marka{grid-column:span 2}
.px-dip-logo{display:inline-block;color:#fff}
.px-dip-logo svg{height:26px;width:auto;display:block}
.px-dip-cumle{
  margin-top:16px;max-width:320px;
  color:rgba(255,255,255,.70);
}
.px-dip-sosyal{display:flex;align-items:center;gap:24px;margin-top:24px}
.px-dip-sosyal a{
  display:inline-flex;color:rgba(255,255,255,.70);
  transition:color .2s cubic-bezier(.4,0,.2,1);
}
.px-dip-sosyal a:hover{color:#fff}
.px-dip-sosyal svg{width:17px;height:17px;display:block}

/* ---------- sitemap kolonlari ---------- */
.px-dip-kolon h3{color:#fff}
/* madde araligi 34px olculdu (referansta a'lar 395/429/463). referans'nin
   global `li` satir yuksekligi sizip 46px yapiyordu - li acikca 20px. */
.px-dip-kolon ul{margin-top:12px;display:flex;flex-direction:column;gap:14px}
.px-dip-kolon li{line-height:20px;margin:0;padding:0}   /* referans li 8px sol dolgusu sizmasin */
.px-dip-kolon a{
  display:inline-flex;align-items:baseline;gap:7px;
  color:rgba(255,255,255,.70);
  transition:color .2s cubic-bezier(.4,0,.2,1);
}
.px-dip-kolon a:hover{color:#fff}
/* ---------- alt serit ---------- */
.px-dip-alt{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-top:clamp(40px,3.4vw,48px);padding-top:clamp(24px,2.4vw,32px);
  border-top:1px solid rgba(255,255,255,.10);
}
.px-dip-telif{color:rgba(255,255,255,.70)}
.px-dip-yasal{display:flex;align-items:center;gap:24px}
.px-dip-yasal a{
  color:rgba(255,255,255,.70);
  transition:color .2s cubic-bezier(.4,0,.2,1);
}
.px-dip-yasal a:hover{color:#fff}

/* ---------- dar ekran (referanstaki gibi: kolonlar once ikiye, sonra tek) ---------- */
@media (max-width:1100px){
  .px-dip-izgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px}
  .px-dip-marka{grid-column:span 4}
}
@media (max-width:720px){
  .px-dip-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
  .px-dip-marka{grid-column:span 2}
  .px-dip-alt{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .px-dip *{transition-duration:.01ms !important}
}

/* s/_hiza.css */
/* ============================================================
   HIZA - butun sayfayi tek cizgiye getirir (2026-09-21, Ali'nin emri)
   ------------------------------------------------------------
   SORUN: referans'nin kendisi tutarli DEGIL. Ayni sayfada olculen sol kenarlar
   (1440px / 2000px):

     .is-persona-grid          123 / 249   <- Ali'nin sectigi cizgi (--ic)
     .compliance-cards_list     71 / 177
     .report_card-wrap          71 / 177
     .expense-cta_component     71 / 177
     footer .footer_top-wrapper 71 / 177
     testimonial sekmeleri     103 / 211

   Fark su: Webflow'da `padding-global` (yan pay %5) hep var, ama ondan sonraki
   `container-large` bazi bolumlerde ic dolgu (%3.6) aliyor, bazilarinda almiyor.
   Alanlar 123'te, almayanlar 71'de duruyor.

   COZUM: yan payi TEK yerde topla. `padding-global` dogrudan `--ic` kadar
   iceriden baslasin, ic kaplar da dolgusuz ve tavansiz olsun. Boylece bolum
   hangi kalibi kullanirsa kullansin ayni cizgiye oturur.
   `--ic` header'in `:root`undan gelir (bkz. KILIT.md 6. kilit).

   NOT: bu dosya referans'nin ORIJINAL dosyalarina dokunmaz; melez.py ciktisina
   (pixedi/*.html) butun sayfalarda enjekte edilir.
   ============================================================ */

/* 1) yan pay artik burada, tek yerde */
.padding-global{
  padding-left:var(--ic) !important;
  padding-right:var(--ic) !important;
}

/* 2) ic kaplar: ne dolgu ne tavan - hiza disaridan geliyor */
.padding-global .container-large,
.padding-global .container-medium,
.padding-global .container-small{
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 3) tam genislikte kalmasi gereken tek sey: yatay kayan seritler.
      (marquee kendi icinde tasar, kirpilirsa akis kesilir) */
.padding-global .marquee{margin-left:0;margin-right:0}

/* 4) sekmeli referans bolumu: panelin kendi 32px yan dolgusu iceriyi hizadan
      kacirıyordu (olculdu: 1440'ta 155, olmasi gereken 123). Dikey dolgu kalir. */
.testimonial-tabs_tab-pane{padding-left:0 !important;padding-right:0 !important}

/* 5) footer: sarmalayicinin kendi %5.6 yan dolgusu vardi, icerik (logo + kolonlar)
      hizadan 79px kaciyordu. Dolgu sifirlanip hiza disaridan veriliyor. */
.footer_top-wrapper{padding-left:0 !important;padding-right:0 !important}

/* s/_zemin.css */
/* ============================================================
   ZEMIN - referans'nin koyu bolumlerini beyaza cevirir (2026-09-21, Ali'nin emri)
   ------------------------------------------------------------
   "Ease with . referans. / For your day-to-day work and your goals." bolumu
   (`.section_partner-process`) referans'da KOYU kurgulanmis: bolum kendi zeminini
   boyamiyor, `body`nin siyahi gorunuyor ve metin beyaz.

   Ali: *"burada siyaha donuyor ya arka plan o beyaz kalsin donmesin siyaha"*

   Yapilan: bolume beyaz zemin verildi, SADECE bolum basligi koyuya cevrildi.
   Kartlarin basliklari ve metinleri FOTOGRAFIN UZERINDE duruyor, onlar beyaz
   kalmali - o yuzden bolume toptan renk verilmedi, yalniz h2 hedeflendi.

   Renkler referans'nin kendi acik bolumlerinden olculdu:
     ikincil (ilk satir) rgb(111,111,111) - ana metin rgb(34,34,34)

   melez.py bu dosyayi butun sayfalara `_zemin.css` olarak enjekte eder;
   orijinal dosyalara dokunulmaz.
   ============================================================ */

/* 1) SAYFA ZEMINI (Ali: "tum site genelinde o siyaha donmeyi kaldir")
      referans'da `body` rengi KAYDIRMAYLA animasyonla degisiyor: beyaz -> #f9fafb ->
      siyah -> geri (olculdu 2026-09-22: en-expenses scrollY 4800'de rgb(250,251,251),
      6400'de rgb(73,73,73), 7200'de siyah). `!important` bildirimi CSS animasyonunu
      ezdigi icin tek satirla sabitlenebiliyor.
      2026-09-21'de #fff'e sabitlenmisti; o zaman referans'nin KENDI acik gri zemini de
      gitti ve beyaz kartlar (`.travelexpense_card` vb.) beyaz zeminde kayboldu
      (Ali, 2026-09-22: "bu boxlarin arkasindaki beyaz rengi kaldirmissin").
      Cozum: siyah yine gelmiyor ama zemin referans'nin kendi olculen acik tonunda
      (#f9fafb) sabit; beyaz kartlar tekrar ayrisiyor. `page-wrapper`/`main-wrapper`
      orijinalde zaten seffaf, onlara dokunulmuyor. */
html,body{background-color:#f9fafb !important}

/* 1b) KUTULAR BEYAZ (Ali, 2026-09-28: "orjinal tasarimlarda burasi beyazdi, site genelini tara")
      referans'nin "neutral" kutu rengi rgb(249,250,251) = bizim sabit zeminimiz; orijinalde
      kutular beyaz zeminde durdugu icin ayrisiyordu, bizde zeminle ayni renge dusup
      kayboluyordu. /3d'de (zemin-3d.css) 2026-09-22'de cozulmustu, artik butun sayfalarda.
      Koyu hucreler (`is-number`, #222) disarida. Seffaf zeminli mockup gorsellerinin kabi
      (hand-mobile vb.) da beyaz kart olur. */
.background-color-neutral:not(.is-number){
  background-color:#ffffff !important;
}
.am_layout_content-left.is-credit-card{
  background-color:#ffffff;border-radius:1rem;overflow:clip;
}
/* 1c) NEUTRAL SINIFI OLMAYAN KUTULAR (Ali, 2026-09-28: "bunlarda beyaz degil")
      Bu kartlar referans'da kendi varyant sinifiyla #f9fafb boyaniyor; 1b onlari yakalamiyordu,
      zeminle ayni renge dusup kayboluyorlardi. Olculen yerler: /software "What we build" kartlari
      (.localization_card) ve telefon gorselli kart (.header92_card-tax .is-card), /ai-production
      uclu kart (.travelexpense_card varyanti), ana sayfa + /growth "Data first" sirasi
      (.travelexpense_card-copy). */
.localization_card,
.header92_card-tax .is-card,
.travelexpense_card[class*="w-variant-"],
.travelexpense_card-copy{
  background-color:#ffffff !important;
}
/* /care, /presence: beyaz kartlar beyaz bolumun icindeydi; bolum seffaf, gri zemin gorunur */
section.section_benefits_features.background-color-white{background-color:transparent !important}

/* 1d) LOGO/SERIT BANDI (Ali, 2026-09-28: "bu beyaz olmamali arka plani")
      Soldaki baslik kutusu kayan seridi `linear-gradient(var(--color) 75%, seffaf)` ile ortuyor,
      --color bolumde beyaz. Zemin tonuna cekildi: serit baslik altinda yine soner, beyaz blok yok. */
.logo2_content-left-copy{--color:#f9fafb}

/* 1e) SEKMELER (/ai-production "Product launch / Seasonal campaign ..."; Ali: "arka plan beyaz,
      secili olan gri olmali"). referans: liste #f3f4f6, secili beyaz; tersine cevrildi. */
.testimonial-tabs_tab-list{background-color:#ffffff !important}
.testimonial-tabs_tab-link.w--current{background-color:#f3f4f6 !important}

/* referans musteri logosu (Fides vb.) alintilarin yaninda kalmasin */
.review-card_logo-svg{display:none !important}

/* 2) zemini olmayan bolumler: metin beyazdi, koyuya cevrilir */
.section_partner-process{
  background-color:var(--white,#fff) !important;
}

/* bolum basligi: koyu zemin icin beyazdi, acik zemine cevrildi */
.section_partner-process h2,
.section_partner-process h2 span,
.section_partner-process h2 div{
  color:#222222 !important;
}
.section_partner-process h2 .text-color-secondary-colorchange,
.section_partner-process h2 .text-color-secondary-colorchange *{
  color:#6f6f6f !important;
}

/* 3) Webflow'un "koyu zemin metni" sinifi (`text-color-alternate*`) acik zeminde
      kalan tek blok: benefits sayfasinin giris basligi. Olculen orijinal renkler
      beyaz / rgb(192,192,192); acik zemin karsiliklari #222 / #6f6f6f. */
.benefits-overview_content,
.benefits-overview_content h2,
.benefits-overview_content h2 span,
.benefits-overview_content h2 div{color:#222222 !important}
.benefits-overview_content h2 [class*="text-color-alternate-sec"],
.benefits-overview_content h2 [class*="text-color-alternate-sec"] *{color:#6f6f6f !important}

/* s/_kit.css */
/* ============================================================
   KIT - yeni pixedi.com site kiti (2026-09-25, Ali)
   referans sablonundan OLCULDU (referans.shared.*.min.css + 1440/390 olcumu).
   Kural: disaridan alinan bolumde YERLESIM/HAREKET kaynaktan, YAZI/BUTON buradan.
   Font HER ZAMAN Satoshi (400/500/700 _header.css'te gomulu).
   Olcek rem: referans'nin akiskan kok boyutunu (16px@1440, 18px@2400,
   ~15.3px@390) ve Webflow kirilimlarini (991/767/479) aynen izler.
   Ayrinti ve eslesme tablosu: prototip\KIT.md
   ============================================================ */
/* Satoshi Light (300): referans'nin ince kesimi (.inline-mobile, cift baslik) icin.
   400/500/700 _header.css'te gomulu; 300 resmi dosyadan (brand/fonts,
   Fontshare/ITF), melez.py varlik\medya -> _medya kopyalar. */
@font-face{font-family:"Satoshi";src:url("_medya/Satoshi-Light.woff2") format("woff2");
  font-weight:300;font-style:normal;font-display:swap}

:root{
  --k-font:"Satoshi",ui-sans-serif,system-ui,sans-serif;

  /* ---- YAZI OLCEGI (2026-09-25, Ali: "4K altinda dusur, her ekranda guzel") ----
     KATMAN 1: baslik birimi --k-hrem. referans'nin rem'i (13px + .208vw) yerine
     basliklar bu birimle olculur; boylece 1440-1728 laptoplarda belirgin kucuk,
     2560+ buyuk ekranda referans kadar ya da biraz buyuk. Egri display basligin
     (4 hrem) hedef degerlerinden kurulu, parca parca dogrusal:
       390:36  1440:54  1512:56  1707:62  2560:76  3840:88  (tavan 96)
     KATMAN 2: --k-olcek. Laptop tahmini (2x yogunluk + 992-1800 genislik),
     yalniz basliklari .9 ile carpar. Govde metni (rem) iki katmandan da etkilenmez.
     referans'nin kendi basliklari parcalar/kit-olcek.css ile ayni birime bagli. */
  --k-olcek:1;
  --k-disp:min(max(1.71429vw + 29.3143px, 2.99625vw + 10.854px),
               1.64127vw + 33.984px, .9375vw + 52px, 96px);
  --k-hrem:calc(var(--k-disp) / 4 * var(--k-olcek));

  /* olcek: masaustu (>=992); degerler referans'nin rem katsayilari, birim hrem */
  --k-display:calc(4 * var(--k-hrem));    --k-display-lh:1.03;  /* .heading-style-hero */
  --k-h1:calc(3.65 * var(--k-hrem));      --k-h1-lh:1.125;      /* h1 (sayfa basligi) */
  --k-h2-l:calc(3.15 * var(--k-hrem));                          /* .heading-style-h2-l */
  --k-h2:calc(2.75 * var(--k-hrem));      --k-h2-lh:1.2;        /* h2, .heading-style-h2 */
  --k-h3:calc(2.5 * var(--k-hrem));       --k-h3-lh:1.2;        /* .heading-style-h3 */
  --k-h4:calc(1.75 * var(--k-hrem));      --k-h4-lh:1.2;        /* .heading-style-h4 */
  --k-h5:calc(1.5 * var(--k-hrem));       --k-h5-lh:1.4;        /* .heading-style-h5 */
  --k-h6:1.25rem;     --k-h6-lh:1.4;      /* .heading-style-h6 (esik alti, govde gibi) */
  --k-lead:1.325rem;                         /* .text-size-large */
  --k-body-m:1.175rem;                       /* .text-size-medium */
  --k-body:1rem;                             /* .text-size-regular / body */
  --k-small:.875rem;                         /* .text-size-small */
  --k-tiny:.75rem;                           /* .text-size-tiny */
  --k-eyebrow:.875rem;                       /* .text-style-eyebrow */
  --k-eyebrow-ls:.1875rem;
  --k-body-lh:1.5;

  /* Satoshi ayari: ayni boyutta Neue Montreal'den %4 genis (olculdu).
     Basliklar -.02em, paragraf .5px yerine .01em -> satir boyu referans'daki kadar. */
  --k-ls-baslik:-.02em;
  --k-ls-metin:.01em;

  /* agirlik eslemesi (referans -> Satoshi) */
  --k-w-light:300;     /* 300 -> Light (.inline-mobile) */
  --k-w-regular:400;   /* 400 -> Regular */
  --k-w-medium:500;    /* 500, wght 460, wght 513 (eyebrow) -> Medium */
  --k-w-bold:700;      /* 600 (strong), 700 -> Bold; Satoshi'de 600 kesimi yok */

  /* renk */
  --k-ink:#222222;            /* govde metni, basliklar */
  --k-black:#000000;          /* birincil buton */
  --k-secondary:#6f6f6f;      /* .text-color-secondary, is-double-heading gri yarisi */
  --k-muted-op:.75;           /* .text-style-muted (opaklik) */
  --k-on-dark:rgba(255,255,255,.8); /* .text-color-alternate-trans */
  --k-surface:#f9fafb;        /* neutral-lightest, sayfa zemini ve kutular */
  --k-soft:#f3f4f6;           /* ikincil buton zemini */
  --k-soft-ink:#1f2937;       /* ikincil buton metni */
  --k-ghost:rgba(73,73,73,.07);  /* .button.is-secondary */
  --k-glass:rgba(255,255,255,.2);/* koyu zeminde ikincil buton */
  --k-line:#e1e3e7;

  /* buton */
  --k-btn-pad:.85rem 2.25rem;     /* 51px yukseklik @1440 */
  --k-btn-pad-sm:.5rem 1.25rem;   /* 40px */
  --k-pill:74.8429rem;

  /* bosluk / yuzey */
  --k-sec:7.5rem;                 /* .padding-section-large */
  --k-r-card:1rem;
  --k-mw-small:30rem; --k-mw-medium:35rem; --k-mw-large:48rem;
}
/* referans kirilimlarinda display katsayisi 3.5 / 3 / 2.25 rem'e iner; hrem o bantta
   display'i yine hedef egriye oturtacak sekilde bolunur (kirilimda sicrama yok).
   479 alti: referans'nin telefon olcegi zaten dengeli, hrem = rem. */
@media (max-width:991px){
  :root{--k-hrem:calc(var(--k-disp) / 3.5);
        --k-display:calc(3.5 * var(--k-hrem));--k-h1:calc(3.25 * var(--k-hrem));
        --k-h2-l:calc(3 * var(--k-hrem));--k-h3:calc(2.25 * var(--k-hrem));--k-sec:6rem}
}
@media (max-width:767px){
  :root{--k-hrem:calc(var(--k-disp) / 3);
        --k-display:calc(3 * var(--k-hrem));--k-h1:calc(2.5 * var(--k-hrem));--k-h2:calc(2.25 * var(--k-hrem));
        --k-h3:calc(2 * var(--k-hrem));--k-h4:calc(1.5 * var(--k-hrem));--k-h4-lh:1.4;
        --k-h5:1.4rem;--k-h5-lh:1.35;--k-h6:1.125rem;--k-sec:4rem}
}
@media (max-width:479px){
  :root{--k-hrem:1rem;
        --k-display:calc(2.25 * var(--k-hrem));--k-h2:calc(2 * var(--k-hrem));--k-h2-l:calc(2 * var(--k-hrem));
        --k-lead:1.25rem;--k-body-m:1.15rem;--k-eyebrow:.8125rem;--k-muted-op:.7}
}
/* KATMAN 2 - laptop tahmini: tarayici ekranin incini bilmez; 2x yogunluk +
   992-1800 CSS genislik fiilen MacBook / yuksek cozunurluklu kucuk laptop demek.
   Tahmin: 2x'lik buyuk harici monitor (or. 27" 5K, 2560 genislik) disarida kalir. */
@media (min-resolution:2dppx) and (min-width:992px) and (max-width:1800px){
  :root{--k-olcek:.9}
}

/* ---------- site geneli: referans'nin kendi metinleri de Satoshi ----------
   referans ~110 kuralda "Compressed Ppneuemontreal Variable" / "referans Figma"
   yaziyor; hepsini tek tek ezmek yerine butun ogeler Satoshi'ye cekilir.
   Istisna: webflow ikon fontu, kod, ve BIZIM parcalarimiz (header #px-kok ve
   kokleri px- ile baslayan parcalar zaten Satoshi; onayli, dokunulmaz). */
html body,
html body *:not([class^="w-icon-"]):not([class*=" w-icon-"]):not(code):not(kbd):not(pre):not(samp):not(#px-kok, #px-kok *):not([class^="px-"], [class^="px-"] *){
  font-family:var(--k-font) !important;
}
/* Neue Montreal'in degisken agirliklari Satoshi'de yok: en yakin kesime esle
   (eyebrow wght 513 + font-weight 400 -> Satoshi Medium) */
html body .text-style-eyebrow:not([class^="px-"] *){font-weight:var(--k-w-medium)}
/* genislik ayari (yalniz referans'nin kendi basliklari ve paragraflari) */
html body :is(h1,h2,h3,h4,h5,h6,[class*="heading-style-"],.is-double-heading):not(#px-kok *):not([class^="px-"], [class^="px-"] *){letter-spacing:var(--k-ls-baslik)}
html body p:not(#px-kok *):not([class^="px-"], [class^="px-"] *){letter-spacing:var(--k-ls-metin)}

/* ---------- yardimci siniflar (yeni bolumler bunlari kullanir) ---------- */
.k-display,.k-h1,.k-h2,.k-h2-l,.k-h3,.k-h4,.k-h5,.k-h6{
  font-family:var(--k-font);margin:0;color:inherit;letter-spacing:var(--k-ls-baslik);
  font-weight:var(--k-w-regular);-webkit-hyphens:auto;hyphens:auto}
.k-display{font-size:var(--k-display);line-height:var(--k-display-lh)}
.k-h1{font-size:var(--k-h1);line-height:var(--k-h1-lh)}
.k-h2-l{font-size:var(--k-h2-l);line-height:var(--k-h2-lh)}
.k-h2{font-size:var(--k-h2);line-height:var(--k-h2-lh)}
.k-h3{font-size:var(--k-h3);line-height:var(--k-h3-lh);font-weight:var(--k-w-medium)}
.k-h4{font-size:var(--k-h4);line-height:var(--k-h4-lh);font-weight:var(--k-w-medium)}
.k-h5{font-size:var(--k-h5);line-height:var(--k-h5-lh);font-weight:var(--k-w-medium)}
.k-h6{font-size:var(--k-h6);line-height:var(--k-h6-lh);font-weight:var(--k-w-medium)}

.k-eyebrow{font-family:var(--k-font);margin:0;font-size:var(--k-eyebrow);line-height:1.5;
  letter-spacing:var(--k-eyebrow-ls);text-transform:uppercase;font-weight:var(--k-w-medium)}
.k-lead,.k-body-m,.k-body,.k-small,.k-tiny{font-family:var(--k-font);margin:0;
  letter-spacing:var(--k-ls-metin);font-weight:var(--k-w-regular);line-height:var(--k-body-lh)}
.k-lead{font-size:var(--k-lead)}
.k-body-m{font-size:var(--k-body-m)}
.k-body{font-size:var(--k-body);line-height:1.4}
.k-small{font-size:var(--k-small)}
.k-tiny{font-size:var(--k-tiny)}
.k-medium{font-weight:var(--k-w-medium)}
.k-bold{font-weight:var(--k-w-bold)}
.k-secondary{color:var(--k-secondary)}
.k-muted{opacity:var(--k-muted-op)}
.k-on-dark{color:var(--k-on-dark)}
.k-balance{text-wrap:balance}
.k-pretty{text-wrap:pretty}

/* ---------- kelime bolme yok, satirda tek kelime kalmaz (Ali, 2026-09-28) ----------
   "run-ning" gibi hecelemeyi kapatir; basliklar dengeli, paragraflar yetim birakmaz.
   Butun sayfalarda, referans'nin ve bizim parcalarin hepsinde. */
html body,html body *{-webkit-hyphens:manual!important;hyphens:manual!important;overflow-wrap:normal}
html body :is(h1,h2,h3,h4,h5,h6,[class*="heading-style-"],.is-double-heading,.k-display,.k-h1,.k-h2,.k-h2-l,.k-h3,.k-h4,.k-h5,.k-h6,.k-eyebrow,.text-style-eyebrow){text-wrap:balance}
html body :is(p,li,blockquote,figcaption,.k-lead,.k-body-m,.k-body,.k-small){text-wrap:pretty}

/* logo bantlarinda logo yerine gelen baslik (melez.py gorsel_uygula, not "YAZI") */
.px-logo-yazi{display:block;font-family:var(--k-font);font-size:var(--k-h6);line-height:var(--k-h6-lh);
  font-weight:var(--k-w-medium);letter-spacing:var(--k-ls-baslik);text-align:left}

/* buton: referans .button birebir (pill, 51px, hover opaklik .69 + scale .96) */
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--k-font);font-size:var(--k-body);line-height:1.5;font-weight:var(--k-w-regular);
  padding:var(--k-btn-pad);border:0;border-radius:var(--k-pill);text-align:center;
  text-decoration:none;white-space:nowrap;cursor:pointer;
  background:var(--k-black);color:#fff;transition:opacity .4s,transform .4s}
.k-btn:hover{opacity:.69;transform:scale(.96)}
.k-btn:focus-visible{outline:2px solid var(--k-ink);outline-offset:3px}
.k-btn-2{background:var(--k-soft);color:var(--k-soft-ink)}          /* "Start your free trial" */
.k-btn-ghost{background:var(--k-ghost);color:var(--k-black)}        /* .button.is-secondary */
.k-btn-white{background:#fff;color:var(--k-ink)}                    /* koyu zeminde birincil */
.k-btn-glass{background:var(--k-glass);color:#fff;
  -webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem)} /* koyu zeminde ikincil */
.k-btn-sm{padding:var(--k-btn-pad-sm)}
@media (prefers-reduced-motion:reduce){.k-btn{transition:opacity .4s}.k-btn:hover{transform:none}}

.k-link{font-family:var(--k-font);color:inherit;text-decoration:underline;
  text-underline-offset:.2em;transition:opacity .3s}
.k-link:hover{opacity:.69}

/* Erisilebilirlik (2026-09-29): icerige atla linki + klavye odagi her yerde gorunur
   (referans CSS'i birkac yerde outline:0 veriyor; klavye odaginda geri aciyoruz). */
.px-atla{position:fixed;left:16px;top:-64px;z-index:10000;padding:12px 18px;border-radius:999px;background:#222;color:#fff;
  font:500 15px/1 "Satoshi",sans-serif;text-decoration:none;transition:top .16s}
.px-atla:focus{top:16px;outline:2px solid #fff;outline-offset:2px}
:focus-visible{outline:2px solid #222;outline-offset:3px}
.w-input:focus-visible,.w-select:focus-visible,.w-dropdown-toggle:focus-visible,.w-dropdown-link:focus-visible{outline:2px solid #222;outline-offset:2px}
.px-dip :focus-visible,.px-hdr[data-seffaf] :focus-visible{outline-color:#fff}

/* sadece ekran okuyucu (2026-09-29) */
.px-gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* s/_kit-olcek.css */
/* URETILMIS DOSYA - elle duzenleme; kaynak prototip\kit_olcek.py.
   referans font-size kurallarinin aynasi; 128 baslik degeri --k-hrem'e bagli. */
h1{font-size:2em}small{font-size:80%}sub,sup{font-size:75%}code,kbd,pre,samp{font-size:1em}body{font-size:14px}.w-webflow-badge,.w-webflow-badge>img{font-size:unset}.w-webflow-badge{font-size:12px!important}h1{font-size:38px}h2{font-size:32px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h6{font-size:12px}blockquote{font-size:18px}.w-input,.w-select{font-size:14px}.w-file-upload-uploading-btn{font-size:14px}.w-file-upload-file-name{font-size:14px}.w-icon-file-upload-remove{font-size:10px}.w-file-upload-label{font-size:14px}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{font-size:15px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px}.w-slider-nav.w-num>div{font-size:inherit}.w-slider-arrow-left,.w-slider-arrow-right{font-size:40px}.w-lightbox-backdrop{font-size:17px}.w-richtext figure div{font-size:0}.w-nav-button{font-size:24px}.w-pagination-previous,.w-pagination-next{font-size:14px}body{font-size:1rem}h1{font-size:calc(3.65 * var(--k-hrem))}h2{font-size:calc(2.75 * var(--k-hrem))}h3{font-size:calc(2.25 * var(--k-hrem))}h4{font-size:calc(2 * var(--k-hrem))}h5{font-size:calc(1.5 * var(--k-hrem))}h6{font-size:1.25rem}sup{font-size:.8rem}blockquote{font-size:1.25rem}.text-size-medium{font-size:1.175rem}.text-style-quote{font-size:1.25rem}.heading-style-h2{font-size:calc(2.75 * var(--k-hrem))}.rl-styleguide_heading{font-size:calc(3.5 * var(--k-hrem))}.heading-style-h6{font-size:1.25rem}.heading-style-h5{font-size:calc(1.5 * var(--k-hrem))}.heading-style-h1{font-size:calc(3.5 * var(--k-hrem))}.text-size-tiny{font-size:.75rem}.button{font-size:1rem}.button.is-link.is-icon.is-case-study{font-size:1.125rem}.button.is-blog-newsletter{font-size:.9rem}.button.is-nav.is-blurred{font-size:.9rem}.button.is-nav-highlight{font-size:.9rem}.button.is-grey{font-size:1rem}.heading-style-h4{font-size:calc(1.75 * var(--k-hrem))}.rl-styleguide_label{font-size:.75rem}.text-size-regular{font-size:1rem}.heading-style-h3{font-size:calc(2.5 * var(--k-hrem))}.form_input{font-size:1rem}.form_input.is-blog-newsletter{font-size:1rem}.form_input.is-blog-newsletter::placeholder{font-size:1rem}.text-style-muted:where(.w-variant-4f71c3ae-cfb6-fbc2-36f5-e80d8445b02b){font-size:.875rem}.rl-styleguide_subheading{font-size:calc(2 * var(--k-hrem))}.text-size-small{font-size:.875rem}.text-rich-text h1{font-size:calc(2.625 * var(--k-hrem))}.text-rich-text h2{font-size:calc(1.7 * var(--k-hrem))}.text-rich-text h3{font-size:1.4rem}.text-rich-text h4{font-size:1.3rem}.text-rich-text h5{font-size:1.25rem}.text-rich-text h6{font-size:1.15rem}.text-rich-text figcaption{font-size:.875rem}.text-size-large{font-size:1.325rem}.rl-styleguide_subheading-small{font-size:1rem}.rl-styleguide_callout-heading-wrapper{font-size:1.25rem}.header5_tag{font-size:1rem}.blog_category-menu.no-scrollbar{font-size:1rem}.blog_item_tag{font-size:.75rem}.blog-post-content_sidebar-heading{font-size:calc(1.5 * var(--k-hrem))}.blog-post-content_sidebar-heading-text{font-size:1.15rem}.blog-post-content_link{font-size:.875rem}.blog-post-header_date-wrapper{font-size:.875rem}.blog-post-header_date{font-size:.875rem}.blog-post-header_author_name{font-size:1.13325rem}.blog-post-header_author_job-title{font-size:.99156rem}.heading-style-blog{font-size:calc(2.8 * var(--k-hrem))}.footer_link{font-size:.875rem}.footer_credit-text{font-size:.875rem}.footer_legal-link{font-size:.875rem}.footer_heading{font-size:.875rem}.pagination_button{font-size:1rem}.custom-swiper-pagination-bullet{font-size:.9rem}.header92_ui-card_list_item{font-size:1rem}.impressum-content_component-left{font-size:1rem}.heading-style-h2-l{font-size:calc(3.15 * var(--k-hrem))}.heading-style-hero{font-size:calc(4 * var(--k-hrem))}.integrations-nav_component{font-size:1rem}.integrations-nav_item.is-purple{font-size:.9rem}.footer_component-benefits_button{font-size:1.45925rem}.wiki_big-letter{font-size:calc(5.25 * var(--k-hrem))}.integrations_bento-heading{font-size:calc(2.375 * var(--k-hrem))}.heading-style-oversize{font-size:calc(3.5625 * var(--k-hrem))}.arrowcard_heading{font-size:calc(2.375 * var(--k-hrem))}.heading-style-h5-5{font-size:calc(1.5 * var(--k-hrem))}.heading-style-h3-3{font-size:calc(2.5 * var(--k-hrem))}.wiki_letter{font-size:calc(11.0238 * var(--k-hrem))}.text-style-eyebrow{font-size:.875rem}.erholungsbeihilfe_ui-card{font-size:1rem}.text-wrap-pretty:where(.w-variant-485abd0a-764e-25d2-789d-89405717c0ff){font-size:1.375rem}.text-wrap-pretty:where(.w-variant-d59fbc04-9b1b-217e-14a0-d6607f40a0a7){font-size:.875rem}.text-wrap-pretty:where(.w-variant-2b8b61a4-731a-b4b6-8156-6e789e01c79b){font-size:1.375rem}.text-wrap-pretty:where(.w-variant-94721b4a-664f-c235-59f6-1d2b8ece8815){font-size:1.175rem}.text-wrap-pretty:where(.w-variant-e2095660-f839-7249-33e8-4c43512b6ae7){font-size:1em}.text-wrap-pretty:where(.w-variant-bbe51dbb-dd22-5238-0557-e9ffddce46a7){font-size:1.125rem}.navbar8_component{font-size:calc(.93rem - .05vw)}.navbar8_container.is-products{font-size:1rem}.navbar8_location-link{font-size:1.2rem}.navbar8_tab-benefit-item{font-size:1rem}.navbar8_tab-benefit-item.is-career.is-marka-preview{font-size:1.2rem}.navbar8_tab-benefit-item.is-career.is-sitemap-cms{font-size:1.2rem}.heading-style-career-category{font-size:calc(2.375 * var(--k-hrem))}.heading-style-career-category.is-marka-preview{font-size:calc(2 * var(--k-hrem))}.testimonial-slider_image-text-wrap{font-size:1rem}.is-marka-preview{font-size:calc(3 * var(--k-hrem))}.career-listing_category_item_link-wrap{font-size:.875rem}.arrowcard_resources_heading{font-size:calc(2.25 * var(--k-hrem))}.animation-attribute-list_component{font-size:calc(2 * var(--k-hrem))}.am_layout_card.is-onboarding{font-size:1.25rem}.expense-cta_number{font-size:calc(8.0625 * var(--k-hrem))}.expense-cta_number-subtext{font-size:calc(1.64 * var(--k-hrem))}.expense-record_card-number{font-size:calc(2.75 * var(--k-hrem))}.navbar8_dropdown-text{font-size:calc(.93rem - .05vw)}.pricing16_feature:where(.w-variant-184b03c2-f2b3-c8dc-4669-f748eb1e0114){font-size:1em}.pricing16_heading{font-size:1.375rem}.footer_link_list-item{font-size:.875rem}.pricing16_price{font-size:calc(2.625 * var(--k-hrem))}.pricing16_enterprise-price{font-size:calc(1.875 * var(--k-hrem))}.pricing16_popular-wrapper{font-size:.75rem}.accordion2_top{font-size:1.35rem}.heading-style-case-study{font-size:calc(2 * var(--k-hrem))}.marka-preview_qa-tag{font-size:.875rem}.home-header_visual_img-wrap{font-size:1rem}.fs_modal-2_heading{font-size:calc(2 * var(--k-hrem))}.fs_modal-2_text{font-size:.875rem}.gallery21_slide-nav{font-size:.5rem}.hs-input{font-size:1rem}.hs-form-field{font-size:1rem}.hs-field-desc{font-size:.875rem}.hs-error-msgs{font-size:.68rem}.hero-heading_component{font-size:calc(4 * var(--k-hrem))}.fs_modal-2_text-copy{font-size:1.25rem}.trademark-paragraph{font-size:.6rem}.header-v1_heading:where(.w-variant-de212ae4-39a4-501b-a823-87ccb45daaec),.header-v1_heading:where(.w-variant-1a0514f7-7e46-47d3-8e28-0548f96adb0d){font-size:calc(3 * var(--k-hrem))}.heading-style-h1-applepay{font-size:clamp(3rem,4.25vw,3.75rem)}.rich-text-terms h2,.rich-text-terms h3{font-size:1.175rem}.heading-style-h2-richtext{font-size:calc(1.7 * var(--k-hrem))}.blog-post-content_cta_heading-style{font-size:1.25rem}.author-bio_heading{font-size:calc(2.375 * var(--k-hrem))}.banner-content{font-size:.875rem}.banner-button{font-size:.875rem}.webinar-card-tag_component{font-size:.875rem}.webinar-heading{font-size:1.375rem}.webinar_template-tag.is-small{font-size:.85rem}.heading-style-h6-2{font-size:1.25rem}.ai-text{font-size:calc(38 * var(--k-hrem))}.coming-soon{font-size:.8rem}.heading-style-h6-3{font-size:1.25rem}.comparison_bottom_card:where(.w-variant-0e5c3563-719c-a860-c3cd-f60bdeb956c7){font-size:1.25rem}.process_cta_card_heading{font-size:calc(1.875 * var(--k-hrem))}.video_bento_orange{font-size:calc(3.75 * var(--k-hrem))}.video_bento_text{font-size:1.25rem}.tab-content-title{font-size:3em}.lottie-wrapper{font-size:1.375rem}.purple-report-text-highlight{font-size:calc(2.375 * var(--k-hrem))}.ai-text-copy{font-size:calc(38 * var(--k-hrem))}.assessment-zahl{font-size:calc(6.11506 * var(--k-hrem))}.heading-2:where(.w-variant-ed638378-f5ba-5b0b-aa58-33840cf23bec){font-size:calc(2 * var(--k-hrem))}.heading-2:where(.w-variant-80109628-d354-c48a-75a1-c911cd80fdaa){font-size:calc(3 * var(--k-hrem))}.heading-3:where(.w-variant-d9a41c28-97ed-7d95-63fb-8feb8466583b){font-size:calc(1.5 * var(--k-hrem))}.creditcard_card_number{font-size:calc(3.75 * var(--k-hrem))}.localization_card_heading{font-size:1.25rem}.rl-styleguide_label-2{font-size:.75rem}.education-item{font-size:1rem}.header92_ui-card_list_item-2{font-size:1rem}.coming-soon-2{font-size:.8rem}.custom-element:where(.w-variant-5b259d43-2be2-2936-dd07-720884cf25d0){font-size:calc(3.4375 * var(--k-hrem))}.custom-element:where(.w-variant-8ddcf584-d5d7-07ec-1935-9e3b5e725b95){font-size:1.125rem}.custom-element:where(.w-variant-989674cb-2066-1c77-6c35-95ed0a9545c8){font-size:.875rem}.custom-element:where(.w-variant-de21da52-75f1-e3fb-23d4-86a045aca1bd){font-size:.95rem}.custom-element:where(.w-variant-2b533de7-ee05-57d0-026c-6e206c81e8c7){font-size:calc(1.875 * var(--k-hrem))}.custom-element:where(.w-variant-f1548adf-53a8-8b22-079a-a73926753496){font-size:1.2rem}.custom-element:where(.w-variant-97ada1fd-04cc-030c-81d3-6ff200046321){font-size:calc(3.4375 * var(--k-hrem))}.pricing-text{font-size:2.1875em}.pricing-text:where(.w-variant-68436f10-24c8-e0ba-cae9-957314cd272b){font-size:2em}.pricing-text:lang(en){font-size:1.8em}.bestseller{font-size:.75rem}.soon{font-size:.75rem}.heading-style-h2-3{font-size:calc(2.75 * var(--k-hrem))}.custom-element-2:where(.w-variant-92bb78ae-1221-8111-b6e7-80b274765009){font-size:calc(1.875 * var(--k-hrem))}.custom-element-2:where(.w-variant-9f597414-3835-86bc-ba98-f40b20047598){font-size:calc(1.625 * var(--k-hrem))}.custom-element-2:where(.w-variant-3818f3f0-4d8a-4881-af96-149351b0e869){font-size:calc(1.625 * var(--k-hrem))}.custom-element-2:where(.w-variant-213876a6-3a2f-885e-bfd3-e0f90638049c){font-size:1.375rem}.custom-element-2:where(.w-variant-bd6ec705-9b61-8925-ddc8-28e6d621c6d5){font-size:calc(1.625 * var(--k-hrem))}.custom-element-2:where(.w-variant-41f0f88b-0774-cb4a-6512-f0d831e30a14){font-size:1.4rem}.info-box:where(.w-variant-3420a074-1ae3-8a5a-2b06-53d5c8487082){font-size:.85rem}.integration_card-item{font-size:.75rem}.licence-wrapper:where(.w-variant-68436f10-24c8-e0ba-cae9-957314cd272b){font-size:1em}.hs_form_body_list-item{font-size:.8rem}.fk-section-kicker{font-size:.95rem}.fk-episode-desc{font-size:.95rem}.fk-follow-bubble{font-size:.875rem}.fk-follow-label{font-size:.875rem}.platform_name{font-size:.5625rem}.platform{font-size:.75rem}.custom-element-3:where(.w-variant-92bb78ae-1221-8111-b6e7-80b274765009){font-size:calc(1.875 * var(--k-hrem))}.custom-element-3:where(.w-variant-9f597414-3835-86bc-ba98-f40b20047598){font-size:calc(1.625 * var(--k-hrem))}.custom-element-3:where(.w-variant-3818f3f0-4d8a-4881-af96-149351b0e869),.custom-element-3:where(.w-variant-bd6ec705-9b61-8925-ddc8-28e6d621c6d5),.custom-element-3:where(.w-variant-41f0f88b-0774-cb4a-6512-f0d831e30a14){font-size:calc(1.625 * var(--k-hrem))}.text-wrap-pretty-4:where(.w-variant-485abd0a-764e-25d2-789d-89405717c0ff){font-size:1.375rem}.text-wrap-pretty-4:where(.w-variant-d59fbc04-9b1b-217e-14a0-d6607f40a0a7){font-size:.875rem}.text-wrap-pretty-4:where(.w-variant-2b8b61a4-731a-b4b6-8156-6e789e01c79b){font-size:1.375rem}.is-book-a-demo-card-heading:where(.w-variant-c2b89e0e-728a-50b0-509b-f53ed152de95){font-size:var(--_book-a-demo---card-heading-size)}.text-size-medium-2{font-size:1.125rem}.heading-style-h1-2{font-size:calc(3.5 * var(--k-hrem))}.box-headline{font-size:calc(3.125 * var(--k-hrem))}.data-wrapper{font-size:.875rem}.summary{font-size:calc(1.5 * var(--k-hrem))}.case-study-button{font-size:1.125rem}.case-study-headline{font-size:calc(2.625 * var(--k-hrem))}.costumer_item_tag{font-size:.75rem}.customer_button{font-size:.875rem}.dropdown-1_toggle_text{font-size:.9375rem}.checkbox-1_label{font-size:15px}.filter_icon_wrapper{font-size:.875rem}.clear_filter{font-size:13px}.testimonial-lines__p{font-size:1.25em}.testimonial-lines__h{font-size:3em}.pricing_heading,.pricing_heading:lang(en){font-size:1.2em}.marquee-1_text-testimonial{font-size:.875rem}.marquee_testimonial_name{font-size:.625rem}.marquee_testimonial_job-rolw{font-size:.5rem}.marquee_testimonial_name_wrapper{font-size:.625rem}.cf26-h1{font-size:42px}.cf26-h2{font-size:44px}.cf26-h3{font-size:24px}.cf26-text{font-size:16px}.cf26-eyebrow{font-size:14px}.cf26-small{font-size:14px}.cf26-button{font-size:16px}.cf26-link{font-size:16px}.cf26-play{font-size:24px}.cf26-entegre-product-cf26-text{font-size:14px}.cf26-quote-text{font-size:18px}.cf26-author{font-size:16px}.cf26-cta-copy-cf26-h2{font-size:36px}.cf26-faq-heading{font-size:20px}.t-acc-chevron{font-size:24px}.cf26-faq-answer{font-size:16px}.cf26-unresolved-link{font-size:14px}.cf26-model-intro{font-size:16px}.cf26-copy{font-size:14px}.cf26-copy-status{font-size:14px}.cf26-ui_frame{font-size:12px}.cf26-ui_text{font-size:inherit}.cf26-ui_small{font-size:10px}.cf26-ui_muted{font-size:10px}.cf26-ui_title{font-size:14px}.cf26-ui_audit-hero{font-size:11px}.cf26-ui_badge-text{font-size:7px}.cf26-ui_audit-feature{font-size:14px}.cf26-ui_trip{font-size:10px}.cf26-ui_amount{font-size:26px}.cf26-ui_field-label{font-size:9px}.cf26-ui_field-value{font-size:9px}.cf26-ui_status-text{font-size:9px}.cf26-ui_phone{font-size:11px}.cf26-ui_product{font-size:12px}.cf26-ui_card-brand{font-size:26px}.cf26-ui_visa{font-size:24px}.cf26-ui_card-small{font-size:11px}.cf26-ui_benefit-amount{font-size:15px}.cf26-ui_benefit-label{font-size:8px}.dv26-2e31a117c0,.dv26-95afe56914{font-size:inherit}.dv26-290e8f6b4f{font-size:7.054px}.dv26-3c9a11f6a2{font-size:10.724px}.dv26-ad2283c2b9{font-size:inherit}.dv26-9bb141f499,.dv26-e9375f8958{font-size:inherit}.dv26-c1a6a52352{font-size:inherit}.dv26-fa0399f4cc{font-size:9.294px}.dv26-c55148f63c{font-size:10.924px}.dv26-e790d63967{font-size:11.439px}.dv26-0dd35eb15d{font-size:10.724px}.dv26-ae3c906946{font-size:inherit}.dv26-1bcc666386{font-size:12.096px}.dv26-cce70c62d0{font-size:8.064px}.dv26-0d0c08b347{font-size:5.42px}.dv26-d3316c5e57{font-size:inherit}.dv26-61b9696f3d{font-size:6.32px}.dv26-7c2ea213ec{font-size:5.42px}.dv26-16068e6d7e{font-size:inherit}.dv26-1ec6b77595{font-size:9.408px}.dv26-5090a64826{font-size:9.408px}.dv26-519aa3579d{font-size:9.408px}.dv26-36da220498{font-size:8.064px}.dv26-c81ebf81c1{font-size:9.408px}.dv26-bdb9e4fc1c{font-size:9.408px}.dv26-05ab440fcc{font-size:23.193px}.dv26-428dc9ec34{font-size:13.749px}.dv26-b7440be728{font-size:12.096px}.dv26-bf9503190f{font-size:inherit}.dv26-b18c7dc4e4{font-size:9.408px}.dv26-518414216e{font-size:8.064px}.dv26-07b0413811{font-size:8.064px}.dv26-144ebf7090{font-size:10.017px}.dv26-7ead02f96c{font-size:30px}.dv26-971df0ff27{font-size:inherit}.dv26-9b5f829395{font-size:20px}.dv26-9783e198fb{font-size:30px}.dv26-1bcc666386-1{font-size:12.096px}.dv26-05ab440fcc-1{font-size:23.193px}.dv26-b7440be728-1{font-size:12.096px}.dv26-144ebf7090-1{font-size:10.017px}.dv26-hero-eyebrow{font-size:16px}.dv26-hero-heading{font-size:42px}.dv26-hero-description{font-size:20px}.dv26-hero-primary{font-size:14px}.dv26-hero-secondary{font-size:14px}.dv26-hero-advisor-intro{font-size:16px}.dv26-hero-advisor-link{font-size:16px}.dv26-faq-eyebrow{font-size:20px}.dv26-13403c107d{font-size:12.754px}.dv26-dd9d4b93d4,.dv26-ccb3d665ba{font-size:inherit}.dv26-26cf02823e{font-size:11.054px}.dv26-94961c9cfd{font-size:13.604px}.dv26-7fa253e4f0{font-size:12.754px}.dv26-bc83ce3402{font-size:12.754px}.dv26-3c9a11f6a2-1{font-size:10.724px}.dv26-1bcc666386-1-2{font-size:12.096px}.dv26-05ab440fcc-1-2{font-size:23.193px}.dv26-b7440be728-1-2{font-size:12.096px}.dv26-144ebf7090-1-2{font-size:10.017px}.correct26-nav{font-size:14px}.correct26-brand{font-size:20px}.dv26-b88f73d286{font-size:32px}.dv26-1d803f7886{font-size:16px}.dv26-0ded8324c1{font-size:inherit}.dv26-594505124a{font-size:12px}.dv26-fe224ad99e{font-size:10.82px}.dv26-7aad41172b{font-size:10.82px}.dv26-779f548519{font-size:inherit}.dv26-b361a1110d{font-size:8.11px}.dv26-fa5b84766d{font-size:9.47px}.dv26-85180b8c68{font-size:9.47px}.dv26-8aa30558f0{font-size:10.816px}.dv26-7e406adf4f{font-size:12.375px}.dv26-d8566d4917{font-size:8.112px}.dv26-360ed049cf{font-size:6.4px}.dv26-5c73ed5e3e,.dv26-65687191ec{font-size:inherit}.dv26-01f44e7182{font-size:16px}.dv26-d5acc6c733{font-size:32px}.dv26-6743975969{font-size:16px}.dv26-5f4b4479fc{font-size:12px}.dv26-de117de6a5{font-size:7.63px}.dv26-b197bc3b11{font-size:7.63px}.dv26-d076cfdcaa{font-size:7.63px}.dv26-17a3bbf9ef{font-size:7.96px}.dv26-64c0ccf6b9{font-size:7.96px}.dv26-56596e4d0f{font-size:8.577px}.dv26-0e74f49dbb{font-size:inherit}.dv26-e0aa713f88{font-size:9.802px}.dv26-210ed51c86{font-size:8.577px}.dv26-0a502038b5{font-size:9.802px}.dv26-15a7455456{font-size:12.776px}.dv26-0ca1afcdd9{font-size:5.386px}.dv26-7883bc914f{font-size:6.969px}.dv26-634187c432{font-size:16px}.correct26-card-name{font-size:26px}.correct26-card-business{font-size:8px}.correct26-card-visa{font-size:24px}.dv26-7d4de3c468{font-size:inherit}.dv26-1ecb531bb6{font-size:44px}.dv26-b563c00898{font-size:20px}.dv26-51adcaba57{font-size:24px}.dv26-cba4db62cf{font-size:16px}.dv26-140e74a42c{font-size:20px}.dv26-64220676df{font-size:16px}.dv26-dd3ce99770{font-size:inherit}.dv26-646ca23f14{font-size:0}.dv26-aea4317442{font-size:24px}.dv26-24a7dda35e{font-size:16px}.dv26-d035182057{font-size:20px}.dv26-b8473ebea8{font-size:0}.dv26-b32a2a82f3{font-size:16px}.dv26-370aa1526c{font-size:0}.dv26-5cc60fd50c{font-size:44px}.dv26-3b28e0fd27{font-size:44px}.dv26-9b3071bd37{font-size:44px}.dv26-d26054d78e{font-size:0}.dv26-8d1c7232fc{font-size:24px}.dv26-7c29f53074{font-size:16px}.dv26-89238d34ba{font-size:16px}.dv26-e4c8a5d89b,.dv26-c8e4f278d9{font-size:inherit}.dv26-366dab13df{font-size:21.093px}.dv26-d5fc067bd2{font-size:21.093px}.dv26-a7d791e06e{font-size:44px}.dv26-4b28289ace{font-size:22px}.dv26-61466ff9f7{font-size:11.122px}.dv26-logo-caption{font-size:18px}.correct26-more-partners{font-size:18px}@media screen and (max-width:991px){h1{font-size:calc(3.25 * var(--k-hrem))}h2{font-size:calc(2.75 * var(--k-hrem))}h3{font-size:calc(2.25 * var(--k-hrem))}h4{font-size:calc(1.75 * var(--k-hrem))}.heading-style-h2{font-size:calc(2.75 * var(--k-hrem))}.heading-style-h1{font-size:calc(3.25 * var(--k-hrem))}.heading-style-h4{font-size:calc(1.75 * var(--k-hrem))}.heading-style-h3{font-size:calc(2.25 * var(--k-hrem))}.blog-post-content_sidebar-heading-text{font-size:1.125rem}.heading-style-blog{font-size:calc(2.75 * var(--k-hrem))}.heading-style-h2-l{font-size:calc(3 * var(--k-hrem))}.heading-style-hero{font-size:calc(3.5 * var(--k-hrem))}.benefit-item_heading{font-size:calc(2 * var(--k-hrem))}.heading-style-oversize{font-size:calc(3 * var(--k-hrem))}.heading-style-h3-3{font-size:calc(2.25 * var(--k-hrem))}.erholungsbeihilfe_ui-card{font-size:1rem}.navbar8_link{font-size:1.125rem}.navbar8_menu-dropdown.navbar8_mobile-link-styling{font-size:1.125rem}.navbar8_menu{font-size:1.25rem}.navbar8_dropdown-toggle{font-size:1.125rem}.navbar8_container{font-size:1rem}.arrowcard_resources_heading{font-size:calc(2 * var(--k-hrem))}.heading-style-case-study{font-size:calc(1.75 * var(--k-hrem))}.hero-heading_component{font-size:calc(3.5 * var(--k-hrem))}.heading-style-h1-applepay{font-size:calc(3.25 * var(--k-hrem))}.localization_card_heading.is-second{font-size:.8rem}.localization_card_heading.is-first{font-size:1rem}.download-pdf-button{font-size:.875rem}.heading-style-h2-3{font-size:calc(2.75 * var(--k-hrem))}.custom-element-2:where(.w-variant-213876a6-3a2f-885e-bfd3-e0f90638049c){font-size:calc(2 * var(--k-hrem))}.heading-style-h1-2{font-size:calc(3.25 * var(--k-hrem))}.cf26-h1,.cf26-h2{font-size:36px}}@media screen and (max-width:767px){body{font-size:1.075rem}h1{font-size:calc(2.5 * var(--k-hrem))}h2{font-size:calc(2.25 * var(--k-hrem))}h3{font-size:calc(2 * var(--k-hrem))}h4{font-size:calc(1.5 * var(--k-hrem))}h5{font-size:1.25rem}h6{font-size:1.125rem}.text-style-quote{font-size:1.125rem}.heading-style-h2{font-size:calc(2.25 * var(--k-hrem))}.heading-style-h6{font-size:1.125rem}.heading-style-h5{font-size:1.4rem}.heading-style-h1{font-size:calc(2.5 * var(--k-hrem))}.heading-style-h4{font-size:calc(1.5 * var(--k-hrem))}.heading-style-h3{font-size:calc(2 * var(--k-hrem))}.blog-post-content_sidebar-heading-text{font-size:1rem}.heading-style-blog{font-size:calc(2.25 * var(--k-hrem))}.heading-style-h2-l{font-size:calc(3 * var(--k-hrem))}.heading-style-hero{font-size:calc(3 * var(--k-hrem))}.benefit-item_heading{font-size:calc(1.75 * var(--k-hrem))}.heading-style-h5-5{font-size:1.25rem}.heading-style-h3-3{font-size:calc(2 * var(--k-hrem))}.arrowcard_resources_heading{font-size:calc(1.75 * var(--k-hrem))}.pricing22_top-row.accordion{font-size:.875rem}.accordion2_top{font-size:1.4rem}.heading-style-case-study{font-size:calc(1.5 * var(--k-hrem))}.fs_modal-2_heading{font-size:calc(2 * var(--k-hrem))}.fs_modal-2_text{font-size:1rem}.hero-heading_component{font-size:calc(3 * var(--k-hrem))}.fs_modal-2_text-copy{font-size:1rem}.header-v1_heading:where(.w-variant-de212ae4-39a4-501b-a823-87ccb45daaec){font-size:calc(2.5 * var(--k-hrem))}.heading-style-h1-applepay{font-size:calc(2.5 * var(--k-hrem))}.heading-style-h6-2{font-size:1.125rem}.heading-style-h6-3{font-size:1.125rem}.video_bento_orange{font-size:calc(3 * var(--k-hrem))}.localization_card_heading._16-4-rem-download-area-3{font-size:.8rem}.localization_card_heading.is-first{font-size:.8rem}.localization_country-cell{font-size:.875rem}.heading-style-h2-3{font-size:calc(2.25 * var(--k-hrem))}.custom-element-2:where(.w-variant-213876a6-3a2f-885e-bfd3-e0f90638049c){font-size:calc(2 * var(--k-hrem))}.text-size-medium-2{font-size:1rem}.heading-style-h1-2{font-size:calc(2.5 * var(--k-hrem))}.testimonial-lines__p{font-size:1em}.testimonial-lines__h{font-size:2em}.cf26-h1{font-size:38px}.cf26-h2{font-size:34px}.cf26-h3{font-size:24px}}@media screen and (max-width:479px){h1{font-size:calc(2.5 * var(--k-hrem))}h2{font-size:calc(2 * var(--k-hrem))}h3{font-size:calc(1.75 * var(--k-hrem))}.text-size-medium{font-size:1.15rem}.text-style-quote.is-blog{font-size:.875rem}.heading-style-h2{font-size:calc(2 * var(--k-hrem))}.text-size-large{font-size:1.25rem}.breadcrumb_component{font-size:.8755rem}.heading-style-blog{font-size:calc(2.175 * var(--k-hrem))}.heading-style-h2-l{font-size:calc(2 * var(--k-hrem))}.heading-style-hero{font-size:calc(2.25 * var(--k-hrem))}.benefit-item_heading{font-size:calc(1.5 * var(--k-hrem))}.heading-style-oversize{font-size:calc(2.25 * var(--k-hrem))}.text-style-eyebrow{font-size:.8125rem}.customer_testimonial_content-left{font-size:.875rem}.navbar8_location-link{font-size:1.25rem}.navbar8_tab-benefit-item.is-career.is-marka-preview{font-size:1rem}.navbar8_tab-benefit-item.is-career.is-sitemap-cms{font-size:1rem}.is-marka-preview{font-size:calc(2.5 * var(--k-hrem))}.arrowcard_resources_heading{font-size:calc(1.5 * var(--k-hrem))}.am_layout_card.is-onboarding{font-size:.789rem}.accordion2_top{font-size:1.25rem}.hero-heading_component{font-size:calc(2.25 * var(--k-hrem))}.hero-heading_size{font-size:calc(2.25 * var(--k-hrem))}.header-v1_heading:where(.w-variant-de212ae4-39a4-501b-a823-87ccb45daaec),.header-v1_heading:where(.w-variant-5e99104c-11cf-c1ba-00ab-b468ab7f6748),.header-v1_heading:where(.w-variant-1a0514f7-7e46-47d3-8e28-0548f96adb0d){font-size:calc(2.25 * var(--k-hrem))}.video_bento_orange{font-size:calc(2 * var(--k-hrem))}.lottie-wrapper.is-align-center{font-size:1rem}.ai-text-copy{font-size:calc(14 * var(--k-hrem))}.localization_cta_content{font-size:.9rem}.custom-element:where(.w-variant-2b533de7-ee05-57d0-026c-6e206c81e8c7),.custom-element:where(.w-variant-f1548adf-53a8-8b22-079a-a73926753496){font-size:1.4rem}.heading-style-h2-3{font-size:calc(2 * var(--k-hrem))}.custom-element-2:where(.w-variant-213876a6-3a2f-885e-bfd3-e0f90638049c),.custom-element-2:where(.w-variant-bd6ec705-9b61-8925-ddc8-28e6d621c6d5),.custom-element-2:where(.w-variant-41f0f88b-0774-cb4a-6512-f0d831e30a14){font-size:1.4rem}.infobox-wrapper:where(.w-variant-cff10009-7eb5-4d60-292f-413b1932941e){font-size:.85rem}.new-bento-card{font-size:.8rem}.case-study-headline{font-size:calc(2.125 * var(--k-hrem))}.pricing_heading{font-size:1.25rem}.cf26-h1{font-size:34px}.cf26-h2{font-size:32px}.cf26-h3{font-size:22px}.cf26-ui_audit-feature{font-size:12px}}

/* s/_lenis/lenis.css */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}

/* s/_baslik-parilti.css */
/* BASLIK PARILTISI (2026-09-28) - referans ".gradient-text-sweep" basligi, Pixedi renkleriyle.
   Basligin ikinci cumlesi (tek cumleyse tamami) gorununce soldan saga renkli bir kusakla belirir.
   Kaynak: background 300% genislik, konum 100% -> 0, 1.2s ease-in-out-quad, 0.1s gecikme, blur 1px -> 0.
   Renkler brand/tokens.json: plum-light, maroon-light, red, maroon-dark, red. Baslangic rengi currentColor
   (koyu zeminde beyaz baslik beyaz kalir). Isaretleme _baslik-parilti.js. */
.px-parilti{
  background-image:linear-gradient(90deg,currentColor 0,currentColor 33.33%,#F1BBF0 40%,#F1BBBF 45%,#ED2027 50%,#6A3536 55%,#ED2027 60%,transparent 66.67%,transparent);
  background-size:300% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  padding-right:.1em;margin-right:-.1em;
  -webkit-box-decoration-break:slice;box-decoration-break:slice}
.px-parilti.oynat{animation:px-parilti 1.2s cubic-bezier(.455,.03,.515,.955) forwards}   /* gecikme yok: girer girmez */
@keyframes px-parilti{0%{filter:blur(1px);background-position:100% 0}to{filter:blur(0);background-position:0 0}}
@media (prefers-reduced-motion:reduce){.px-parilti,.px-parilti.oynat{animation:none;background-position:0 0}}

/* 2026-09-29: ilerleme JS'te (sure + kaydirma), bitince .bitti sabitler */
.px-parilti.bitti{background-position:0 0;filter:none}

/* s/_shares.css */
/* SHARES DILI KATMANI (test, 2026-09-28)
   Mevcut ana sayfanin HTML'i ve JS'i AYNEN duruyor; bu dosya en son yuklenir ve yalniz gorunusu
   shares.io diline cevirir. Butun kaydirma animasyonlari (sahne, 3 gorselli yapiskan alan,
   plan slayti, teknoloji, baslik parlamasi) eski betiklerle calismaya devam eder.
   Shares'ten: #f6f6f6 zemin, ustune binen beyaz blok (60px kose), 36px gri kartlar, hap butonlar,
   cam yuzen menu (1224px), ortali orta kalin basliklar, koyu footer (#1f1f1f).
   Font: Satoshi 400/500/700 (Aeonik ticari, kopyalanmadi). */

@font-face{font-family:"Satoshi";src:url("_medya/Satoshi-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Satoshi";src:url("_medya/Satoshi-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Satoshi";src:url("_medya/Satoshi-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Satoshi";src:url("_medya/Satoshi-Light.woff2") format("woff2");font-weight:300;font-display:swap}

/* ---------- font: tum sayfa Satoshi (PP Neue Montreal + Compressed ezilir, ikon fontu haric) ---------- */
:root,body{--font--heading:"Satoshi",sans-serif!important;--font--paragraph:"Satoshi",sans-serif!important;--u-display:"Satoshi",sans-serif!important;--u-font:"Satoshi",sans-serif!important;--k-font:"Satoshi",sans-serif!important}
body,body *:not([class*="icon"]):not(code):not(pre){font-family:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}

:root{
  --sh-zemin:#f6f6f6;
  --sh-kart:#f6f6f6;
  --sh-murekkep:#1f1f1f;
  --sh-gri:#6d6d6d;
  --sh-cizgi:#e7e7e7;
  --sh-kose:36px;
  --sh-blok:60px;
  --sh-kap:1224px;
  --sh-egri:cubic-bezier(.2,.7,.2,1);
}

/* ---------- yazi: govde 400, basliklar 500 ve sik harf araligi ---------- */
body{background:var(--sh-zemin)!important;color:var(--sh-murekkep);font-weight:400}
h1,h2,h3,.k-display,.k-h2-l,.k-h2,.k-h3,.heading-style-h2-l,.px-sec-baslik,.px-tek-baslik{font-weight:500!important;letter-spacing:-.03em}
h3,.k-h3,.k-h6{letter-spacing:-.015em}
.heading-style-h2-l,.px-sec-baslik,.k-h2-l{font-size:clamp(34px,3.6vw,50px)!important;line-height:1.08!important}
.px-baslik{letter-spacing:-.035em;font-size:clamp(40px,5.2vw,72px)!important;line-height:1.04!important}

/* ---------- butonlar: hap, orta kalin ---------- */
.k-btn,.button,.w-button,.px-cta,.k-btn-sm{border-radius:999px!important;font-weight:500!important}
.am_layout_content-left .button.is-secondary{background:var(--sh-murekkep)!important;color:#fff!important}
.button.is-secondary,.k-btn-ghost{background:var(--sh-kart)!important;color:var(--sh-murekkep)!important;border:0!important}
.k-btn:not(.k-btn-white):not(.k-btn-glass):not(.k-btn-ghost):not(.k-btn-2),.px-cta{background:var(--sh-murekkep)}
/* ikincil buton (k-btn-2): koyu kurala girmez, okunur gri hap; sayfa dosyasi zemine gore degistirebilir */
.k-btn.k-btn-2{background:var(--sh-kart);color:var(--sh-murekkep);border:0}
.k-btn,.button,.px-cta{transition:transform .25s var(--sh-egri),box-shadow .25s,background-color .2s!important}
.k-btn:hover,.button:hover{box-shadow:0 8px 24px -10px rgba(0,0,0,.3)}
.k-btn:active,.button:active{transform:scale(.97)}

/* ---------- menu: tam genis cubuk yerine cam yuzen hap (shares: 1224px, 60px, ic bosluk 24/8) ---------- */
.px-hdr{top:20px!important;background:transparent!important;pointer-events:none;height:auto!important}
.px-hdr::after{display:none!important}
.px-hdr .px-shell{pointer-events:auto;max-width:var(--sh-kap);width:calc(100% - 32px);height:60px!important;margin:0 auto;
  padding:0 8px 0 24px!important;gap:16px;border-radius:999px;
  background:linear-gradient(180deg,rgba(240,240,240,.92),rgba(240,240,240,.62));
  backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 8px 28px -14px rgba(0,0,0,.22);
  transition:background .35s,box-shadow .35s}
.px-hdr[data-seffaf] .px-shell{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.px-brand svg{height:22px!important}
@media (min-width:1041px){.px-nav .px-ghost,.px-uc .px-ghost{height:40px;padding:0 14px!important;border-radius:999px!important;font-weight:500;display:inline-flex;align-items:center}}
.px-hdr .px-cta{height:44px;padding:0 20px!important;display:inline-flex;align-items:center}
.px-burger{border-radius:50%!important;width:44px!important;height:44px!important}

/* acilir panel: ASIL SITENIN renkli grenli cam yuzeyi aynen (Ali 2026-09-29: 'renkleri gitmis her sey beyaz');
   yeni dilden sadece yuvarlak kose ve hapin 10px alti kaldi */
.px-mega{top:100%!important;padding-top:10px!important;pointer-events:none}
.px-mega[data-open]{pointer-events:auto}
.px-surface{border-radius:28px!important;overflow:hidden}
.px-surface::before{border-radius:inherit}
.px-row{border-radius:16px!important}

@media (max-width:1040px){
  .px-hdr{top:10px!important}
  .px-hdr .px-shell{width:calc(100% - 20px);padding:0 6px 0 18px!important}
  .px-hdr .px-cta{height:40px;padding:0 16px!important}
  /* cekmece: hapin altinda yuvarlak kart, yuzey ASIL SITENIN renkli cami (beyaz degil) */
  .px-drawer{pointer-events:auto;inset:82px 10px auto 10px!important;max-height:calc(100vh - 96px);
    border-radius:28px;padding:8px 16px 16px!important;box-shadow:0 24px 60px -20px rgba(0,0,0,.3)}
}

/* ---------- 1 SAHNE: medya kenarlardan bosluklu yuvarlak kart, kaydirinca tam ekrana acilir ----------
   JS --sahne-radius'u 44 -> 0 surer; bosluk ve kose bundan turetilir (44px = acilis, 0 = tam ekran). */
.px-sahne{background:var(--sh-zemin)!important}
.px-sahne-ic{background:var(--sh-zemin)!important;padding:calc(var(--sahne-radius) * .2727)}
.px-medya{border-radius:calc(var(--sahne-radius) * .818)!important}
.px-serit{background:var(--sh-zemin)!important}
.px-serit-metin{color:var(--sh-gri)!important}
/* alt yazilar: sol cizgi yerine cam kart */
.px-altyazi{border-left:0!important;padding:18px 22px!important;border-radius:24px;
  background:rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
/* alttan gelen beyaz blok sahnenin son --sh-blok'una biner: alt yazilar o kadar yukarida durur, blok gelince ortulmez, sahneyle birlikte yukari itilir */
.px-altyazilar{bottom:calc(40px + var(--sh-blok))!important}
@media (max-width:860px){.px-altyazilar{bottom:calc(28px + var(--sh-blok))!important}}
@media (prefers-reduced-motion:reduce){.px-altyazilar{bottom:auto!important;padding-bottom:var(--sh-blok)!important}}
.k-btn-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

/* ---------- ustune binen beyaz blok: sahneden sonraki her sey ---------- */
/* :where = ozgulluk 0: sayfa dosyalari bolum zeminini tek sinifla ezebilir */
:where(.main-wrapper > section:not(.px-sahne)),.fs{background:#fff!important;position:relative}
/* bolumler arasi dis paylarda govde grisi serit olarak gorunmesin (px-tek, gt, sw) */
.main-wrapper{background:#fff}
/* sadece sahneden hemen sonra (ana sayfa): diger sayfalarda 419 ortada durur, ustunu ortmesin */
.px-sahne + .section_layout419{margin-top:calc(var(--sh-blok) * -1);border-radius:var(--sh-blok) var(--sh-blok) 0 0;z-index:3}
.fs{border-radius:0 0 var(--sh-blok) var(--sh-blok);z-index:3;padding-bottom:40px}
.px-dip{background:var(--sh-murekkep)!important;margin-top:calc(var(--sh-blok) * -1);padding-top:calc(var(--sh-blok) + 24px)!important}

/* bolum basliklari ortada (shares) */
.section_layout419 .custom-element-2,.section_partner-process .custom-element-2,.section_compliance-cards .custom-element-2{text-align:center;margin-inline:auto!important}
.section_compliance-cards .max-width-xlarge{max-width:none!important}

/* ---------- 2 UC GORSELLI YAPISKAN ALAN: yapi ve kaydirma ayni, kartlar shares grisi ---------- */
.am_layout_card{background:var(--sh-kart)!important;border-radius:var(--sh-kose)!important;overflow:hidden;padding:12px}
.am_layout_image-wrapper{border-radius:26px;overflow:hidden;background:#fff!important}
.am_layout_card .am_layout_text-wrap.background-color-neutral{background:transparent!important;border-radius:0!important;padding:22px 16px 14px!important}
.am_layout_text-wrap .text-rich-text{color:var(--sh-gri);font-size:17px}
.am_layout_content-left{background:var(--sh-kart);border-radius:var(--sh-kose);padding:36px 32px 32px!important}   /* ust = paragraf-buton araligi (24px) x 1.5, Ali 2026-09-29 */
.layout419_list{gap:6px!important;display:flex;flex-direction:column}
.layout419_list-item{padding:12px 14px;border-radius:16px;transition:background-color .3s,color .3s}
.layout419_list-item.w--current,.layout419_list-item[aria-current],.layout419_list-item.is-active{background:#fff}

/* ---------- 3 PLAN SLAYTI: davranis ayni, gorseller shares koseleriyle ---------- */
.px-slayt-kart,.px-slayt-gorsel,.px-slayt img{border-radius:var(--sh-kose)!important}
.px-slayt-no{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sh-kart);font-weight:500}
.px-slayt-etiket{color:var(--sh-murekkep)!important;font-weight:500}
.px-slayt-link{display:inline-flex!important;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:var(--sh-murekkep);color:#fff!important;text-decoration:none!important;border:0!important;margin-top:8px}

/* ---------- aylik rapor kartlari ---------- */
.footer_component-benefits_image-wrapper{border-radius:28px!important}
.footer_component-benefits_grid{gap:12px!important}

/* ---------- tek seferlik isler: beyaz kartlar -> gri 36px ---------- */
.section_compliance-cards .review-card_component.background-color-neutral,.section_compliance-cards .travelexpense_card.background-color-neutral,.review-card_component,.travelexpense_card{background:var(--sh-kart)!important;border-radius:var(--sh-kose)!important;border:0!important;box-shadow:none!important}
.compliance-cards_list{gap:12px!important}
/* alt sayfa kartlari (ana sayfada yok): beyaz zeminde kaybolmasin, ozgulluk 0 */
:where(.localization_card,.is-card,.am_layout_card.is-integrations){background:var(--sh-kart);border-radius:var(--sh-kose);border:0}

/* ---------- 4 TEKNOLOJI: animasyon ayni; kart, ic kose yumusak ---------- */

/* ---------- baslangic sekmeleri ---------- */
.tab2_tabs-menu{background:var(--sh-kart)!important;padding:5px!important;width:fit-content;margin-inline:auto}
.tab2_tab-link{padding:10px 22px!important;font-weight:500}
.tab2_tab-link.w--current{background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.tab-content > *,.tab2_tab-pane [class*=card],.tab2_tab-pane .background-color-neutral{background:var(--sh-kart)!important;border-radius:var(--sh-kose)!important;border:0!important}

/* ---------- SSS: shares gibi ortada, dar ---------- */
.fs-kap{display:flex!important;flex-direction:column;align-items:center;max-width:800px;margin-inline:auto}
.fs-sol{display:contents!important}
.fs-sol > div:first-child{order:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.fs-sol > div:first-child h2::before{content:"Frequently asked questions";display:block;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#3d3d3d;margin-bottom:12px}
.fs-sol h2{font-size:clamp(34px,3.6vw,50px)!important}
.fs-sorular{order:2;width:100%;margin-top:40px}
.fs-kart{order:3;max-width:none!important;width:100%;margin-top:16px;flex-direction:row!important;align-items:center;justify-content:space-between;border:1px solid var(--sh-cizgi)!important;border-radius:18px!important}
.fs-kart-dug{margin-top:0!important;align-self:center!important}
.fs-oge{background:var(--sh-kart)!important;border:0!important;border-radius:18px!important}
.fs-ai{border-radius:50%!important;background:var(--sh-kart)!important;transition:transform .25s cubic-bezier(.34,1.3,.64,1)}
.fs-ai:hover{transform:translateY(-3px)}

/* ---------- footer ---------- */
.px-dip-alt{border-top-color:#333!important}

/* ---------- dar ekran ---------- */
@media (max-width:860px){
  :root{--sh-blok:32px}
  .am_layout_content-left{padding:28px 20px 24px!important}   /* telefonda paragraf-buton araligi ~19px x 1.5 */
  .fs-kart{flex-direction:column!important;align-items:flex-start}
}

/* ---------- kart ici yazilar HER ZAMAN sola yasli (Ali, 2026-09-29): bolum basligini ortalayan kural kart basliklarina da degiyordu ---------- */
:is([class*="_card"],[class*="-card"],[class*="card_"],.am_layout_card,.review-card_component,.travelexpense_card) :is(h2,h3,h4,h5,p,.custom-element-2,.header-inline,.inline-mobile,[class*="text-"]){text-align:left!important}
:is([class*="_card"],[class*="-card"],[class*="card_"],.am_layout_card,.review-card_component,.travelexpense_card) .custom-element-2{margin-inline:0!important}

/* Ali 2026-09-29: siyah yazili renk degisim bolumleri (ana sayfa One-off builds, care/presence six-check) sabit siyah.
   Eski betik yaziyi, onceki koyu bolumden gelirken ekranin ortasina kadar beyaz tutuyordu; bu dilde her zemin beyaz,
   baslik parlamasi beyaz yaziyla bitip kayboluyor, sonra hepsi birden geri geliyordu. */
[data-color-change-text="black"]{color:var(--colorbrand--black)!important;transition:none!important}

/* Ali 2026-09-29: sag ust tikli kartlar (AI production, pxdi-link): gri dolgu yok, kutu kalir (beyaz + ince cizgi), tik solda */
.section_travelexpense-cards .travelexpense_card.travelexpense_card.travelexpense_card[data-wf--card-checkmark--variant="checkmark-top-right"]{background:#fff!important;border:1px solid var(--sh-cizgi)!important;box-shadow:none!important}
[data-wf--card-checkmark--variant="checkmark-top-right"] .travelexpense_icon-wrapper.is-static{position:static!important;justify-content:flex-start!important;margin-bottom:20px}