/* RankWins kurumsal site — tek stil dosyası. Figtree (yerel, değişken 300–900). Renkler :root'ta; satır içi stil yalnız örnek grafik ölçüleri ve küçük boşluklar için. */
@font-face{font-family:"Figtree";font-style:normal;font-display:swap;font-weight:300 900;src:url("yazi/figtree-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-display:swap;font-weight:300 900;src:url("yazi/figtree-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* Zirve paleti (logo: marka/OKUBENI.md): mürekkep siyah ana renk, zirve turuncusu yalnız vurgu, krem zemin.
     --marka* = mürekkep ailesi (düğme, numara, ikon kutusu); --vurgu* = turuncu (başlık vurgusu, rozet, bağlantı, nokta, ilerleme).
     Turuncu metin: küçük boyutta yalnız --vurgu-k (#c2410c, beyazda 5,2:1); --vurgu-y (#e8501a) büyük başlık ve ikonlar için. */
  --zemin:#f6f5f1;--beyaz:#fff;--bant:#efece5;--krem:#fbfaf7;
  --murekkep:#111111;--ikincil:#3d3a35;--soluk:#6f6b63;--silik:#9b978e;
  --cizgi:#e6e3db;--cizgi2:#d8d4c9;
  --marka:#111111;--marka-k:#2a2825;--marka-a:#efece5;--marka-b:#e0dcd2;--marka-c:#c9c4b8;
  --vurgu:#ff5a1f;--vurgu-y:#e8501a;--vurgu-k:#c2410c;--vurgu-a:#fff1ea;--vurgu-b:#ffd2bd;--vurgu-acik:#ff8a5c;
  --mor:#ff9a3d;--lacivert:#151311;--lacivert2:#24211e;
  --yesil:#0f9f6a;--yesil-a:#e6f6ee;--turuncu:#e5860d;--turuncu-a:#fff3e0;--kirmizi:#e5484d;--kirmizi-a:#fdecec;--sari-a:#fff7d6;
  --r:14px;--r2:20px;--r3:28px;
  --golge:0 1px 2px rgba(17,17,17,.04),0 10px 30px rgba(17,17,17,.06);
  --golge2:0 2px 4px rgba(17,17,17,.04),0 24px 60px rgba(17,17,17,.10);
  --genislik:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--zemin);color:var(--murekkep);font-family:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.08}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px;border-radius:6px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:16px;top:-60px;z-index:100;background:var(--murekkep);color:#fff;padding:10px 16px;border-radius:10px}.atla:focus{top:12px}
.ic{width:100%;max-width:var(--genislik);margin:0 auto;padding:0 24px}
.ikon{width:20px;height:20px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ── Duyuru şeridi ── */
.duyuru{background:var(--murekkep);color:#fff;font-size:14px;font-weight:600}
.duyuru .ic{display:flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding-top:6px;padding-bottom:6px;text-align:center}
.duyuru a.hap{background:var(--vurgu);color:#111;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;white-space:nowrap}
.duyuru a.hap:hover{background:var(--vurgu-acik)}

/* ── Üst bilgi ── */
.ust{position:sticky;top:0;z-index:60;background:rgba(246,245,241,.86);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.ust.kaydi{border-bottom-color:var(--cizgi);background:rgba(246,245,241,.94)}
.ust-ic{display:flex;align-items:center;gap:36px;height:76px}
.logo{display:inline-flex;align-items:center;flex:none}
.logo img{display:block;height:26px;width:auto}
.menu{display:flex;align-items:center;gap:4px;flex:1}
.menu > li{position:static}
.menu-dugme,.menu > li > a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:10px 14px;border-radius:10px;font-size:15.5px;font-weight:500;color:var(--ikincil)}
.menu-dugme:hover,.menu > li > a:hover,.menu-dugme[aria-expanded=true]{color:var(--murekkep);background:rgba(20,22,27,.05)}
.menu-dugme .ikon{width:16px;height:16px;transition:transform .2s}
.menu-dugme[aria-expanded=true] .ikon{transform:rotate(180deg)}
.ust-sag{display:flex;align-items:center;gap:10px}
.ust-sag .giris{font-weight:600;white-space:nowrap;padding:10px 14px;border-radius:10px}.ust-sag .giris:hover{background:rgba(20,22,27,.05)}
.mobil-dugme{display:none;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center}
.mobil-dugme .ikon{width:24px;height:24px}

/* Mega menü */
/* Menü paneli: içerik genişliğinde ortalanmış kart. Tam genişlik olunca fare sağdaki boş alana çekildiğinde panel kapanmıyordu (20 Eki 2026). */
.panel{position:absolute;left:50%;top:calc(100% + 8px);width:min(1240px,calc(100vw - 32px));background:#fff;border:1px solid var(--cizgi);border-radius:22px;box-shadow:0 30px 70px rgba(20,22,27,.16);opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .18s,transform .18s,visibility .18s}
.panel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.panel.acik{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* Panel başlığa yapışık: pencereden uzunsa alt kısmı hiç görünmüyordu ("Platforma genel bakış" yarım). Sıkı düzen + ekran yüksekliği sınırı. */
.panel .panel-ic{padding:20px 22px 22px;gap:28px;max-height:calc(100vh - 104px);overflow-y:auto;overscroll-behavior:contain;border-radius:22px}
.panel .panel-oge{padding:7px 10px;gap:10px}
.panel .panel-oge b{font-size:14.5px}
.panel .panel-oge span{font-size:13px;margin-top:1px}
.panel .panel-oge .kutu{width:34px;height:34px}
.panel-sag{display:grid;gap:12px;align-content:start}
.panel .panel-one{padding:16px;gap:10px}
.panel .panel-one p{font-size:13.5px}
.panel-tumu.panel-tumu-kutu{margin:0;justify-content:center;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:10px 14px}
.panel-tumu.panel-tumu-kutu:hover{border-color:var(--vurgu)}
.panel-ic{display:grid;grid-template-columns:1fr 340px;gap:32px;padding:26px 26px 28px;max-width:none}
.panel-gruplar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px}
.panel-grup + .panel-grup{margin-top:0}
.grup-ad{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--vurgu-k);margin:6px 0 6px 12px}
.panel-oge{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:10px 12px;border-radius:12px;align-items:start}
.panel-oge:hover{background:var(--zemin)}
.panel-oge .kutu{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--marka-a);color:var(--marka)}
.panel-oge .kutu .ikon{width:18px;height:18px}
.panel-oge b{display:block;font-size:15px;font-weight:600;color:var(--murekkep);line-height:1.35}
.panel-oge span{display:block;font-size:13.5px;line-height:1.45;color:var(--soluk);margin-top:2px}
.panel-one{background:var(--zemin);border-radius:var(--r2);padding:20px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--cizgi);align-self:start}
.panel-one .gorsel{border-radius:14px;aspect-ratio:16/9;background:linear-gradient(135deg,#151311,#4a2414 58%,var(--vurgu));position:relative;overflow:hidden}
.panel-one .gorsel::after{content:"";position:absolute;inset:auto 16px 16px 16px;height:6px;border-radius:9px;background:rgba(255,255,255,.35)}
.panel-one .gorsel svg{position:absolute;inset:0;margin:auto;width:56px;height:56px;color:#fff;opacity:.95}
.panel-one small{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--vurgu-k);text-transform:uppercase}
.panel-one b{font-size:17px;line-height:1.3}
.panel-one p{font-size:14px;color:var(--soluk);line-height:1.5}
.panel-one .ok-bag{font-weight:600;color:var(--vurgu-k);display:inline-flex;gap:6px;align-items:center;font-size:14.5px}
.panel-tek .panel-ic{grid-template-columns:1fr 340px}
.panel-tek .panel-gruplar{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Menü panellerindeki anlatıcı görseller (ust.php: .pv). Panel açılınca .panel-one "oyna" alır (site.js). */
.panel-one .gorsel.pv{aspect-ratio:auto;display:grid;gap:8px;padding:14px;align-content:start;min-height:168px;border:1px solid var(--cizgi);background:linear-gradient(160deg,#fff,var(--krem))}
.panel-one .gorsel.pv::after{display:none}
.panel-one .gorsel.pv svg{position:static;inset:auto;margin:0;opacity:1;color:inherit;width:auto;height:auto}
.panel-one .gorsel.pv svg.ikon{width:14px;height:14px}
.panel-one .gorsel.pv .pv-logo svg{width:14px;height:14px}
.panel-one .gorsel.pv .pv-saglayicilar svg{width:20px;height:20px}
.panel-one .gorsel.pv .pv-merkez svg{width:40px;height:40px}
.panel-one .gorsel.pv svg.pv-hatlar{width:100%;height:120px}
.pv-bas{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;margin-bottom:2px}
.pv-bas b{font-size:12.5px;font-weight:700}
.pv-bas .etiket{font-size:11px;padding:2px 8px}
.pv-satir{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:7px 9px;font-size:12.5px}
.pv-satir b{margin-left:auto;font-size:15px;font-variant-numeric:tabular-nums}
.pv-ad{display:inline-flex;align-items:center;gap:6px;color:var(--ikincil);font-weight:600}
.pv-logo{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--zemin);flex:none}
.pv-logo .marka-logo{width:14px;height:14px}
.pv-bar{flex:1;height:7px;border-radius:4px;background:var(--bant);overflow:hidden;min-width:40px}
.pv-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--r-olc),#34d399)}
.pv-ok{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--r-olc-a);flex:none}
.pv-ok .ikon{color:var(--r-olc-k)}
.pv-ok.yok{background:var(--bant)}.pv-ok.yok .ikon{color:var(--silik)}
.pv-geo{background:linear-gradient(160deg,#fff,#ecfdf5)!important}
.pv-kredi{background:linear-gradient(160deg,#fff,var(--r-uret-a))!important}
.pv-kredi .pv-satir:nth-child(2) b{color:var(--ikincil)}
.pv-iade{background:var(--r-olc-a);border-color:#a7f3d0}
.pv-iade .pv-ad,.pv-iade b{color:var(--r-olc-k)}
.pv-anahtar{position:relative;grid-template-columns:44px 1fr 64px;align-items:center;background:linear-gradient(160deg,#fff,var(--r-onc-a))!important}
.pv-saglayicilar{display:grid;gap:8px;grid-row:1;grid-column:1}
.pv-saglayicilar span{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--cizgi);display:grid;place-items:center;box-shadow:var(--golge)}
.pv-hatlar{grid-row:1;grid-column:2;width:100%;height:120px}
.pv-hatlar path{fill:none;stroke:var(--r-onc);stroke-width:1.6;stroke-dasharray:4 5;vector-effect:non-scaling-stroke;animation:pv-akis 1.4s linear infinite}
@keyframes pv-akis{to{stroke-dashoffset:-18}}
.pv-merkez{grid-row:1;grid-column:3;width:60px;height:60px;border-radius:16px;background:#fff;border:1px solid var(--cizgi);display:grid;place-items:center;box-shadow:0 10px 24px rgba(109,40,217,.18)}
.pv-merkez svg{width:40px;height:40px}
.pv-durum{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--r-olc-k);background:var(--r-olc-a);padding:5px 10px;border-radius:999px}
.panel-oge .kutu.logolu{background:#fff;border:1px solid var(--cizgi)}
.panel-oge .kutu .marka-logo{width:20px;height:20px}
@media (prefers-reduced-motion: reduce){.pv-hatlar path{animation:none}}
.panel-tumu{display:inline-flex;align-items:center;gap:6px;margin:14px 0 0 12px;font-weight:650;font-size:14.5px;color:var(--vurgu-k)}
.panel-tumu .ikon{width:16px;height:16px}
.menu-dugme.aktif{color:var(--murekkep)}

/* Mobil çekmece */
.cekmece{position:fixed;inset:0;z-index:80;background:var(--zemin);transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;visibility:hidden}
.cekmece.acik{transform:none;visibility:visible}
.cekmece-bas{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 20px;border-bottom:1px solid var(--cizgi)}
.cekmece-govde{overflow:auto;padding:12px 20px 24px;flex:1}
.cekmece details{border-bottom:1px solid var(--cizgi)}
.cekmece summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-weight:600;font-size:17px;cursor:pointer}
.cekmece summary::-webkit-details-marker{display:none}
.cekmece details[open] summary .ikon{transform:rotate(180deg)}
.cekmece details a{display:block;padding:9px 4px 9px 14px;color:var(--ikincil);font-size:15.5px}
.cekmece .tek{display:block;padding:16px 4px;font-weight:600;font-size:17px;border-bottom:1px solid var(--cizgi)}
.cekmece-alt{padding:16px 20px 24px;display:grid;gap:10px;border-top:1px solid var(--cizgi)}

/* ── Düğmeler ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;font-weight:650;font-size:16px;white-space:nowrap;transition:background .15s,transform .15s,box-shadow .15s,border-color .15s}
.btn .ikon{width:18px;height:18px}
.btn-ana{background:var(--marka);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 8px 20px rgba(17,17,17,.22)}
.btn-ana:hover{background:var(--marka-k);transform:translateY(-1px)}
.btn-cizgi{background:#fff;color:var(--murekkep);border:1px solid var(--cizgi2)}
.btn-cizgi:hover{border-color:var(--murekkep)}
.btn-koyu{background:var(--lacivert);color:#fff}
.btn-koyu:hover{background:var(--lacivert2);transform:translateY(-1px)}
.btn-buyuk{height:58px;padding:0 30px;font-size:17.5px;border-radius:14px}
.btn-kucuk{height:40px;padding:0 16px;font-size:15px;border-radius:10px}
.dugmeler{display:flex;gap:12px;flex-wrap:wrap}
.dugmeler.orta{justify-content:center}

/* ── Ortak parçalar ── */
.rozet{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:999px;border:1.5px dashed rgba(255,90,31,.6);background:rgba(255,255,255,.7);color:var(--vurgu-k);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.adim-etiket{display:inline-flex;align-items:center;gap:12px;color:var(--vurgu-k);font-weight:750;font-size:24px;letter-spacing:.01em;text-transform:uppercase}
.adim-etiket span{display:grid;place-items:center;width:38px;height:38px;border:1.5px dashed var(--vurgu);border-radius:10px;font-size:14px;font-weight:700;background:#fff}
.vurgu{color:var(--vurgu-y)}
.vurgu-gr{background:linear-gradient(90deg,var(--vurgu),var(--mor));-webkit-background-clip:text;background-clip:text;color:transparent}
.bolum{padding:112px 0}
.bolum.ust-az{padding-top:24px}
.bolum.sik{padding:88px 0}
.bolum.bant{background:var(--bant)}
.bolum.beyaz{background:#fff}
.bas-orta{text-align:center;max-width:860px;margin:0 auto}
.bas-orta .rozet,.bas-orta .adim-etiket{margin-bottom:22px}
.h1{font-size:clamp(42px,6.4vw,82px);letter-spacing:-.045em;line-height:1.02;font-weight:750}
.h2{font-size:clamp(34px,4.8vw,62px);letter-spacing:-.04em;line-height:1.04;font-weight:750}
.h3{font-size:clamp(26px,2.8vw,36px);letter-spacing:-.03em;line-height:1.12;font-weight:700}
.h4{font-size:22px;letter-spacing:-.02em;line-height:1.25;font-weight:700}
.giris-yazi{font-size:clamp(18px,1.6vw,21px);color:var(--ikincil);line-height:1.55;margin-top:22px}
.bas-orta .giris-yazi{max-width:720px;margin-left:auto;margin-right:auto}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r3);box-shadow:var(--golge)}
.etiket{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:8px;line-height:1.3}
.etiket.mavi{background:var(--vurgu-a);color:#a8360a}
.etiket.yesil{background:var(--yesil-a);color:#087a50}
.etiket.turuncu{background:var(--turuncu-a);color:#a65a00}
.etiket.kirmizi{background:var(--kirmizi-a);color:#b4232a}
.etiket.mor{background:var(--marka-a);color:var(--ikincil)}
.etiket.sari{background:var(--sari-a);color:#7a5a00}
.ornek-not{font-size:12px;color:var(--soluk);letter-spacing:.02em}

/* ── Kahraman ── */
.kahraman{position:relative;overflow:hidden;padding:96px 0 64px}
.kahraman .cizgiler{position:absolute;left:0;right:0;top:120px;height:760px;pointer-events:none;color:var(--vurgu);opacity:.55}
.kahraman .cizgiler svg{width:100%;height:100%}
.kahraman .bas-orta{position:relative;max-width:1080px}
.kahraman .h1 .yongaa{display:inline-grid;place-items:center;width:.92em;height:.92em;vertical-align:-.1em;margin:0 .06em;border-radius:.2em;background:#fff;border:1px solid var(--cizgi);box-shadow:0 6px 18px rgba(17,17,17,.18)}
.kahraman .h1 .yongaa svg{width:.6em;height:.6em}
.kahraman .dugmeler{margin-top:36px}
.kahraman-not{margin-top:18px;font-size:14px;color:var(--soluk);display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.kahraman-not span{display:inline-flex;align-items:center;gap:6px}
.kahraman-not .ikon{width:16px;height:16px;color:var(--yesil)}

/* Önce / sonra vitrin kartı */
.vitrin{position:relative;margin:72px auto 0;max-width:1168px;display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r3);overflow:hidden;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge2)}
.vitrin-yan{padding:36px 34px 34px}
.vitrin-yan.once{background:var(--krem);border-right:1px solid var(--cizgi)}
.vitrin-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.vitrin-bas .vb{display:block;font-size:34px;line-height:1.08;letter-spacing:-.035em;font-weight:700}
.once .vitrin-bas .vb{color:var(--soluk)}
.vitrin-bas .marka-hap{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--marka-k);background:var(--marka-a);border:1px solid var(--marka-b);padding:4px 10px;border-radius:999px;margin-left:10px;vertical-align:middle}
.vitrin-bas .marka-hap svg{width:16px;height:16px}
.mini-tablo{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;background:#fff}
.mini-tablo th{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);text-align:left;padding:10px 12px;background:var(--zemin);border-bottom:1px solid var(--cizgi)}
.mini-tablo td{padding:10px 12px;border-bottom:1px solid var(--cizgi);color:var(--ikincil);vertical-align:middle}
.mini-tablo tr:last-child td{border-bottom:0}
.mini-tablo td.say{font-variant-numeric:tabular-nums;color:var(--murekkep);font-weight:600}
.mini-tablo tr.vurgulu td{background:#fff6f1}
.durum-kutu{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border-radius:12px;font-size:14px}
.durum-kutu .ikon{width:18px;height:18px}
.durum-kutu.kotu{background:var(--turuncu-a);border:1px solid #f8d7a8;color:#7a4300}
.durum-kutu.iyi{background:var(--yesil-a);border:1px solid #b8e6cf;color:#075e3d}
.vitrin-alt{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--soluk)}
.eylem-hap{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px;border:1px solid var(--marka-b);background:#fff;color:var(--marka-k)}
.eylem-hap .ikon{width:14px;height:14px}

/* Veri kaynakları ızgarası */
.kaynak-bas{text-align:center;font-size:clamp(24px,3vw,38px);font-weight:750;letter-spacing:-.035em}
.kaynak-alt{text-align:center;color:var(--soluk);margin-top:10px}
.kaynaklar{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:52px}
.kaynak-grup{position:relative}
.kaynak-grup .baslik{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:var(--zemin);border:1px solid var(--cizgi);border-radius:8px;padding:3px 12px;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--ikincil)}
.kaynak-izgara{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--cizgi);border-radius:var(--r2);background:#fff;overflow:hidden}
.kaynak-izgara li{display:flex;align-items:center;gap:10px;padding:20px 18px;border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);font-weight:600;font-size:15px;min-height:76px}
.kaynak-izgara li:nth-child(3n){border-right:0}
.kaynak-izgara li:nth-last-child(-n+3){border-bottom:0}
.kaynak-izgara li .ikon{color:var(--marka);width:22px;height:22px}
.kaynak-izgara li small{display:block;font-weight:500;font-size:12.5px;color:var(--soluk);line-height:1.35}

/* Döngü kartı */
.dongu{display:grid;grid-template-columns:1.15fr .85fr;border-radius:var(--r3);overflow:hidden;border:1px solid var(--cizgi);background:var(--krem)}
.dongu-sol{padding:52px 48px 44px}
.dongu-sol h3{font-size:clamp(30px,3.4vw,42px);letter-spacing:-.04em;line-height:1.08;font-weight:750}
.hat{position:relative;margin-top:84px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.hat::before{content:"";position:absolute;left:-48px;right:-48px;top:21px;height:3px;background:linear-gradient(90deg,rgba(17,17,17,.15),var(--murekkep) 18%,var(--murekkep) 70%,var(--vurgu) 100%)}
.hat li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:650;color:var(--marka)}
.hat li:first-child{color:var(--murekkep)}
.hat .nokta{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--marka);color:#fff;font-weight:750;box-shadow:0 8px 18px rgba(17,17,17,.25)}
.hat li:first-child .nokta{background:var(--murekkep);box-shadow:none}
.hat .uyari-baloncuk{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--murekkep);color:#fff;font-size:13px;font-weight:600;padding:6px 12px;border-radius:9px}
.hat .koprü{position:absolute;left:37.5%;right:12.5%;bottom:74px;height:30px;border:2.5px solid var(--vurgu);border-bottom:0;border-radius:14px 14px 0 0}
.hat .koprü span{position:absolute;left:50%;top:-17px;transform:translateX(-50%);white-space:nowrap;background:var(--vurgu-k);color:#fff;font-size:13px;font-weight:700;padding:5px 12px;border-radius:9px;box-shadow:0 8px 20px rgba(255,90,31,.3)}
.dongu-sag{background:#fff;padding:40px 36px;border-left:1px solid var(--cizgi);display:flex;flex-direction:column;justify-content:center;gap:16px;background-image:radial-gradient(var(--cizgi) 1px,transparent 1px);background-size:16px 16px}
.ilke{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:16px 18px;display:grid;grid-template-columns:36px 1fr;gap:12px;box-shadow:var(--golge)}
.ilke .kutu{width:36px;height:36px;border-radius:10px;background:var(--marka-a);color:var(--marka);display:grid;place-items:center}
.ilke b{display:block;font-size:15.5px}
.ilke span{font-size:14px;color:var(--soluk);line-height:1.5}

/* Özellik kartları ve sahte arayüzler */
.iki-kart{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.uc-kart{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.ozellik{padding:28px;display:flex;flex-direction:column}
.ozellik .ekran{background:var(--krem);border:1px solid var(--cizgi);border-radius:18px;padding:18px;min-height:250px;margin-bottom:26px}
.ozellik h3{font-size:24px;letter-spacing:-.03em;margin-bottom:12px}
.ozellik p{color:var(--ikincil);font-size:16.5px;line-height:1.6}
.ozellik .ornek-not{margin-top:auto;padding-top:16px}
.ekran-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:13.5px;font-weight:650}
.ekran-bas .nokta-kirmizi{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--vurgu);margin-right:8px}
.satirlar li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 10px;border-radius:10px;font-size:13.5px}
.satirlar li + li{border-top:1px dashed var(--cizgi)}
.satirlar li.secili{background:var(--marka-a);border-top-color:transparent}
.satirlar li.secili + li{border-top-color:transparent}
.satirlar .ad{color:var(--murekkep);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.satirlar .sayi{font-variant-numeric:tabular-nums;font-weight:650}
.cubuk{display:flex;align-items:flex-end;gap:3px;height:22px}
.cubuk i{display:block;width:5px;border-radius:2px;background:var(--marka-c)}
.cubuk i.d{background:var(--vurgu)}
.ilerleme{height:6px;border-radius:9px;background:var(--marka-a);overflow:hidden}.ilerleme i{display:block;height:100%;border-radius:9px;background:var(--vurgu)}

.yan-yana{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;margin-top:56px}
.yan-yana .metin h3{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em;margin-bottom:16px}
.yan-yana .metin p{color:var(--ikincil);font-size:18px;margin-bottom:28px}
.eylem-merkezi{background:var(--krem);border:1px solid var(--cizgi);border-radius:var(--r3);padding:28px;box-shadow:var(--golge)}
.eylem-merkezi .ozet{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:16px 18px;margin:16px 0}
.eylem-merkezi .ozet small{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--soluk)}
.eylem-merkezi .ozet b{font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.eylem-merkezi .ozet b.yesil{color:var(--yesil)}
.firsat-liste{background:#fff;border:1px solid var(--cizgi);border-radius:16px;overflow:hidden}
.firsat-liste li{display:grid;grid-template-columns:40px 1fr auto auto;gap:14px;align-items:center;padding:14px 16px}
.firsat-liste li + li{border-top:1px solid var(--cizgi)}
.firsat-liste .kutu{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
.firsat-liste .kutu.a{background:var(--marka-a);color:var(--marka)}.firsat-liste .kutu.b{background:var(--yesil-a);color:var(--yesil)}.firsat-liste .kutu.c{background:var(--turuncu-a);color:var(--turuncu)}.firsat-liste .kutu.d{background:var(--vurgu-a);color:var(--vurgu-k)}
.firsat-liste b{display:block;font-size:14.5px}
.firsat-liste span{font-size:12.5px;color:var(--soluk)}
.firsat-liste .git{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;border:1px solid var(--cizgi2);border-radius:8px;padding:5px 9px;background:#fff}
.firsat-liste .git .ikon{width:13px;height:13px}
.kontrol-liste li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px;font-size:13.5px;border-bottom:1px dashed var(--cizgi)}
.kontrol-liste li:last-child{border-bottom:0}
.kontrol-liste li span{display:inline-flex;align-items:center;gap:8px}
.kontrol-liste .nk{width:8px;height:8px;border-radius:50%;background:var(--vurgu)}
.urun-kart{display:grid;grid-template-columns:64px 1fr;gap:12px;background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:12px}
.urun-kart .foto{width:64px;height:64px;border-radius:10px;background:linear-gradient(135deg,var(--marka-b),#fde7c8)}
.urun-kart b{font-size:14px;display:block}
.urun-kart p{font-size:12.5px;color:var(--soluk);line-height:1.45;margin-top:4px}
.uretilen{margin-top:12px;background:#fff;border:1px solid var(--marka-b);border-radius:14px;padding:12px 14px;font-size:13px;color:var(--ikincil);line-height:1.5}
.uretilen em{font-style:normal;background:var(--vurgu-a);color:#a8360a;border-radius:5px;padding:0 4px;font-weight:600}

/* Döngü halkası */
.halka-alan{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;margin-top:56px}
.halka{position:relative;aspect-ratio:1.35/1;max-width:560px;width:100%;margin:0 auto}
.halka svg.yol{position:absolute;inset:0;width:100%;height:100%;color:var(--marka)}
.halka .merkez{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:30px;border:1.5px dashed var(--marka-c);display:grid;place-items:center;background:rgba(255,255,255,.7)}
.halka .merkez svg{width:64px;height:64px}
.halka .dugum{position:absolute;transform:translate(-50%,-50%);background:var(--marka);color:#fff;font-weight:700;font-size:15.5px;padding:8px 16px;border-radius:10px;box-shadow:0 8px 20px rgba(17,17,17,.22);white-space:nowrap}
.halka .dugum.parla{box-shadow:0 0 0 8px rgba(255,90,31,.22),0 8px 20px rgba(17,17,17,.22)}

/* Görünürlük kartı */
.gorunurluk li{display:grid;grid-template-columns:24px 1fr auto auto;gap:12px;align-items:center;padding:10px 10px;border-radius:10px;font-size:13.5px}
.gorunurluk li.secili{background:var(--marka-a)}
.gorunurluk .yuvarlak{width:22px;height:22px;border-radius:7px;background:var(--zemin);border:1px solid var(--cizgi);display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--ikincil)}
.anildi{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:12px}
.anildi.evet{color:var(--yesil)}.anildi.hayir{color:var(--silik)}
.anildi .ikon{width:14px;height:14px}

/* Karşılaştırma */
.karsi-bas{text-align:center}
.karsi-bas .h2 span{display:block}
.karsilastirma{max-width:820px;margin:64px auto 0;display:grid;grid-template-columns:1fr 1fr 1.05fr;position:relative}
.karsilastirma .sutun{border:1px solid var(--cizgi);background:#fff}
.karsilastirma .sutun:first-child{border-radius:16px 0 0 16px;border-right:0}
.karsilastirma .sutun:nth-child(2){border-right:0}
.karsilastirma .sutun > div{padding:16px 22px;border-bottom:1px solid var(--cizgi);font-size:15.5px;color:var(--ikincil);min-height:58px;display:flex;align-items:center;gap:8px}
.karsilastirma .sutun > div:last-child{border-bottom:0}
.karsilastirma .sutun > div.bas{font-weight:700;color:var(--murekkep);font-size:16px;background:var(--krem)}
.karsilastirma .sutun > div .ikon{width:16px;height:16px;color:var(--silik)}
.karsilastirma .rw{background:var(--marka);color:#fff;border:0;border-radius:16px;margin:-12px 0;box-shadow:0 24px 50px rgba(17,17,17,.3)}
.karsilastirma .rw > div{color:#fff;font-weight:650;border-bottom-color:rgba(255,255,255,.22)}
.karsilastirma .rw > div.bas{background:transparent;color:#fff;font-size:22px;font-weight:800;letter-spacing:-.02em;padding-top:28px;padding-bottom:20px}
.karsilastirma .rw > div.bas svg{width:30px;height:30px}
.karsilastirma .rw > div .ikon{color:#fff}

/* Çözüm kartları */
.cozumler{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:64px}
.cozum{padding:26px 24px;display:flex;flex-direction:column;gap:14px;border-radius:var(--r2)}
.cozum h3{font-size:24px;letter-spacing:-.03em}
.cozum p{font-size:15.5px;color:var(--ikincil);line-height:1.55}
.cozum .etiketler{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.cozum .alt-not{font-size:14px;font-weight:700}
/* çözüm kartları: başlıklar mürekkep (Zirve paleti), renk yalnız etiketlerde */
.c-mavi h3,.c-mor h3,.c-yesil h3,.c-turuncu h3{color:var(--murekkep)}.c-mavi .alt-not,.c-mor .alt-not,.c-yesil .alt-not,.c-turuncu .alt-not{color:var(--soluk)}
.cozum .btn{margin-top:8px}

/* Koyu bant */
.koyu-bant{position:relative;background:var(--lacivert);color:#fff;overflow:hidden}
.koyu-bant .cizgiler{position:absolute;inset:0;color:var(--vurgu);opacity:.3;pointer-events:none}
.koyu-bant .cizgiler svg{width:100%;height:100%}
.koyu-bant .ic{position:relative}
.koyu-bant h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em}
.koyu-bant .alt-bas{margin-top:64px}
.guven-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.guven-izgara li{border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:18px;background:rgba(255,255,255,.03)}
.guven-izgara li .ikon{width:26px;height:26px;color:var(--vurgu-acik);margin-bottom:12px}
.guven-izgara li b{display:block;font-size:15.5px;margin-bottom:4px}
.guven-izgara li span{font-size:14px;color:rgba(255,255,255,.72);line-height:1.5}
.entegrasyon-izgara{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.entegrasyon-izgara li{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 16px;font-size:14.5px;font-weight:600;background:rgba(255,255,255,.04)}
.entegrasyon-izgara li .ikon{color:var(--vurgu-acik)}
.koyu-bant .logo-isaret{position:absolute;right:24px;top:-6px;width:68px;height:68px}

/* Son çağrı */
.son-cagri{position:relative;overflow:hidden;padding:120px 0 110px}
.son-cagri .cizgiler{position:absolute;right:0;top:0;bottom:0;width:56%;color:var(--vurgu);opacity:.45;pointer-events:none}
.son-cagri .ic{position:relative}
.son-cagri .h1{max-width:820px}
.son-cagri .giris-yazi{max-width:560px}
.son-cagri .dugmeler{margin-top:40px}
.olgular{display:flex;gap:36px;flex-wrap:wrap;margin-top:44px}
.olgular li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ikincil);max-width:260px;line-height:1.45}
.olgular li .kutu{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--cizgi);display:grid;place-items:center;color:var(--marka);flex:0 0 auto}
.slogan-bant{position:relative;overflow:hidden;padding:56px 0 64px;text-align:center;background:var(--zemin)}
.slogan-bant::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 120%,transparent 0 22px,rgba(255,90,31,.12) 22px 23px);pointer-events:none}
.slogan-bant p{position:relative;font-size:clamp(40px,7vw,96px);font-weight:800;letter-spacing:-.05em;line-height:1}

/* ── Alt bilgi ── */
.alt{background:#fff;border-top:1px solid var(--cizgi);padding:88px 0 0}
.alt-izgara{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:28px}
.alt-marka p{font-size:15px;color:var(--ikincil);line-height:1.6;margin-top:18px;max-width:300px}
.alt-iletisim{margin-top:20px;display:grid;gap:10px;font-size:14.5px;color:var(--ikincil)}
.alt-iletisim a,.alt-iletisim span{display:inline-flex;gap:8px;align-items:center}
.alt-iletisim .ikon{width:16px;height:16px;color:var(--marka)}
.alt-iletisim a:hover{color:var(--vurgu-k)}
.alt .alt-baslik{font-size:15.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:20px;color:var(--murekkep)}
.alt ul li + li{margin-top:12px}
.alt ul a{font-size:14.5px;color:var(--ikincil);line-height:1.45}
.alt ul a:hover{color:var(--vurgu-k)}
.dev-yazi{margin-top:72px;user-select:none;pointer-events:none}
.dev-yazi img{display:block;width:100%;max-width:1180px;height:auto;margin:0 auto}
.alt-cizgi{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:26px 0 30px;border-top:1px solid var(--cizgi);font-size:14px;color:var(--soluk)}
.alt-cizgi nav{display:flex;gap:24px;flex-wrap:wrap}
.alt-cizgi a:hover{color:var(--murekkep)}

/* ── İç sayfalar ── */
.sayfa-bas{padding:96px 0 40px;text-align:center}
.sayfa-bas .h1{font-size:clamp(40px,5.6vw,72px)}
.ozellik-bolum{padding:72px 0;border-top:1px solid var(--cizgi)}
.ozellik-bolum:first-of-type{border-top:0}
.ozellik-bolum .bas-sol{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:end;margin-bottom:40px}
.ozellik-bolum .bas-sol .adim-etiket{margin-bottom:16px}
.ozellik-bolum .bas-sol p{color:var(--ikincil);font-size:18px}
.ozellik-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ozellik-izgara.iki{grid-template-columns:repeat(2,1fr)}
.oz-kart{padding:26px;border-radius:var(--r2);scroll-margin-top:110px}
.oz-kart .kutu{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--marka-a);color:var(--marka);margin-bottom:18px}
.oz-kart .kutu .ikon{width:22px;height:22px}
.oz-kart h3{font-size:21px;letter-spacing:-.025em;margin-bottom:10px}
.oz-kart p{font-size:15.5px;color:var(--ikincil);line-height:1.6}
.oz-kart ul{margin-top:16px;display:grid;gap:9px}
.oz-kart li{display:flex;gap:10px;font-size:14.5px;color:var(--ikincil);line-height:1.5}
.oz-kart li .ikon{width:17px;height:17px;color:var(--vurgu-y);margin-top:3px}
.oz-kart .yeni{float:right}
.hedef-sayfa{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;padding:80px 0;border-top:1px solid var(--cizgi);scroll-margin-top:90px}
.hedef-sayfa:first-of-type{border-top:0}
.hedef-sayfa .sol .adim-etiket{font-size:20px}
.hedef-sayfa .sol h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.04em;margin:16px 0}
.hedef-sayfa .sol p{color:var(--ikincil);font-size:17.5px}
.hedef-sayfa .sol .btn{margin-top:26px}
.sorun-cozum{display:grid;gap:14px}
.sorun-cozum .kart{padding:22px 24px;border-radius:var(--r2)}
.sorun-cozum b{display:flex;align-items:center;gap:10px;font-size:16.5px;margin-bottom:6px}
.sorun-cozum b .ikon{color:var(--vurgu-y)}
.sorun-cozum p{font-size:15.5px;color:var(--ikincil)}

/* Fiyatlandırma */
.kredi-adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.kredi-adim{padding:28px;border-radius:var(--r2)}
.kredi-adim .no{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--marka);color:#fff;font-weight:800;margin-bottom:18px}
.kredi-adim h3{font-size:21px;margin-bottom:8px}
.kredi-adim p{color:var(--ikincil);font-size:15.5px}
.planlar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;align-items:stretch}
.plan{padding:30px 28px;border-radius:var(--r2);display:flex;flex-direction:column;gap:14px}
.plan .ust-ad{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.plan h3{font-size:30px;letter-spacing:-.035em}
.plan .aciklama{color:var(--ikincil);font-size:15.5px}
.plan ul{display:grid;gap:10px;margin:8px 0 6px}
.plan li{display:flex;gap:10px;font-size:15px;color:var(--ikincil);line-height:1.5}
.plan li .ikon{width:17px;height:17px;color:var(--vurgu-y);margin-top:3px}
.plan .btn{margin-top:auto}
.plan.one{border:2px solid var(--marka);box-shadow:0 24px 60px rgba(17,17,17,.14)}
.plan.one .ust-ad{color:var(--vurgu-k)}
.plan.koyu{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}
.plan.koyu .ust-ad{color:var(--vurgu-acik)}.plan.koyu .aciklama,.plan.koyu li{color:rgba(255,255,255,.8)}.plan.koyu li .ikon{color:var(--vurgu-acik)}.plan.koyu li a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}
.harcama-tablo{width:100%;border-collapse:separate;border-spacing:0;margin-top:40px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r2);overflow:hidden;font-size:15.5px}
.harcama-tablo th,.harcama-tablo td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--cizgi);vertical-align:top}
.harcama-tablo th{font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--soluk);background:var(--krem)}
.harcama-tablo tr:last-child td{border-bottom:0}
.harcama-tablo td:first-child{font-weight:650;width:30%}
.harcama-tablo td{color:var(--ikincil)}
.sss{max-width:860px;margin:56px auto 0}
.sss details{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:0 24px}
.sss details + details{margin-top:12px}
.sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-weight:650;font-size:17px}
.sss summary::-webkit-details-marker{display:none}
.sss summary .ikon{transition:transform .2s;color:var(--vurgu-y)}
.sss details[open] summary .ikon{transform:rotate(45deg)}
.sss details p{padding:0 0 22px;color:var(--ikincil);font-size:16px}

/* Hakkımızda / iletişim */
.ilke-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.iletisim-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.iletisim-kart{padding:28px;border-radius:var(--r2)}
.iletisim-kart .kutu{width:44px;height:44px;border-radius:12px;background:var(--marka-a);color:var(--marka);display:grid;place-items:center;margin-bottom:18px}
.iletisim-kart h3{font-size:19px;margin-bottom:6px}
.iletisim-kart p,.iletisim-kart a{color:var(--ikincil);font-size:16px}
.iletisim-kart a{font-weight:650;color:var(--vurgu-k)}
.kunye{max-width:860px;margin:48px auto 0;padding:28px 32px;border-radius:var(--r2);font-size:15.5px;color:var(--ikincil)}
.kunye dl{display:grid;grid-template-columns:200px 1fr;gap:10px 20px;margin:0}
.kunye dt{font-weight:650;color:var(--murekkep)}
.kunye dd{margin:0}

/* Yasal metin */
.yasal{max-width:820px;margin:0 auto;padding:24px 0 96px}
.yasal .tarih{color:var(--soluk);font-size:15px;margin-bottom:32px}
.yasal h2{font-size:24px;letter-spacing:-.025em;margin:40px 0 12px}
.yasal p,.yasal li{font-size:16.5px;color:var(--ikincil);line-height:1.7}
.yasal p + p{margin-top:12px}
.yasal ul{list-style:disc;padding-left:22px;margin-top:10px}
.yasal li + li{margin-top:6px}
.yasal a{color:var(--vurgu-k);font-weight:600}
.yasal strong{color:var(--murekkep)}

.bulunamadi{min-height:60vh;display:grid;place-items:center;text-align:center;padding:96px 0}
.bulunamadi .kod{font-size:clamp(90px,16vw,180px);font-weight:850;letter-spacing:-.06em;line-height:1}

/* ── Duyarlı ── */
@media (max-width:1260px){.menu-dugme,.menu > li > a{padding:10px 9px;font-size:15px}.ust-sag .giris{padding:10px 10px}}
@media (max-width:1040px){.menu,.ust-sag .giris,.ust-sag .btn{display:none}.mobil-dugme{display:inline-flex}}
@media (max-width:1180px){.menu{gap:0}.menu-dugme,.menu > li > a{padding:10px 7px;font-size:14.5px}.menu-dugme .ikon{width:14px;height:14px}.ust-sag{gap:4px}.ust-sag .btn{padding:0 16px;font-size:15px}.ust-ic .logo img{width:118px;height:auto}}
@media (max-width:1120px){
  .cozumler{grid-template-columns:repeat(2,1fr)}
  .guven-izgara{grid-template-columns:repeat(2,1fr)}
  .alt-izgara{grid-template-columns:1fr 1fr 1fr}
  .alt-marka{grid-column:1/-1}
}
@media (max-width:980px){
  .son-cagri .cizgiler{opacity:.25;width:100%}
  .menu,.ust-sag .giris,.ust-sag .btn{display:none}
  .mobil-dugme{display:inline-flex}
  .ust-ic{justify-content:space-between}
  .panel{display:none}
  .vitrin{grid-template-columns:1fr}
  .vitrin-yan.once{border-right:0;border-bottom:1px solid var(--cizgi)}
  .kaynaklar{grid-template-columns:1fr;gap:40px}
  .dongu{grid-template-columns:1fr}
  .dongu-sag{border-left:0;border-top:1px solid var(--cizgi)}
  .iki-kart,.uc-kart{grid-template-columns:1fr}
  .yan-yana,.halka-alan{grid-template-columns:1fr;gap:36px}
  .ozellik-izgara{grid-template-columns:repeat(2,1fr)}
  .ozellik-bolum .bas-sol{grid-template-columns:1fr;gap:12px}
  .hedef-sayfa{grid-template-columns:1fr;gap:32px}
  .kredi-adimlar,.planlar,.ilke-izgara,.iletisim-izgara{grid-template-columns:1fr}
  .bolum{padding:88px 0}
}
@media (max-width:680px){
  body{font-size:16px}
  .ic{padding:0 16px}
  .duyuru .ic{font-size:13px;gap:10px;flex-wrap:wrap}
  .ust-ic{height:66px}
  .logo img{height:23px}
  .kahraman{padding-top:64px}
  .kahraman .dugmeler .btn{width:100%}
  .vitrin{margin-top:48px;border-radius:20px}
  .vitrin-yan{padding:24px 18px}
  .vitrin-bas .vb{font-size:26px}
  .mini-tablo th:nth-child(3),.mini-tablo td:nth-child(3){display:none}
  .kaynak-izgara{grid-template-columns:1fr 1fr}
  .kaynak-izgara li{border-right:1px solid var(--cizgi)!important;border-bottom:1px solid var(--cizgi)!important;padding:16px 14px;font-size:14px}
  .kaynak-izgara li:nth-child(2n){border-right:0!important}
  .dongu-sol{padding:34px 22px 30px}
  .hat{margin-top:96px;grid-template-columns:repeat(4,1fr)}
  .hat::before{left:-22px;right:-22px}
  .hat li{font-size:13px}
  .hat .nokta{width:38px;height:38px;font-size:14px}
  .hat .uyari-baloncuk{font-size:11.5px;padding:5px 8px;left:0;transform:none;bottom:calc(100% + 40px)}
  .hat .koprü{bottom:66px}
  .hat .koprü span{font-size:11.5px}
  .dongu-sag{padding:24px 18px}
  .ozellik{padding:20px}
  .ozellik .ekran{padding:14px;min-height:0}
  .eylem-merkezi{padding:18px}
  .eylem-merkezi .ozet{grid-template-columns:1fr 1fr;gap:14px}
  .firsat-liste li{grid-template-columns:36px 1fr auto;gap:10px;padding:12px}
  .firsat-liste li .etiket{display:none}
  .halka .dugum{font-size:12.5px;padding:6px 10px}
  .halka .merkez{width:84px;height:84px;border-radius:22px}.halka .merkez svg{width:44px;height:44px}
  .karsilastirma{grid-template-columns:1fr;gap:14px;margin-top:40px}
  .karsilastirma .sutun{border-radius:16px!important;border:1px solid var(--cizgi)!important}
  .karsilastirma .rw{margin:0;order:-1}
  .cozumler{grid-template-columns:1fr}
  .guven-izgara{grid-template-columns:1fr}
  .koyu-bant .logo-isaret{display:none}
  .son-cagri{padding:80px 0}
  .olgular{gap:18px}
  .alt{padding-top:56px}
  .alt-izgara{grid-template-columns:1fr 1fr;gap:28px}
  .ozellik-izgara,.ozellik-izgara.iki{grid-template-columns:1fr}
  .kunye dl{grid-template-columns:1fr;gap:2px}
  .kunye dd{margin-bottom:10px}
  .harcama-tablo th,.harcama-tablo td{padding:12px 14px;font-size:14.5px}
  .sayfa-bas{padding:64px 0 24px}
}
/* ── İç sayfa şablonu (özellik / çözüm / entegrasyon) ── */
.kirinti{margin-bottom:36px;font-size:14px;color:var(--soluk)}
.kirinti ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.kirinti li{display:inline-flex;align-items:center;gap:6px}
.kirinti li + li::before{content:"/";color:var(--silik)}
.kirinti a{color:var(--ikincil)}.kirinti a:hover{color:var(--vurgu-k)}
.kirinti span[aria-current]{color:var(--murekkep);font-weight:600}
.ic-sayfa{padding:56px 0 72px}
.ic-sayfa .h1{margin-top:22px;font-size:clamp(38px,5.2vw,66px)}
.ic-sayfa .dugmeler{margin-top:32px}
.sayfa-ekran{max-width:820px;margin:60px auto 0}
.ekran-cerceve{background:var(--krem);border:1px solid var(--cizgi);border-radius:var(--r3);padding:22px;box-shadow:var(--golge2)}
.ekran-cerceve .ornek-not{margin-top:12px}
.ekran-cerceve .vitrin-alt{margin-top:12px}
.metin-bolum{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.icerik-metin p{font-size:18px;line-height:1.7;color:var(--ikincil)}
.icerik-metin p + p,.icerik-metin p + ul,.icerik-metin ul + p{margin-top:16px}
.icerik-metin ul{display:grid;gap:10px}
.icerik-metin li{display:flex;gap:10px;font-size:17px;color:var(--ikincil);line-height:1.6}
.icerik-metin li .ikon{width:18px;height:18px;color:var(--vurgu-y);margin-top:4px}
.icerik-metin a,.giris-yazi a,.kredi-adim p a,.oz-kart p a,.sss p a{color:var(--vurgu-k);font-weight:600;text-decoration:underline;text-decoration-color:var(--vurgu-b);text-underline-offset:3px}
.icerik-metin a:hover,.giris-yazi a:hover,.kredi-adim p a:hover,.oz-kart p a:hover,.sss p a:hover{text-decoration-color:var(--vurgu-k)}
.icerik-metin strong{color:var(--murekkep)}
ol.kredi-adimlar{list-style:none;padding:0;margin:48px 0 0}
.kredi-adimlar.adim-4{grid-template-columns:repeat(4,1fr)}
.bag-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.bag-izgara.iki-sutun{grid-template-columns:repeat(2,1fr)}
.ozellik h3 a,.cozum h3 a,.metin h3 a,.h3 a{color:inherit}
.ozellik h3 a:hover,.cozum h3 a:hover,.metin h3 a:hover,.h3 a:hover{text-decoration:underline;text-decoration-color:var(--marka-c);text-underline-offset:4px}
.kaynak-izgara li a{display:flex;align-items:center;gap:10px;width:100%;height:100%}
.kaynak-izgara li:has(a):hover{background:var(--krem)}
.entegrasyon-izgara li a{display:inline-flex;align-items:center;gap:10px}
.entegrasyon-izgara li:has(a):hover{border-color:rgba(255,255,255,.4)}
.koyu-bant h2 a{color:inherit}
.bag-kart{padding:24px;border-radius:var(--r2);display:flex;flex-direction:column;gap:8px;transition:transform .15s,box-shadow .15s,border-color .15s}
.bag-kart:hover{transform:translateY(-2px);border-color:var(--vurgu-b);box-shadow:var(--golge2)}
.bag-kart .kutu{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--marka-a);color:var(--marka);margin-bottom:8px}
.bag-kart .kutu.logolu{background:#fff;border:1px solid var(--cizgi)}.bag-kart .kutu .marka-logo{width:24px;height:24px}
.bag-kart b{font-size:18px;letter-spacing:-.02em}
.bag-kart > span:not(.kutu):not(.ok-bag){font-size:15px;color:var(--ikincil);line-height:1.55}
.bag-kart .ok-bag{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-weight:650;font-size:14.5px;color:var(--vurgu-k)}
.bag-kart .ok-bag .ikon{width:16px;height:16px;transition:transform .15s}
.bag-kart:hover .ok-bag .ikon{transform:translateX(3px)}
.son-cagri.kucuk{padding:96px 0}
.son-cagri.kucuk .h2{max-width:760px}
.merkez-grup{padding:72px 0;border-top:1px solid var(--cizgi);scroll-margin-top:100px}
.merkez-grup:first-of-type{border-top:0}
.merkez-grup .bas-sol{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:end}
.merkez-grup .bas-sol p{color:var(--ikincil);font-size:18px}
.merkez-grup .bas-sol .adim-etiket{margin-bottom:16px}

/* Örnek ekranlar (iç sayfalar) */
.kumeler{display:grid;gap:10px}
.kume{background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px}
.kume.secili{border-color:var(--marka-b);background:var(--marka-a)}
.kume b{display:block;font-size:14px;margin-bottom:8px}
.kume div{display:flex;flex-wrap:wrap;gap:6px}
.kume span{font-size:12.5px;background:#fff;border:1px solid var(--cizgi);border-radius:999px;padding:3px 10px}
.sihirbaz-adim{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sihirbaz-adim li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:10px 12px}
.sihirbaz-adim .no{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--zemin);color:var(--soluk)}
.sihirbaz-adim .no .ikon{width:15px;height:15px}
.sihirbaz-adim li.tamam .no{background:var(--yesil-a);color:var(--yesil)}
.sihirbaz-adim li.simdi{border-color:var(--marka);box-shadow:0 0 0 3px var(--marka-a)}
.sihirbaz-adim li.simdi .no{background:var(--marka);color:#fff}
.sihirbaz-adim b{display:block;font-size:14px}.sihirbaz-adim span{font-size:12.5px;color:var(--soluk)}
.satirlar.uc li{grid-template-columns:1fr auto}
.satirlar .ad small{display:block;font-weight:500;font-size:12px;color:var(--soluk);margin-top:2px}
.ilerleme.genis{width:90px}
.saglik{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center}
.skor{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--vurgu) 0 86%,var(--marka-a) 86% 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.skor::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}
.skor b,.skor span{position:relative}.skor b{font-size:34px;letter-spacing:-.03em;line-height:1}.skor span{font-size:12px;color:var(--soluk)}
.saglik ul li{display:flex;align-items:center;gap:10px;font-size:13.5px;padding:8px 0;border-bottom:1px dashed var(--cizgi)}
.saglik ul li:last-child{border-bottom:0}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.kpi div{background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:10px 12px}
.kpi small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
.kpi b{display:block;font-size:20px;letter-spacing:-.02em;margin:2px 0 6px;font-variant-numeric:tabular-nums}
.mini-grafik{margin-top:10px;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:12px}
.mini-grafik .cubuk{height:72px;gap:6px}.mini-grafik .cubuk i{flex:1;width:auto}
.takvim-mini{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px}
.takvim-mini i{height:34px;border-radius:8px;background:#fff;border:1px solid var(--cizgi);font-style:normal;font-size:11.5px;font-weight:700;display:grid;place-items:center;color:var(--marka-k)}
.takvim-mini i.dolu{background:var(--vurgu-a);border-color:var(--vurgu-b)}
.sohbet{display:grid;gap:10px}
.sohbet p{margin:0;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.5;max-width:88%}
.sohbet .ben{justify-self:end;background:var(--marka);color:#fff;border-bottom-right-radius:4px}
.sohbet .o{background:#fff;border:1px solid var(--cizgi);border-bottom-left-radius:4px}
.sohbet .eylem-hap{justify-self:start}
.baglanti{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 0 22px}
.baglanti .kutu{width:64px;height:64px;border-radius:18px;background:#fff;border:1px solid var(--cizgi);display:grid;place-items:center;box-shadow:var(--golge)}
.baglanti .kutu svg{width:40px;height:40px}
.baglanti .kutu.hizmet{color:var(--marka)}.baglanti .kutu.hizmet .ikon{width:28px;height:28px}
.baglanti .cizgi-ok{width:120px;height:2px;background:repeating-linear-gradient(90deg,var(--vurgu) 0 6px,transparent 6px 12px)}
@media (max-width:980px){
  .metin-bolum{grid-template-columns:1fr;gap:18px}
  .bag-izgara{grid-template-columns:repeat(2,1fr)}
  .kredi-adimlar.adim-4{grid-template-columns:1fr 1fr}
  .merkez-grup .bas-sol{grid-template-columns:1fr;gap:12px}
}
@media (max-width:680px){
  .bag-izgara,.kredi-adimlar.adim-4{grid-template-columns:1fr}
  .kpi{grid-template-columns:1fr 1fr}
  .saglik{grid-template-columns:1fr;justify-items:center}
  .saglik ul{width:100%}
  .ic-sayfa{padding:36px 0 48px}
  .kirinti{margin-bottom:24px;font-size:13px}
  .sayfa-ekran{margin-top:40px}
  .ekran-cerceve{padding:14px;border-radius:20px}
  .son-cagri.kucuk{padding:72px 0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Döngü halkası düğüm konumları (elips üzerinde 60°'lik adımlar) */
.halka .d1{left:16.3%;top:29%}.halka .d2{left:50%;top:8%}.halka .d3{left:83.7%;top:29%}.halka .d4{left:83.7%;top:71%}.halka .d5{left:50%;top:92%}.halka .d6{left:16.3%;top:71%}

/* ── Çerez bandı (yalnız ölçüm kodu tanımlıysa) ── */
.cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:560px;margin-left:auto;background:#fff;border:1px solid var(--cizgi);border-radius:16px;box-shadow:var(--golge2);padding:18px 20px;display:flex;flex-direction:column;gap:14px;font-size:14.5px;line-height:1.55;color:var(--ikincil)}
.cerez[hidden]{display:none}
.cerez a{color:var(--vurgu-k);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cerez-dugmeler{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.cerez-dugmeler .btn{height:42px;padding:0 18px;font-size:15px}
.cerez-ac{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.cerez-ac:hover{color:var(--murekkep)}

/* ── İletişim formu ── */
.form-kart{padding:32px}
.form-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.form-izgara .tam{grid-column:1/-1}
.form-alan label{display:block;font-size:14px;font-weight:650;color:var(--murekkep);margin-bottom:7px}
.form-alan input,.form-alan select,.form-alan textarea{width:100%;font:inherit;font-size:16px;color:var(--murekkep);background:#fff;border:1px solid var(--cizgi2);border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}
.form-alan textarea{min-height:150px;resize:vertical}
.form-alan input:focus,.form-alan select:focus,.form-alan textarea:focus{outline:none;border-color:var(--murekkep);box-shadow:0 0 0 4px rgba(255,90,31,.18)}
.form-onay{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ikincil)}.form-onay input{width:18px;height:18px;margin-top:2px;accent-color:#111}
.form-onay a{color:var(--vurgu-k);font-weight:600}
.tuzak{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-mesaj{border-radius:12px;padding:14px 16px;font-size:15px;font-weight:600;margin-bottom:18px}
.form-mesaj.ok{background:#e6f4ea;color:#146c2e}.form-mesaj.hata{background:#fdecea;color:#8c1d14}
@media (max-width:700px){.form-izgara{grid-template-columns:1fr}.form-kart{padding:22px}}

/* ── Modül slayt hikâyesi (hikayeler.php + site.js). JS yoksa adımlar alt alta; "hk-js" ile tek adım + sekmeler. ── */
.sayfa-hikaye{max-width:1000px;margin:56px auto 0}
.hikaye{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r3);box-shadow:var(--golge2);overflow:hidden;text-align:left}
.hk-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--cizgi)}
.hk-ust b{font-size:15px}
.hk-adimlar{display:none}
.hk-sahne{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center;padding:30px 24px}
.hk-sahne + .hk-sahne{border-top:1px solid var(--cizgi)}
.hk-sahne[hidden]{display:none}
.hk-metin{display:grid;gap:12px;align-content:center}
.hk-no{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vurgu-k)}
.hk-baslik{font-size:28px;line-height:1.12;letter-spacing:-.025em}
.hk-metin p{font-size:16.5px;color:var(--ikincil);line-height:1.6}
.hk-metin p a{color:var(--vurgu-k);font-weight:600;text-decoration:underline;text-decoration-color:var(--vurgu-b);text-underline-offset:3px}
.hk-gorsel{position:relative;background:var(--krem);border:1px solid var(--cizgi);border-radius:var(--r2);padding:20px;display:grid;gap:12px;min-height:280px;align-content:center}
.hk-kontrol{display:none}
.hikaye.hk-js .hk-adimlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;padding:16px 24px 0}
.hk-adimlar button{position:relative;text-align:left;padding:0 0 14px;font-size:14px;font-weight:600;color:var(--soluk);line-height:1.3;min-width:0}
.hk-adimlar button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--cizgi)}
.hk-dolgu{position:absolute;left:0;bottom:0;height:3px;width:0;border-radius:2px;background:var(--vurgu);z-index:1}
.hk-adimlar button.goruldu .hk-dolgu{width:100%;background:var(--murekkep)}
.hk-adimlar button[aria-selected="true"] .hk-dolgu{animation:hk-ilerle var(--sure,7s) linear forwards}
.hikaye.durdu .hk-adimlar button[aria-selected="true"] .hk-dolgu{animation-play-state:paused}
@keyframes hk-ilerle{from{width:0}to{width:100%}}
.hk-adimlar button span{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);margin-bottom:2px}
.hk-adimlar button[aria-selected="true"]{color:var(--murekkep)}
.hk-adimlar button[aria-selected="true"] span{color:var(--vurgu-k)}

.hikaye.hk-js .hk-sahne + .hk-sahne{border-top:0}
.hikaye.hk-js .hk-sahne{min-height:340px}
.hikaye.hk-js .hk-kontrol{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 24px;border-top:1px solid var(--cizgi)}
.hk-sayac{font-size:14px;color:var(--soluk);font-variant-numeric:tabular-nums}
.hk-dugmeler{display:flex;gap:8px}
.hk-dugmeler .btn{width:40px;padding:0}
.hk-oynat{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--cizgi2);background:#fff;font-weight:650;font-size:14.5px}
.hk-oynat:hover{border-color:var(--murekkep)}
.hk-oynat .ikon{width:16px;height:16px}
.hk-oynat .o-ikon,.hikaye.kullanici-durdu .hk-oynat .d-ikon{display:none}
.hikaye.kullanici-durdu .hk-oynat .o-ikon{display:block}
.hikaye.hk-js .hk-kontrol .hk-sayac{margin-right:auto}
.ikon.ters{transform:rotate(180deg)}
.hk-kart{background:#fff;border:1px solid var(--cizgi);border-radius:14px;overflow:hidden}
.hk-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-size:14.5px}
.hk-satir + .hk-satir{border-top:1px solid var(--cizgi)}
.hk-satir b{display:block;font-weight:650}
.hk-satir small{display:block;font-size:12.5px;color:var(--soluk)}
.hk-not{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ikincil)}
.hk-not .ikon{width:16px;height:16px;color:var(--vurgu-y);flex:none}
.hk-not em{font-style:normal;color:var(--soluk)}
.hk-serp{background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px;display:grid;gap:2px}
.hk-serp .adr{font-size:12px;color:var(--soluk)}
.hk-serp .bas{font-size:16.5px;color:#1a0dab;line-height:1.3}
.hk-serp .ack{font-size:13px;color:var(--ikincil)}
.hk-serp.eski{opacity:.6}
.hk-serp.eski .bas{text-decoration:line-through;text-decoration-color:var(--kirmizi)}
.hk-eylem{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hk-eylem.ic{padding:12px 14px;border-top:1px solid var(--cizgi)}
.hk-eylem .btn{pointer-events:none}
.hk-mini{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--soluk)}
.hk-mini .ikon{width:14px;height:14px;color:var(--yesil)}
.hk-grafik{padding:12px 14px}
.hk-grafik svg{width:100%;height:auto}
.hk-grafik .ek{stroke:var(--cizgi2)} .hk-grafik .ayrac{stroke:var(--silik);stroke-dasharray:3 4}
.hk-grafik .once{fill:none;stroke:var(--silik);stroke-width:2} .hk-grafik .sonra{fill:none;stroke:var(--vurgu-y);stroke-width:2.5}
.hk-grafik text{font:11px "Figtree",sans-serif;fill:var(--soluk)} .hk-grafik .t-sonra{fill:var(--vurgu-k);font-weight:700}
.hk-girdi{display:flex;align-items:center;gap:10px;margin:12px 14px 0;padding:10px 12px;border:1px solid var(--cizgi2);border-radius:10px;font-size:15px}
.hk-girdi .ikon{width:18px;height:18px;color:var(--soluk)}
.hk-veya{font-size:12px;color:var(--soluk);text-align:center;padding:6px 0}
.hk-girdi ~ .hk-satir{margin-top:10px;border-top:1px solid var(--cizgi)}
.hk-cip{display:inline-flex;align-items:center;font-size:12.5px;font-weight:650;padding:4px 10px;border-radius:999px;background:var(--bant);color:var(--ikincil)}
.hk-cip.on{background:var(--murekkep);color:#fff}
.hk-girdi .hk-cip{margin-left:auto}
.hk-cipler{display:flex;flex-wrap:wrap;gap:6px}
.hk-tablo{font-size:13.5px}
.hk-th,.hk-tr{display:grid;grid-template-columns:minmax(0,1.6fr) .7fr .9fr .9fr;gap:10px;align-items:center;padding:10px 14px}
.hk-th{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--soluk);background:var(--krem)}
.hk-tr + .hk-tr,.hk-th + .hk-tr{border-top:1px solid var(--cizgi)}
.hk-tr span:nth-child(2){font-variant-numeric:tabular-nums;font-weight:650}
.hk-cubuk{display:flex;align-items:flex-end;gap:2px;height:28px}
.hk-cubuk i{display:block;width:5px;border-radius:2px;background:var(--vurgu-b)}
.hk-cubuk i:last-child{background:var(--vurgu-y)}
.hk-secenekler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hk-secenek{background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:12px;display:grid;gap:2px}
.hk-secenek b{font-size:14px} .hk-secenek small{font-size:12px;color:var(--soluk)}
.hk-secenek.on{border-color:var(--murekkep);box-shadow:0 0 0 1px var(--murekkep)}
.hk-sayi{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.hk-editor{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;padding:14px}
.hk-cizgiler{display:grid;gap:8px;align-content:start}
.hk-cizgiler i{display:block;height:8px;border-radius:4px;background:var(--bant)}
.hk-cizgiler i.h{height:14px;width:80%;background:var(--marka-b)} .hk-cizgiler i.h2{height:11px;width:55%;margin-top:6px;background:var(--marka-b)} .hk-cizgiler i.k{width:70%}
.hk-puan{display:grid;gap:6px;align-content:start;border-left:1px solid var(--cizgi);padding-left:14px}
.hk-puan b{font-size:34px;line-height:1;color:var(--yesil)} .hk-puan small{font-size:12px;color:var(--soluk)}
.hk-puan span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ikincil)}
.hk-puan .ikon{width:14px;height:14px;color:var(--yesil)} .hk-puan .uyar .ikon{color:var(--turuncu)}
@keyframes hk-gir{from{transform:translateY(6px);opacity:.01}to{transform:none;opacity:1}}
@media (max-width:760px){
  .sayfa-hikaye{margin-top:36px}
  .hk-sahne{grid-template-columns:1fr;gap:18px;padding:22px 18px}
  .hikaye.hk-js .hk-sahne{min-height:0}
  .hk-baslik{font-size:23px}
  .hk-ust,.hikaye.hk-js .hk-kontrol{padding-left:18px;padding-right:18px}
  .hikaye.hk-js .hk-adimlar{padding:14px 18px 0;gap:6px}
  .hk-adimlar button{font-size:0;padding-bottom:10px}
  .hk-adimlar button span{font-size:11px;margin:0}
  .hk-gorsel{min-height:0;padding:14px}
  .hk-th,.hk-tr{grid-template-columns:minmax(0,1.5fr) .8fr 1fr}
  .hk-th span:nth-child(3),.hk-tr .hk-cubuk{display:none}
  .hk-editor{grid-template-columns:1fr} .hk-puan{border-left:0;padding-left:0;border-top:1px solid var(--cizgi);padding-top:10px}
}

/* Slayt varsa uzun anlatım tek açılır bölümde */
.ayrinti{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r2);padding:0 28px}
.ayrinti summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0}
.ayrinti summary::-webkit-details-marker{display:none}
.ayrinti summary b{display:block;font-size:19px}
.ayrinti summary small{display:block;font-size:14px;color:var(--soluk);margin-top:2px}
.ayrinti summary .ikon{flex:none;width:22px;height:22px;color:var(--vurgu-y);transition:transform .2s}
.ayrinti[open] summary .ikon{transform:rotate(45deg)}
.ayrinti .metin-bolum{padding:28px 0;border-top:1px solid var(--cizgi)}
.ayrinti-bolum{padding:56px 0}
@media (max-width:680px){.ayrinti{padding:0 18px}.ayrinti .metin-bolum{padding:20px 0}}

/* ── Ücretsiz araçlar ── */
.iki-arac{grid-template-columns:repeat(2,minmax(0,1fr))}
.arac{max-width:1080px;margin:48px auto 0;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;text-align:left}
.arac-form,.arac-sonuc{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r2);padding:22px;box-shadow:var(--golge);display:grid;gap:16px;align-content:start;min-width:0}
.arac-alan{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:baseline}
.arac-alan label{font-size:14.5px;font-weight:650}
.arac-alan label small{font-weight:500;color:var(--soluk)}
.arac-alan input,.arac-alan textarea{grid-column:1/-1}
.arac input,.arac textarea{width:100%;font:inherit;font-size:16px;color:var(--murekkep);background:#fff;border:1px solid var(--cizgi2);border-radius:12px;padding:12px 14px;line-height:1.45}
.arac textarea{resize:vertical;min-height:96px}
.arac input:focus,.arac textarea:focus{outline:none;border-color:var(--murekkep);box-shadow:0 0 0 3px var(--vurgu-a)}
.arac-sayac{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--soluk)}
.arac-sayac.iyi{color:#087a50} .arac-sayac.orta{color:#a65a00} .arac-sayac.kotu{color:#b4232a}
.arac-gorunum{display:inline-flex;background:var(--bant);border-radius:10px;padding:3px;width:max-content}
.arac-gorunum button{font-size:14px;font-weight:650;padding:7px 14px;border-radius:8px;color:var(--ikincil)}
.arac-gorunum button[aria-pressed="true"]{background:#fff;color:var(--murekkep);box-shadow:0 1px 2px rgba(17,17,17,.12)}
.so{border:1px solid var(--cizgi);border-radius:14px;padding:16px 18px;font-family:Arial,Helvetica,sans-serif;background:#fff}
.so.mobil{max-width:380px}
.so-ust{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.so-simge{width:26px;height:26px;border-radius:50%;background:var(--bant);border:1px solid var(--cizgi);flex:none}
.so-site{display:block;font-size:14px;font-weight:400;color:#202124}
.so-adres{display:block;font-size:12px;color:#4d5156;overflow-wrap:anywhere}
.so-baslik{font-size:20px;line-height:1.3;color:#1a0dab;overflow-wrap:anywhere}
.so.mobil .so-baslik{font-size:18px}
.so-aciklama{font-size:14px;line-height:1.58;color:#4d5156;margin-top:4px;overflow-wrap:anywhere}
.arac-kontrol{display:grid;gap:10px}
.arac-kontrol li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:14.5px}
.arac-kontrol b{display:block;font-weight:650}
.arac-kontrol small{display:block;color:var(--ikincil);font-size:13.5px;line-height:1.5}
.arac-durum{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap;margin-top:1px}
.arac-kontrol .iyi .arac-durum{background:var(--yesil-a);color:#087a50} .arac-kontrol .orta .arac-durum{background:var(--turuncu-a);color:#a65a00} .arac-kontrol .kotu .arac-durum{background:var(--kirmizi-a);color:#b4232a}
.arac-not{font-size:13px;color:var(--soluk)}
.arac-not.orta{text-align:center;margin-top:18px}
.bot-arac{grid-template-columns:1fr;max-width:860px}
.bot-form{display:flex;gap:10px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r2);padding:10px;box-shadow:var(--golge2)}
.bot-form input{border:0;box-shadow:none;padding:12px 10px;font-size:17px}
.bot-form input:focus{box-shadow:none}
.bot-form .btn{flex:none}
.bot-form .btn[disabled]{opacity:.55;cursor:default}
.gizli-etiket{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bot-sonuc{display:grid;gap:14px}
.bot-bekle,.bot-hata{text-align:center;font-size:15px;color:var(--ikincil);padding:10px}
.bot-hata{color:#b4232a}
.bot-ozet{display:grid;gap:4px;padding:16px 18px;border-radius:14px;border:1px solid var(--cizgi);background:#fff}
.bot-ozet b{font-size:18px}
.bot-ozet span{font-size:14.5px;color:var(--ikincil)}
.bot-ozet a{font-size:13px;color:var(--vurgu-k);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.bot-ozet.iyi{border-color:#bfe6d3;background:var(--yesil-a)} .bot-ozet.kotu{border-color:#f5c2c4;background:var(--kirmizi-a)} .bot-ozet.orta{border-color:#f3d7a8;background:var(--turuncu-a)}
.bot-tablo{width:100%;border-collapse:collapse;font-size:14.5px;min-width:540px}
.bot-tablo th{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--soluk);text-align:left;padding:10px 14px;background:var(--krem);border-bottom:1px solid var(--cizgi)}
.bot-tablo td{padding:10px 14px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
.bot-tablo tr:last-child td{border-bottom:0}
.bot-tablo td small{display:block;font-size:12.5px;color:var(--soluk)}
.bot-tablo code{font-size:12.5px;color:var(--ikincil);overflow-wrap:anywhere}
.bot-durum{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.bot-durum.izinli{background:var(--yesil-a);color:#087a50} .bot-durum.engelli{background:var(--kirmizi-a);color:#b4232a} .bot-durum.olculemedi{background:var(--bant);color:var(--ikincil)}
.bot-sonuc .tablo-kap{overflow-x:auto;background:#fff;border:1px solid var(--cizgi);border-radius:14px}
@media (max-width:860px){.arac{grid-template-columns:1fr}.iki-arac{grid-template-columns:1fr}}
@media (max-width:520px){.bot-form{flex-direction:column}.bot-form .btn{width:100%}.bot-tablo{min-width:0}.bot-tablo th:nth-child(4),.bot-tablo td:nth-child(4){display:none}.bot-tablo th,.bot-tablo td{padding:10px}}

/* ── Rehber yazıları ── */
.rehber-ust{max-width:820px;margin:28px auto 0;display:grid;gap:18px;text-align:left}
.rehber-ust .rozet{justify-self:start}
.rehber-ust .h1{font-size:clamp(34px,4.6vw,54px)}
.kunye-satir{font-size:14.5px;color:var(--soluk)}
.kunye-satir.orta{text-align:center;margin-top:18px}
.rehber-govde{padding-top:64px}
.rehber-izgara{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start;max-width:1100px}
.icindekiler{position:sticky;top:110px;display:grid;gap:10px;font-size:14.5px}
.icindekiler p{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.icindekiler ol{display:grid;gap:8px;padding-left:18px;list-style:decimal;color:var(--soluk)}
.icindekiler a{color:var(--ikincil)}
.icindekiler a:hover{color:var(--vurgu-k)}
.yazi{max-width:720px;min-width:0}
.yazi h2{font-size:28px;letter-spacing:-.02em;line-height:1.2;margin:48px 0 14px;scroll-margin-top:110px}
.yazi h2:first-child{margin-top:0}
.yazi p{font-size:18px;line-height:1.75;color:var(--ikincil)}
.yazi p + p,.yazi p + ul,.yazi ul + p{margin-top:16px}
.yazi ul{display:grid;gap:10px;margin-top:14px;padding-left:22px;list-style:disc}
.yazi li{font-size:17.5px;line-height:1.65;color:var(--ikincil)}
.yazi li::marker{color:var(--vurgu-y)}
.yazi a,.kars-kart a,.kars-tablo a{color:var(--vurgu-k);font-weight:600;text-decoration:underline;text-decoration-color:var(--vurgu-b);text-underline-offset:3px}
.yazi strong{color:var(--murekkep)}
.yazi-tablo{margin:28px 0 0}
.yazi-tablo figcaption{font-size:14px;font-weight:650;margin-bottom:10px}
.yazi-tablo table,.kars-tablo table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.yazi-tablo th,.yazi-tablo td,.kars-tablo th,.kars-tablo td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.yazi-tablo thead th,.kars-tablo thead th{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--soluk);background:var(--krem)}
.yazi-tablo tr:last-child td,.kars-tablo tr:last-child td,.kars-tablo tr:last-child th{border-bottom:0}
.yazi-tablo .tablo-kap,.kars-tablo{overflow-x:auto;background:#fff;border:1px solid var(--cizgi);border-radius:14px}
.yazi-sss{margin:14px 0 0;max-width:none}
.kaynakca{margin-top:44px;padding-top:22px;border-top:1px solid var(--cizgi);display:grid;gap:10px;font-size:14.5px}
.kaynakca > p:first-child{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.kaynakca ol{display:grid;gap:6px;padding-left:20px;list-style:decimal;color:var(--soluk)}
.kaynakca a{color:var(--ikincil);text-decoration:underline;text-decoration-color:var(--cizgi2);text-underline-offset:3px;overflow-wrap:anywhere}
.kaynakca .not-satir{font-size:13px;color:var(--soluk);margin-top:8px}
.rehber-izgara-kart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rehber-kart{padding:24px;display:grid;gap:10px;align-content:start;transition:border-color .15s,transform .15s}
.rehber-kart:hover{border-color:var(--murekkep);transform:translateY(-2px)}
.rehber-kart .kutu{width:44px;height:44px;border-radius:12px;background:var(--marka-a);display:grid;place-items:center}
.rehber-kart .kutu .ikon{width:22px;height:22px}
.rehber-kart b{font-size:20px;line-height:1.25;letter-spacing:-.015em}
.rehber-kart span{font-size:15.5px;color:var(--ikincil)}
.rehber-kart small{font-size:13px;color:var(--soluk)}
/* ── Karşılaştırma ── */
.kars-tablo{max-width:1000px;margin:48px auto 0}
.kars-tablo tbody th{font-weight:650;color:var(--murekkep);font-size:15px}
.kars-tablo .biz{background:var(--vurgu-a)}
.kars-tablo thead .biz{color:var(--vurgu-k)}
.kars-iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1000px;margin:0 auto}
.kars-kart{padding:26px;display:grid;gap:14px;align-content:start}
.kars-kart ul{display:grid;gap:10px}
.kars-kart li{display:flex;gap:10px;font-size:16px;color:var(--ikincil);line-height:1.55}
.kars-kart li .ikon{width:18px;height:18px;color:var(--vurgu-y);margin-top:3px;flex:none}
.kars-kaynak{padding-top:24px}
@media (max-width:980px){.rehber-izgara{grid-template-columns:1fr;gap:28px}.icindekiler{position:static;background:var(--krem);border:1px solid var(--cizgi);border-radius:14px;padding:18px}.rehber-izgara-kart{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.rehber-izgara-kart,.kars-iki{grid-template-columns:1fr}.yazi h2{font-size:24px}.yazi p{font-size:17px}}
@media (max-width:680px){
  .kars-tablo table{min-width:0}.kars-tablo thead{display:none}
  .kars-tablo tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--cizgi)}
  .kars-tablo tr:last-child{border-bottom:0}
  .kars-tablo tbody th{grid-column:1/-1;border-bottom:0;padding:14px 14px 4px}
  .kars-tablo td{border-bottom:0;padding:6px 14px 14px;font-size:14px}
  .kars-tablo td::before{content:attr(data-etiket);display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--soluk);margin-bottom:3px}
  .kars-tablo td.biz::before{color:var(--vurgu-k)}
}

/* ── Mini video animasyonları (hikayeler.php'deki data-an dili). Yalnız .hk-js .oyna altında; JS'siz ve "hareketi azalt"ta son hal görünür. ── */
.hk-js .oyna [data-an]{animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both;animation-delay:calc(var(--g,0s) * var(--hiz,1))}
.hk-js .oyna [data-an="gir"]{animation-name:hk-gir}
.hk-js .oyna [data-an="sag"]{animation-name:hk-sag}
.hk-js .oyna [data-an="pop"]{animation-name:hk-pop;animation-duration:.45s}
.hk-js .oyna [data-an="tik"]{animation-name:hk-tik;animation-duration:.5s}
.hk-js .oyna [data-an="sec"]{animation-name:hk-sec;animation-duration:.4s}
.hk-js .oyna .hk-cip[data-an="sec"]{animation-name:hk-cip-sec;animation-duration:.35s}
.hk-js .oyna [data-an="dolu"]{animation-name:hk-dolu;animation-duration:1.1s;transform-origin:left}
.hk-js .oyna [data-an="yatay"]{animation-name:hk-yatay;animation-duration:.6s;transform-origin:left}
.hk-js .oyna [data-an="cubuk"]{animation:none}
.hk-js .oyna [data-an="cubuk"] i{animation:hk-cubuk .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--g,0s) * var(--hiz,1) + var(--i,0) * 55ms);transform-origin:bottom}
.hk-js .oyna [data-an="cizgi"]{stroke-dasharray:420;animation:hk-ciz 1.1s ease-out both;animation-delay:calc(var(--g,0s) * var(--hiz,1))}
.hk-js .oyna [data-an="say"],.hk-js .oyna [data-an="yaz"]{animation:none}
.hk-js .oyna .yaziyor::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:currentColor;animation:hk-imlecyanip .7s steps(1) infinite}
.hk-js .oyna .hk-serp.eski .bas{text-decoration:none;position:relative}
.hk-js .oyna .hk-serp.eski .bas::after{content:"";position:absolute;left:0;right:0;top:55%;height:2px;background:var(--kirmizi);transform-origin:left;animation:hk-yatay .5s ease-out both;animation-delay:calc(.9s * var(--hiz,1))}
.hikaye.kullanici-durdu .oyna [data-an],.hikaye.kullanici-durdu .oyna [data-an] i,.hikaye.kullanici-durdu .oyna .hk-serp.eski .bas::after{animation:none!important}
.hikaye.kullanici-durdu .oyna .hk-imlec{display:none}
.hikaye.durdu .oyna [data-an],.hikaye.durdu .oyna [data-an] i,.hikaye.durdu .oyna .hk-imlec,.hikaye.durdu .oyna .hk-imlec::after,.hikaye.durdu .oyna .hk-serp.eski .bas::after{animation-play-state:paused}
.hk-imlec{display:none;position:absolute;left:var(--x1,70%);top:var(--y1,70%);width:22px;height:22px;margin:-2px 0 0 -3px;z-index:3;pointer-events:none;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3l7.5 17 2.4-7.1L21 10.5z' fill='%23111' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.hk-js .oyna .hk-imlec{display:block;animation:hk-imlec 1.1s cubic-bezier(.45,0,.2,1) both;animation-delay:calc(var(--g,0s) * var(--hiz,1));animation-duration:calc(1.1s * var(--hiz,1))}
.hk-imlec::after{content:"";position:absolute;left:-9px;top:-9px;width:20px;height:20px;border-radius:50%;border:2px solid var(--vurgu);opacity:0}
.hk-js .oyna .hk-imlec::after{animation:hk-halka .55s ease-out both;animation-delay:calc((var(--g,0s) + 1.05s) * var(--hiz,1))}
@keyframes hk-gir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes hk-sag{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes hk-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:none}}
@keyframes hk-tik{0%,100%{transform:none}40%{transform:scale(.93);box-shadow:0 0 0 5px var(--vurgu-a)}}
@keyframes hk-sec{from{box-shadow:none;border-color:var(--cizgi)}to{}}
@keyframes hk-cip-sec{from{background:var(--bant);color:var(--ikincil)}to{}}
@keyframes hk-dolu{from{transform:scaleX(0)}to{transform:none}}
@keyframes hk-yatay{from{transform:scaleX(0)}to{transform:none}}
@keyframes hk-cubuk{from{transform:scaleY(0)}to{transform:none}}
@keyframes hk-ciz{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}
@keyframes hk-imlecyanip{50%{opacity:0}}
@keyframes hk-imlec{0%{left:var(--x0,88%);top:var(--y0,92%);opacity:0}20%{opacity:1}100%{left:var(--x1,70%);top:var(--y1,70%);opacity:1}}
@keyframes hk-halka{0%{opacity:0;transform:scale(.4)}12%{opacity:.9}100%{opacity:0;transform:scale(1.8)}}
@media (prefers-reduced-motion: reduce){   /* ziyaretçi Oynat'a basarsa (hareket-izni) hareket açılır */
  .hk-js:not(.hareket-izni) .oyna [data-an],.hk-js:not(.hareket-izni) .oyna [data-an] i,.hk-js:not(.hareket-izni) .oyna .hk-serp.eski .bas::after,.hikaye:not(.hareket-izni) .hk-adimlar button[aria-selected="true"] .hk-dolgu{animation:none!important}
  .hk-js:not(.hareket-izni) .oyna .hk-imlec{display:none}
  .hk-js:not(.hareket-izni) .oyna .hk-serp.eski .bas{text-decoration:line-through}
  .hikaye.kullanici-durdu .hk-adimlar button[aria-selected="true"] .hk-dolgu{width:100%}
}
@media (max-width:760px){.hk-oynat span{display:none}.hk-oynat{width:40px;padding:0;justify-content:center}}


/* ════════ Ana sayfa canlı tasarım (parcalar/ana-bolumler.php) ════════
   Her adımın kendi rengi: Araştır gök, Önceliklendir mor, Üret marka turuncusu, Yayınla pembe, Ölç zümrüt.
   --rk boya, --rk-k koyu (metin/düğme, beyazda ≥4.5:1), --rk-v büyük başlık vurgusu, --rk-a açık zemin. */
:root{
  --r-ara:#0ea5e9;--r-ara-k:#0369a1;--r-ara-v:#0284c7;--r-ara-a:#e0f2fe;
  --r-onc:#8b5cf6;--r-onc-k:#6d28d9;--r-onc-v:#7c3aed;--r-onc-a:#ede9fe;
  --r-uret:#ff5a1f;--r-uret-k:#c2410c;--r-uret-v:#e8501a;--r-uret-a:#fff1ea;
  --r-yay:#ec4899;--r-yay-k:#be185d;--r-yay-v:#db2777;--r-yay-a:#fce7f3;
  --r-olc:#10b981;--r-olc-k:#047857;--r-olc-v:#059669;--r-olc-a:#d1fae5;
}
.renk-ara,.r-ara{--rk:var(--r-ara);--rk-k:var(--r-ara-k);--rk-v:var(--r-ara-v);--rk-a:var(--r-ara-a)}
.renk-onc,.r-onc{--rk:var(--r-onc);--rk-k:var(--r-onc-k);--rk-v:var(--r-onc-v);--rk-a:var(--r-onc-a)}
.renk-uret,.r-uret{--rk:var(--r-uret);--rk-k:var(--r-uret-k);--rk-v:var(--r-uret-v);--rk-a:var(--r-uret-a)}
.renk-yay,.r-yay{--rk:var(--r-yay);--rk-k:var(--r-yay-k);--rk-v:var(--r-yay-v);--rk-a:var(--r-yay-a)}
.renk-olc,.r-olc{--rk:var(--r-olc);--rk-k:var(--r-olc-k);--rk-v:var(--r-olc-v);--rk-a:var(--r-olc-a)}
.bolum.siki{padding:76px 0}
.canli.bekle [data-an]{opacity:0}
.gokkusagi{background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#ff5a1f,#ec4899,#10b981,#0ea5e9);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gokkusagi 9s linear infinite}
@keyframes gokkusagi{to{background-position:300% 0}}
.btn-renkli{background:var(--rk-k,#111);color:#fff;gap:8px;box-shadow:0 10px 24px color-mix(in srgb,var(--rk,#111) 32%,transparent)}
.btn-renkli:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn-renkli .ikon{width:17px;height:17px;transition:transform .2s}.btn-renkli:hover .ikon{transform:translateX(3px)}
.btn-renkli.parlak{background:linear-gradient(90deg,#c2410c,#be185d,#6d28d9,#c2410c);background-size:300% 100%;animation:gokkusagi 8s linear infinite;box-shadow:0 14px 34px rgba(190,24,93,.3)}
.adim-bolum .adim-etiket{color:var(--rk-k);font-size:20px}
.adim-bolum .adim-etiket span{border-color:var(--rk);background:var(--rk-a);color:var(--rk-k)}
.adim-bolum .vurgu{color:var(--rk-v)}
.adim-bolum .ozellik p a,.adim-bolum .giris-yazi a,.adim-bolum .metin p a{color:var(--rk-k)}
.adim-bolum .h2 .vurgu.gokkusagi{color:transparent}
.adim-bolum .bas-orta .giris-yazi{margin-top:12px}
.adim-dugme{margin-top:32px}
.adim-bolum .ozellik .ekran-bas svg,.adim-bolum .ozellik .ekran-bas .marka-logo{width:16px;height:16px;margin-right:6px;vertical-align:-3px;display:inline-block}
.adim-bolum .iki-kart{margin-top:36px}

/* Marka logoları */
.marka-logo{display:block;flex:none}
.logo-kutu{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--lk) 9%,#fff);border:1px solid color-mix(in srgb,var(--lk) 22%,#fff);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.logo-kutu .ikon{width:24px;height:24px;color:var(--lk)}
.kaynak-izgara li a:hover .logo-kutu{transform:translateY(-2px) rotate(-5deg);box-shadow:0 10px 20px color-mix(in srgb,var(--lk) 25%,transparent)}
.kaynak-izgara li a{gap:10px}
.kaynak-izgara li{padding:16px 14px;font-size:14.5px}
.kaynak-izgara li .marka-logo{width:22px;height:22px}
.marka-not{text-align:center;font-size:12px;color:var(--soluk);margin-top:18px}

/* Platform turu: koyu sahne + uygulama penceresi, adımın renginde ışık */
@property --renk{syntax:'<color>';inherits:true;initial-value:#0ea5e9}
.tur-alan{max-width:1120px;margin-top:44px}
.hikaye.tur{--renk:#0ea5e9;background:#121110;color:#f3f1ec;border:1px solid #2a2622;box-shadow:0 34px 90px rgba(17,17,17,.38);position:relative;transition:--renk .7s ease}
.hikaye.tur::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(640px 380px at 88% 0%,color-mix(in srgb,var(--renk) 42%,transparent),transparent 70%),radial-gradient(520px 320px at 0% 100%,color-mix(in srgb,var(--renk) 20%,transparent),transparent 70%)}
.hikaye.tur>*{position:relative;z-index:1}
.tur .hk-ust{border-bottom-color:rgba(255,255,255,.08)}
.tur .hk-ust b{color:#fff}.tur .hk-ust .ornek-not{color:rgba(255,255,255,.5)}
.tur.hk-js .hk-adimlar{padding-top:18px}
.tur .hk-adimlar button{color:rgba(255,255,255,.5)}
.tur .hk-adimlar button span{color:rgba(255,255,255,.45)}
.tur .hk-adimlar button::after{background:rgba(255,255,255,.12)}
.tur .hk-adimlar button .hk-dolgu{background:var(--renk)}
.tur .hk-adimlar button.goruldu .hk-dolgu{background:rgba(255,255,255,.55)}
.tur .hk-adimlar button[aria-selected="true"]{color:#fff}
.tur .hk-adimlar button[aria-selected="true"] span{color:var(--renk)}
.tur .hk-sahne{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:30px 28px 26px}
.tur .hk-no{color:var(--renk);font-size:13px}
.tur .hk-baslik{color:#fff;font-size:34px;letter-spacing:-.03em}
.tur .hk-metin p{color:rgba(255,255,255,.72)}
.tur .hk-metin p a{color:color-mix(in srgb,var(--renk) 55%,#fff);text-decoration-color:color-mix(in srgb,var(--renk) 60%,transparent)}
.tur .hk-gorsel{background:transparent;border:0;padding:0;min-height:0}
.tur-pencere{background:#fbfaf7;color:var(--murekkep);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08),0 0 60px color-mix(in srgb,var(--renk) 30%,transparent)}
.tur-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ebe8e1;border-bottom:1px solid var(--cizgi)}
.tur-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.tur-bar i:nth-child(2){background:#febc2e}.tur-bar i:nth-child(3){background:#28c840}
.tur-bar span{margin-left:10px;font-size:12px;color:var(--soluk);background:#fff;border-radius:7px;padding:4px 12px;flex:1;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tur-icerik{padding:18px;display:grid;gap:12px;min-height:264px;align-content:center}
.tur .hk-sahne:not([hidden]) .tur-pencere{animation:tur-pencere .55s cubic-bezier(.2,.7,.2,1) both}
.tur .hk-sahne:not([hidden]) .hk-metin{animation:tur-metin .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes tur-pencere{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes tur-metin{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.tur.hk-js .hk-kontrol{border-top-color:rgba(255,255,255,.08)}
.tur .hk-oynat,.tur .hk-dugmeler .btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}
.tur .hk-oynat:hover,.tur .hk-dugmeler .btn:hover{border-color:var(--renk)}
.tur .hk-sayac{color:rgba(255,255,255,.55)}

/* Döngü: renkli düğümler sırayla yanar, hatta ışık akar */
.canli-dongu{margin-top:56px}
.hat::before{background:linear-gradient(90deg,rgba(17,17,17,.12),var(--r-ara) 16%,var(--r-onc) 40%,var(--r-uret) 66%,var(--r-olc) 100%);height:4px}
.hat::after{content:"";position:absolute;top:17px;left:-48px;width:90px;height:12px;border-radius:6px;background:radial-gradient(closest-side,#fff,rgba(255,255,255,0));filter:drop-shadow(0 0 6px rgba(255,255,255,.9));animation:hat-isik 8s linear infinite;pointer-events:none}
@keyframes hat-isik{from{left:-48px}to{left:calc(100% + 48px)}}
.hat li{color:var(--rk-k)}
.hat li .nokta,.hat li:first-child .nokta{background:var(--rk);box-shadow:0 10px 22px color-mix(in srgb,var(--rk) 45%,transparent);animation:nokta-yan 8s ease-in-out infinite}
.hat li:nth-child(2) .nokta{animation-delay:2s}.hat li:nth-child(3) .nokta{animation-delay:4s}.hat li:nth-child(4) .nokta{animation-delay:6s}
@keyframes nokta-yan{0%,14%,100%{transform:none}5%{transform:translateY(-4px) scale(1.16);box-shadow:0 0 0 10px color-mix(in srgb,var(--rk) 22%,transparent),0 14px 26px color-mix(in srgb,var(--rk) 50%,transparent)}}
.hat .uyari-baloncuk{animation:balon 3.4s ease-in-out infinite}
@keyframes balon{0%,100%{transform:translateX(-50%)}50%{transform:translate(-50%,-6px)}}
.hat .koprü{border-color:var(--r-uret)}
.hat .koprü span{background:linear-gradient(90deg,#c2410c,#be185d);animation:koprü-parla 2.6s ease-in-out infinite}
@keyframes koprü-parla{0%,100%{box-shadow:0 8px 20px rgba(194,65,12,.3)}50%{box-shadow:0 8px 28px rgba(236,72,153,.55),0 0 0 6px rgba(255,90,31,.14)}}
.ilke .kutu[class*="r-"]{background:var(--rk-a);color:var(--rk-k)}
.ilke{transition:transform .2s,border-color .2s}.ilke:hover{transform:translateX(4px);border-color:var(--cizgi2)}
.dongu-sag{background-color:#fff}

/* 02 Önceliklendir: başlık solda, panel sağda (tek ekrana sığar) */
.yan-yana.sol-bas{margin-top:0;align-items:center;gap:48px}
.sol-bas .metin .h2{margin:16px 0 14px;text-align:left}
.sol-bas .metin p{margin-bottom:18px}
.renkli-cipler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.renkli-cipler li{font-size:13.5px;font-weight:650;padding:6px 12px;border-radius:999px;background:var(--r-ara-a);color:var(--r-ara-k)}
.renkli-cipler li:nth-child(2){background:var(--r-onc-a);color:var(--r-onc-k)}.renkli-cipler li:nth-child(3){background:var(--r-uret-a);color:var(--r-uret-k)}
.renkli-cipler li:nth-child(4){background:var(--r-yay-a);color:var(--r-yay-k)}.renkli-cipler li:nth-child(5){background:var(--r-olc-a);color:var(--r-olc-k)}
.renk-onc .eylem-merkezi{position:relative;padding:22px;background:linear-gradient(160deg,#fff,var(--krem) 60%);box-shadow:0 24px 60px rgba(109,40,217,.12),var(--golge)}
.renk-onc .eylem-merkezi .ozet{margin:12px 0}
.renk-onc .firsat-liste li{padding:11px 14px}
.eylem-merkezi .ozet b.mor{color:var(--r-onc-k)}
.firsat-liste .kutu.a{background:var(--r-ara-a);color:var(--r-ara-k)}.firsat-liste .kutu.b{background:var(--r-olc-a);color:var(--r-olc-k)}
.firsat-liste .kutu.c{background:var(--r-uret-a);color:var(--r-uret-k)}.firsat-liste .kutu.d{background:var(--r-onc-a);color:var(--r-onc-k)}
.bildirim{display:flex;align-items:center;gap:8px;margin-top:10px;background:#111;color:#fff;font-size:13.5px;font-weight:650;padding:10px 14px;border-radius:12px;box-shadow:0 14px 30px rgba(17,17,17,.25)}
.bildirim .ikon{width:16px;height:16px;color:#34d399}

/* 03 Üret: tek akış — beş istasyon, üstte renkli hat ve akan ışık */
.akis{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:36px;padding-top:40px}
.akis::before{content:"";position:absolute;left:10%;right:10%;top:17px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--r-ara),var(--r-onc),var(--r-uret),var(--r-yay),var(--r-olc))}
.akis::after{content:"";position:absolute;top:12px;left:10%;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--r-uret),0 0 20px 4px rgba(255,90,31,.6);opacity:0}
.oyna .akis::after{animation:akis-isik 5.4s cubic-bezier(.45,0,.55,1) both}
@keyframes akis-isik{0%{left:10%;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:calc(90% - 14px);opacity:0}}
.istasyon{position:relative;background:#fff;border:1px solid var(--cizgi);border-top:3px solid var(--rk);border-radius:18px;padding:16px;box-shadow:var(--golge);display:grid;gap:10px;align-content:start;min-height:196px}
.istasyon .no{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--rk);color:#fff;font-weight:800;font-size:15px;box-shadow:0 8px 18px color-mix(in srgb,var(--rk) 45%,transparent),0 0 0 4px var(--zemin)}
.istasyon > b{font-size:16px;color:var(--rk-k)}
.ist-gorsel{display:grid;gap:8px;font-size:13.5px;align-content:start}
.ist-gorsel small{color:var(--soluk);font-size:12.5px}
.istasyon .hk-cip{justify-self:start}
.istasyon .hk-cip.on{background:var(--rk);color:#fff}
.bag-satir{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:650;color:var(--rk-k);background:var(--rk-a);padding:6px 9px;border-radius:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bag-satir .ikon{width:14px;height:14px;flex:none}
.yaz-satir{font-weight:700;font-size:14.5px;line-height:1.35;min-height:2.7em}
.puan-hap{display:inline-flex;align-items:baseline;gap:6px;font-size:12.5px;color:var(--soluk)}
.puan-hap b{font-size:28px;line-height:1;color:var(--r-olc-k);font-variant-numeric:tabular-nums}
.logo-sira{display:flex;gap:8px;align-items:center}
.logo-sira > span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid var(--cizgi)}
.ist-gorsel .tamam{display:flex;gap:6px;align-items:center;color:var(--r-olc-k);font-weight:700;font-size:13px}
.ist-gorsel .tamam .ikon{width:15px;height:15px}
.akis-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.akis-kart{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:14px 16px;transition:border-color .2s,transform .2s}
.akis-kart:hover{border-color:var(--rk);transform:translateY(-2px)}
.akis-kart .kutu{width:40px;height:40px;border-radius:12px;background:var(--rk-a);color:var(--rk-k);display:grid;place-items:center;flex:none}
.akis-kart .kutu .ikon{width:20px;height:20px}
.akis-kart b{display:block;font-size:15px}.akis-kart small{display:block;font-size:13px;color:var(--soluk)}

/* 04 Ölç */
.halka-alan.canli{margin-top:0;gap:48px}
.olc-metin .h2{margin:16px 0 12px}
.olc-metin .giris-yazi{font-size:17px}
.olcum-kart{background:linear-gradient(160deg,#fff,var(--krem));border:1px solid var(--cizgi);border-radius:20px;padding:16px;margin:20px 0 22px;box-shadow:0 20px 50px rgba(4,120,87,.1)}
.olcum-kart .gorunurluk li{grid-template-columns:26px 1fr auto auto}
.olcum-kart .yuvarlak{width:26px;height:26px;background:#fff}
.olcum-kart .ilerleme{display:block;width:110px;height:8px;border-radius:4px;background:var(--bant);overflow:hidden}
.olcum-kart .ilerleme i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--r-olc),#34d399)}
.halka{max-width:520px}
.halka .dugum[class*="r-"]{background:var(--rk);box-shadow:0 10px 22px color-mix(in srgb,var(--rk) 40%,transparent)}
.halka .dugum{animation:dugum-yan 9s ease-in-out infinite}
.halka .d1{animation-delay:.6s}.halka .d2{animation-delay:2.25s}.halka .d3{animation-delay:3.9s}.halka .d4{animation-delay:5.1s}.halka .d5{animation-delay:6.75s}.halka .d6{animation-delay:8.4s}
@keyframes dugum-yan{0%,12%,100%{transform:translate(-50%,-50%)}5%{transform:translate(-50%,-50%) scale(1.14)}}
.halka .dugum.parla{box-shadow:0 0 0 8px rgba(16,185,129,.22),0 10px 22px rgba(16,185,129,.4)}
.halka .merkez{animation:merkez-at 3s ease-in-out infinite;border-color:rgba(255,90,31,.45)}
@keyframes merkez-at{0%,100%{box-shadow:0 0 0 0 rgba(255,90,31,0)}50%{box-shadow:0 0 0 14px rgba(255,90,31,.10)}}

/* "SEO araçları yapay zekâyı görmez": dönen gökkuşağı kenarlı RankWins sütunu, eksiklerin üstü çizilir */
@property --aci{syntax:'<angle>';inherits:false;initial-value:0deg}
.karsi-alan{background:radial-gradient(900px 420px at 50% 0%,rgba(255,90,31,.08),transparent 70%),radial-gradient(700px 360px at 85% 100%,rgba(139,92,246,.07),transparent 70%),var(--zemin)}
.karsi-bas .h2 span{display:block}
.karsilastirma{margin-top:52px}
.sutun-ikon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--bant);margin-right:4px}
.karsilastirma .sutun > div .sutun-ikon .ikon{width:15px;height:15px;color:var(--ikincil)}
.karsilastirma .sutun:not(.rw) > div:nth-child(2) .ikon{color:var(--r-olc)}
.karsilastirma .eksik span{position:relative;transition:color .3s}
.karsilastirma .eksik .ikon{color:#e5484d!important}
.oyna .karsilastirma .eksik span{color:var(--silik)}
.oyna .karsilastirma .eksik span::after{content:"";position:absolute;left:-2px;right:-2px;top:54%;height:2px;border-radius:1px;background:#e5484d;transform-origin:left;animation:hk-yatay .45s ease-out both;animation-delay:var(--g,0s)}
.karsilastirma .rw{position:relative;isolation:isolate;background:transparent;box-shadow:0 26px 60px rgba(190,24,93,.28)}
.karsilastirma .rw::before{content:"";position:absolute;inset:-3px;border-radius:19px;background:conic-gradient(from var(--aci),#ff5a1f,#ec4899,#8b5cf6,#0ea5e9,#10b981,#ff5a1f);z-index:-2;animation:aci-don 4s linear infinite}
.karsilastirma .rw::after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(170deg,#1b1714,#111);z-index:-1}
@keyframes aci-don{to{--aci:360deg}}
/* Karşılaştırma alanı sakin: yavaş ve yumuşak geçişler, 4 turdan sonra sabit (kullanıcı isteği 20 Eki 2026) */
.yumusak.oyna [data-an]{animation-duration:.9s;animation-timing-function:cubic-bezier(.25,.8,.25,1)}
.yumusak.oyna [data-an="pop"]{animation-name:hk-gir}
.karsi-alan .gokkusagi{display:inline;animation:gokkusagi-sakin 14s ease-in-out 4 alternate both}
@keyframes gokkusagi-sakin{from{background-position:0 0}to{background-position:100% 0}}
.karsi-alan .karsilastirma .rw::before{animation:aci-don 10s linear 4}
.karsi-alan .btn-renkli.parlak{animation:gokkusagi-sakin 12s ease-in-out 4 alternate both}
.oyna .karsilastirma .eksik span::after{animation-duration:.8s}
.rw-logolar{margin-left:auto;display:flex;gap:7px;opacity:.85}
.rw-logolar .marka-logo{width:16px;height:16px}
.karsilastirma .rw .tik{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);flex:none}
.karsilastirma .rw .tik .ikon{width:12px;height:12px;color:#fff}

@media (max-width:980px){
  .yan-yana.sol-bas{grid-template-columns:1fr}
  .akis{grid-template-columns:1fr;padding-top:0;padding-left:52px;gap:12px}
  .akis::before{left:21px;right:auto;top:8px;bottom:8px;width:4px;height:auto;background:linear-gradient(180deg,var(--r-ara),var(--r-onc),var(--r-uret),var(--r-yay),var(--r-olc))}
  .akis::after{display:none}
  .istasyon{min-height:0}
  .istasyon .no{top:14px;left:-52px;transform:none}
  .akis-kartlar{grid-template-columns:1fr}
  .tur .hk-sahne{grid-template-columns:1fr}
  .tur .hk-baslik{font-size:26px}
}
@media (max-width:680px){.bildirim{font-size:12.5px}.olcum-kart .ilerleme{width:70px}.rw-logolar{display:none}}
@media (prefers-reduced-motion: reduce){
  .gokkusagi,.btn-renkli.parlak,.hat::after,.hat li .nokta,.hat .uyari-baloncuk,.hat .koprü span,.halka .dugum,.halka .merkez,.karsilastirma .rw::before,.tur .hk-sahne:not([hidden]) .tur-pencere,.tur .hk-sahne:not([hidden]) .hk-metin,.oyna .akis::after{animation:none!important}
  .hat::after,.halka-isik{display:none}
  .canli.bekle [data-an]{opacity:1}
}


/* ── "Aynı sistem. Farklı ölçek.": ölçek çizgisi + küçükten büyüğe dört canlı segment kartı ── */
.olcek-alan{background:radial-gradient(800px 360px at 15% 0%,rgba(16,185,129,.07),transparent 70%),radial-gradient(800px 360px at 85% 100%,rgba(14,165,233,.08),transparent 70%),var(--zemin)}
.olcek-alan .bas-orta .giris-yazi{margin-top:12px}
.olcek-hat{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;padding-top:6px}
.olcek-hat::before{content:"";position:absolute;left:12.5%;right:12.5%;top:13px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--r-olc),var(--r-onc),var(--r-uret),var(--r-ara))}
.olcek-hat::after{content:"";position:absolute;top:9px;left:12.5%;width:70px;height:12px;border-radius:6px;background:radial-gradient(closest-side,#fff,rgba(255,255,255,0));animation:olcek-isik 6s linear infinite}
@keyframes olcek-isik{from{left:12.5%}to{left:calc(87.5% - 70px)}}
.olcek-hat span{position:relative;justify-self:center;display:grid;justify-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--rk-k)}
.olcek-hat span::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--rk);box-shadow:0 0 0 5px var(--zemin),0 0 0 7px color-mix(in srgb,var(--rk) 25%,transparent)}
.olcek-kartlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px}
.olcek-kart{position:relative;background:#fff;border:1px solid var(--cizgi);border-top:4px solid var(--rk);border-radius:20px;padding:16px 18px 18px;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:10px;box-shadow:var(--golge);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.olcek-kart:hover{transform:translateY(-4px);box-shadow:0 22px 44px color-mix(in srgb,var(--rk) 22%,transparent)}
.olcek-kart h3{font-size:21px;letter-spacing:-.025em}
.olcek-kart h3 a{color:var(--murekkep)}
.olcek-kart p{font-size:14.5px;color:var(--ikincil);line-height:1.5}
.ok-bag{align-self:end;justify-self:start;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--rk-k)}
.ok-bag .ikon{width:15px;height:15px;transition:transform .2s}.olcek-kart:hover .ok-bag .ikon{transform:translateX(3px)}
.ok-gorsel{background:linear-gradient(160deg,#fff,var(--rk-a));border:1px solid color-mix(in srgb,var(--rk) 18%,var(--cizgi));border-radius:14px;padding:12px;display:grid;gap:9px;min-height:156px;align-content:start;font-size:12.5px}
.ok-satir{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ok-satir b{font-size:13px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ok-satir .etiket{font-size:11px;padding:2px 8px;white-space:nowrap;flex:none}
.ok-kredi{background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:9px 10px;display:grid;gap:4px}
.ok-kredi small{color:var(--soluk);font-size:11.5px}.ok-kredi b{font-size:18px;font-variant-numeric:tabular-nums}
.ok-bar{display:block;height:7px;border-radius:4px;background:var(--bant);overflow:hidden;flex:1;min-width:40px}
.ok-bar i{display:block;height:100%;border-radius:4px;background:var(--rk)}
.ok-anahtar{display:inline-flex;align-items:center;gap:6px;justify-self:start;font-weight:700;font-size:12px;color:var(--rk-k);background:#fff;border:1px solid color-mix(in srgb,var(--rk) 30%,var(--cizgi));padding:5px 9px;border-radius:999px}
.ok-anahtar .ikon,.ok-anahtar .marka-logo{width:13px;height:13px}
.ok-takvim{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.ok-takvim span{background:#fff;border:1px solid var(--cizgi);border-radius:9px;padding:6px 4px 8px;display:grid;justify-items:center;gap:6px}
.ok-takvim small{font-size:10.5px;color:var(--soluk);font-weight:700}
.ok-takvim i{display:block;width:16px;height:16px;border-radius:5px;background:var(--rk)}
.ok-takvim i.bekliyor{background:#fff;border:2px dashed var(--rk)}
.ok-metin{background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:10px;display:grid;gap:6px}
.ok-metin i{display:block;height:7px;border-radius:4px;background:color-mix(in srgb,var(--rk) 35%,#eee)}.ok-metin i.k{width:60%}
.ok-logolar{display:flex;align-items:center;gap:6px}
.ok-logolar>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff;border:1px solid var(--cizgi);overflow:hidden}
.ok-logolar>.woo{width:48px}.ok-logolar .woo .marka-logo{width:44px;height:44px}
.ok-logolar b{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--r-olc-k)}
.ok-logolar b .ikon{width:13px;height:13px}
.ok-musteri{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--cizgi);border-radius:9px;padding:5px 8px}
.ok-harf{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:var(--rk);color:#fff;font-weight:800;font-size:11px;flex:none}
.ok-harf .ikon{width:12px;height:12px}
.ok-ad{font-size:11.5px;color:var(--ikincil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
@media (max-width:1080px){.olcek-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}.olcek-hat{display:none}}
@media (max-width:620px){.olcek-kartlar{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.olcek-hat::after{animation:none;display:none}}


/* ── Ana sayfa girişi: tanımlayan başlık, renkli ışık zemini ve veriden ölçüme dört akış kartı.
   1360 px ve üstünde kartlar başlığın iki yanında süzülür (soldan veri girer, sağdan sonuç çıkar); altında başlığın altında ızgara olur. ── */
.kh-isik{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.kh-isik i{position:absolute;width:680px;height:680px;border-radius:50%;animation:kh-suzul 18s ease-in-out infinite alternate}
.kh-isik i:nth-child(1){left:-220px;top:60px;background:radial-gradient(closest-side,rgba(14,165,233,.20),transparent)}
.kh-isik i:nth-child(2){right:-200px;top:-40px;background:radial-gradient(closest-side,rgba(255,90,31,.18),transparent);animation-delay:-6s}
.kh-isik i:nth-child(3){left:calc(50% - 340px);top:300px;background:radial-gradient(closest-side,rgba(139,92,246,.13),transparent);animation-delay:-12s}
@keyframes kh-suzul{from{transform:translate(0,0) scale(1)}to{transform:translate(70px,40px) scale(1.12)}}
.kh-ust{position:relative}
.kh-ust .canli{position:relative;max-width:1440px;margin:0 auto}
.kh-rozet{gap:10px}
.kh-nabiz{width:8px;height:8px;border-radius:50%;background:var(--vurgu);animation:kh-nabiz 2s ease-out infinite}
@keyframes kh-nabiz{0%{box-shadow:0 0 0 0 rgba(255,90,31,.55)}80%,100%{box-shadow:0 0 0 9px rgba(255,90,31,0)}}
.kahraman .kh-baslik{font-size:clamp(40px,5.4vw,76px);margin-top:24px}
.kh-v1,.kh-v2{-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.kh-v1{background-image:linear-gradient(100deg,var(--r-ara) 10%,var(--r-onc) 90%)}
.kh-v2{position:relative;background-image:linear-gradient(100deg,var(--r-uret) 10%,var(--r-yay) 90%)}
.kh-alti{position:absolute;left:-2%;width:104%;bottom:-.12em;height:.2em;overflow:visible}
.kh-alti path{fill:none;stroke:var(--r-yay);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100;animation:kh-ciz 1.1s .5s cubic-bezier(.3,.7,.2,1) both}
@keyframes kh-ciz{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.kahraman .giris-yazi{max-width:760px}
.kahraman .giris-yazi b{color:var(--murekkep);font-weight:650}
.kahraman .btn-ana .ikon{width:18px;height:18px;margin-left:4px;transition:transform .2s}.kahraman .btn-ana:hover .ikon{transform:translateX(3px)}
.kh-kartlar{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1080px;margin:40px auto 0;padding:0 24px}
.kh-yer{display:grid}
.kh-kart{position:relative;background:rgba(255,255,255,.94);border:1px solid var(--cizgi);border-radius:16px;padding:13px 14px;display:grid;gap:8px;align-content:start;text-align:left;font-size:12.5px;box-shadow:0 16px 36px rgba(17,17,17,.08),0 2px 6px rgba(17,17,17,.04)}
.kh-kart::before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:3px;border-radius:0 0 3px 3px;background:var(--rk)}
.kk-bas{display:flex;align-items:center;gap:7px;font-weight:700;font-size:12.5px;line-height:1.25;color:var(--murekkep)}
.kk-no{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--rk);color:#fff;font-size:11px;font-weight:800;flex:none}
.kk-logolar{display:flex;align-items:center;gap:6px}
.kk-logolar>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;border:1px solid var(--cizgi);flex:none}
.kk-logolar .marka-logo{width:16px;height:16px}
.kk-logolar b{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--r-olc-k);white-space:nowrap}
.kk-logolar b .ikon{width:13px;height:13px}
.kk-not{font-size:11px;line-height:1.25;color:var(--soluk);min-width:0}
.kk-buyuk{font-size:26px;font-weight:750;letter-spacing:-.03em;line-height:1;color:var(--rk-k);font-variant-numeric:tabular-nums}
.kk-buyuk small{font-size:13px;font-weight:650;letter-spacing:0;color:var(--ikincil)}
.kk-etiketler{display:flex;gap:5px;flex-wrap:wrap}
.kk-etiketler .etiket{font-size:10.5px;padding:2px 7px}
.kk-yazi{font-weight:650;font-size:13px;line-height:1.35;min-height:2.7em;color:var(--murekkep)}
.kk-alt{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--soluk)}
.kk-nokta{width:7px;height:7px;border-radius:50%;background:var(--r-olc);flex:none;animation:kh-nabiz-y 2s ease-out infinite}
@keyframes kh-nabiz-y{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}80%,100%{box-shadow:0 0 0 7px rgba(16,185,129,0)}}
@media (min-width:1360px){
  .kh-kartlar{position:absolute;inset:0;display:block;max-width:none;margin:0;padding:0;pointer-events:none}
  .kh-yer{position:absolute;width:232px;animation:kh-yuz 7s ease-in-out infinite alternate}
  .kh-yer.y1{left:max(24px,calc(50% - 690px));bottom:146px}
  .kh-yer.y2{left:max(64px,calc(50% - 650px));bottom:0}
  .kh-yer.y3{right:max(24px,calc(50% - 690px));bottom:128px;animation-delay:-2.5s}
  .kh-yer.y4{right:max(64px,calc(50% - 650px));bottom:-14px;animation-delay:-5s}
  .kh-yer .kh-kart::after{content:"";position:absolute;top:50%;width:52px;height:2px;animation:kh-akis 2.2s linear infinite}
  .kh-yer.sol .kh-kart::after{left:100%;background:linear-gradient(90deg,transparent,#fff,transparent) -22px 0/22px 100% no-repeat,linear-gradient(90deg,var(--rk),transparent)}
  .kh-yer.sag .kh-kart::after{right:100%;background:linear-gradient(90deg,transparent,#fff,transparent) -22px 0/22px 100% no-repeat,linear-gradient(90deg,transparent,var(--rk))}
}
@keyframes kh-yuz{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@keyframes kh-akis{to{background-position:52px 0,0 0}}
@media (max-width:900px){.kh-kartlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:32px}}
@media (max-width:700px){.kh-kir{display:none}}
@media (max-width:480px){
  .kh-kartlar{padding:0 16px}
  .kh-kart{padding:11px 11px 12px;gap:7px;border-radius:14px}
  .kk-bas{font-size:12px}
  .kk-logolar{gap:4px}.kk-logolar>span{width:25px;height:25px}.kk-logolar .marka-logo{width:14px;height:14px}
  .kk-logolar b{font-size:11px}
}
@media (prefers-reduced-motion: reduce){
  .kh-isik i,.kh-nabiz,.kk-nokta,.kh-yer,.kh-yer .kh-kart::after,.kh-alti path{animation:none!important}
}


/* ── Telefon düzeltmeleri (2026-10-21 mobil denetimi) ── */
.hk-adimlar button span em{font-style:normal}
.kaynak-grup .baslik{white-space:nowrap}
@keyframes balon-mobil{0%,100%{transform:none}50%{transform:translateY(-6px)}}
@media (max-width:760px){
  /* sekmeler: etkin olan adıyla genişler, diğerleri yalnız numara (uzun adlar üst üste binmesin) */
  .hikaye.hk-js .hk-adimlar{display:flex}
  .hk-adimlar button{flex:1 1 0}
  .hk-adimlar button[aria-selected="true"]{flex:3.2 1 0}
  .hk-adimlar button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hk-adimlar button:not([aria-selected="true"]) span em{display:none}
  /* döngü balonu: telefonda sola yaslı; ortalayan kaydırma animasyonu onu ekran dışına itmesin */
  .hat .uyari-baloncuk{animation-name:balon-mobil}
  .kaynak-grup .baslik{font-size:11px;letter-spacing:.08em;padding:3px 10px}
  .kaynak-izgara .logo-kutu{width:34px;height:34px;border-radius:10px}
  .kaynak-izgara li .marka-logo{width:19px;height:19px}
  .kaynak-izgara li{padding:14px 12px;font-size:14px;line-height:1.25}
  .kaynak-izgara li small{margin-top:3px}
  .koyu-bant .cizgiler{display:none}
}
.sayfa-ekran{text-align:left}   /* sayfa başı ortalı; ekran taklidi sola yaslı okunur */
.takvim-mini i:not(.dolu){color:var(--silik);font-weight:600}
.hk-girdi .hk-cip{white-space:nowrap;flex:none}
.yazi pre.kod{margin:18px 0;padding:14px 16px;background:var(--lacivert);color:#f3f1ec;border-radius:12px;overflow-x:auto;font:13.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.so-ust{align-items:flex-start}
.kars-kaynak .kaynakca{margin-top:0}
.plan.koyu .btn-ana{background:#fff;color:var(--murekkep);box-shadow:none}.plan.koyu .btn-ana:hover{background:var(--vurgu-a)}
@media (max-width:680px){
  /* rehber tabloları: telefonda her satır bir kart; sütun adı hücrenin üstünde (sağdan kesilmesin) */
  .yazi-tablo table{min-width:0}
  .yazi-tablo thead{display:none}
  .yazi-tablo tr{display:block;padding:10px 0;border-bottom:1px solid var(--cizgi)}
  .yazi-tablo tbody tr:last-child{border-bottom:0}
  .yazi-tablo td{display:block;border:0;padding:3px 14px;font-size:14.5px}
  .yazi-tablo td:first-child{font-weight:700;color:var(--murekkep)}
  .yazi-tablo td:not(:first-child)::before{content:attr(data-etiket);display:block;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--soluk)}
}
@media (max-width:560px){
  .arac-kontrol li{grid-template-columns:1fr;gap:6px}
  .arac-kontrol .arac-durum{justify-self:start}
  .slogan-bant p{font-size:clamp(30px,8.6vw,40px)}
}
@media (max-width:480px){
  .kk-hazir{display:none}
  /* sayfa başı ve son çağrı düğmeleri alt alta düşünce eşit, tam genişlik */
  .sayfa-bas .dugmeler .btn,.son-cagri .dugmeler .btn{flex:1 1 auto;justify-content:center}
}