/* =========================================================
   Tr StripChat Türkiye — Header (tek satır üst bar)
   1) Değişkenler 2) Reset 3) Bar 4) Sol grup
   5) Sağ grup 6) Drawer 7) Sayfa 8) Responsive
   ========================================================= */

/* ---------- 1) Değişkenler ---------- */
:root{
  --h: 60px;                 /* bar yüksekliği */
  --pad: 18px;

  /* Marka renkleri — orijinal site token'ları.
     Tam palet referansı: primary #a2252d · light #fa5365 · dark #912229
                          border  #c22934 · modal #af262f            */
  --primary:       #a2252d;
  --primary-light: #fa5365;

  --bar:   var(--primary);
  --hover: rgba(255,255,255,.12);

  --green:#67a544;
  --green-h:#75b551;

  --txt:#fff;
  --txt-2: rgba(255,255,255,.86);

  --r: 10px;
  --pill: 999px;
  --ease: cubic-bezier(.4,0,.2,1);
}

/* ---------- 2) Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:#14161a; color:#e8eaee;
  font-size:14px; line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
body.is-locked{ overflow:hidden; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
button{ font:inherit; color:inherit; }
img{ display:block; max-width:100%; }
:focus-visible{ outline:2px solid rgba(255,255,255,.85); outline-offset:2px; border-radius:6px; }

.ico{
  width:20px; height:20px; flex:0 0 auto;
  fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;
}
/* WhatsApp markasi DOLGU icin cizilmis bir sekildir; .ico'nun stroke tabanli
   kurallariyla cizilince taninmaz bir dis hat cikiyordu. Marka ikonlari
   bu sinifi kullanmali. */
.ico--fill{
  width:20px; height:20px; flex:0 0 auto;
  fill:currentColor; stroke:none;
}

/* ---------- 3) Bar ---------- */
.topbar{
  position:sticky; top:0; z-index:100;
  background:var(--bar);
  color:var(--txt);
  box-shadow:0 1px 0 rgba(0,0,0,.22);
}
.topbar__inner{
  height:var(--h); padding:0 var(--pad);
  display:flex; align-items:center; gap:10px;
}
.topbar__left{ display:flex; align-items:center; gap:16px; flex:1 1 0; min-width:0; }
.topbar__right{ display:flex; align-items:center; gap:8px; flex:1 1 0; justify-content:flex-end; }

/* Ortak ikon butonu */
.iconbtn{
  position:relative;
  display:inline-flex; align-items:center; justify-content:center; gap:3px;
  height:38px; min-width:38px; padding:0 8px;
  background:transparent; border:0; border-radius:var(--r);
  color:var(--txt); cursor:pointer;
  transition:background .16s var(--ease);
}
.iconbtn:hover{ background:var(--hover); }

/* Hamburger */
.burger__lines{ display:flex; flex-direction:column; gap:5px; width:20px; }
.burger__lines i{ height:2px; border-radius:2px; background:currentColor; transition:transform .22s var(--ease), opacity .18s var(--ease); }
.burger.is-open .burger__lines i:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.burger.is-open .burger__lines i:nth-child(2){ opacity:0; }
.burger.is-open .burger__lines i:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ---------- 4) Sol grup ---------- */
.logo img{
  height:26px; width:auto;
  /* Dosya bordo renkli; bar üzerinde beyaz görünmesi için */
  filter:brightness(0) invert(1);
}
.logo--drawer img{ height:24px; filter:brightness(0) invert(1); }

/* Ana menü */
.nav{ display:flex; align-items:center; gap:2px; flex:0 0 auto; }
.nav__link{
  display:inline-flex; align-items:center;
  height:36px; padding:0 14px;
  border-radius:var(--r);
  white-space:nowrap;
  font-size:14.5px; font-weight:500;
  color:var(--txt-2);
  transition:background .16s var(--ease), color .16s var(--ease);
}
.nav__link:hover{ background:var(--hover); color:#fff; }
.nav__link.is-active{ color:#fff; font-weight:600; }

/* ---------- 5) Sağ grup ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:36px; padding:0 18px; white-space:nowrap;
  border:0; border-radius:var(--pill);
  font-size:13.5px; font-weight:600; cursor:pointer;
  transition:background .16s var(--ease), transform .1s var(--ease);
}
.btn:active{ transform:translateY(1px); }
.btn--green{ background:var(--green); color:#fff; }
.btn--green:hover{ background:var(--green-h); }
.btn--block{ width:100%; height:44px; }

/* ---------- 6) Drawer ---------- */
.overlay{
  position:fixed; inset:0; z-index:190;
  background:rgba(0,0,0,.6);
  opacity:0; transition:opacity .25s var(--ease);
}
.overlay.is-open{ opacity:1; }

.drawer{
  position:fixed; top:0; right:0; bottom:0; z-index:200;
  width:min(310px, 84vw);
  display:flex; flex-direction:column;
  background:#1b1e24; border-left:1px solid rgba(255,255,255,.07);
  transform:translateX(100%); visibility:hidden;
  transition:transform .28s var(--ease), visibility .28s;
}
.drawer.is-open{ transform:none; visibility:visible; }

.drawer__head{
  flex:0 0 auto; height:var(--h); padding:0 10px 0 16px;
  display:flex; align-items:center; justify-content:space-between;
  background:var(--bar); color:#fff;
}
.drawer__body{
  flex:1 1 auto; padding:14px;
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding-bottom:calc(18px + env(safe-area-inset-bottom));
}
.drawer__nav{ margin-bottom:18px; }
.drawer__nav a{
  display:flex; align-items:center; gap:12px;
  padding:12px; border-radius:var(--r);
  color:#c1c7d3; font-size:14px;
  transition:background .16s var(--ease), color .16s var(--ease);
}
.drawer__nav a:hover{ background:rgba(255,255,255,.06); color:#fff; }
.drawer__nav .ico{ color:#7f8798; }
.drawer__nav a:hover .ico{ color:var(--primary-light); }

/* =========================================================
   8) RESPONSIVE
   ========================================================= */

/* Küçük masaüstü / tablet yatay */
@media (max-width:1280px){
  .topbar__left{ gap:10px; }
}

/* Tablet */
@media (max-width:900px){
  .nav{ display:none; }
}

/* Mobil */
@media (max-width:768px){
  :root{ --h:56px; --pad:10px; }

  .topbar__inner{ gap:8px; }
  .topbar__left{ gap:10px; flex:0 0 auto; min-width:0; }
  .nav{ display:none; }
  /* Basvuru butonu mobilde ORTADA dursun. Sag blok bos alanin tamamini
     kaplar, buton ortalanir, hamburger mutlak konumla sag kenara sabitlenir.
     padding-right hamburger icin yer ayirir; yoksa buton altina girerdi. */
  .topbar__right{
    gap:2px; flex:1 1 auto; margin-left:0;
    position:relative; justify-content:center; padding-right:42px;
  }
  .topbar__right .burger{
    position:absolute; right:0; top:50%; transform:translateY(-50%);
  }
  .logo img{ height:22px; }

  .btn{ height:34px; padding:0 14px; font-size:13px; }
}

/* Küçük mobil */
@media (max-width:400px){
  .logo img{ height:20px; }
  .btn{ padding:0 12px; font-size:12.5px; }
  .iconbtn{ min-width:34px; padding:0 5px; }
}

/* Hareket azaltma */
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition-duration:.01ms !important; }
}


/* =========================================================
   HERO
   ========================================================= */
.hero{
  position:relative; overflow:hidden;
  background:#0f1013;
  border-bottom:1px solid #1e1f24;
}

/* Arka plandaki yumuşak marka ışığı */
.hero__glow{
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(760px 420px at 12% 6%,  rgba(162,37,45,.30), transparent 62%),
    radial-gradient(620px 520px at 92% 96%, rgba(250,83,101,.12), transparent 60%);
}

.hero__wrap{
  position:relative; z-index:1;
  max-width:1240px; margin:0 auto;
  padding:64px 40px 72px;
  display:grid; grid-template-columns:1fr 460px;
  gap:64px; align-items:center;
}

/* ---------- Metin ---------- */
.hero__content{ max-width:600px; }

.pill{
  display:inline-flex; align-items:center; gap:9px;
  height:32px; padding:0 14px; margin-bottom:22px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--pill);
  color:#cfc6c8; font-size:11px; font-weight:700; letter-spacing:1.1px;
}
.pill__dot{
  width:7px; height:7px; border-radius:50%; background:#4ade80;
  box-shadow:0 0 0 3px rgba(74,222,128,.18);
  animation:pulse 2.4s infinite;
}
@keyframes pulse{
  0%,100%{ box-shadow:0 0 0 3px rgba(74,222,128,.18); }
  50%    { box-shadow:0 0 0 6px rgba(74,222,128,.04); }
}

.hero__title{
  margin:0 0 14px;
  font-size:clamp(34px, 4.4vw, 56px);
  font-weight:800; line-height:1.04; letter-spacing:-1.4px;
  color:#fff;
}
.grad{
  background:linear-gradient(100deg, var(--primary-light), #ff9aa4);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.hero__sub{
  margin:0 0 16px;
  font-size:clamp(17px, 1.7vw, 21px); font-weight:600; line-height:1.45;
  color:#ebe4e5;
}
.hero__sub strong{ color:var(--primary-light); font-weight:800; }

.hero__text{
  margin:0 0 22px; max-width:520px;
  font-size:16px; line-height:1.75; color:#a49b9d;
}
.hero__text strong{ color:#ded7d8; font-weight:600; }

.hero__offer{
  display:inline-flex; align-items:flex-start; gap:11px;
  margin:0 0 30px; padding:11px 16px;
  background:linear-gradient(90deg, rgba(162,37,45,.32), rgba(162,37,45,.08));
  border:1px solid rgba(194,41,52,.55);
  border-radius:12px;
  font-size:15px; color:#f0e6e7;
}
.hero__offer strong{ color:#fff; font-weight:700; }
.hero__offer-ico{ flex:0 0 auto; font-size:17px; line-height:1.35; }
.hero__offer-txt{ line-height:1.45; }

/* CTA */
.hero__cta{ display:flex; flex-wrap:wrap; gap:12px; }
.btn--lg{ height:52px; padding:0 26px; font-size:15px; gap:10px; }
.btn--lg .ico, .btn--lg .ico--fill{ width:19px; height:19px; }
.btn--green.btn--lg{ box-shadow:0 12px 28px rgba(103,165,68,.24); }
.btn--outline{
  background:transparent; color:#fff;
  border:1px solid rgba(255,255,255,.24);
}
.btn--outline:hover{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.42); }

/* Küçük istatistikler */
.hero__stats{
  display:flex; flex-wrap:wrap; gap:36px;
  margin-top:38px; padding-top:28px;
  border-top:1px solid rgba(255,255,255,.08);
}
.hero__stats li{ display:flex; flex-direction:column; gap:3px; }
.hero__stats strong{ font-size:21px; font-weight:800; color:#fff; letter-spacing:-.3px; }
.hero__stats span{ font-size:12.5px; color:#8e8688; }

/* ---------- Görsel ---------- */
.hero__media{ position:relative; }

.hero__frame{
  position:relative; margin:0;
  border-radius:22px; overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 30px 70px rgba(0,0,0,.55);
  aspect-ratio:4 / 5;
}
.hero__frame img{
  width:100%; height:100%;
  object-fit:cover; object-position:center 18%;
}

/* Görselin altındaki bilgi kartı */
.hero__chip{
  position:absolute; left:-20px; bottom:26px; z-index:2;
  display:flex; align-items:center; gap:12px;
  padding:13px 18px;
  background:rgba(22,23,27,.92);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  box-shadow:0 16px 36px rgba(0,0,0,.45);
  backdrop-filter:blur(8px);
}
.hero__chip-ico{ font-size:20px; line-height:1; }
.hero__chip span{ display:flex; flex-direction:column; gap:2px; font-size:12px; color:#8e8688; }
.hero__chip strong{ font-size:13.5px; font-weight:700; color:#fff; }

/* ---------- Hero responsive ---------- */
@media (max-width:1180px){
  .hero__wrap{ grid-template-columns:1fr 390px; gap:44px; padding:56px 28px 64px; }
  .hero__stats{ gap:28px; }
}

@media (max-width:900px){
  .hero__wrap{
    grid-template-columns:1fr; gap:36px;
    padding:40px 24px 52px;
  }
  .hero__content{ max-width:none; order:1; }
  .hero__media{ order:2; max-width:460px; width:100%; margin:0 auto; }
  .hero__frame{ aspect-ratio:16 / 11; }
  .hero__frame img{ object-position:center 16%; }
  .hero__chip{ left:16px; bottom:16px; }
}

@media (max-width:768px){
  .hero__wrap{ padding:32px 16px 44px; gap:30px; }
  .hero__title{ letter-spacing:-1px; }
  .hero__text{ font-size:15.5px; line-height:1.7; }
  .hero__offer{ margin-bottom:24px; font-size:14px; padding:10px 14px; }
  .hero__cta{ width:100%; }
  .btn--lg{ flex:1 1 100%; height:52px; }
  .hero__stats{ gap:0; justify-content:space-between; margin-top:30px; padding-top:24px; }
  .hero__stats li{ flex:1 1 0; }
  .hero__stats strong{ font-size:18px; }
  .hero__stats span{ font-size:11.5px; }
}

@media (max-width:400px){
  .hero__stats span{ font-size:11px; }
}


/* =========================================================
   TANITIM (intro)
   ========================================================= */
.intro{ background:#0f1013; }
.intro__wrap{ max-width:1240px; margin:0 auto; padding:56px 40px; }

.intro__card{
  display:grid; grid-template-columns:1fr 1fr;
  align-items:stretch;
  overflow:hidden;
  background:#17181c;
  border:1px solid #24262c;
  border-radius:22px;
}

.intro__visual{ position:relative; margin:0; min-height:340px; }
.intro__visual img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
}
/* Görselin metne bakan kenarını karta bağla */
.intro__visual::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(270deg, rgba(23,24,28,.95) 0%, rgba(23,24,28,0) 34%);
}

.intro__body{ padding:52px 48px; align-self:center; }
.intro__title{
  margin:0 0 20px;
  font-size:clamp(24px, 2.4vw, 32px);
  font-weight:800; line-height:1.22; letter-spacing:-.6px;
  color:#fff;
}
.intro__body p{
  margin:0 0 16px;
  font-size:16px; line-height:1.78; color:#a49b9d;
}
.intro__body p:last-child{ margin-bottom:0; }
.intro__body strong{ color:#e4dedf; font-weight:600; }

/* --- Intro responsive --- */
@media (max-width:1180px){
  .intro__wrap{ padding:48px 28px; }
  .intro__body{ padding:40px 34px; }
}

@media (max-width:900px){
  .intro__card{ grid-template-columns:1fr; }
  .intro__visual{ min-height:0; height:260px; }
  .intro__visual img{ position:static; height:260px; }
  .intro__visual::after{
    background:linear-gradient(180deg, rgba(23,24,28,0) 55%, rgba(23,24,28,.95) 100%);
  }
  .intro__body{ padding:30px 26px 34px; }
}

@media (max-width:768px){
  .intro__wrap{ padding:32px 16px; }
  .intro__card{ border-radius:16px; }
  .intro__visual, .intro__visual img{ height:210px; }
  .intro__body{ padding:26px 20px 30px; }
  .intro__body p{ font-size:15.5px; line-height:1.72; }
}


/* =========================================================
   UZUN İÇERİK
   ========================================================= */
.content{ background:#0f1013; }
.content__wrap{
  max-width:1240px; margin:0 auto; padding:16px 40px 72px;
  display:grid; grid-template-columns:200px minmax(0, 1fr); gap:56px;
}

/* --- İçindekiler --- */
.toc{ position:sticky; top:calc(var(--h) + 24px); align-self:start; }

/* Mobil açma düğmesi — masaüstünde gizli */
.toc__toggle{
  display:none; align-items:center; gap:10px; width:100%;
  padding:14px 16px;
  background:#17181c; border:1px solid #24262c; border-radius:12px;
  font-size:14.5px; font-weight:600; color:#e4dedf; text-align:left;
  cursor:pointer;
}
.toc__toggle .ico{ width:18px; height:18px; color:#8b8285; }
.toc__caret{ margin-left:auto; transition:transform .22s var(--ease); }
.toc.is-open .toc__caret{ transform:rotate(180deg); }

.toc__label{
  margin:0 0 14px;
  font-size:11px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase;
  color:#736b6d;
}
.toc__nav{ display:flex; flex-direction:column; border-left:1px solid #26282e; }
.toc__nav a{
  padding:9px 0 9px 16px; margin-left:-1px;
  border-left:2px solid transparent;
  font-size:13.5px; line-height:1.45; color:#8b8285;
  transition:color .16s var(--ease), border-color .16s var(--ease);
}
.toc__nav a:hover{ color:#fff; border-left-color:#4a3438; }

/* Okunan bölüm */
.toc__nav a.is-current{
  color:#fff; font-weight:600;
  border-left-color:var(--primary-light);
}

/* --- Okuma metni --- */
.prose{
  max-width:720px;
  color:#b6aeb0;
  font-size:17px; line-height:1.85;
}
/* SSS basliklari icin. Onceden tanimli degildi, tarayici varsayilaniyla
   render oluyordu; h2'den belirgin kucuk ama paragraftan ayrisiyor. */
/* Emniyet: yaziya uzun bir baglanti ya da kirilamayan uzun bir kelime
   girerse dar ekranda sayfayi yatay kaydirmasin. */
.prose{ overflow-wrap:break-word }
.prose a{ overflow-wrap:anywhere }

.prose h3{
  margin:32px 0 10px;
  font-size:clamp(17px, 1.5vw, 19px);
  font-weight:700; line-height:1.35; letter-spacing:-.2px;
}
.prose h3 + p{ margin-top:0 }
.prose h2{
  position:relative;
  margin:52px 0 18px; padding-top:26px;
  font-size:clamp(22px, 2.3vw, 28px);
  font-weight:800; line-height:1.3; letter-spacing:-.6px;
  color:#fff;
  scroll-margin-top:calc(var(--h) + 20px);
}
/* Başlık üstündeki kısa marka çizgisi */
.prose h2::before{
  content:""; position:absolute; top:0; left:0;
  width:38px; height:3px; border-radius:2px;
  background:linear-gradient(90deg, var(--primary-light), rgba(250,83,101,.15));
}
.prose h2:first-child{ margin-top:0; }
.prose p{ margin:0 0 18px; }
.prose strong{ color:#f0eaeb; font-weight:600; }

/* --- Madde listesi --- */
.checklist{ margin:0 0 26px; display:grid; gap:10px; }
.checklist li{
  position:relative;
  padding:15px 20px 15px 52px;
  background:#17181c;
  border:1px solid #24262c;
  border-radius:14px;
  font-size:16px; line-height:1.7;
}
.checklist li::before{
  content:""; position:absolute; left:18px; top:18px;
  width:20px; height:20px; border-radius:50%;
  background:rgba(250,83,101,.14);
  border:1px solid rgba(250,83,101,.34);
}
.checklist li::after{
  content:""; position:absolute; left:24px; top:24px;
  width:8px; height:4px;
  border-left:2px solid var(--primary-light);
  border-bottom:2px solid var(--primary-light);
  transform:rotate(-45deg);
}

/* --- Rakam kartları --- */
.figures{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;
  margin:0 0 26px;
}
.figure{
  padding:20px 18px;
  background:#17181c;
  border:1px solid #24262c;
  border-radius:14px;
}
.figure--hot{
  background:linear-gradient(160deg, rgba(162,37,45,.26), rgba(162,37,45,.06));
  border-color:rgba(194,41,52,.5);
}
.figure__num{
  display:block; margin-bottom:6px;
  font-size:26px; font-weight:800; letter-spacing:-.8px; color:#fff;
}
.figure--hot .figure__num{ color:var(--primary-light); }
.figure__lbl{ display:block; font-size:12.5px; line-height:1.5; color:#8b8285; }

/* --- Örnek hesap --- */
.calc{
  margin:30px 0;
  padding:28px 30px;
  background:#16171b;
  border:1px solid #26282e;
  border-radius:18px;
}
.calc__title{
  display:flex; align-items:center; gap:11px;
  margin:0 0 20px;
  font-size:18px; font-weight:700; color:#fff;
}
.calc__ico{ font-size:19px; line-height:1; }

.calc__steps{ counter-reset:step; display:grid; gap:14px; margin:0 0 20px; }
.calc__steps li{
  position:relative; counter-increment:step;
  padding-left:44px;
  font-size:15.5px; line-height:1.7; color:#b6aeb0;
}
.calc__steps li::before{
  content:counter(step);
  position:absolute; left:0; top:1px;
  display:flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:50%;
  background:rgba(250,83,101,.14);
  border:1px solid rgba(250,83,101,.32);
  font-size:13px; font-weight:700; color:var(--primary-light);
}
.calc__note{
  margin:0; padding-top:18px;
  border-top:1px solid #26282e;
  font-size:14.5px; line-height:1.7; color:#8b8285;
}

/* --- Uyarı kutusu --- */
.callout{
  display:flex; gap:16px; align-items:flex-start;
  margin:30px 0; padding:22px 24px;
  background:linear-gradient(100deg, rgba(162,37,45,.20), rgba(162,37,45,.04));
  border:1px solid rgba(194,41,52,.42);
  border-radius:16px;
}
.callout__ico{ font-size:20px; line-height:1.4; }
.callout__title{
  margin:0 0 6px !important;
  font-size:15px; font-weight:700; color:#fff;
}
.callout p{ margin:0; font-size:15px; line-height:1.75; color:#c2babc; }

/* --- Kapanış çağrısı --- */
.endcta{
  display:flex; align-items:center; justify-content:space-between;
  gap:24px; flex-wrap:wrap;
  margin:36px 0 0; padding:26px 30px;
  background:linear-gradient(120deg, #1c1418, #17181c);
  border:1px solid #2e2126;
  border-radius:18px;
}
.endcta__title{ margin:0 0 5px; font-size:19px; font-weight:800; color:#fff; }
.endcta__sub{ margin:0; font-size:14.5px; line-height:1.6; color:#8b8285; }

/* --- Etiketler --- */
.tags{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin-top:38px; padding-top:28px;
  border-top:1px solid rgba(255,255,255,.08);
}
.tags__label{
  margin-right:4px;
  font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
  color:#736b6d;
}
.tags a{
  padding:7px 13px;
  background:#17181c; border:1px solid #24262c; border-radius:var(--pill);
  font-size:12.5px; color:#9b9294;
  transition:background .16s var(--ease), color .16s var(--ease), border-color .16s var(--ease);
}
.tags a:hover{ background:#211a1d; border-color:#3a2a2e; color:#fff; }


/* =========================================================
   SAYFA BAŞLIĞI (iç sayfalar)
   ========================================================= */
.pagehead{
  position:relative; overflow:hidden;
  background:#0f1013;
  border-bottom:1px solid #1c1d22;
}
.pagehead__glow{
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(700px 340px at 15% 0%, rgba(162,37,45,.28), transparent 62%);
}
.pagehead__wrap{
  position:relative; z-index:1;
  max-width:1240px; margin:0 auto; padding:52px 40px 46px;
}
.pagehead h1{
  margin:0 0 12px;
  font-size:clamp(30px, 3.6vw, 46px);
  font-weight:800; letter-spacing:-1.2px; color:#fff;
}
.pagehead p{ margin:0; max-width:560px; font-size:16.5px; line-height:1.7; color:#a49b9d; }

/* Kırıntı navigasyonu */
.crumb{
  display:flex; align-items:center; gap:8px;
  margin-bottom:18px;
  font-size:13px; color:#7d7578;
}
.crumb a{ color:#a49b9d; transition:color .16s var(--ease); }
.crumb a:hover{ color:#fff; }
.crumb [aria-current]{ color:#e4dedf; }

/* Başlık + buton aynı satırda */
.sechead--row{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px; flex-wrap:wrap;
}
.sechead--row .btn{ height:44px; padding:0 20px; flex:0 0 auto; }
.sechead--row .btn .ico, .sechead--row .btn .ico--fill{ width:16px; height:16px; margin-left:6px; }

@media (max-width:1180px){
  .pagehead__wrap{ padding:46px 28px 42px; }
}
@media (max-width:768px){
  .pagehead__wrap{ padding:32px 16px 30px; }
  .pagehead p{ font-size:15.5px; }
  .sechead--row{ align-items:flex-start; }
  .sechead--row .btn{ width:100%; justify-content:center; }
}


/* Yazı üst görseli */
.postcover{
  max-width:1240px; margin:0 auto; padding:0 40px 8px;
}
.postcover img{
  width:100%; height:auto; aspect-ratio:16 / 6;
  object-fit:cover;
  border:1px solid #24262c; border-radius:18px;
}

/* Başlık altı bilgi satırı */
.pagehead__meta{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin:0 !important; font-size:14px; color:#8b8285 !important;
}

/* İçindekiler olmayan tek kolonlu sayfalar */
.content__wrap--single{ grid-template-columns:minmax(0, 1fr); }
.content__wrap--single .prose{ margin:0 auto; }

@media (max-width:1180px){
  .postcover{ padding:0 28px 8px; }
}
@media (max-width:768px){
  .postcover{ padding:0 16px 4px; }
  .postcover img{ aspect-ratio:16 / 9; border-radius:14px; }
}

/* =========================================================
   BLOG
   ========================================================= */
.blog{ background:#121317; border-top:1px solid #1c1d22; }
.blog__wrap{ max-width:1240px; margin:0 auto; padding:64px 40px 76px; }

.sechead{ margin-bottom:34px; }
.sechead h2{
  margin:0 0 10px;
  font-size:clamp(25px, 2.7vw, 34px);
  font-weight:800; letter-spacing:-.8px; color:#fff;
}
.sechead p{ margin:0; font-size:16px; color:#8b8285; }

.blog__grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:26px; }

.post{
  display:flex; flex-direction:column;
  background:#17181c;
  border:1px solid #24262c;
  border-radius:18px;
  overflow:hidden;
  transition:border-color .22s var(--ease), transform .22s var(--ease), box-shadow .22s var(--ease);
}
.post:hover{
  border-color:#3a2126;
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(0,0,0,.35);
}

.post__thumb{ position:relative; display:block; aspect-ratio:16 / 8; overflow:hidden; background:#1d1f24; }
.post__thumb img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .4s var(--ease);
}
.post__thumb::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(23,24,28,0) 55%, rgba(23,24,28,.6));
}
.post:hover .post__thumb img{ transform:scale(1.05); }

.post__body{ display:flex; flex-direction:column; flex:1 1 auto; padding:24px; }
.post__body h3{
  margin:0 0 11px;
  font-size:18px; font-weight:700; line-height:1.38; color:#fff;
}
.post__body h3 a{ transition:color .16s var(--ease); }
.post__body h3 a:hover{ color:var(--primary-light); }
.post__body p{
  margin:0 0 20px;
  font-size:15px; line-height:1.7; color:#8b8285;
}
.post__more{
  display:inline-flex; align-items:center; gap:6px;
  margin-top:auto;
  font-size:14px; font-weight:600; color:var(--primary-light);
}
.post__more .ico{ width:15px; height:15px; transition:transform .18s var(--ease); }
.post:hover .post__more .ico{ transform:translateX(4px); }

/* =========================================================
   İçerik / blog responsive
   ========================================================= */
@media (max-width:1180px){
  .content__wrap{ grid-template-columns:1fr; gap:0; padding:16px 28px 60px; }
  .prose{ max-width:760px; margin:0 auto; }

  /* İçindekiler: yazının üstünde açılır kart */
  .toc{
    position:static;
    max-width:760px; width:100%;
    margin:0 auto 26px;
  }
  .toc__toggle{ display:flex; }
  .toc__label{ display:none; }
  .toc__nav{
    border-left:0;
    max-height:0; overflow:hidden;
    transition:max-height .3s var(--ease);
  }
  .toc.is-open .toc__nav{ max-height:900px; }
  .toc__nav a{
    padding:12px 16px; margin:0;
    border-left:0; border-bottom:1px solid #24262c;
    font-size:14px;
  }
  .toc__nav a:first-child{ margin-top:8px; border-top:1px solid #24262c; }
  .toc__nav a:last-child{ border-bottom:0; }
  .toc__nav a.is-current{ background:rgba(250,83,101,.08); color:#fff; }
  .blog__wrap{ padding:56px 28px 66px; }
  .blog__grid{ gap:20px; }
}

@media (max-width:900px){
  .blog__grid{ grid-template-columns:repeat(2, 1fr); }
  .figures{ grid-template-columns:repeat(2, 1fr); }
}

@media (max-width:768px){
  .content__wrap{ padding:8px 16px 48px; }
  .toc{ margin-bottom:22px; }
  .toc__toggle{ padding:13px 14px; font-size:14px; }
  .prose{ font-size:16.5px; line-height:1.8; }
  .prose h2{ margin:40px 0 16px; padding-top:22px; }
  .checklist li{ padding:14px 16px 14px 48px; font-size:15.5px; }
  .checklist li::before{ left:15px; top:16px; }
  .checklist li::after{ left:21px; top:22px; }
  .calc{ padding:22px 20px; }
  .calc__steps li{ padding-left:40px; font-size:15px; }
  .callout{ padding:18px 18px; gap:12px; }
  .endcta{ padding:22px 20px; }
  .endcta .btn{ width:100%; }


  .blog__wrap{ padding:44px 16px 52px; }
  .blog__grid{ grid-template-columns:1fr; gap:18px; }
  .post__body{ padding:20px; }
}

@media (max-width:420px){
  .figures{ grid-template-columns:1fr; }
}


/* =========================================================
   EKİPMAN SAYFASI — HERO
   ========================================================= */
.ekhero{ position:relative; overflow:hidden; background:#0d0e11; border-bottom:1px solid #1c1d22; }
.ekhero__glow{
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(760px 460px at 8% 0%,  rgba(162,37,45,.34), transparent 62%),
    radial-gradient(680px 520px at 96% 90%, rgba(250,83,101,.14), transparent 60%);
}
.ekhero__wrap{
  position:relative; z-index:1;
  max-width:1240px; margin:0 auto; padding:44px 40px 64px;
  display:grid; grid-template-columns:1fr 420px; gap:56px; align-items:center;
}
.ekhero__text .pill{ margin:6px 0 20px; }
.ekhero h1{
  margin:0 0 18px;
  font-size:clamp(32px, 4vw, 52px);
  font-weight:800; line-height:1.08; letter-spacing:-1.4px; color:#fff;
}
.ekhero__lead{
  margin:0 0 30px; max-width:520px;
  font-size:16.5px; line-height:1.75; color:#a49b9d;
}

.ekhero__stats{
  display:flex; flex-wrap:wrap; gap:32px;
  margin-bottom:32px; padding:22px 0;
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}
.ekhero__stats div{ display:flex; flex-direction:column; gap:3px; }
.ekhero__stats strong{
  font-size:26px; font-weight:800; letter-spacing:-.8px;
  background:linear-gradient(100deg, #fff, var(--primary-light));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.ekhero__stats span{ font-size:12.5px; color:#8b8285; }

.ekhero__cta{ display:flex; flex-wrap:wrap; gap:12px; }

/* Hero görseli */
.ekhero__visual{ position:relative; display:flex; align-items:center; justify-content:center; }
.ekhero__ring{
  position:absolute; width:340px; height:340px; border-radius:50%;
  background:radial-gradient(circle, rgba(162,37,45,.5), transparent 68%);
  filter:blur(18px);
}
.ekhero__visual img{
  position:relative; z-index:1;
  width:100%; max-width:340px; height:auto;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));
}
.ekhero__tag{
  position:absolute; z-index:2; bottom:6px; left:50%; transform:translateX(-50%);
  padding:8px 16px; white-space:nowrap;
  background:rgba(20,21,25,.9); border:1px solid rgba(255,255,255,.14);
  border-radius:var(--pill);
  font-size:12.5px; font-weight:600; color:#fff;
  backdrop-filter:blur(8px);
}

/* =========================================================
   KOTA PLANLARI
   ========================================================= */
.plans{ background:#121317; border-top:1px solid #1c1d22; }
.plans__wrap{ max-width:1240px; margin:0 auto; padding:60px 40px 68px; }
.plans__grid{
  display:grid; grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px; max-width:920px; margin:0 auto; align-items:start;
}

.plan{
  position:relative;
  display:flex; flex-direction:column;
  padding:32px 30px;
  background:#17181c; border:1px solid #24262c; border-radius:20px;
}
.plan--popular{
  background:linear-gradient(168deg, rgba(162,37,45,.22), #17181c 58%);
  border-color:rgba(194,41,52,.55);
  box-shadow:0 24px 60px rgba(162,37,45,.16);
}
.plan__badge{
  position:absolute; top:-14px; left:50%; transform:translateX(-50%);
  display:inline-flex; align-items:center; gap:6px;
  max-width:calc(100% - 28px); padding:7px 16px;
  background:linear-gradient(100deg, var(--primary), #c22934);
  border-radius:var(--pill);
  font-size:12px; font-weight:700; letter-spacing:.2px; color:#fff;
  white-space:nowrap;
  box-shadow:0 8px 22px rgba(162,37,45,.5);
}

@media (max-width:420px){
  .plan__badge{ font-size:11px; padding:6px 12px; }
}
.plan__step{
  display:inline-block; margin-bottom:16px;
  font-size:11px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase;
  color:#8b8285;
}
/* Topla -> Al akışı */
.plan__flow{
  display:grid; grid-template-columns:1fr auto 1fr;
  align-items:stretch; gap:10px;
  margin:4px 0 24px; padding-bottom:24px;
  border-bottom:1px solid #26282e;
}
.plan__box{
  display:flex; flex-direction:column; gap:5px;
  padding:16px 14px;
  background:#1b1d22; border:1px solid #282b32; border-radius:14px;
  text-align:center;
}
.plan--popular .plan__box{ background:rgba(0,0,0,.26); border-color:rgba(255,255,255,.10); }
.plan__box--pay{
  background:rgba(103,165,68,.10); border-color:rgba(103,165,68,.34);
}
.plan__lbl{
  font-size:10.5px; font-weight:700; letter-spacing:.9px; text-transform:uppercase;
  color:#8b8285;
}
.plan__val{
  font-size:26px; font-weight:800; letter-spacing:-.9px; line-height:1.1; color:#fff;
}
.plan__box--pay .plan__val{ color:#8fd06a; }
.plan__sub{ font-size:11.5px; line-height:1.4; color:#7d7578; }

.plan__arrow{
  display:flex; align-items:center; justify-content:center;
  align-self:center;
  width:28px; height:28px; flex:0 0 auto;
  background:#24262c; border:1px solid #31343c; border-radius:50%;
}
.plan__arrow svg{
  width:15px; height:15px;
  fill:none; stroke:#9b9294; stroke-width:2.4;
  stroke-linecap:round; stroke-linejoin:round;
}
.plan--popular .plan__arrow{ background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.18); }

.plan__list{ display:grid; gap:12px; margin-bottom:24px; }
.plan__list li{
  display:flex; align-items:flex-start; gap:11px;
  font-size:15px; line-height:1.5; color:#b6aeb0;
}
.plan__list .ico{
  width:17px; height:17px; flex:0 0 auto; margin-top:2px;
  color:var(--primary-light); stroke-width:2.8;
}
.plan--popular .plan__list .ico{ color:#7fc95c; }
.plan__note{ margin:0 0 22px; font-size:13px; line-height:1.6; color:#7d7578; }
.plan__cta{ margin-top:auto; width:100%; }

.plans__foot{
  max-width:920px; margin:26px auto 0;
  font-size:14px; line-height:1.7; color:#7d7578;
  text-align:center;
}

.plans .sechead{ text-align:center; }
.plans .sechead p{ max-width:560px; margin-left:auto; margin-right:auto; }

/* =========================================================
   EKİPMANLAR — BENTO
   ========================================================= */
.equips{ background:#0f1013; border-top:1px solid #1c1d22; }
.equips__wrap{ max-width:1240px; margin:0 auto; padding:64px 40px 76px; }

.bento{ display:grid; grid-template-columns:repeat(6, 1fr); gap:20px; }

.bt{
  position:relative; overflow:hidden;
  grid-column:span 2;
  display:flex; flex-direction:column;
  background:#17181c; border:1px solid #24262c; border-radius:20px;
  transition:border-color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);
}
.bt:hover{
  border-color:#4a2830; transform:translateY(-5px);
  box-shadow:0 22px 50px rgba(0,0,0,.42);
}
.bt--lg{ grid-column:span 3; }
.bt--xl{ grid-column:span 3; }
.bt--wide{ grid-column:span 6; flex-direction:row; align-items:center; }

.bt__media{
  position:relative;
  display:flex; align-items:center; justify-content:center;
  padding:30px;
  background:radial-gradient(130% 110% at 50% 0%, #23252b, #17181c 70%);
  border-bottom:1px solid #24262c;
}
.bt__media img{
  width:auto; max-width:100%; height:190px; object-fit:contain;
  transition:transform .4s var(--ease);
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.5));
}
.bt:hover .bt__media img{ transform:scale(1.06) translateY(-4px); }
.bt--xl .bt__media img{ height:250px; }

.bt__body{ padding:24px 26px 28px; }
.bt__tag{
  display:inline-block; margin-bottom:10px;
  padding:4px 11px;
  background:rgba(162,37,45,.24); border:1px solid rgba(194,41,52,.45);
  border-radius:var(--pill);
  font-size:11px; font-weight:700; letter-spacing:.5px; color:#f0dade;
}
.bt__body h3{ margin:0 0 10px; font-size:19px; font-weight:700; color:#fff; }
.bt__body p{ margin:0; font-size:14.5px; line-height:1.7; color:#8b8285; }

/* Tatil kartı */
.bt--travel .bt__media{
  flex:0 0 42%; border-bottom:0; border-right:1px solid #24262c;
  padding:0; align-self:stretch;
}
.bt--travel .bt__media img{
  width:100%; height:100%; min-height:280px; object-fit:cover;
  filter:none; border-radius:0;
}
.bt--travel .bt__body{ flex:1 1 auto; padding:32px 34px; }

.bt__chips{ display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; }
.bt__chips li{
  padding:5px 11px;
  background:#1e2025; border:1px solid #2b2e35; border-radius:var(--pill);
  font-size:12px; color:#9b9294;
}

/* =========================================================
   Kaydırınca beliren kartlar
   ========================================================= */
[data-reveal]{
  opacity:0; transform:translateY(18px);
  transition:opacity .5s var(--ease), transform .5s var(--ease);
}
[data-reveal].is-in{ opacity:1; transform:none; }

@media (prefers-reduced-motion:reduce){
  [data-reveal]{ opacity:1; transform:none; transition:none; }
}

/* =========================================================
   Ekipman sayfası responsive
   ========================================================= */
@media (max-width:1180px){
  .ekhero__wrap{ grid-template-columns:1fr 340px; gap:40px; padding:36px 28px 56px; }
  .plans__wrap, .vs__wrap{ padding:52px 28px 60px; }
  .equips__wrap{ padding:56px 28px 66px; }
  .bento{ gap:16px; }
}

@media (max-width:900px){
  .ekhero__wrap{ grid-template-columns:1fr; gap:32px; }
  .ekhero__visual{ order:-1; }
  .ekhero__visual img{ max-width:250px; }
  .ekhero__ring{ width:250px; height:250px; }
  .bt, .bt--lg, .bt--xl{ grid-column:span 3; }
  .bt--wide{ grid-column:span 6; flex-direction:column; align-items:stretch; }
  .bt--travel .bt__media{ flex:none; border-right:0; border-bottom:1px solid #24262c; }
  .bt--travel .bt__media img{ min-height:0; height:240px; }
  .bt--travel .bt__body{ padding:26px; }
}

/* Dar kartta akış dikey */
@media (max-width:1100px){
  .plan__flow{ grid-template-columns:1fr; gap:8px; }
  .plan__arrow{ transform:rotate(90deg); }
}

@media (max-width:768px){
  .ekhero__wrap{ padding:24px 16px 44px; }
  .ekhero__stats{ gap:22px; padding:18px 0; margin-bottom:26px; }
  .ekhero__stats strong{ font-size:22px; }
  .ekhero__cta .btn{ flex:1 1 100%; }

  .plans__wrap, .vs__wrap{ padding:40px 16px 48px; }
  .plans__grid{ grid-template-columns:1fr; gap:26px; }
  .plan{ padding:26px 22px; }

  .equips__wrap{ padding:42px 16px 52px; }
  .bento{ grid-template-columns:1fr; gap:16px; }
  .bt, .bt--lg, .bt--xl, .bt--wide{ grid-column:span 1; }
  .bt__media{ padding:24px; }
  .bt__media img, .bt--xl .bt__media img{ height:170px; }
  .bt__body{ padding:20px 22px 24px; }
  .bt--travel .bt__media img{ height:200px; }
}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{
  background:#171717;
  border-top:1px solid #262626;
  color:#9a9a9a;
  font-size:13.5px;
}
.footer__inner{ max-width:1800px; margin:0 auto; padding:44px 40px 0; }

/* --- Üst blok: marka + 4 link kolonu --- */
.footer__top{
  display:grid;
  grid-template-columns:minmax(280px, 1.6fr) repeat(4, minmax(150px, 1fr));
  gap:40px;
  padding-bottom:40px;
}

/* Marka kolonu */
.footer__brandhead{ margin-bottom:22px; }
.logo--footer img{ height:26px; width:auto; filter:brightness(0) invert(1); opacity:.92; }

.footer__desc{ margin:0 0 16px; line-height:1.72; color:#8f8f8f; }

/* Link kolonları */
.footer__title{
  margin:0 0 4px; padding-bottom:14px;
  border-bottom:1px solid #2b2b2b;
  color:#ededed; font-size:13px; font-weight:700; letter-spacing:.6px;
}
.footer__links li + li{ border-top:1px solid #2b2b2b; }
.footer__links a{
  display:flex; align-items:center; gap:10px;
  padding:13px 0;
  color:#9a9a9a; line-height:1.4;
  transition:color .16s var(--ease);
}
.footer__links a:hover{ color:#fff; }
.footer__links .ico{ width:17px; height:17px; color:#7d7d7d; flex:0 0 auto; }


/* Şirket ünvanı ve adresi.
   Metin CSS'ten basılır: seçilip kopyalanamaz ve arama motorları indekslemez. */
.not-indexed-company-name::before{
  content:"Technius Ltd";
}
.not-indexed-company-address::before{
  content:"Spyrou Kyprianou, 75, Flat/Office 102, Potamos Germasogeias, 4042, Limassol, Cyprus";
}
.not-indexed-company-name,
.not-indexed-company-address{
  -webkit-user-select:none; user-select:none;
}

/* --- Alt blok --- */
.footer__bottom{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; flex-wrap:wrap;
  padding:22px 0 30px;
  border-top:1px solid #262626;
  color:#7d7d7d;
}
.footer__bottom p{ margin:0; }

/* --- Footer responsive --- */
@media (max-width:1400px){
  .footer__top{ grid-template-columns:minmax(260px, 1.4fr) repeat(4, 1fr); gap:32px; }
  .footer__inner{ padding:40px 24px 0; }
}
@media (max-width:1100px){
  .footer__top{ grid-template-columns:repeat(2, 1fr); }
  .footer__brand{ grid-column:1 / -1; }
}
@media (max-width:768px){
  .footer__inner{ padding:32px 16px 0; }
  .footer__top{ grid-template-columns:1fr; gap:28px; padding-bottom:28px; }
  .footer__bottom{ flex-direction:column; align-items:flex-start; gap:8px; }
}