@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;
src:url('/gokyuzu/fonts/instrument-sans-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:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;
src:url('/gokyuzu/fonts/instrument-sans-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;}

html{-webkit-text-size-adjust:100%}
body{margin:0;background:#0B0F1A;
 font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#E9E6DD}
a{color:#FF8466}a:hover{color:#FFA68E}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
img,svg{max-width:100%}

/* Maketin sabit 1280px'i: akiskan ve ortalanmis. */
.cg-page{width:100%;max-width:1280px;margin:0 auto;min-height:100vh}
/* Takvim ve uygulama sayfalarinin yalnizca mobil maketi var. Genis ekranda
   mobil olculerle birakmak serit gibi duruyordu; olay sayfasinin masaustu
   olculerini (1280 / 80px / 72px) onlara da uyguluyoruz. */
.cg-mobil-kaynak{max-width:1280px}
.cg-pad-x{padding:0 80px}
.cg-main{padding:40px 80px 0}
.cg-foot{padding:32px 80px 40px}
.cg-two{display:grid;grid-template-columns:minmax(0,720px) 340px;gap:60px;align-items:start}
.cg-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}

@media (min-width:901px){
  .cg-mobil-kaynak > header{height:72px!important}
  .cg-mobil-kaynak > header > a{font-size:19px!important}
  .cg-mobil-kaynak > header > a svg{width:30px;height:30px}
  /* Bolumlerin kendi 20px yatay boslugu yerine sayfa boslugu */
  /* !important sart: main'in inline display:flex'i var. */
  .cg-mobil-kaynak > main{padding:16px 80px 0;display:grid!important;
    grid-template-columns:1fr 1fr;column-gap:32px;align-content:start}
  .cg-mobil-kaynak > main > section{grid-column:1/-1;
    padding-left:0!important;padding-right:0!important;
    margin-left:0!important;margin-right:0!important}
  /* Son iki kart yan yana: tek sutunda alt alta uzuyorlardi */
  .cg-mobil-kaynak > main > section:nth-last-of-type(-n+2){grid-column:auto}
  .cg-mobil-kaynak > footer{padding:32px 80px 40px!important}
  .cg-mobil-kaynak h1{font-size:42px!important;line-height:1.14!important}
  /* Satir uzunlugu: 1120px genislikte metin okunmuyor. */
  .cg-mobil-kaynak > main > section > p{max-width:70ch}
  /* Tam genislige yayilan buton orantisiz duruyordu. */
  .cg-mobil-kaynak a[href*="play.google"]{align-self:start;padding-left:32px;padding-right:32px}

  /* Uygulama sayfasinin hero'su mobilde alt alta; masaustunde metin solda,
     telefon sagda olmali. Yoksa telefon ortada kalip solda bosluk birakiyor. */
  .cg-uygulama > main > section:first-of-type{
    display:grid!important;grid-template-columns:minmax(0,1fr) 300px;
    /* Son satir esner: telefon uc satiri kapladigi icin fazla alan
       basliklarin arasina dagiliyordu. */
    grid-template-rows:min-content min-content 1fr;
    column-gap:64px;row-gap:14px;align-items:start;justify-items:start}
  /* Otomatik yerlesim parcalari dagitiyordu; her biri acikca konumlanir. */
  .cg-uygulama > main > section:first-of-type > h1{grid-area:1/1}
  .cg-uygulama > main > section:first-of-type > p{grid-area:2/1;max-width:52ch}
  .cg-uygulama > main > section:first-of-type > div:first-of-type{
    grid-area:3/1;align-items:flex-start!important}
  .cg-uygulama > main > section:first-of-type > div:last-of-type{
    grid-area:1/2/4/3;align-self:center;justify-self:center;
    height:440px!important;margin-top:0!important}
}

/* ——— mobil: tasarimcinin mobil maketindeki degerler ——— */
@media (max-width:900px){
  body{font-size:17px;line-height:1.6}
  .cg-pad-x{padding:0 20px}
  .cg-main{padding:20px 20px 0;gap:0!important}
  .cg-foot{padding:24px 20px 32px;flex-direction:column;gap:10px}
  .cg-two{grid-template-columns:minmax(0,1fr);gap:28px}
  .cg-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cg-page h1{font-size:27px!important;line-height:1.22!important}
  /* Yalnizca masaustu kaynakli sayfalarda: orada bosluk main'den gelir.
     Mobil kaynakli sayfalarda bosluğu bolumlerin kendisi veriyor. */
  .cg-page:not(.cg-mobil-kaynak) section{
    padding-left:0!important;padding-right:0!important}
  /* Masaustu menusu 390px'e sigmiyor; tasarimcinin mobil ust cubugu
     yalnizca logo + takvim baglantisi. Fazlalari gizlenir. */
  /* !important sart: baglantilarin inline display:flex'i var. */
  .cg-page > header nav a:nth-of-type(n+2){display:none!important}
  .cg-page > header nav a{white-space:nowrap}
  .cg-page > header nav{gap:0;font-size:15px}
  .cg-page > header{height:60px}
  .cg-page > header > a{font-size:17px!important;gap:10px!important;white-space:nowrap}
  .cg-page > header > a svg{width:26px;height:26px}
}
@media (max-width:480px){
  .cg-facts{gap:8px}
}