/* ===================== TANITIM SAYFASI ===================== */
body.tn{display:block;overflow-x:hidden}
.tn .tn-in{max-width:1180px;margin:0 auto;padding:0 24px}

/* --- Üst çubuk --- */
.tn-nav{
  position:sticky;top:0;z-index:50;background:rgba(7,11,18,.86);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line)
}
.tn-nav .tn-in{display:flex;align-items:center;gap:22px;height:64px}
.tn-marka{display:flex;align-items:center;gap:11px}
.tn-marka b{display:block;font-size:15.5px;font-weight:800;letter-spacing:.2px}
.tn-marka s{text-decoration:none;display:block;font-size:10.5px;color:var(--muted)}
.tn-menu{display:flex;gap:6px;margin-left:auto;font-size:13.5px}
.tn-menu a{
  display:flex;align-items:center;gap:7px;color:var(--muted);text-decoration:none;font-weight:600;
  padding:7px 11px;border-radius:10px;border:1px solid transparent;transition:.18s
}
.tn-menu a svg{
  width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:opacity .18s,transform .18s,color .18s
}
.tn-menu a:hover{color:#fff;background:rgba(59,130,246,.11);border-color:rgba(59,130,246,.28)}
.tn-menu a:hover svg{opacity:1;color:#7fb2ff;transform:translateY(-1px)}
.tn-marka{text-decoration:none;color:inherit}
@media(max-width:1100px){.tn-menu a span,.tn-menu{font-size:12.5px}.tn-menu a{padding:6px 8px;gap:5px}}
@media(max-width:900px){.tn-menu{display:none}}

/* --- Hero --- */
.tn-hero{padding:70px 0 60px;position:relative;overflow:hidden}
.tn-hero::before{
  content:'';position:absolute;left:50%;top:-180px;width:900px;height:520px;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(59,130,246,.22),transparent 65%);filter:blur(46px);pointer-events:none
}
.tn-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;position:relative}
@media(max-width:1000px){.tn-hero-in{grid-template-columns:1fr;gap:34px}}
.tn-rozet{
  display:inline-block;font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;
  background:rgba(59,130,246,.14);color:#7fb2ff;border:1px solid rgba(59,130,246,.3);margin-bottom:18px
}
.tn-hero h1{
  font-size:46px;line-height:1.1;font-weight:850;letter-spacing:-1.6px;margin:0 0 16px;
  background:linear-gradient(120deg,#fff 35%,#8fc0f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.tn-hero h1 em{font-style:normal;background:linear-gradient(120deg,#3b82f6,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:640px){.tn-hero h1{font-size:33px;letter-spacing:-1px}}
.tn-alt{font-size:15.5px;line-height:1.75;color:#a9bace;max-width:560px;margin:0 0 26px}
.tn-cta{display:flex;gap:11px;flex-wrap:wrap}
.tn-cta .btn{padding:12px 24px;font-size:14.5px}
.tn-mini{display:flex;gap:26px;margin-top:28px;flex-wrap:wrap}
.tn-mini div{font-size:12px;color:var(--muted)}
.tn-mini b{display:block;font-size:21px;color:#fff;font-weight:800;letter-spacing:-.5px}
.tn-hero-gorsel{position:relative}

/* ===================== TIR & YOL ANİMASYONU ===================== */
.yol-sahne{
  position:relative;height:152px;margin:34px 0 0;overflow:hidden;
  border-radius:16px;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(11,17,32,.2) 0%,rgba(11,17,32,.75) 62%,#0a0f1c 100%)
}
/* uzak tepeler */
.yol-sahne .tepe{
  position:absolute;left:-5%;right:-5%;bottom:52px;height:46px;
  background:linear-gradient(180deg,rgba(59,130,246,.13),transparent);
  clip-path:polygon(0 100%,6% 62%,13% 82%,22% 40%,31% 74%,40% 52%,49% 80%,58% 46%,67% 72%,76% 38%,85% 70%,93% 55%,100% 84%,100% 100%);
  opacity:.55
}
/* asfalt */
.yol-sahne .asfalt{
  position:absolute;left:0;right:0;bottom:0;height:56px;
  background:linear-gradient(180deg,#1a2434,#141c29);border-top:2px solid #27334a
}
/* akan yol çizgileri */
.yol-sahne .seritler{
  position:absolute;left:0;right:0;bottom:26px;height:4px;
  background-image:repeating-linear-gradient(90deg,rgba(148,163,184,.75) 0 46px,transparent 46px 96px);
  animation:yolAk 1.1s linear infinite
}
@keyframes yolAk{to{background-position-x:-96px}}
/* kenar direkleri */
.yol-sahne .direkler{
  position:absolute;left:0;right:0;bottom:52px;height:26px;
  background-image:repeating-linear-gradient(90deg,rgba(100,116,139,.5) 0 3px,transparent 3px 190px);
  animation:yolAk2 2.4s linear infinite
}
@keyframes yolAk2{to{background-position-x:-190px}}
/* tır — çekici + dorse (SVG) */
.yol-sahne .tir{
  position:absolute;bottom:16px;left:6%;width:300px;height:96px;
  animation:tirZipla 1.35s ease-in-out infinite
}
.yol-sahne .tir-svg{width:100%;height:100%;display:block;overflow:visible;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
@keyframes tirZipla{
  0%,100%{transform:translateY(0) rotate(0deg)}
  35%{transform:translateY(-1.6px) rotate(-.22deg)}
  70%{transform:translateY(.8px) rotate(.16deg)}
}
/* jantlar dönsün — <use> kendi merkezi etrafında */
.yol-sahne .tk{transform-origin:0 0;animation:tekerDon .38s linear infinite}
@keyframes tekerDon{to{transform:rotate(360deg)}}
/* far parlaması */
.yol-sahne .far{animation:farYan 2.6s ease-in-out infinite}
@keyframes farYan{0%,100%{opacity:.75}50%{opacity:1}}
/* egzoz dumanı — bacadan çıkar */
.yol-sahne .duman{
  position:absolute;bottom:76px;left:150px;width:9px;height:9px;border-radius:50%;
  background:rgba(148,163,184,.34);animation:dumanCik 2.1s ease-out infinite
}
.yol-sahne .duman:nth-of-type(2){animation-delay:.7s}
.yol-sahne .duman:nth-of-type(3){animation-delay:1.4s}
@keyframes dumanCik{
  0%{transform:translate(0,0) scale(.5);opacity:.55}
  100%{transform:translate(-58px,-34px) scale(2.4);opacity:0}
}
/* geçen yük kutuları (arka planda akan kargo) */
.yol-sahne .yukler{position:absolute;bottom:60px;left:0;right:0;height:22px;opacity:.5}
.yol-sahne .yukler i{
  position:absolute;bottom:0;width:16px;height:13px;border-radius:2px;
  background:linear-gradient(180deg,#f59e0b,#b45309);animation:yukAk 5.5s linear infinite
}
.yol-sahne .yukler i:nth-child(2){animation-delay:1.4s;background:linear-gradient(180deg,#22c55e,#15803d);width:20px}
.yol-sahne .yukler i:nth-child(3){animation-delay:2.8s;background:linear-gradient(180deg,#a78bfa,#6d28d9)}
.yol-sahne .yukler i:nth-child(4){animation-delay:4.1s;background:linear-gradient(180deg,#22d3ee,#0e7490);width:22px}
@keyframes yukAk{from{left:104%}to{left:-6%}}
/* etiket */
.yol-sahne .etiket{
  position:absolute;left:18px;top:14px;font-size:11.5px;color:var(--muted);
  display:flex;align-items:center;gap:8px;font-weight:600
}
.yol-sahne .etiket b{color:#7fb2ff}
.yol-sahne .nabiz{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 1.6s infinite}
@media(prefers-reduced-motion:reduce){
  .yol-sahne .seritler,.yol-sahne .direkler,.yol-sahne .tk,.yol-sahne .tir,
  .yol-sahne .far,.yol-sahne .duman,.yol-sahne .yukler i{animation:none}
}
@media(max-width:640px){
  .yol-sahne{height:128px}
  .yol-sahne .tir{width:230px;height:74px;bottom:12px;left:3%}
  .yol-sahne .duman{left:115px;bottom:58px}
}

/* --- Bölümler --- */
.tn-bol{padding:66px 0;border-top:1px solid var(--line)}
.tn-koyu{background:rgba(11,17,32,.5)}
.tn-bas{font-size:31px;font-weight:830;letter-spacing:-1px;margin:0 0 10px;text-align:center}
.tn-bas-alt{text-align:center;color:var(--muted);max-width:660px;margin:0 auto 38px;line-height:1.7;font-size:14.5px}

/* --- Sorun / çözüm --- */
.tn-karsi{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:15px}
.tn-karsi{gap:18px}
.tn-kar{
  position:relative;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(120% 90% at 0% 0%,rgba(248,113,113,.07),transparent 55%),
    radial-gradient(120% 90% at 100% 100%,rgba(34,197,94,.08),transparent 55%),
    linear-gradient(160deg,rgba(24,34,54,.92),rgba(13,19,32,.94));
  border:1px solid rgba(148,163,184,.16);border-radius:20px;padding:22px 22px 24px;
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 18px 34px -26px rgba(0,0,0,.9);
  transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s
}
/* üst vurgu şeridi */
.tn-kar::before{
  content:'';position:absolute;left:0;right:0;top:0;height:2px;z-index:1;
  background:linear-gradient(90deg,#f87171,#fb923c 38%,#38bdf8 70%,#22c55e);
  opacity:.5;transition:opacity .28s
}
.tn-kar:hover{
  transform:translateY(-5px);border-color:rgba(125,211,252,.34);
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 26px 46px -24px rgba(2,8,23,.95)
}
.tn-kar:hover::before{opacity:1}

/* ikon rozetleri */
.tn-rz{
  flex:0 0 40px;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  font-size:19px;font-style:normal;border:1px solid transparent;transition:transform .28s
}
.tn-rz.kir{background:rgba(248,113,113,.13);border-color:rgba(248,113,113,.3)}
.tn-rz.yes{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.32)}
.tn-kar:hover .tn-rz{transform:scale(1.08) rotate(-4deg)}

.tn-kar .s,.tn-kar .c{display:flex;gap:13px;align-items:flex-start}
.tn-kar .s em{
  display:block;font-style:normal;font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;
  font-weight:800;color:#fca5a5;opacity:.85;margin-bottom:4px
}
.tn-kar .s b{color:#ffd0d0;font-weight:650;font-size:14.5px;line-height:1.55;letter-spacing:-.1px}

/* sorun → çözüm ayracı */
.tn-ayrac{position:relative;margin:16px 0 15px;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.26),transparent)}
.tn-ayrac span{
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  background:#111a2b;border:1px solid rgba(34,197,94,.3);color:#7ee7a8;
  font-size:9.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;
  padding:3px 10px;border-radius:999px
}
.tn-kar .c b{
  color:#8df0b3;font-weight:750;font-size:15.5px;display:block;margin-bottom:5px;letter-spacing:-.25px
}
.tn-kar .c p{margin:0;color:#93a7c2;font-size:13px;line-height:1.7}
@media(max-width:520px){
  .tn-kar{padding:18px}
  .tn-rz{flex-basis:34px;width:34px;height:34px;font-size:16px;border-radius:11px}
}

/* --- Sayılar --- */
.tn-say{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px}
.tn-say>div{
  text-align:center;padding:24px 14px;border-radius:16px;
  background:linear-gradient(155deg,rgba(27,39,64,.85),rgba(16,24,39,.85));border:1px solid var(--line)
}
.tn-say b{display:block;font-size:32px;font-weight:850;letter-spacing:-1px;
  background:linear-gradient(120deg,#3b82f6,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tn-say s{text-decoration:none;display:block;font-size:12.5px;color:var(--muted);margin-top:5px}

/* --- Modül blokları --- */
.tn-mod{
  display:grid;grid-template-columns:1fr 1.25fr;gap:36px;align-items:center;
  padding:38px 0;border-top:1px solid var(--line)
}
.tn-mod:first-child{border-top:none;padding-top:8px}
.tn-mod.ters{grid-template-columns:1.25fr 1fr}
.tn-mod.ters .tn-mod-yazi{order:2}
@media(max-width:960px){
  .tn-mod,.tn-mod.ters{grid-template-columns:1fr;gap:22px}
  .tn-mod.ters .tn-mod-yazi{order:0}
}
.tn-mod-yazi .no{
  display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--acc2);
  text-transform:uppercase;margin-bottom:9px
}
.tn-mod-yazi h3{font-size:24px;font-weight:800;letter-spacing:-.6px;margin:0 0 12px;display:flex;align-items:center;gap:11px}
.tn-mod-yazi>p{color:#a9bace;line-height:1.75;font-size:14.5px;margin:0 0 16px}
.tn-liste{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.tn-liste li{display:flex;gap:10px;font-size:13.5px;line-height:1.6;color:#c3d0e0}
.tn-liste li::before{content:'✓';color:#5fe391;font-weight:800;flex:0 0 auto}
.tn-cerceve{
  background:linear-gradient(155deg,rgba(21,31,49,.94),rgba(11,17,32,.94));border:1px solid var(--line2);
  border-radius:18px;padding:14px;box-shadow:0 24px 60px rgba(0,0,0,.5);position:relative;
  overflow:hidden;min-width:0;max-width:100%
}
/* ızgara/esnek çocukların içerik genişliğiyle taşmasını engelle */
.tn-mod>*,.tn-hero-in>*,.tn-takip>*,.tn-ai>*,.tn-karsi>*,.tn-rol>*{min-width:0}
.tn-cerceve .tbl-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.tn-cerceve table{font-size:12px}
.tn-cerceve th,.tn-cerceve td{padding:7px 9px}
.tn-cerceve .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.tn-cerceve .split2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tn-cerceve .detay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tn-cerceve .donut-wrap{gap:12px}
.tn-cerceve .donut,.tn-cerceve .donut svg{width:118px;height:118px;flex-basis:118px}
.tn-cerceve::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.6),transparent)}
.tn-cerceve-bas{display:flex;align-items:center;gap:7px;padding:0 4px 11px;border-bottom:1px solid var(--line);margin-bottom:13px}
.tn-cerceve-bas i{width:10px;height:10px;border-radius:50%;background:#3a4a63;display:block}
.tn-cerceve-bas i:nth-child(1){background:#ef4444}.tn-cerceve-bas i:nth-child(2){background:#f59e0b}.tn-cerceve-bas i:nth-child(3){background:#22c55e}
.tn-cerceve-bas span{margin-left:8px;font-size:11px;color:var(--muted);font-family:ui-monospace,Consolas,monospace}
.tn-cerceve .kpis{margin-bottom:0}
.tn-cerceve .tbl-wrap{max-height:330px}
.tn-cerceve .card{animation:none}

/* --- Roller --- */
.tn-rol{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.tn-rol-k{
  background:linear-gradient(160deg,rgba(21,31,49,.92),rgba(16,24,39,.92));border:1px solid var(--line);
  border-radius:18px;padding:24px;transition:.25s;position:relative;overflow:hidden
}
.tn-rol-k:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.45)}
.tn-rol-k .ust{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.tn-rol-k .em{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:25px;flex:0 0 52px}
.tn-rol-k h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.4px}
.tn-rol-k .rol-alt{font-size:12px;color:var(--muted)}
.tn-rol-k ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}
.tn-rol-k li{font-size:13px;color:#c3d0e0;display:flex;gap:9px;line-height:1.55}
.tn-rol-k li span{flex:0 0 auto}
.tn-giris{background:rgba(11,17,32,.6);border:1px solid var(--line);border-radius:11px;padding:11px 13px;font-size:12px}
.tn-giris b{color:#fff}
.tn-giris code{background:#1a2438;padding:2px 7px;border-radius:5px;font-size:11.5px;color:#7fb2ff}

/* --- Takip / AI --- */
.tn-takip,.tn-ai{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
/* sol mockup sağdaki özellik listesiyle aynı boyda dursun */
.tn-takip>div:first-child,.tn-ai>div:first-child{display:flex}
.tn-takip>div:first-child>.tn-cerceve,.tn-ai>div:first-child>.tn-cerceve{
  flex:1;display:flex;flex-direction:column
}
.tn-takip>div:first-child>.tn-cerceve>.kpis{flex:1;grid-auto-rows:1fr;align-content:stretch}
.tn-takip>div:first-child>.tn-cerceve>.kpis>*{display:flex;flex-direction:column;justify-content:center}
@media(max-width:960px){.tn-takip,.tn-ai{grid-template-columns:1fr}}
.tn-ozellik{display:flex;flex-direction:column;gap:13px}
/* Yapay zekâ şablonları iki sütun, eşit yükseklik */
#aiBolum .tn-ozellik{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;grid-auto-rows:1fr;align-content:start}
#aiBolum .tn-oz{padding:13px}
#aiBolum .tn-oz .ic{width:34px;height:34px;font-size:16px;flex-basis:34px}
#aiBolum .tn-oz b{font-size:13px}
#aiBolum .tn-oz p{font-size:11.5px}
@media(max-width:640px){#aiBolum .tn-ozellik{grid-template-columns:1fr}}
.tn-oz{
  display:flex;gap:13px;padding:15px;border-radius:14px;
  background:linear-gradient(155deg,rgba(27,39,64,.75),rgba(16,24,39,.75));border:1px solid var(--line)
}
.tn-oz .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;flex:0 0 38px}
.tn-oz b{display:block;font-size:14px;margin-bottom:4px}
.tn-oz p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.65}

/* --- Uygulama indirme --- */
/* 4 platform: geniş ekranda tek sıra, tablette 2x2, telefonda alt alta */
.tn-uyg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
@media(max-width:1060px){.tn-uyg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.tn-uyg{grid-template-columns:1fr}}
.uyg-k{
  display:flex;flex-direction:column;position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(24,34,54,.92),rgba(13,19,32,.94));
  border:1px solid rgba(148,163,184,.16);border-radius:20px;padding:20px 18px;
  transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .26s
}
.uyg-k::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,#22c55e,#38bdf8);opacity:.45;transition:opacity .26s}
.uyg-k.yakinda::before{background:linear-gradient(90deg,#64748b,#94a3b8);opacity:.3}
.uyg-k:hover{transform:translateY(-5px);border-color:rgba(125,211,252,.34)}
.uyg-k:hover::before{opacity:1}
.uyg-k.yakinda{opacity:.82}
.uyg-ust{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.uyg-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px}
.uyg-ic svg{width:100%;height:100%;fill:currentColor}
.uyg-ic.android{color:#3ddc84}
.uyg-ic.apple{color:#e8eef7}
.uyg-ic.win{color:#3aa0f0}
.uyg-ic.web{color:#38bdf8}
.uyg-ic.web svg{fill:none}
.uyg-ust b{font-size:17px;font-weight:750;letter-spacing:-.3px}
.uyg-rz{
  margin-left:auto;font-style:normal;font-size:10px;font-weight:800;letter-spacing:1.1px;
  text-transform:uppercase;padding:3px 9px;border-radius:999px
}
.uyg-rz.hazir{background:rgba(34,197,94,.16);color:#7ee7a8;border:1px solid rgba(34,197,94,.32)}
.uyg-rz.bekle{background:rgba(148,163,184,.14);color:#a3b3c9;border:1px solid rgba(148,163,184,.25)}
.uyg-k p{margin:0 0 13px;color:#93a7c2;font-size:13px;line-height:1.65}
.uyg-l{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:7px}
.uyg-l li{position:relative;padding-left:19px;font-size:12.5px;color:#a9bcd4}
.uyg-l li::before{content:'✓';position:absolute;left:0;color:#5fe391;font-weight:800;font-size:11px}
.uyg-btn{margin-top:auto;width:100%;text-align:center;justify-content:center}
.uyg-not{margin-top:10px;line-height:1.6}
.uyg-k button:disabled{opacity:.6;cursor:default}

/* --- İletişim --- */
.tn-ilet{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:start}
@media(max-width:900px){.tn-ilet{grid-template-columns:1fr}}
.il-form{
  background:linear-gradient(160deg,rgba(24,34,54,.9),rgba(13,19,32,.92));
  border:1px solid rgba(148,163,184,.16);border-radius:20px;padding:22px;
  display:flex;flex-direction:column;gap:13px
}
.il-ikili{display:grid;grid-template-columns:1fr 1fr;gap:13px}
@media(max-width:560px){.il-ikili{grid-template-columns:1fr}}
.il-form label{display:block;font-size:12px;font-weight:650;color:#9fb4d0;letter-spacing:.2px}
.il-form input,.il-form select,.il-form textarea{margin-top:6px}
.il-form textarea{resize:vertical;min-height:110px}
.il-tuzak{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.il-gonder{margin-top:4px;align-self:flex-start}
.il-gonder:disabled{opacity:.6;cursor:default}
.il-sonuc{font-size:13px;line-height:1.6;display:none}
.il-sonuc.ok{display:block;color:#7ee7a8}
.il-sonuc.bad{display:block;color:#fca5a5}
.il-yan{display:flex;flex-direction:column;gap:12px}
.il-k{
  display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;
  background:rgba(24,34,54,.72);border:1px solid rgba(148,163,184,.14)
}
.il-ic{
  width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;font-size:16px;
  background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:#9ec1ff
}
.il-k b{display:block;font-size:12px;color:#8aa0bd;font-weight:650;margin-bottom:2px}
.il-k a{color:#cfe2ff;text-decoration:none;font-size:14px;font-weight:650}
.il-k a:hover{color:#fff;text-decoration:underline}
.il-not{
  padding:16px;border-radius:14px;border:1px dashed rgba(59,130,246,.35);
  background:rgba(59,130,246,.07)
}
.il-not b{display:block;font-size:13.5px;margin-bottom:6px;color:#cfe2ff}
.il-not p{margin:0;font-size:12.5px;color:#93a7c2;line-height:1.7}

/* --- Teknik --- */
.tn-teknik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;grid-auto-rows:1fr}
@media(max-width:1000px){.tn-teknik{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tn-teknik{grid-template-columns:1fr}}
.tn-tk{
  background:rgba(21,31,49,.7);border:1px solid var(--line);border-radius:14px;padding:18px;
  display:flex;flex-direction:column;transition:.22s
}
.tn-tk:hover{transform:translateY(-3px);border-color:var(--line2)}
.tn-tk b{display:flex;align-items:center;gap:9px;font-size:14px;margin-bottom:8px}
.tn-tk p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.7}

/* --- SSS: iki sütun --- */
.tn-sss{
  max-width:1060px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;align-items:start
}
@media(max-width:820px){.tn-sss{grid-template-columns:1fr}}
.tn-s{background:rgba(21,31,49,.75);border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.2s}
.tn-s:hover{border-color:var(--line2)}
.tn-s summary{padding:16px 19px;cursor:pointer;font-weight:700;font-size:14.5px;list-style:none;display:flex;align-items:center;gap:11px}
.tn-s summary::-webkit-details-marker{display:none}
.tn-s summary::before{content:'+';color:var(--acc);font-size:19px;font-weight:800;transition:.2s;flex:0 0 auto}
.tn-s[open] summary::before{content:'−'}
.tn-s p{margin:0;padding:0 19px 18px 43px;color:var(--muted);font-size:13.5px;line-height:1.8}

/* --- Kapanış --- */
.tn-son{padding:80px 0;text-align:center;background:
  radial-gradient(700px 300px at 50% 0%,rgba(59,130,246,.16),transparent 70%);border-top:1px solid var(--line)}
.tn-son h2{font-size:34px;font-weight:850;letter-spacing:-1.1px;margin:0 0 12px}
.tn-son p{color:var(--muted);margin:0 0 26px;font-size:15px}
.tn-son .tn-cta{justify-content:center}
.tn-alt-bar{border-top:1px solid var(--line);padding:22px 0;font-size:12.5px;color:var(--muted)}
.tn-alt-bar .tn-in{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}
.tn-gelistirici{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center}
.tn-gelistirici a{color:#9ec1ff;text-decoration:none;font-weight:600;
  border-bottom:1px solid rgba(158,193,255,.32);transition:color .18s,border-color .18s}
.tn-gelistirici a:hover{color:#fff;border-color:#fff}
.tn-gelistirici em{font-style:normal;opacity:.5}

@media print{.tn-nav,.tn-cta,.tn-son{display:none}}