:root{color-scheme:dark;--bg:#08090a;--panel:#121416;--edge:#383d43;--white:#f5f5f3;--mute:#a6aab0;--soft:#d5d8dd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #e6e6e3;outline-offset:4px}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{width:min(1280px,calc(100% - 48px));margin:0 auto}
.top{position:sticky;top:0;z-index:50;background:rgba(9,10,11,.95);backdrop-filter:blur(18px);border-bottom:1px solid #2d3033}
/* GF_HOME_COMPACT_STANDARD_V1 */
.topinner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-size:22px;font-weight:850;letter-spacing:-1.2px;white-space:nowrap}.logo em{color:#b9babd;font-style:normal;font-weight:400}
.nav{display:flex;gap:28px;align-items:center}.nav a{color:#d2d3d5;font-weight:500;font-size:13px;transition:color .15s}.nav a:hover{color:white}.nav a.primarynav{background:#f2f2ef;color:#090a0b;padding:13px 16px;font-weight:700}
.mtoggle{display:none;background:none;border:1px solid var(--edge);border-radius:7px;color:white;padding:9px;cursor:pointer}
.eyebrow{display:flex;align-items:center;gap:12px;color:#bfc1c4;font-size:10px;letter-spacing:2.7px;font-weight:700;text-transform:uppercase}.eyebrow::before{content:"";display:inline-block;width:25px;height:1px;background:#aaa}
.hero-intro{padding:28px 0 17px;display:flex;align-items:end;justify-content:space-between;gap:32px}
.hero-intro h1{font-weight:900;font-size:clamp(32px,4.4vw,67px);letter-spacing:-2.6px;line-height:1.04;margin:15px 0 0;max-width:820px}
.stroke{-webkit-text-stroke:1px #f5f5f3;color:transparent}.hero-intro p{color:#bbbfc4;line-height:1.75;max-width:380px;font-size:14px;margin:0 0 5px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.72fr);border:1px solid #34373a;overflow:hidden;min-height:520px;background:#101113}
.hero-art{position:relative;display:block;align-self:stretch;min-height:360px;overflow:hidden;background:#000}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform .45s}
.hero-art:hover img{transform:scale(1.018)}.hero-art::after{content:"";position:absolute;inset:0;border-right:1px solid #3a3b3d;pointer-events:none}
.hero-aside{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,3.5vw,52px);background:radial-gradient(circle at 110% 0,#303136,transparent 52%),#141517}
.aside-kicker{font-size:11px;letter-spacing:2.3px;color:#a8a9ac;font-weight:600}.hero-aside h2{font-size:clamp(28px,2.55vw,40px);line-height:1.17;font-weight:800;letter-spacing:-1.4px;margin:16px 0}.hero-aside p{color:#bdc0c4;line-height:1.78;font-size:14px;margin:10px 0 20px}
.actions{display:grid;gap:10px}.btn{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 20px;font-size:13px;font-weight:800;line-height:1.3;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-2px)}.btn-main{background:#f4f4f1;color:#0a0a0c}.btn-main:hover{background:#dededd}.btn-ghost{background:transparent;border:1px solid #55595e;color:#f4f4f1}.btn-ghost:hover{background:#25272a}.arrow{font-size:21px;font-weight:400;line-height:1}
.hero-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:10px;letter-spacing:1px;color:#adb0b3}.hero-tags span+span:before{content:"/";color:#65676a;margin-right:12px}
.section{padding:46px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-title{font-size:clamp(25px,2.5vw,34px);font-weight:900;letter-spacing:-1.7px;line-height:1.05;margin:12px 0 0}.section-note{color:#a8acb0;max-width:345px;font-size:13px;line-height:1.6;margin:0}.link{font-size:12px;font-weight:750;border-bottom:1px solid #c8cacc;padding-bottom:5px;white-space:nowrap}
.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:100%;margin-left:0;margin-right:0}.cat{display:block;position:relative;overflow:hidden;border:1px solid #3c3d3f;aspect-ratio:1.15/1;background:#1a1b1e}.cat img{width:100%;height:100%;object-fit:cover;transition:transform .38s}.cat:hover img{transform:scale(1.045)}.cat:focus-visible{outline-offset:3px}
.featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.campaign{min-height:0;border:1px solid #3b3f43;background:linear-gradient(140deg,#1c1d20,#111215 72%);padding:10px;display:flex;flex-direction:column;gap:10px;position:relative;border-radius:12px;text-decoration:none;transition:border .2s,transform .2s}.campaign:hover{border-color:#b9bdc0;transform:translateY(-3px)}
/* GF_COMPACT_CAMPAIGN_V1 */
.cam-logo{height:90px;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden;box-sizing:border-box}
.cam-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.cam-logo span{color:#171717;font:700 15px/1.3 Rubik,sans-serif;text-align:center}
.cam-title{font-size:16px;line-height:1.45;font-weight:600;letter-spacing:0;margin:0;overflow-wrap:anywhere}
.campaign-placeholder{grid-column:1/-1;border:1px solid #3b3f43;padding:30px;color:#c5c8cb;line-height:1.7}
.analytics{background:#161719;border:1px solid #383b3f;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:320px}.analytics-text{padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.analytics-text h2{font-size:clamp(26px,2.7vw,36px);font-weight:900;line-height:1.12;letter-spacing:-1.8px;margin:16px 0}.analytics-text p{font-size:14px;line-height:1.8;color:#b9bdc1;max-width:500px;margin:0 0 24px}.analytics-viz{min-height:300px;display:flex;justify-content:center;align-items:center;padding:28px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 50%,#35363a,#17181a 70%);border-left:1px solid #35373a}.analytics-viz svg{max-width:100%;width:570px;filter:drop-shadow(0 5px 12px #0006)}.viz-caption{font-size:10px;letter-spacing:1.2px;color:#acb0b4;position:absolute;bottom:20px;left:28px}
.explain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.explain-item{border-top:1px solid #6e7073;padding:26px 4px 4px}.explain-number{font-size:38px;line-height:1;font-weight:900;color:#5d6267}.explain-title{font-weight:800;font-size:17px;margin:18px 0 9px}.explain-text{color:#abb0b4;font-size:13px;line-height:1.7;max-width:340px}
.footer{margin-top:68px;border-top:1px solid #36383c}.footinner{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:28px;padding-bottom:38px}.footlinks{display:flex;gap:17px;flex-wrap:wrap}.footlinks a{font-size:11px;color:#a5a9ae}.footlinks a:hover{color:white}.footcopy{font-size:11px;color:#888b90;line-height:1.65}
@media(max-width:1150px){.hero-intro{align-items:start;flex-direction:column;gap:16px}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);min-height:460px}.hero-aside{padding:28px}.hero-aside h2{font-size:29px}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.featured{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.shell{width:calc(100% - 32px)}.topinner{height:65px}.logo{font-size:21px}.mtoggle{display:block}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:#111214;border-bottom:1px solid #383b3f;padding:18px 20px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:14px 10px}.nav a.primarynav{text-align:center;margin-top:10px}.hero-intro{padding:31px 0 21px}.hero-intro h1{font-size:36px;letter-spacing:-1.7px}.hero-intro p{font-size:12.5px;line-height:1.65}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:0;aspect-ratio:1/1;width:100%;overflow:hidden}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-aside{padding:24px 22px;gap:14px}.hero-aside h2{font-size:26px;margin:10px 0}.hero-aside p{font-size:13px;margin:0}.hero-tags{margin-top:6px}.section{padding-top:60px}.section-head{flex-wrap:wrap;gap:12px;margin-bottom:19px}.section-title{font-size:30px}.section-note{font-size:12px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.featured{grid-template-columns:1fr}.campaign{min-height:0;padding:10px}.cam-logo{height:85px}.analytics{grid-template-columns:1fr}.analytics-text{padding:28px 22px}.analytics-text h2{font-size:34px}.analytics-viz{border-left:0;border-top:1px solid #35373a;min-height:270px}.explain{grid-template-columns:1fr;gap:18px}.explain-item{padding-top:17px}.explain-title{margin-top:8px}.footinner{flex-direction:column;align-items:flex-start}.footer{margin-top:68px}}
@media(max-width:400px){.hero-intro h1{font-size:31px}.cat{aspect-ratio:1.15/1}.section-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* GF HEADER LOGO FIX */
.topinner > a.logo img {
    display: block;
    width: auto;
    height: 34px;
    max-width: 210px;
    object-fit: contain;
}
@media (max-width: 740px) {
    .topinner > a.logo img {
        height: 27px;
        max-width: 170px;
    }
}


/* GF RUBIK TYPOGRAPHY STANDARD */
html, body, button, input, select, textarea {
    font-family: 'Poppins', sans-serif !important;
}
body *:not(svg):not(svg *) {
    font-family: 'Poppins', sans-serif !important;
}


/* GF_SOLID_TYPOGRAPHY_20261012 */
.stroke {
    color: #f5f5f3 !important;
    -webkit-text-fill-color: #f5f5f3 !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
    background-image: none !important;
    font-family: 'Poppins', sans-serif !important;
}


/* GF_CATEGORY_LABELS_V1 */
.categories {
    margin-top: 42px !important;
}

.categories > a.cat {
    position: relative !important;
    overflow: visible !important;
}

.categories > a.cat > .gf-category-label {
    position: absolute !important;
    top: -34px !important;
    left: 0 !important;
    z-index: 5 !important;
    display: block !important;
    color: #f5f5f3 !important;
    font: 700 14px/1.4 Poppins, sans-serif !important;
    letter-spacing: .055em !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

@media (max-width: 740px) {
    .categories {
        row-gap: 55px !important;
    }

    .categories > a.cat > .gf-category-label {
        top: -31px !important;
        font-size: 11px !important;
        letter-spacing: .025em !important;
    }
}


/* GF_MOBILE_COMPACT_HERO_V1 */
@media (max-width: 740px) {

    .hero-grid {
        min-height: 0 !important;
        height: auto !important;
    }

    .hero-aside {
        min-height: 0 !important;
        height: auto !important;
        padding: 24px 20px !important;
        justify-content: flex-start !important;
        gap: 22px !important;
    }

    .hero-aside .aside-kicker {
        font-size: 10px !important;
        letter-spacing: 1.4px !important;
    }

    .hero-aside h2 {
        font-family: Poppins, sans-serif !important;
        font-size: clamp(22px, 5.4vw, 27px) !important;
        line-height: 1.2 !important;
        letter-spacing: -0.6px !important;
        margin: 12px 0 14px !important;
        font-weight: 800 !important;
    }

    .hero-aside p {
        font-size: 13px !important;
        line-height: 1.65 !important;
        margin: 0 !important;
    }
}



/* GF_CSS_ARROW_FIX_V3 */
.arrow {
  font-size: 0 !important;
  line-height: 0 !important;
  position: relative !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  vertical-align: middle;
}
.arrow::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 10px;
  width: 16px;
  height: 2px;
  background: currentColor;
  transform: rotate(-45deg);
}
.arrow::after {
  content: "";
  position: absolute;
  right: 3px;
  top: 3px;
  width: 10px;
  height: 10px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}


/* GF_DESKTOP_HALF_HERO_V2 */

@media (min-width: 741px) {

  .hero-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    height: 360px !important;
    min-height: 0 !important;
  }

  .hero-art {
    position: relative;
    isolation: isolate;
    width: auto !important;
    height: 360px !important;
    min-height: 0 !important;
    background: #0a090d !important;
  }

  .hero-art .gf-hero-picture {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .hero-art .gf-hero-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center !important;
  }

  /* Sag metin paneli */
  .hero-aside {
    min-width: 0;
    padding: 20px 26px !important;
    justify-content: center !important;
    gap: 13px !important;
  }

  .hero-aside h2 {
    font-size: clamp(22px,2vw,28px) !important;
    line-height: 1.2 !important;
    margin: 8px 0 !important;
  }

  .hero-aside p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 6px 0 12px !important;
  }

  .actions {
    gap: 8px;
  }

  .hero-aside .btn {
    min-height: 44px;
    padding: 11px 15px !important;
    font-size: 12px !important;
  }

  .hero-tags {
    margin-top: 10px;
  }
}

/* Tablet: dar ekranda metin sikismasin */
@media (min-width: 741px) and (max-width: 1020px) {
  .hero-grid {
    grid-template-columns: minmax(0,1fr) !important;
    height: auto !important;
  }

  .hero-aside {
    min-height: 275px;
    padding: 22px !important;
  }
}



/* GF_POPPINS_TYPOGRAPHY_V2 */

/* Ana bölüm başlıkları */
.section-title {
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.18 !important;
}

/* Büyük giriş başlığı */
.hero-intro h1 {
  font-weight: 700 !important;
  letter-spacing: -0.7px !important;
}

/* Hero yan başlık */
.hero-aside h2 {
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
}

/* Fiyat analitiği başlığı */
.analytics-text h2 {
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
}

/* Kampanya kartları */
.cam-title {
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* Butonlar */
.btn {
  font-weight: 600 !important;
}

/* Nasıl çalışır başlıkları */
.explain-title {
  font-weight: 600 !important;
}


/* GF_RESPONSIVE_HERO_V1 */
.gf-hero-picture {
  display: block;
  width: 100%;
  height: 100%;
}

.gf-hero-picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: center !important;
}

@media (min-width: 741px) {
  .hero-art {
    height: 360px !important;
    min-height: 0 !important;
    background: #080808 !important;
  }
}

@media (max-width: 740px) {
  .hero-art {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    background: #080808 !important;
  }

  .gf-hero-picture {
    aspect-ratio: 1 / 1;
    height: auto !important;
  }

  .gf-hero-picture img {
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain !important;
  }
}