/* YÖKDİL YDS landing t1 — kimlik: akademik sayfa + fosforlu kalem (brief: yokdil_landing_brief.md)
   Kağıt aydınlığı, Sora + Inter, sınav kitapçığı dili. yy- öneki. */
:root{
  --kagit:#FAFAF7; --kagit2:#F2F1EA; --murekkep:#1B2340; --soluk:#59617D;
  --mor:#5B3FD4; --mor-koyu:#43299F; --teal:#0E7490; --fosfor:#F7E353;
  --cizgi:#E2E0D4; --beyaz:#FFFFFF;
  --golge:0 16px 44px rgba(27,35,64,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,sans-serif;background:var(--kagit);color:var(--murekkep);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.yy-sarici{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}
h1,h2,h3{font-family:'Sora',system-ui,sans-serif;font-weight:600;line-height:1.08;letter-spacing:-.015em}

/* kitapçık bölüm başlığı */
.yy-bolum-no{display:inline-flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--soluk);text-transform:uppercase;margin-bottom:14px}
.yy-bolum-no::before{content:"";width:34px;height:1.5px;background:var(--mor)}

/* header */
.yy-ust{position:sticky;top:0;z-index:50;background:rgba(250,250,247,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi)}
/* 20.08 tur4: padding kisayazimi yy-sarici yatayini burada da eziyordu (logo "kayik") */
.yy-ust-ic{display:flex;align-items:center;gap:22px;padding-top:14px;padding-bottom:14px}
.yy-logo{font-family:'Sora',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.01em}
.yy-logo em{font-style:italic;color:var(--mor)}
.yy-logo small{display:block;font-family:'Inter',sans-serif;font-size:10px;font-weight:700;letter-spacing:.3em;color:var(--soluk)}
.yy-ust nav{display:flex;gap:20px;margin-left:auto;font-size:14.5px;font-weight:600;color:var(--soluk)}
.yy-ust nav a:hover{color:var(--murekkep)}
.yy-cta{background:var(--murekkep);color:#fff;font-weight:700;font-size:14.5px;padding:11px 22px;border-radius:10px;transition:.2s;white-space:nowrap}
.yy-cta:hover{background:var(--mor-koyu);transform:translateY(-1px)}

/* hero */
/* 20.08 MOBIL: bolum siniflari .yy-sarici ile AYNI elemanda; padding kisayazimi ("X 0")
   yatay boslugu SIFIRLIYORDU (kurucu 20796 "her sey sola bitisik"). Longhand'e cevrildi. */
.yy-hero{padding-top:clamp(40px,7vw,90px);padding-bottom:clamp(30px,5vw,60px);position:relative}
.yy-hero-izgara{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center}
.yy-hero h1{font-size:clamp(38px,5.6vw,68px);font-weight:500}
.yy-hero h1 .yy-satir{display:block}
.yy-isaret{position:relative;white-space:nowrap;font-style:italic;font-weight:600}
.yy-isaret::before{content:"";position:absolute;inset:8% -2% 6% -2%;background:var(--fosfor);z-index:-1;transform:skewX(-4deg) scaleX(0);transform-origin:left;border-radius:4px;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.yy-isaret.tarandi::before{transform:skewX(-4deg) scaleX(1)}
.yy-hero .yy-alt{margin-top:20px;font-size:clamp(16px,1.5vw,19px);color:var(--soluk);max-width:47ch}
.yy-hero-eylem{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap}
.yy-cta-buyuk{background:var(--mor);color:#fff;font-weight:700;font-size:16px;padding:15px 30px;border-radius:12px;box-shadow:0 10px 26px rgba(91,63,212,.3);transition:.2s}
.yy-cta-buyuk:hover{background:var(--mor-koyu);transform:translateY(-2px)}
.yy-link{font-weight:700;font-size:15px;color:var(--teal);border-bottom:2px solid var(--teal);padding-bottom:2px}
.yy-rozetler{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.yy-rozet{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600;color:var(--soluk)}
.yy-rozet b{color:var(--murekkep)}

/* hero soru kartı */
.yy-soru-kart{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:18px;box-shadow:var(--golge);padding:26px 26px 22px;position:relative;max-width:460px;margin-left:auto}
.yy-soru-kart .yy-kart-ust{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--soluk);text-transform:uppercase;margin-bottom:14px}
.yy-kart-ust .yy-sure{background:var(--kagit2);border-radius:999px;padding:4px 12px;color:var(--murekkep)}
.yy-soru-metin{font-size:15.5px;line-height:1.6}
.yy-soru-metin b{background:var(--kagit2);border-bottom:2px dashed var(--mor);font-weight:600;padding:0 4px}
.yy-siklar{margin-top:16px;display:grid;gap:8px}
.yy-sik{display:flex;align-items:center;gap:10px;border:1.5px solid var(--cizgi);border-radius:10px;padding:9px 13px;font-size:14.5px;transition:.25s;background:var(--kagit)}
.yy-sik .yy-harf{width:24px;height:24px;border-radius:8px;background:var(--kagit2);display:grid;place-items:center;font-weight:800;font-size:12.5px;color:var(--soluk);flex:none}
.yy-sik.yy-dogru{border-color:var(--teal);background:#EDF7F5}
.yy-sik.yy-dogru .yy-harf{background:var(--teal);color:#fff}
.yy-kart-alt{margin-top:14px;font-size:12.5px;color:var(--soluk);display:flex;justify-content:space-between;align-items:center}
.yy-kart-alt .yy-ai{color:var(--mor);font-weight:700}

/* format bölümü */
.yy-format{padding-top:clamp(40px,7vw,80px);padding-bottom:clamp(40px,7vw,80px)}
.yy-format h2{font-size:clamp(28px,3.6vw,44px);max-width:18ch}
.yy-format-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.yy-f-kut{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:16px;padding:22px}
.yy-f-kut b{font-family:'Sora',sans-serif;font-size:32px;font-weight:600;display:block;color:var(--murekkep)}
.yy-f-kut span{color:var(--soluk);font-size:13.5px;line-height:1.5;display:block;margin-top:4px}
.yy-iki-sinav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.yy-sinav-kart{border-radius:16px;padding:22px;border:1px solid var(--cizgi);background:var(--beyaz)}
.yy-sinav-kart.yy-yds{border-top:4px solid var(--mor)}
.yy-sinav-kart.yy-yokdil{border-top:4px solid var(--teal)}
.yy-sinav-kart h3{font-size:22px}
.yy-sinav-kart p{color:var(--soluk);font-size:14.5px;margin-top:8px}

/* sayaç şeridi */
.yy-sayac{background:var(--murekkep);color:#EDEDF5;border-radius:20px;padding:clamp(26px,4vw,44px);display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}
.yy-sayac b{font-family:'Sora',sans-serif;font-size:clamp(28px,3.4vw,44px);font-weight:600;display:block;color:var(--fosfor)}
.yy-sayac span{font-size:13.5px;color:#A9AEC7}

/* SSS */
.yy-sss{padding-top:clamp(40px,7vw,80px);padding-bottom:clamp(40px,7vw,80px);max-width:780px}
.yy-sss h2{font-size:clamp(26px,3.2vw,40px)}
.yy-sss details{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:12px;margin-top:12px;overflow:hidden}
.yy-sss summary{cursor:pointer;font-weight:700;font-size:15.5px;padding:16px 20px;list-style:none}
.yy-sss summary::-webkit-details-marker{display:none}
.yy-sss .yy-cevap{padding:0 20px 16px;color:var(--soluk);font-size:15px}

/* kapanış CTA */
.yy-kapanis{margin:clamp(30px,5vw,60px) 0 clamp(50px,7vw,80px);background:#1B2340;border-radius:22px;padding:clamp(30px,5vw,56px);text-align:center;color:#fff}
.yy-kapanis h2{font-size:clamp(26px,3.4vw,42px);font-weight:500}
.yy-kapanis h2 em{font-style:italic;color:var(--fosfor)}
.yy-kapanis p{color:#B9BDD6;margin-top:12px;font-size:15.5px}
.yy-kapanis .yy-cta-buyuk{display:inline-block;margin-top:24px}

footer.yy-alt-bilgi{border-top:1px solid var(--cizgi);padding:30px 0 44px;color:var(--soluk);font-size:14px}
.yy-alt-ic{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}
.yy-alt-ic nav{display:flex;gap:16px;flex-wrap:wrap}

.yy-gorun{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.yy-gorun.geldi{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.yy-gorun{opacity:1;transform:none}.yy-isaret::before{transition:none}}

@media (max-width:900px){
  .yy-hero-izgara{grid-template-columns:1fr}
  .yy-soru-kart{margin:26px auto 0}
  .yy-format-izgara{grid-template-columns:1fr 1fr;gap:12px}
  .yy-iki-sinav{grid-template-columns:1fr}
  .yy-sayac{grid-template-columns:1fr;gap:14px}
  .yy-ust nav{display:none}
  /* tur4 (20.08 kurucu 20813): nav gizlenince CTA sola yanaşıp "kayık" duruyordu */
  .yy-ust-ic{justify-content:space-between;gap:12px}
  .yy-cta{padding:10px 16px;font-size:13.5px}
  .yy-bolum-no{font-size:10.5px;letter-spacing:.16em;white-space:nowrap}
}

/* ── t2: canlı demo (telefon, kitapçık yorumu) ── */
.yy-demo{padding-top:clamp(44px,7vw,90px)}
.yy-demo-izgara{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.yy-demo h2{font-size:clamp(26px,3.4vw,42px)}
.yy-demo-madde{margin-top:18px;padding-left:0;list-style:none}
.yy-demo-madde li{padding:7px 0 7px 30px;position:relative;color:var(--soluk);font-size:15.5px}
.yy-demo-madde li::before{content:"";position:absolute;left:0;top:12px;width:18px;height:10px;background:var(--fosfor);border-radius:3px;transform:skewX(-6deg)}
.yy-telefon-kap{display:grid;place-items:center}
.yy-telefon{width:min(100%,380px);background:var(--murekkep);border-radius:30px;padding:12px;box-shadow:0 28px 60px rgba(27,35,64,.28)}
.yy-telefon-ust{display:flex;align-items:center;gap:8px;color:#C7CBE2;font-size:11.5px;font-weight:800;letter-spacing:.14em;padding:6px 10px 10px}
.yy-tu-nokta{width:8px;height:8px;border-radius:50%;background:#57D97A;box-shadow:0 0 8px #57D97A}
.yy-tu-rozet{margin-left:auto;background:var(--fosfor);color:var(--murekkep);border-radius:999px;padding:3px 10px;font-size:10px}
.yy-telefon-ekran{background:var(--kagit);border-radius:20px;padding:18px;min-height:430px;max-height:520px;overflow-y:auto}
.yy-t-durum{color:var(--soluk);font-size:14px;text-align:center;padding:40px 0}
.yy-t-kat{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--mor);text-transform:uppercase;margin-bottom:10px}
.yy-t-soru{font-size:15.5px;line-height:1.6;margin-bottom:14px}
.yy-t-siklar{display:grid;gap:8px}
.yy-t-sik{display:flex;align-items:flex-start;gap:9px;text-align:left;border:1.5px solid var(--cizgi);background:var(--beyaz);border-radius:10px;padding:9px 12px;font-size:14px;font-family:inherit;cursor:pointer;transition:.2s;line-height:1.45}
.yy-t-sik span{flex:none;width:22px;height:22px;border-radius:7px;background:var(--kagit2);display:grid;place-items:center;font-weight:800;font-size:12px;color:var(--soluk)}
.yy-t-sik:hover:not(:disabled){border-color:var(--mor)}
.yy-t-sik.dogru{border-color:var(--teal);background:#EDF7F5}
.yy-t-sik.dogru span{background:var(--teal);color:#fff}
.yy-t-sik.yanlis{border-color:#C0392B;background:#FBEDEB}
.yy-t-sonuc{margin-top:12px;font-weight:800;font-size:14px;padding:9px 13px;border-radius:10px}
.yy-t-sonuc.ok{background:#EDF7F5;color:var(--teal)}
.yy-t-sonuc.hata{background:#FBEDEB;color:#A93226}
.yy-t-ai{margin-top:10px;width:100%;background:var(--mor);color:#fff;border:0;border-radius:10px;padding:11px;font-weight:700;font-size:13.5px;cursor:pointer;font-family:inherit}
.yy-t-ai:disabled{opacity:.7}
.yy-t-balon{margin-top:10px;background:var(--murekkep);color:#EDEDF5;border-radius:12px 12px 12px 4px;padding:13px 15px;font-size:13.5px;line-height:1.6}
.yy-t-yeni{margin-top:10px;background:none;border:1.5px dashed var(--cizgi);border-radius:10px;width:100%;padding:9px;font-weight:700;color:var(--soluk);cursor:pointer;font-family:inherit}

/* tipler */
.yy-tipler{padding-top:clamp(44px,7vw,90px)}
.yy-tipler h2{font-size:clamp(26px,3.4vw,42px)}
.yy-tip-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:24px}
.yy-tip{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:14px;padding:16px 17px}
.yy-tip b{font-size:15px;display:block}
.yy-tip span{color:var(--soluk);font-size:13px;line-height:1.5;display:block;margin-top:5px}
.yy-tip-not{margin-top:14px;color:var(--soluk);font-size:14px}

/* dahil olanlar */
.yy-dahil-kap{padding-top:clamp(44px,7vw,90px)}
.yy-dahil{background:var(--murekkep);color:#EDEDF5;border-radius:20px;padding:clamp(24px,4vw,44px)}
.yy-dahil h2{color:#fff;font-size:clamp(24px,3vw,36px)}
.yy-dahil-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.yy-d b{color:var(--fosfor);display:block;font-size:16px}
.yy-d span{color:#A9AEC7;font-size:13.5px;line-height:1.5;display:block;margin-top:4px}

/* alanlar + araclar */
.yy-alanlar,.yy-arac-kop{padding-top:clamp(44px,7vw,90px)}
.yy-alanlar h2{font-size:clamp(26px,3.4vw,42px)}
.yy-alan-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.yy-alan{background:var(--beyaz);border:1px solid var(--cizgi);border-top:4px solid var(--teal);border-radius:14px;padding:20px;transition:.2s}
.yy-alan:hover{transform:translateY(-3px);box-shadow:var(--golge)}
.yy-alan b{font-size:18px;font-family:'Sora',sans-serif}
.yy-alan span{color:var(--soluk);font-size:13.5px;display:block;margin-top:6px}
.yy-arac-izgara{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.yy-arac{background:#FDF9E7;border:1.5px solid var(--fosfor);border-radius:14px;padding:20px;transition:.2s}
.yy-arac:hover{transform:translateY(-3px);box-shadow:var(--golge)}
.yy-arac b{font-size:17px}
.yy-arac span{color:var(--soluk);font-size:13.5px;display:block;margin-top:6px}

@media (max-width:900px){
  .yy-demo-izgara{grid-template-columns:1fr}
  .yy-dahil-izgara{grid-template-columns:1fr 1fr}
  .yy-alan-izgara{grid-template-columns:1fr}
  .yy-arac-izgara{grid-template-columns:1fr}
}
@media (max-width:520px){ .yy-dahil-izgara{grid-template-columns:1fr} }

/* ── tur4 (20.08 kurucu 20813): nabız şeridi, cetvel, ikonlar, olay bildirimi, yapışkan CTA ── */
.yy-nabiz{margin-top:clamp(26px,4vw,44px);background:var(--murekkep);color:#EDEDF5;border-radius:20px;padding:clamp(18px,3vw,28px) clamp(18px,3.5vw,36px);display:flex;align-items:center;gap:clamp(16px,3vw,36px);flex-wrap:wrap}
.yy-nb-etiket{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#A9AEC7;margin-bottom:8px}
.yy-nb-sayi{display:flex;align-items:baseline;gap:6px}
.yy-nb-sayi span{text-align:center}
.yy-nb-sayi b{font-family:'Sora',system-ui,sans-serif;font-size:clamp(30px,4.5vw,42px);font-weight:700;color:var(--fosfor);font-variant-numeric:tabular-nums;display:block;line-height:1}
.yy-nb-sayi i{display:block;font-style:normal;font-size:10.5px;color:#A9AEC7;margin-top:4px;letter-spacing:.08em}
.yy-nb-sayi em{font-style:normal;font-family:'Sora',system-ui,sans-serif;font-size:clamp(22px,3vw,30px);color:#3A4270;transform:translateY(-8px)}
.yy-nb-ayrac{width:1.5px;align-self:stretch;background:#3A4270}
.yy-nb-sayac{display:flex;gap:clamp(18px,3vw,34px);margin-left:auto}
.yy-nb-sayac b{font-family:'Sora',system-ui,sans-serif;font-size:clamp(24px,3.4vw,34px);font-weight:700;display:block;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}
.yy-nb-sayac span{font-size:12px;color:#A9AEC7}
.yy-nabiz-alt{text-align:center;color:var(--soluk);font-size:13px;font-weight:600;margin-top:10px;letter-spacing:.02em}
@media (max-width:900px){
  .yy-nabiz{flex-direction:column;align-items:flex-start;gap:16px}
  .yy-nb-ayrac{width:100%;height:1.5px;align-self:auto}
  .yy-nb-sayac{margin-left:0;width:100%;justify-content:space-between}
}

/* zengin sınav kartları */
.yy-sinav-kart{display:block;transition:.2s}
.yy-sinav-kart:hover{transform:translateY(-3px);box-shadow:var(--golge)}
.yy-sk-ust{display:flex;align-items:center;gap:10px}
.yy-sk-ikon{width:30px;height:30px;flex:none;color:var(--mor)}
.yy-yokdil .yy-sk-ikon{color:var(--teal)}
.yy-sk-cip{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.06em;background:var(--kagit2);border-radius:999px;padding:5px 11px;color:var(--soluk)}
.yy-sk-madde{list-style:none;margin:12px 0 0;padding:0}
.yy-sk-madde li{position:relative;padding:4px 0 4px 24px;color:var(--soluk);font-size:14px;line-height:1.5}
.yy-sk-madde li::before{content:"";position:absolute;left:0;top:10px;width:14px;height:8px;background:var(--fosfor);border-radius:3px;transform:skewX(-8deg)}
.yy-sk-link{display:inline-block;margin-top:12px;font-weight:700;font-size:14px;color:var(--mor)}
.yy-yokdil .yy-sk-link{color:var(--teal)}

/* soru tipi CETVELİ (kutu ızgarası yerine numaralı editoryal liste) */
.yy-cetvel{list-style:none;margin:24px 0 0;padding:0;background:var(--beyaz);border:1px solid var(--cizgi);border-radius:18px;overflow:hidden}
.yy-cetvel li{display:flex;align-items:center;gap:16px;padding:13px 18px;border-top:1px solid var(--cizgi)}
.yy-cetvel li:first-child{border-top:0}
.yy-cetvel b{font-family:'Sora',system-ui,sans-serif;font-size:24px;font-weight:600;color:var(--mor);width:38px;flex:none;font-variant-numeric:tabular-nums}
.yy-cetvel div{flex:1;min-width:0}
.yy-cetvel strong{display:block;font-size:15px}
.yy-cetvel span{color:var(--soluk);font-size:13px;line-height:1.5}
.yy-cetvel em{font-style:normal;flex:none;font-size:11.5px;font-weight:800;background:#FDF9E7;border:1px solid #EFE3A8;color:var(--murekkep);border-radius:999px;padding:5px 11px;white-space:nowrap}
@media (max-width:520px){ .yy-cetvel li{padding:12px 14px;gap:12px} .yy-cetvel b{width:30px;font-size:20px} .yy-cetvel span{font-size:12.5px} }

/* dahil bandı + alan kartı ikonları */
.yy-d svg{width:26px;height:26px;color:var(--fosfor);margin-bottom:8px}
.yy-alan{position:relative}
.yy-alan svg{width:28px;height:28px;color:var(--teal);margin-bottom:8px}

/* araç kartı mini hesap-makinesi dokusu */
.yy-arac-mock{margin:12px 0;background:var(--beyaz);border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px}
.yy-am-satir{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--soluk);border:1.5px dashed var(--cizgi);border-radius:9px;padding:8px 12px}
.yy-am-satir i{font-style:normal;font-family:'Sora',system-ui,sans-serif;font-size:20px;font-weight:700;color:var(--murekkep)}
.yy-am-sonuc{margin-top:10px;font-size:14px;color:var(--soluk)}
.yy-am-sonuc b{font-family:'Sora',system-ui,sans-serif;font-size:24px;color:var(--murekkep)}
.yy-am-sonuc u{text-decoration:none;background:var(--fosfor);border-radius:4px;padding:2px 7px;font-size:11.5px;font-weight:800;color:var(--murekkep);margin-left:8px;white-space:nowrap}

/* sol alt CANLI OLAY bildirimi (gerçek olaylar; /canli-olay) */
.yy-olay{position:fixed;left:14px;bottom:14px;z-index:80;display:flex;align-items:flex-start;gap:10px;background:var(--beyaz);border:1px solid var(--cizgi);border-radius:14px;box-shadow:0 18px 44px rgba(27,35,64,.22);padding:12px 34px 12px 14px;max-width:min(320px,calc(100vw - 96px));opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.yy-olay.geldi{opacity:1;transform:none}
.yy-olay-nokta{width:9px;height:9px;border-radius:50%;background:#57D97A;box-shadow:0 0 8px #57D97A;flex:none;margin-top:5px}
.yy-olay b{display:block;font-size:13px;line-height:1.45;font-weight:700}
.yy-olay small{color:var(--soluk);font-size:11.5px}
.yy-olay-kapat{position:absolute;right:6px;top:4px;border:0;background:none;font-size:17px;color:var(--soluk);cursor:pointer;padding:4px}
@media (max-width:900px){ .yy-olay{bottom:76px} }

/* mobil yapışkan CTA (kurucu 20813: K26 mantığı; kapatılabilir) */
.yy-yapiskan{position:fixed;left:0;right:0;bottom:0;z-index:78;display:none;align-items:center;gap:8px;background:rgba(27,35,64,.97);backdrop-filter:blur(8px);padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.yy-yapiskan-cta{flex:1;text-align:center;background:var(--fosfor);color:var(--murekkep);font-weight:800;font-size:15.5px;padding:13px;border-radius:12px}
.yy-yapiskan-kapat{border:0;background:none;color:#A9AEC7;font-size:20px;padding:6px 8px;cursor:pointer}
@media (max-width:900px){ .yy-yapiskan:not([hidden]){display:flex} }
/* mobil: destek FAB + panel yapışkan CTA barının üstüne biner; yukarı alınır */
@media (max-width:900px){
  #dw-ac{bottom:84px !important}
  #dw-panel{bottom:142px !important}
}
/* hakem t2: masaüstü puntoları + mobil cetvel kısaltma */
@media (min-width:1100px){
  .yy-cetvel span{font-size:14px}
  .yy-cetvel strong{font-size:16px}
  .yy-d span{font-size:14.5px}
  .yy-nb-sayac span{font-size:13px}
  .yy-nabiz-alt{font-size:14px}
  .yy-tip-not{font-size:15px}
  .yy-sk-madde li{font-size:14.5px}
}
.yy-cetvel.kisa li:nth-child(n+6){display:none}
.yy-cetvel-ac{display:block;width:100%;margin-top:10px;background:var(--beyaz);border:1.5px dashed var(--cizgi);border-radius:12px;padding:12px;font-weight:700;color:var(--mor);font-size:14px;cursor:pointer;font-family:inherit}

/* ── tur5 (20.08 kurucu 20820) ── */
/* kronometre: hero içinde, CTA üstünde, kompakt koyu satır */
.yy-krono-mini{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--murekkep);color:#EDEDF5;border-radius:14px;padding:10px 16px;margin-top:20px}
.yy-km-etiket{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#A9AEC7;max-width:150px;line-height:1.35}
.yy-km-sayi{display:flex;gap:10px}
.yy-km-sayi span{text-align:center}
.yy-km-sayi b{font-family:'Sora',system-ui,sans-serif;font-size:24px;font-weight:700;color:var(--fosfor);font-variant-numeric:tabular-nums;display:block;line-height:1}
.yy-km-sayi i{display:block;font-style:normal;font-size:9.5px;color:#A9AEC7;margin-top:2px;letter-spacing:.06em}
/* canlı sayaç: BEYAZ hap + yeşil canlı nokta (yalnız gerçek ziyaretçi verisi) */
.yy-canli-hap{display:inline-flex;align-items:center;gap:8px;background:var(--beyaz);border:1px solid var(--cizgi);border-radius:999px;padding:9px 16px;margin:12px 0 0;font-size:13.5px;font-weight:600;color:var(--soluk);box-shadow:0 6px 18px rgba(27,35,64,.07)}
.yy-canli-hap b{color:var(--murekkep);font-size:15px}
.yy-ch-canli{font-size:10px;font-weight:800;letter-spacing:.14em;color:#1E9E52}
.yy-ch-nokta{width:9px;height:9px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:yyNabizAt 1.6s infinite}
@keyframes yyNabizAt{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media (prefers-reduced-motion:reduce){.yy-ch-nokta{animation:none}}
@media (max-width:900px){
  .yy-krono-mini{display:flex;justify-content:space-between}
  .yy-canli-hap{display:flex;justify-content:center}
}
/* hero CTA rengi header ile AYNI (lacivert); koyu kapanış bandında fosfora döner */
.yy-cta-buyuk{background:var(--murekkep);box-shadow:0 10px 26px rgba(27,35,64,.28)}
.yy-cta-buyuk:hover{background:var(--mor-koyu)}
.yy-kapanis .yy-cta-buyuk{background:var(--fosfor);color:var(--murekkep)}
.yy-kapanis .yy-cta-buyuk:hover{background:#EFDA3B}
/* sol alt olay bildirimi: küçültüldü (destek balonuyla görsel denge) */
.yy-olay{max-width:min(240px,calc(100vw - 110px));padding:9px 28px 9px 11px;border-radius:12px;gap:8px}
.yy-olay b{font-size:11.5px;line-height:1.4}
.yy-olay small{font-size:10.5px}
.yy-olay-nokta{width:7px;height:7px;margin-top:4px}
.yy-olay-kapat{font-size:15px;right:4px;top:2px}

/* ── tur6 (20.08 kurucu 20825): hero hizmet listesi + demo sekmeleri ── */
.yy-hizmet{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;max-width:460px}
.yy-hizmet li{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:#2A3352;opacity:0;transform:translateX(-10px);transition:opacity .45s,transform .45s}
.yy-hizmet li.geldi{opacity:1;transform:none}
.yy-hz-tik{flex:none;width:19px;height:19px;border-radius:6px;background:var(--murekkep);display:grid;place-items:center}
.yy-hz-tik svg{width:12px;height:12px;fill:none;stroke:var(--fosfor);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.yy-hz-tik path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s ease .15s}
.yy-hizmet li.geldi .yy-hz-tik path{stroke-dashoffset:0}
@media (max-width:520px){ .yy-hizmet{grid-template-columns:1fr 1fr;gap:6px 10px} .yy-hizmet li{font-size:12px;gap:7px} .yy-hz-tik{width:17px;height:17px} }
.yy-t-sekmeler{display:flex;gap:5px;padding:0 8px 8px}
.yy-t-sekmeler button{flex:1;border:0;background:rgba(255,255,255,.08);color:#C7CBE2;font-weight:800;font-size:11.5px;letter-spacing:.04em;padding:8px 4px;border-radius:9px;cursor:pointer;font-family:inherit;transition:.15s}
.yy-t-sekmeler button.aktif{background:var(--fosfor);color:var(--murekkep)}
.yy-t-yakinda{float:right;background:var(--kagit2);color:var(--soluk);border-radius:999px;padding:2px 9px;font-size:9px;letter-spacing:.1em}
.yy-t-plan-liste{list-style:none;margin:0 0 12px;padding:0}
.yy-t-plan-liste li{display:flex;align-items:center;gap:8px;border:1.5px solid var(--cizgi);background:var(--beyaz);border-radius:10px;padding:9px 12px;font-size:13.5px;margin-bottom:7px}
.yy-t-plan-liste b{font-family:'Sora',system-ui,sans-serif;font-size:17px;min-width:34px}
.yy-t-plan-liste em,.yy-t-odev-kart em{font-style:normal;margin-left:auto;font-weight:800;font-size:12px;color:var(--soluk)}
.yy-t-plan-liste em.ok,.yy-t-odev-kart em.ok{color:#1E9E52}
.yy-t-bar{height:8px;border-radius:99px;background:var(--kagit2);overflow:hidden;margin-bottom:10px}
.yy-t-bar i{display:block;height:100%;background:var(--fosfor);border-radius:99px}
.yy-t-not{font-size:12px;color:var(--soluk);line-height:1.55;margin:0}
.yy-t-odev-kart{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;border:1.5px solid var(--cizgi);background:var(--beyaz);border-radius:10px;padding:9px 12px;margin-bottom:7px}
.yy-t-odev-kart b{font-size:13.5px;width:100%}
.yy-t-odev-kart span{font-size:11.5px;color:var(--soluk)}
/* tur7 (20830): mobilde statik örnek kart ve "önce demoyu dene" linki gizli (demo zaten hemen altta) */
@media (max-width:900px){
  .yy-soru-kart{display:none}
  .yy-hero-eylem .yy-link{display:none}
}
/* tur7: landing footer'ı iç sayfalardaki gibi zengin */
.yy-alt-ic{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;align-items:start}
.yy-alt-marka{display:flex;align-items:center;gap:10px;font-family:'Sora',system-ui,sans-serif;font-size:18px;font-weight:700;color:var(--murekkep)}
.yy-alt-marka img{width:38px;height:38px;border-radius:9px}
.yy-alt-bilgi p{margin:10px 0 0;font-size:13.5px;line-height:1.6;max-width:34ch}
.yy-alt-bilgi h2{font-family:'Inter',sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--murekkep);margin:0 0 10px}
.yy-alt-bilgi nav{display:grid;gap:8px;font-size:14px}
.yy-alt-bilgi nav a:hover{color:var(--murekkep)}
.yy-alt-telif{border-top:1px solid var(--cizgi);margin-top:26px;padding-top:16px;font-size:12.5px;color:var(--soluk);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (max-width:760px){ .yy-alt-ic{grid-template-columns:1fr 1fr} .yy-alt-ic > div:first-child{grid-column:1 / -1} }
/* tur7b (20833): Plan/Ödev ekranındayken soru parçaları hiçbir koşulda görünemez */
.yy-telefon-ekran.statikte > :not(.yy-t-statik){display:none !important}
/* mobil Başarı Kanıtı satırı (20865): CTA ile aynı renk/font buton + yanında oran */
.yy-kanit-satir{display:none;align-items:center;gap:12px;margin-top:12px}
.yy-kanit-btn{font-size:14.5px;padding:12px 20px;white-space:nowrap}
.yy-kanit-oran{font-size:12.5px;font-weight:600;color:var(--soluk);line-height:1.25;white-space:nowrap}
.yy-kanit-oran b{display:block;color:var(--murekkep);font-size:18px}
@media (max-width:900px){ .yy-kanit-satir{display:flex} }
/* header Giriş (20865): mobil+masaüstü görünür, CTA'nın solunda sade çerçeveli */
.yy-giris{margin-left:auto;font-weight:700;font-size:14.5px;color:var(--murekkep);border:1.5px solid var(--murekkep);border-radius:10px;padding:9.5px 18px;transition:.2s;white-space:nowrap}
.yy-giris:hover{background:var(--murekkep);color:#fff}
.yy-ust nav{margin-left:auto}
.yy-ust nav ~ .yy-giris{margin-left:0}
@media (max-width:900px){ .yy-giris{padding:8.5px 14px;font-size:13.5px} }
/* 20868: mobilde hero CTA tam genişlik + hero-demo arası boşluk normale */
@media (max-width:900px){
  .yy-hero-eylem{margin-top:18px}
  .yy-hero-eylem .yy-cta-buyuk{display:block;width:100%;text-align:center;font-size:17.5px;padding:17px 30px}
  .yy-hero{padding-bottom:8px}
  .yy-demo{padding-top:26px}
}

/* 24.08 ALES: uc puan turu karti tek satirda (yy-iki-sinav 2 kolonluydu) */
@media (min-width: 901px){ .yy-uc-tur{ grid-template-columns: repeat(3, 1fr) } .yy-uc-tur .yy-sk-madde li{ font-size: 13.5px } }

/* 24.08 Sora gecisi: Sora'da italik yok — vurgular dik agirlikla (onizleme #1 gorunumu) */
.yy-logo em, .yy-isaret, h1 em, h2 em, .yy-kapanis em, .yy-alt-marka em { font-style: normal !important; }

/* ═══ 24.08 kurucu 21452: MOBIL HAMBURGER MENU (mobilde nav erisimi yoktu) ═══ */
.yy-menu-ac{display:none;flex:none;width:42px;height:42px;border:1.5px solid #1B2340;border-radius:10px;background:#fff;cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4.5px}
.yy-menu-ac span{display:block;width:18px;height:2.2px;background:#1B2340;border-radius:2px;transition:.2s}
.yy-menu-ac[aria-expanded="true"] span:nth-child(1){transform:translateY(6.7px) rotate(45deg)}
.yy-menu-ac[aria-expanded="true"] span:nth-child(2){opacity:0}
.yy-menu-ac[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.7px) rotate(-45deg)}
.yy-mobil-menu{display:none;position:absolute;left:0;right:0;top:100%;background:#FAFAF7;border-bottom:1px solid #E2E0D4;box-shadow:0 18px 34px rgba(27,35,64,.14);padding:6px 0 10px;z-index:70}
.yy-mobil-menu a{display:block;padding:13px 26px;font-size:15.5px;font-weight:700;color:#1B2340;text-decoration:none;border-bottom:1px solid #EFEDE4}
.yy-mobil-menu a:last-child{border-bottom:0}
.yy-mobil-menu a.giris-l{color:#5B3FD4}
@media (max-width:900px){
  .yy-ust{position:sticky}
  .yy-ust .yy-ust-ic,.yy-ust-ic{position:relative}
  .yy-menu-ac{display:flex}
  .yy-ust .yy-giris{display:none}
  .yy-ust .yy-cta,.yy-cta{padding:10px 14px;font-size:13.5px}
  .yy-mobil-menu:not([hidden]){display:block}
}