/* tanitim.css — Winposible tanıtım/SEO sayfaları (statik, taranabilir) */
:root{
  --bg:#0A0A0B; --kart:#101014; --kenar:rgba(255,255,255,.08);
  --yazi:#EDEDEF; --alt:#9AA0AB; --sonuk:#6E7178;
  --mor:#8B5CF6; --mavi:#38BDF8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--yazi);
  font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:#A78BFA; text-decoration:none}
a:hover{text-decoration:underline}

/* Üst bar */
.ust{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  max-width:1060px; margin:0 auto; padding:18px 20px;
  border-bottom:1px solid var(--kenar);
}
.marka{display:flex; align-items:center; gap:10px; color:var(--yazi); font-weight:800; font-size:17px}
.marka img{display:block}
.ust nav{display:flex; align-items:center; gap:18px; flex-wrap:wrap}
.ust nav a{color:var(--alt); font-size:14px; font-weight:600}
.ust nav a:hover{color:var(--yazi); text-decoration:none}
.ust nav a.cta{
  background:linear-gradient(135deg,var(--mor),var(--mavi)); color:#fff;
  padding:9px 15px; border-radius:999px; font-weight:700;
}

/* İçerik */
main{max-width:1060px; margin:0 auto; padding:34px 20px 10px; display:grid; grid-template-columns:1fr 280px; gap:34px}
@media(max-width:880px){main{grid-template-columns:1fr}}
article{min-width:0}
h1{font-size:34px; line-height:1.25; letter-spacing:-.6px; margin:0 0 14px}
h2{font-size:22px; letter-spacing:-.3px; margin:34px 0 10px}
h3{font-size:17px; margin:22px 0 6px}
p{color:#C7CBD4}
.ozet{font-size:18px; color:var(--yazi)}
ul,ol{color:#C7CBD4; padding-left:20px}
li{margin:6px 0}
strong{color:var(--yazi)}

.kartlar{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; margin:18px 0}
.kart{background:var(--kart); border:1px solid var(--kenar); border-radius:14px; padding:16px}
.kart h3{margin-top:0}
.kart p{margin:0; font-size:14px; color:var(--alt)}

table{width:100%; border-collapse:collapse; margin:16px 0; font-size:14.5px}
th,td{border:1px solid var(--kenar); padding:10px 12px; text-align:left; color:#C7CBD4}
th{background:var(--kart); color:var(--yazi); font-weight:700}

.sss{margin:14px 0}
.sss details{background:var(--kart); border:1px solid var(--kenar); border-radius:12px; padding:12px 14px; margin-bottom:10px}
.sss summary{cursor:pointer; font-weight:700; color:var(--yazi)}
.sss p{margin:8px 0 0}

.cta-kutu{margin:32px 0 8px}
.btn{
  display:inline-block; background:linear-gradient(135deg,var(--mor),var(--mavi)); color:#fff;
  padding:13px 22px; border-radius:999px; font-weight:800; font-size:15px;
}
.btn:hover{text-decoration:none; opacity:.92}

aside.ilgili{
  background:var(--kart); border:1px solid var(--kenar); border-radius:14px;
  padding:16px; height:fit-content; position:sticky; top:20px;
}
aside.ilgili h2{margin:0 0 8px; font-size:15px; color:var(--sonuk); letter-spacing:1px; text-transform:uppercase}
aside.ilgili ul{list-style:none; padding:0; margin:0}
aside.ilgili li{margin:9px 0; font-size:14.5px}

footer{
  max-width:1060px; margin:40px auto 0; padding:22px 20px 40px;
  border-top:1px solid var(--kenar); color:var(--sonuk); font-size:13.5px;
}
footer p{margin:4px 0; color:var(--sonuk)}
footer a{color:var(--alt)}