/* ============================================================
   TEPEGÖZ AI bölümü — tasarim/tepegoz-{dark,light}.png ve mobil tasarım
   ============================================================ */
:root{
  --tg-bg-1:#020a12;--tg-bg-2:#04121f;
  --tg-ink:#ffffff;--tg-accent:#3fd0ff;--tg-body:#a9c6d9;--tg-dim:#7c9cb3;
  --tg-card:rgba(9,28,44,.72);--tg-card-line:rgba(92,170,215,.28);
  --tg-chip:rgba(12,38,58,.8);--tg-chip-line:rgba(92,170,215,.3);
  --tg-btn:#1fa7ef;--tg-btn-2:#3fb9fb;--tg-btn-ink:#04202f;
}
html[data-theme=light]{
  --tg-bg-1:#f4fafe;--tg-bg-2:#eaf4fd;
  --tg-ink:#0d2135;--tg-accent:#1273e8;--tg-body:#45607a;--tg-dim:#6b87a0;
  --tg-card:rgba(255,255,255,.92);--tg-card-line:rgba(120,170,215,.3);
  --tg-chip:rgba(255,255,255,.95);--tg-chip-line:rgba(130,175,215,.4);
  --tg-btn:#1273e8;--tg-btn-2:#2a89f5;--tg-btn-ink:#ffffff;
}

.tepegoz-hero{position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--tg-bg-2),var(--tg-bg-1) 45%,var(--tg-bg-2));
  border-top:1px solid rgba(92,170,215,.16);border-bottom:1px solid rgba(92,170,215,.16)}
html[data-theme=light] .tepegoz-hero{border-color:#dce9f5}
.tg-inner{display:grid;grid-template-columns:500px minmax(0,1fr);gap:70px;align-items:center;
  padding-top:58px;padding-bottom:58px}

/* ---------- Sol sütun ---------- */
.tg-copy .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:34px;
  font-size:12px;font-weight:650;letter-spacing:2.6px;text-transform:uppercase;color:var(--tg-accent)}
.tg-copy .eyebrow .line{width:44px;height:2px;background:currentColor;border-radius:2px}
.tepegoz-hero h2{margin:0;font-family:'Manrope',Arial,sans-serif;font-size:clamp(46px,4.9vw,70px);
  line-height:1.02;letter-spacing:-.035em;font-weight:800;color:var(--tg-ink)}
.tepegoz-hero h2>span{color:var(--tg-accent)}
.tg-copy>p{margin:30px 0 0;font-size:19px;line-height:1.62;color:var(--tg-body);max-width:470px}
.tg-copy>p strong{font-weight:700;color:var(--tg-ink)}
.tg-actions{display:flex;align-items:center;gap:30px;margin-top:36px;flex-wrap:wrap}
.tg-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;height:60px;padding:0 30px;
  border:0;border-radius:14px;background:var(--tg-btn);color:var(--tg-btn-ink);
  font-size:16.5px;font-weight:700;letter-spacing:-.1px;white-space:nowrap;
  box-shadow:0 14px 34px -16px color-mix(in srgb,var(--tg-btn) 85%,transparent)}
.tg-btn:hover{background:var(--tg-btn-2)}
.tg-btn svg{width:20px;height:20px}
.tg-link{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:var(--tg-ink)}
.tg-link svg{width:19px;height:19px;color:var(--tg-body)}
.tg-link:hover{color:var(--tg-accent)}
.tg-caption{display:flex;align-items:center;gap:12px;margin-top:38px;
  font-size:11.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--tg-dim)}
.tg-caption i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.8}
.tg-note{display:flex;align-items:center;gap:14px;margin-top:30px;padding-top:26px;
  border-top:1px solid rgba(92,170,215,.18);
  font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--tg-dim)}
html[data-theme=light] .tg-note{border-top-color:#dbe8f4}
.tg-note .line{display:none}
.tg-features{display:flex;align-items:center;margin-top:30px}
.tg-feature{display:flex;align-items:center;gap:13px;padding-right:18px;margin-right:18px;
  border-right:1px solid rgba(92,170,215,.18);font-size:13px;line-height:1.35;color:var(--tg-body);white-space:nowrap}
html[data-theme=light] .tg-feature{border-right-color:#dbe8f4}
.tg-feature:last-child{border-right:0;margin-right:0;padding-right:0}
.tg-fi{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;
  border:1px solid var(--tg-chip-line);background:color-mix(in srgb,var(--tg-accent) 10%,transparent);color:var(--tg-accent)}
html[data-theme=light] .tg-fi{background:#e9f2fd;border-color:#cfe1f5}
.tg-fi svg{width:21px;height:21px}

/* ---------- Sanat alanı: şeffaf maskot + yörüngeler ---------- */
.tg-art{position:relative;width:100%;aspect-ratio:972/941}
.tg-glow{position:absolute;left:8%;top:14%;width:74%;height:74%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(60,205,255,.30),rgba(40,160,230,.10) 45%,transparent 70%);
  filter:blur(26px)}
html[data-theme=light] .tg-glow{background:radial-gradient(circle,rgba(120,205,255,.40),rgba(160,215,250,.16) 48%,transparent 72%)}
.tg-orbits{position:absolute;inset:0;width:100%;height:100%;color:#57d2ff;opacity:.5;pointer-events:none}
html[data-theme=light] .tg-orbits{color:#63b4ee;opacity:.55}
.tg-mascot{position:absolute;left:11.95%;top:21.68%;width:60.54%;height:auto;display:block;
  filter:drop-shadow(0 26px 40px rgba(0,0,0,.45))}
html[data-theme=light] .tg-mascot{filter:drop-shadow(0 24px 38px rgba(30,90,140,.22))}
.tg-hello{position:absolute;left:75.1%;top:15%;width:24%;pointer-events:none;color:var(--tg-accent)}
.tg-hello p{margin:0;font-family:'Caveat',cursive;font-size:clamp(17px,1.62vw,23px);line-height:1.26;
  letter-spacing:.2px;color:var(--tg-accent);transform:rotate(-6deg);transform-origin:left top}
.tg-hello svg{position:absolute;left:-26%;top:78%;width:52%;height:auto;opacity:.85}

/* Sohbet kartı */
.tg-chat{position:absolute;left:-7.27%;top:10.66%;width:37.73%;
  padding:15px 17px;border:1px solid var(--tg-card-line);border-radius:14px;background:var(--tg-card);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 44px -28px rgba(0,0,0,.8)}
html[data-theme=light] .tg-chat{box-shadow:0 18px 40px -26px rgba(20,60,100,.35)}
.tg-chat-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tg-chat-brand{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:2px;
  text-transform:uppercase;color:var(--tg-ink);font-weight:600}
.tg-chat-brand svg{width:14px;height:14px;color:var(--tg-accent)}
.tg-online{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.4px;color:var(--tg-dim)}
.tg-online i{width:8px;height:8px;border-radius:50%;background:#2ee08a;box-shadow:0 0 0 3px #2ee08a26}
.tg-quote{margin:13px 0 14px;font-size:15px;line-height:1.5;color:var(--tg-ink)}
.tg-steps{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.tg-steps span{padding:5px 9px;border-radius:7px;border:1px solid var(--tg-chip-line);background:var(--tg-chip);
  font-size:11.5px;color:var(--tg-body);white-space:nowrap}
.tg-steps span.on{color:var(--tg-accent);border-color:color-mix(in srgb,var(--tg-accent) 45%,transparent)}
.tg-steps svg{width:12px;height:12px;color:var(--tg-dim);flex-shrink:0}

/* Sistem durumu kartı */
.tg-status{position:absolute;left:54.55%;top:65.17%;width:41.59%;
  padding:13px 15px;border:1px solid var(--tg-card-line);border-radius:14px;background:var(--tg-card);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 44px -28px rgba(0,0,0,.8)}
html[data-theme=light] .tg-status{box-shadow:0 18px 40px -26px rgba(20,60,100,.35)}
.tg-status-top{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding-bottom:10px;border-bottom:1px solid rgba(92,170,215,.16)}
html[data-theme=light] .tg-status-top{border-bottom-color:#e2edf7}
.tg-status-brand{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--tg-ink);font-weight:600}
.tg-status-brand svg{width:15px;height:15px;color:var(--tg-accent)}
.tg-ok{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:#2ee08a;white-space:nowrap}
.tg-ok i{width:7px;height:7px;border-radius:50%;background:#2ee08a;box-shadow:0 0 0 3px #2ee08a26}
html[data-theme=light] .tg-ok{color:#12a566}
html[data-theme=light] .tg-ok i{background:#12a566;box-shadow:0 0 0 3px #12a56626}
.tg-status ul{list-style:none;margin:0;padding:0}
.tg-status li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(92,170,215,.11)}
html[data-theme=light] .tg-status li{border-bottom-color:#eef4fa}
.tg-status li:last-child{border-bottom:0;padding-bottom:2px}
.tg-tick{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;
  background:rgba(46,224,138,.16);color:#2ee08a}
html[data-theme=light] .tg-tick{background:#dcf6ea;color:#12a566}
.tg-tick svg{width:13px;height:13px}
.tg-status strong{flex:1;font-size:12.5px;font-weight:500;color:var(--tg-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-status time{font-size:11px;color:var(--tg-dim);white-space:nowrap}

/* ---------- Mobil sürüm ---------- */
.tg-mobile{display:none}
.tg-tasks{border:1px solid var(--tg-card-line);border-radius:18px;background:var(--tg-card);padding:16px 16px 6px}
.tg-tasks-top{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.tg-tasks-top svg{width:17px;height:17px;color:var(--tg-accent)}
.tg-tasks-top strong{font-size:15px;font-weight:700;color:var(--tg-ink)}
.tg-tasks ul{list-style:none;margin:0;padding:0}
.tg-tasks li{border-top:1px solid rgba(92,170,215,.14)}
html[data-theme=light] .tg-tasks li{border-top-color:#e8f1f9}
.tg-tasks a{display:flex;align-items:center;gap:13px;padding:13px 2px;font-size:14.5px;color:var(--tg-ink)}
.tg-ti{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:11px;
  background:color-mix(in srgb,var(--tg-accent) 12%,transparent);color:var(--tg-accent)}
html[data-theme=light] .tg-ti{background:#e9f2fd}
.tg-ti svg{width:19px;height:19px}
.tg-go{margin-left:auto;color:var(--tg-dim);display:grid;place-items:center}
.tg-go svg{width:18px;height:18px}
.tg-tasks a:hover .tg-go{color:var(--tg-accent)}
.tg-foot{display:flex;align-items:center;gap:12px;margin-top:22px;
  font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--tg-dim);justify-content:center}
.tg-foot .line{flex:1;max-width:60px;height:1px;background:currentColor;opacity:.5}

/* ---------- Duyarlı ---------- */
@media(max-width:1250px){
  .tg-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px}
  .tepegoz-hero h2{font-size:clamp(40px,5.2vw,56px)}
  .tg-copy>p{font-size:17px;margin-top:22px}
  .tg-actions{gap:20px;margin-top:28px}
  .tg-btn{height:54px;padding:0 22px;font-size:15px}
  .tg-caption{margin-top:28px;font-size:10.5px;letter-spacing:1.8px}
  .tg-note{margin-top:22px;padding-top:20px}
  .tg-features{margin-top:24px}
  .tg-feature{font-size:12px;gap:10px;padding-right:13px;margin-right:13px}
  .tg-fi{width:40px;height:40px;border-radius:12px}
  .tg-quote{font-size:13px;margin:10px 0 11px}
  .tg-chat{padding:12px 13px;border-radius:12px}
  .tg-steps span{font-size:10px;padding:4px 7px}
  .tg-status{padding:11px 12px;border-radius:12px}
  .tg-status strong{font-size:11px}
  .tg-status time{font-size:10px}
}
@media(max-width:850px){
  .tg-desktop{display:none}
  .tg-mobile{display:block}
  .tg-inner{grid-template-columns:1fr;gap:0;padding-top:34px;padding-bottom:36px}
  .tg-copy .eyebrow{margin-bottom:14px;font-size:10.5px;letter-spacing:2.6px}
  .tg-copy .eyebrow .line{width:32px}
  .tepegoz-hero h2{font-size:clamp(28px,7.6vw,32px);line-height:1.1}
  .tg-copy>p{margin-top:14px;font-size:13.5px;line-height:1.45;max-width:none}
  .tg-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
  .tg-btn{height:50px;padding:0 14px;font-size:14px;gap:9px;border-radius:13px;box-shadow:none}
  .tg-btn svg{width:17px;height:17px}
  .tg-btn.soft{background:color-mix(in srgb,var(--tg-accent) 12%,transparent);color:var(--tg-ink)}
  html[data-theme=light] .tg-btn.soft{background:#e6f0fb;color:#0d2135}
  .tg-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
  .tg-feature{border:0;padding:0;margin:0;gap:9px;font-size:11.5px;white-space:normal}
  .tg-fi{width:40px;height:40px}
  .tg-art{margin:14px -12px 0;width:calc(100% + 24px);aspect-ratio:880/700}
  .tg-art img{object-fit:cover;object-position:center 42%}
  .tg-chat,.tg-status{display:none}
  .tg-tasks{margin-top:4px;border-radius:16px}
  .tg-tasks a{font-size:13.5px;padding:11px 2px;gap:11px}
  .tg-ti{width:34px;height:34px;border-radius:10px}
  .tg-ti svg{width:17px;height:17px}
}
@media(max-width:400px){
  .tepegoz-hero h2{font-size:27px}
  .tg-actions{grid-template-columns:1fr}
  .tg-feature{font-size:10.5px;gap:7px}
  .tg-fi{width:34px;height:34px}
  .tg-fi svg{width:17px;height:17px}
}

/* ---------- Düzeltmeler ---------- */
.tg-mobile{display:none!important}
@media(max-width:850px){
  .tg-mobile{display:block!important}
  .tg-foot.tg-mobile{display:flex!important}
  .tg-desktop{display:none!important}
}
/* Zemin, görselin kenar rengiyle aynı; görsel kenarları yumuşatılır */
.tepegoz-hero{background:linear-gradient(180deg,#041728,#031425 42%,#041728)}
html[data-theme=light] .tepegoz-hero{background:linear-gradient(180deg,#eef7fd,#e8f4fc 42%,#eef7fd)}
.tg-art img{-webkit-mask-image:radial-gradient(118% 112% at 50% 50%,#000 60%,rgba(0,0,0,.35) 84%,transparent 97%);
  mask-image:radial-gradient(118% 112% at 50% 50%,#000 60%,rgba(0,0,0,.35) 84%,transparent 97%)}
/* Sol sütun tasarımdaki genişlikte, özellik satırı taşabilir */
@media(min-width:1251px){
  .tg-inner{grid-template-columns:548px minmax(0,1fr);gap:52px}
  .tg-features{width:620px}
}
.tg-steps{gap:4px}
.tg-steps span{font-size:10.5px;padding:4px 7px}
.tg-steps svg{width:11px;height:11px}
/* Başlık iki satırda kalsın, görsel kenarı zemine karışsın, çipler tek satır */
.tepegoz-hero{background:#031425}
html[data-theme=light] .tepegoz-hero{background:#e8f4fc}
.tepegoz-hero h2{font-size:clamp(42px,4.45vw,64px)}
.tg-art img{-webkit-mask-image:radial-gradient(112% 106% at 50% 50%,#000 52%,rgba(0,0,0,.45) 78%,transparent 95%);
  mask-image:radial-gradient(112% 106% at 50% 50%,#000 52%,rgba(0,0,0,.45) 78%,transparent 95%)}
.tg-steps{gap:3px;flex-wrap:nowrap}
.tg-steps span{font-size:9.6px;padding:3px 6px;letter-spacing:-.1px}
.tg-steps svg{width:10px;height:10px}
@media(max-width:850px){.tepegoz-hero h2{font-size:clamp(28px,7.6vw,32px)}}
html[data-theme=light] .tepegoz-hero h2>span{color:var(--tg-accent)}
html[data-theme=light] .tepegoz-hero h2{color:var(--tg-ink)}
html[data-theme=light] .tg-copy>p{color:var(--tg-body)}
.tg-art img{-webkit-mask-image:radial-gradient(102% 100% at 50% 50%,#000 40%,rgba(0,0,0,.4) 70%,transparent 92%);
  mask-image:radial-gradient(102% 100% at 50% 50%,#000 40%,rgba(0,0,0,.4) 70%,transparent 92%)}
@media(max-width:850px){
  .tg-art{aspect-ratio:880/700;margin:16px -10px 2px;width:calc(100% + 20px)}
  .tg-art img{object-fit:contain;object-position:center}
}

/* Yeni sanat alanı için konum düzeltmeleri */
.tg-chat{left:1.85%;top:15.73%;width:34.16%}
.tg-status{left:57.82%;top:64.61%;width:37.65%}
@media(max-width:850px){
  .tg-art{aspect-ratio:1/.86;margin:14px 0 4px;width:100%}
  .tg-mascot{left:14%;top:12%;width:68%}
  .tg-glow{left:12%;top:6%;width:72%;height:80%}
  .tg-hello{left:70%;top:8%;width:30%}
  .tg-hello p{font-size:17px}
  .tg-orbits{opacity:.35}
}

/* ---------- Tasarım ölçüsü: içerik 1363, sütunlar 535 / 828, boşluk yok ---------- */
@media(min-width:1251px){
  .tg-inner{width:min(1363px,calc(100% - 56px));grid-template-columns:minmax(0,535fr) minmax(0,828fr);gap:0;
    padding-top:36px;padding-bottom:36px}
  .tg-features{width:auto}
  .tg-copy{padding-right:8px}
}
.tg-status-brand{white-space:nowrap}
.tg-status strong{font-size:12px}
.tg-glow{background:radial-gradient(circle,rgba(70,215,255,.42),rgba(40,160,230,.16) 42%,transparent 68%);filter:blur(30px)}
html[data-theme=light] .tg-glow{background:radial-gradient(circle,rgba(130,210,255,.5),rgba(160,215,250,.2) 46%,transparent 70%)}
.tg-orbits{opacity:.62}
html[data-theme=light] .tg-orbits{opacity:.6}

/* Başlık iki satırda kalsın (tasarımda da sütunu biraz aşıyor) */
@media(min-width:1251px){
  .tepegoz-hero h2{width:max-content;max-width:615px;font-size:64px}
  .tg-hello{left:73%;top:13%;width:27%}
  .tg-hello p{font-size:clamp(19px,1.8vw,26px)}
  .tg-hello svg{left:-22%;top:80%;width:46%}
  .tg-chat{width:32.5%;padding:13px 15px}
  .tg-quote{font-size:14px;margin:11px 0 12px}
}
/* Maskotun altındaki zemin ışıması */
.tg-art:after{content:'';position:absolute;left:20%;top:76%;width:46%;height:12%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(70,200,255,.45),transparent 70%);filter:blur(18px);pointer-events:none}
html[data-theme=light] .tg-art:after{background:radial-gradient(ellipse,rgba(120,195,245,.4),transparent 72%)}
html[data-theme=light] .tepegoz-hero{background:linear-gradient(160deg,#fbfdff,#f2f8fd 55%,#eaf4fc)}
/* El yazısı notun oku: nottan maskota doğru */
.tg-hello-arrow{position:absolute;left:-34%;top:74%;width:62%;height:auto;opacity:.9}
@media(max-width:850px){.tg-hello-arrow{left:-40%;top:70%;width:66%}}