/* v2 — Ana sayfa (/) — yalnızca bu sayfaya özel parçalar. Token'lar site.css'te. */

/* Durum çipleri */
.chip-live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(18,128,92,.18);animation:live 2s ease-in-out infinite}
.chip-live{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.hero .chip-live,.t-ink .chip-live{background:rgba(255,255,255,.06);color:#fff;border-color:var(--ink-line)}
.hero .chip-live::before,.t-ink .chip-live::before{background:#3DD68C;box-shadow:0 0 0 3px rgba(61,214,140,.18)}
.chip-soon{background:var(--warn-soft);color:var(--warn);border-color:transparent}
@keyframes live{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.chip-live::before{animation:none}}

/* Platform logoları (ekosistem bölümünün altı) */
.eco{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.eco-i{display:flex;align-items:center;justify-content:center}
.eco-i img{height:24px;width:auto;max-width:100%;object-fit:contain}
@media(min-width:640px){.eco{gap:16px 44px}.eco-i img{height:28px}}

/* Kurs kartları */
.ccards{display:grid;gap:14px}
@media(min-width:640px){.ccards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:640px) and (max-width:959px){.ccards>.ccard:last-child:nth-child(odd){grid-column:1/-1}}
@media(min-width:960px){.ccards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}}
.ccard{display:flex;flex-direction:column}
.ccard-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.ccard-per{font-size:12.5px;font-weight:600;color:var(--text-3)}
.ccard h3{margin-top:16px;font-size:21px;line-height:1.2}
.ccard-sub{font-size:14px;font-weight:600;color:var(--accent);margin-top:6px}
.ccard-d{font-size:14.5px;color:var(--text-2);margin:10px 0 18px;line-height:1.55}
.ccard-meta{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:18px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ccard-meta small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.ccard-meta b{display:block;font-size:15.5px;font-weight:700;margin-top:3px;letter-spacing:-.01em}
.ccard-price{text-align:right}
.ccard-price b{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.ccard-price b span{font-size:14px;font-weight:700;letter-spacing:0}
.ccard-act{display:grid;gap:8px;margin-top:auto}
.ccard-act .btn{min-height:50px}

/* Kurumsal bandı */
.kband{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;border-radius:var(--r);border:1px dashed var(--line-strong);background:var(--paper);transition:border-color .2s}
.kband:hover{border-color:var(--accent)}
.kband-t{flex:1;min-width:0}
.kband-t b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em}
.kband-t span{display:block;font-size:13.5px;color:var(--text-2);margin-top:2px;line-height:1.45}
.kband .link-arrow{color:var(--accent);font-size:14.5px;white-space:nowrap}
@media(max-width:639px){.kband{flex-wrap:wrap}.kband .link-arrow{width:100%;padding-left:58px}}

/* Rakamlar şeridi */
.nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:28px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
@media(min-width:640px){.nums{grid-template-columns:repeat(4,minmax(0,1fr))}}
.num{background:var(--paper);padding:18px 16px;text-align:center}
.num b{display:block;font-size:clamp(26px,6vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--accent)}
.num span{display:block;font-size:13px;color:var(--text-2);margin-top:6px}

/* AI Studio — Teknopark kartı */
.flag{display:grid;border-radius:var(--r-lg);overflow:hidden;background:var(--ink-2);border:1px solid var(--ink-line)}
@media(min-width:960px){.flag{grid-template-columns:1.05fr .95fr;align-items:stretch}}
.flag-b{padding:22px;order:2}
@media(min-width:960px){.flag-b{order:1;padding:40px;align-self:center}}
.flag h3{font-size:clamp(21px,4.6vw,28px);margin-top:14px}
.flag p{color:var(--on-ink-2);margin-top:10px;font-size:15.5px;line-height:1.65;max-width:560px}
.flag-img{order:1;aspect-ratio:2/1;background:var(--ink-3)}
@media(min-width:960px){.flag-img{order:2;aspect-ratio:auto;min-height:280px}}
.flag-img img{width:100%;height:100%;object-fit:cover}

.prod-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;margin:36px 0 14px}
.prod-head h3{font-size:20px}
.prod-head span{font-size:13px;color:var(--on-ink-3)}
.prods{display:grid;gap:14px}
@media(min-width:960px){.prods{grid-template-columns:1.6fr 1fr}.prods--3{grid-template-columns:1.25fr 1.25fr 1fr}}
.prod{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-lg);background:var(--ink-2);border:1px solid var(--ink-line)}
@media(min-width:960px){.prod{padding:28px}}
.prod-top{display:flex;align-items:center;gap:14px;min-height:44px}
.prod-logo{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(169,180,245,.12);color:var(--accent-on-dark);font-size:19px;font-weight:800}
.prod-img{height:30px;width:auto}
.prod-tag{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-3)}
.prod h4{font-size:22px;letter-spacing:-.02em;line-height:1.2;margin-top:2px}
.prod h4 a:hover{text-decoration:underline;text-underline-offset:3px}
.prod p{color:var(--on-ink-2);font-size:15px;line-height:1.6}
.prod .btn{margin-top:auto;white-space:normal;text-align:left;min-height:50px;font-size:15px}
@media(max-width:639px){.prod .btn{width:100%}}
@media(min-width:640px){.prod .btn{align-self:flex-start}}
.prod--soon{justify-content:center;background:transparent;border:1.5px dashed var(--ink-line-strong)}
.prod--soon p{font-size:14px}

/* Yolculuk — zaman çizelgesi */
.journey-grid{display:grid;gap:8px}
@media(min-width:960px){.journey-grid{grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.journey-grid .sec-head{position:sticky;top:calc(var(--header-h) + 32px)}}
.tl{list-style:none;margin:0;padding:0 0 0 30px;position:relative}
.tl::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--accent),var(--line))}
.tl-i{position:relative;padding:0 0 26px}
.tl-i:last-child{padding-bottom:0}
.tl-i::before{content:"";position:absolute;left:-29px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--accent)}
.tl-i:last-child::before{background:var(--accent)}
.tl-y{display:block;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent)}
.tl-i b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em;margin-top:4px}
.tl-i p{font-size:14.5px;color:var(--text-2);margin-top:4px;line-height:1.6;max-width:560px}

/* ── Hero: ekosistem haritası ───────────────────────────────────────── */
.p-home .hero h1{font-size:clamp(32px,8.6vw,62px)}
.p-home .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:640px){.p-home .hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hero-open{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
.emap{position:relative;width:100%;max-width:440px;aspect-ratio:1/1;margin:8px auto 0}
.emap-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.emap-lines line{stroke:rgba(169,180,245,.38);stroke-width:.4;stroke-dasharray:1.4 1.4;vector-effect:non-scaling-stroke}
.emap-lines circle{fill:none;stroke:rgba(169,180,245,.14);stroke-width:1;vector-effect:non-scaling-stroke}
.emap-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40%;aspect-ratio:1/1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle at 32% 28%,#3B4CC0,#1E2A78 58%,#121A55);box-shadow:0 0 0 10px rgba(169,180,245,.07),0 0 0 22px rgba(169,180,245,.035),0 30px 60px -20px rgba(0,0,0,.7)}
.emap-core img{width:76%;height:auto}
.emap-core small{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.emap-node{position:absolute;width:43%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;border-radius:16px;background:rgba(22,22,26,.92);border:1px solid var(--ink-line-strong);color:#fff;transition:border-color .2s,transform .2s var(--ease)}
.emap-node:hover{border-color:var(--accent-on-dark);transform:translateY(-2px)}
.emap-node.n1{left:0;top:0}.emap-node.n2{right:0;top:0}.emap-node.n3{left:0;bottom:0}.emap-node.n4{right:0;bottom:0}
.emap-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(169,180,245,.14);color:var(--accent-on-dark);margin-bottom:4px}
.emap-node b{font-size:15px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.emap-node small{font-size:12px;color:var(--on-ink-3);line-height:1.3}
@media(min-width:960px){.emap{max-width:470px;margin-top:0}.emap-node{padding:16px}.emap-node b{font-size:16.5px}.emap-node small{font-size:13px}}

/* ── Ekosistem: dört alan ───────────────────────────────────────────── */
.pillars{display:grid;gap:12px}
@media(min-width:640px){.pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(min-width:1100px){.pillars{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pillar{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow);transition:border-color .2s,transform .2s var(--ease)}
.pillar:hover{border-color:var(--accent);transform:translateY(-2px)}
.pillar-top{display:flex;align-items:center;justify-content:space-between}
.pillar-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.pillar-n{font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--text-3)}
.pillar h3{font-size:21px}
.pillar p{font-size:15px;color:var(--text-2);line-height:1.6}
.checks--sm{gap:8px}
.checks--sm li{font-size:14px}
.pillar .link-arrow{margin-top:auto;padding-top:6px;color:var(--accent);font-size:15px}

/* ── Topluluk ───────────────────────────────────────────────────────── */
.comm{display:grid;gap:32px}
@media(min-width:960px){.comm{grid-template-columns:1fr 1fr;gap:56px;align-items:center}}
.comm-logo{height:auto;width:min(260px,70%);margin-bottom:22px}
.comm .h2{margin-top:0}
.comm-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ink-line);border:1px solid var(--ink-line);border-radius:var(--r-lg);overflow:hidden}
.comm-num{background:var(--ink);padding:18px 16px}
.comm-num b{display:block;font-size:clamp(26px,7vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--accent-on-dark)}
.comm-num span{display:block;font-size:13px;color:var(--on-ink-3);margin-top:6px;line-height:1.35}
.chan{display:grid;gap:10px;margin-top:16px}
@media(min-width:640px){.chan{grid-template-columns:repeat(2,minmax(0,1fr))}}
.chan a{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border-radius:14px;background:var(--ink-2);border:1px solid var(--ink-line);color:#fff;transition:border-color .2s}
.chan a:hover{border-color:var(--accent-on-dark)}
.chan a>svg{color:var(--on-ink-3);flex-shrink:0}
.chan-ic{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(169,180,245,.12);color:var(--accent-on-dark)}
.chan-t{flex:1;min-width:0}
.chan-t b{display:block;font-size:15px;font-weight:700}
.chan-t small{display:block;font-size:12.5px;color:var(--on-ink-3);margin-top:1px}

/* ── Kurumlarla aynı sahnede ───────────────────────────────────────── */
.orgs{display:grid;gap:10px;margin-bottom:28px}
@media(min-width:640px){.orgs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){.orgs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
.org{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.org-ic{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--paper-2);color:var(--accent)}
.org b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.org small{display:block;font-size:13px;color:var(--text-3);margin-top:2px}