/*
 * Growth Intelligence sayfaları (page-templates/template-gi.php) — 13 Eki 2026.
 * main.css'in koyu dilini (--egi-*) kullanır; tümü .gi altında, .gi-* öneki. Grup rengi --gi-fam (menü renk aileleri).
 */
.gi{--gi-fam:var(--egi-acc2);--gi-ok:#3ddc97;--gi-warn:#f6b94a;--gi-acc:#8e9bff;--gi-mut:#7d87a6}
/* main.css .egi p / .egi h1-h3 (0-1-1) yerine: :is() aynı özgüllükte, sonra yüklendiği için kazanır; bileşen boşlukları bu yüzden ".gi .gi-x" (0-2-0) */
.gi :is(h1,h2,h3,p){margin:0}
.gi :where(ol,ul){margin:0}
.gi :where(ol,ul){padding:0;list-style:none}

.gi .gi-h1{font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-.02em;margin:18px 0 18px}
.gi .gi-h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;letter-spacing:-.01em;margin-bottom:26px}
.gi .gi-lead{font-size:17.5px;color:var(--egi-mut);max-width:620px}
.gi-narrow{max-width:920px}

/* Bölümler */
.gi-sec{padding:76px 0}
.gi-sec--alt{background:var(--egi-bg2)}
.gi-sec--cta{padding:64px 0}

/* Hero */
.gi-hero{position:relative;padding:56px 0 72px;overflow:hidden}
.gi-hero::before{content:"";position:absolute;inset:-30% -10% auto auto;width:720px;height:720px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--gi-fam) 22%,transparent),transparent);pointer-events:none;opacity:.7}
.gi-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.gi--hub .gi-hero{padding-top:80px}
.gi-hero__grid--solo{grid-template-columns:minmax(0,1fr)}
.gi-hero__grid--solo .gi-lead{max-width:760px}
.gi-crumb{position:relative;display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--egi-mut);margin-bottom:26px}
.gi-crumb a{color:var(--egi-mut);text-decoration:none}
.gi-crumb a:hover{color:#fff}
.gi-crumb [aria-current]{color:#fff}
.gi-kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gi-fam)}
.gi-kicker__ico{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--gi-fam) 16%,transparent);border:1px solid color-mix(in srgb,var(--gi-fam) 38%,transparent)}
.gi-kicker__ico .gi-ico{width:18px;height:18px}
.gi .gi-status{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:13.5px;color:var(--egi-mut)}
.gi-status__dot{width:8px;height:8px;border-radius:50%;background:var(--gi-ok);box-shadow:0 0 0 4px rgba(61,220,151,.16)}

/* Temsili ekran */
.gi-mock{margin:0;background:linear-gradient(180deg,#141c38,#0f1630);border:1px solid var(--egi-line);border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,.35);overflow:hidden}
.gi-mock__top{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--egi-line)}
.gi-mock__dots{display:inline-flex;gap:6px}
.gi-mock__dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)}
.gi-mock__title{font-size:14px;font-weight:700;color:#fff;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gi-mock__tag{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--egi-mut);border:1px dashed rgba(255,255,255,.2);border-radius:999px;padding:3px 10px;white-space:nowrap}
.gi-mock__body{padding:10px 18px 18px}
.gi-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.gi-row:last-child{border-bottom:0}
.gi-row__dot{width:9px;height:9px;border-radius:50%}
.gi-row__txt{display:flex;flex-direction:column;min-width:0}
.gi-row__txt b{font-size:14.5px;font-weight:650;color:#fff}
.gi-row__txt small{font-size:12.5px;color:var(--egi-mut)}
.gi-bar{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0}
.gi-bar__l{font-size:13.5px;color:#dfe4f3}
.gi-bar__t{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.gi-bar__f{display:block;height:100%;border-radius:inherit}
.gi-mock__body--chat{display:flex;flex-direction:column;gap:12px;padding-top:18px}
.gi-msg{max-width:86%;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.5}
.gi-msg--u{align-self:flex-end;background:linear-gradient(135deg,#4a5df9,#7d3bff);color:#fff;border-bottom-right-radius:4px}
.gi-msg--a{align-self:flex-start;background:#1a2346;border:1px solid var(--egi-line);color:#e7ebf7;border-bottom-left-radius:4px}
.gi-msg p{color:inherit}
.gi-msg__src{display:inline-block;margin-top:7px;font-size:11.5px;color:var(--egi-mut)}

/* Ton (nokta, çubuk) + çip */
.gi-tone--ok{background:var(--gi-ok)}
.gi-tone--warn{background:var(--gi-warn)}
.gi-tone--acc{background:var(--gi-acc)}
.gi-tone--mut{background:var(--gi-mut)}
.gi-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:650;line-height:1;padding:6px 10px;border-radius:999px;white-space:nowrap;border:1px solid transparent}
.gi-chip--ok{color:#7ff0bd;background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.3)}
.gi-chip--warn{color:#ffd58a;background:rgba(246,185,74,.12);border-color:rgba(246,185,74,.3)}
.gi-chip--acc{color:#c3caff;background:rgba(142,155,255,.13);border-color:rgba(142,155,255,.34)}
.gi-chip--mut{color:#b6bdd3;background:rgba(125,135,166,.13);border-color:rgba(125,135,166,.3)}
.gi-chip--line{color:#dfe4f3;background:transparent;border-color:var(--egi-line)}

/* İkon kutuları */
.gi-ico{width:22px;height:22px}
.gi-feat__ico,.gi-card__ico,.gi-flow__ico,.gi-group__ico{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--gi-fam);background:color-mix(in srgb,var(--gi-fam) 13%,transparent);border:1px solid color-mix(in srgb,var(--gi-fam) 32%,transparent)}

/* Özellik kartları */
.gi-feats{display:grid;gap:18px}
.gi-feats--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gi-feats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gi-feat{background:var(--egi-card);border:1px solid var(--egi-line);border-radius:var(--egi-rad);padding:24px}
.gi-feat h3{font-size:17px;margin:16px 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gi-feat p{font-size:14.5px;color:var(--egi-mut)}

/* Adımlar (yetenek) */
.gi-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:s}
.gi-steps li{position:relative;padding:24px 24px 24px 24px;border-radius:var(--egi-rad);border:1px solid var(--egi-line);background:var(--egi-bg)}
.gi-steps__n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,#4a5df9,#7d3bff)}
.gi-steps h3{font-size:17px;margin:14px 0 6px}
.gi-steps p{font-size:14.5px;color:var(--egi-mut)}

/* Akış (genel bakış) */
.gi-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gi-flow__step{position:relative;padding:24px;border-radius:var(--egi-rad);border:1px solid var(--egi-line);background:var(--egi-card)}
.gi-flow__n{position:absolute;top:20px;right:22px;font-size:13px;font-weight:800;color:var(--egi-mut)}
.gi-flow h3{font-size:18px;margin:16px 0 6px}
.gi-flow p{font-size:14.5px;color:var(--egi-mut)}

/* Gruplar ve kartlar */
.gi-group + .gi-group{margin-top:64px}
.gi-group__head{display:flex;gap:18px;align-items:flex-start;margin-bottom:24px}
.gi-group__head .gi-h2{margin-bottom:6px}
.gi-group__head p{color:var(--egi-mut);max-width:640px}
.gi-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gi-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gi-card{display:flex;flex-direction:column;padding:22px;border-radius:var(--egi-rad);border:1px solid var(--egi-line);background:var(--egi-card);text-decoration:none;color:inherit;transition:border-color .18s,transform .18s}
.gi-card:hover{border-color:color-mix(in srgb,var(--gi-fam) 60%,transparent);transform:translateY(-3px)}
.gi-card:focus-visible{outline:2px solid var(--egi-acc2);outline-offset:2px}
.gi-card h3{font-size:17px;margin:16px 0 6px;color:#fff}
.gi-card p{font-size:14px;color:var(--egi-mut);flex:1}
.gi-card__more{margin-top:16px;font-size:13.5px;font-weight:650;color:var(--gi-fam)}

/* Veri + gereksinim */
.gi-data{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:start}
.gi-chips{display:flex;flex-wrap:wrap;gap:10px}
.gi-chips .gi-chip{font-size:13.5px;padding:9px 14px;white-space:normal;line-height:1.35;max-width:100%}
.gi-data--solo{grid-template-columns:minmax(0,1fr)}
.gi-data--solo .gi-needs{max-width:640px}
.gi-needs{padding:24px;border-radius:var(--egi-rad);background:color-mix(in srgb,var(--gi-fam) 8%,var(--egi-card));border:1px solid color-mix(in srgb,var(--gi-fam) 30%,transparent)}
.gi-needs h3{font-size:15px;margin-bottom:8px}
.gi-needs p{font-size:14.5px;color:#d5dbef}

/* Entegrasyon kataloğu */
.gi .gi-legend{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 22px}
.gi-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gi-catalog__col{padding:22px;border-radius:var(--egi-rad);border:1px solid var(--egi-line);background:var(--egi-card)}
.gi-catalog__col h3{font-size:15px;margin-bottom:12px}
.gi-catalog__col li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;color:#e3e7f4}
.gi-catalog__col li:last-child{border-bottom:0}
.gi .gi-note{margin-top:18px;font-size:13px;color:var(--egi-mut)}
.gi .gi-integ{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:34px;font-size:14px;color:var(--egi-mut)}
.gi-integ a{color:var(--egi-acc2);font-weight:650;text-decoration:none;margin-left:4px}
.gi-integ a:hover{color:#fff}

/* SSS */
.gi-faq{display:flex;flex-direction:column;gap:12px}
.gi-faq__item{border:1px solid var(--egi-line);border-radius:14px;background:var(--egi-card);overflow:hidden}
.gi-faq__item[open]{border-color:rgba(74,93,249,.55)}
.gi-faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;font-weight:650;font-size:16px;color:#fff;list-style:none}
.gi-faq__item summary::-webkit-details-marker{display:none}
.gi-faq__item summary svg{width:18px;height:18px;flex:none;color:var(--egi-mut);transition:transform .2s}
.gi-faq__item[open] summary svg{transform:rotate(180deg)}
.gi-faq__item summary:focus-visible{outline:2px solid var(--egi-acc2);outline-offset:-2px}
.gi-faq__a{padding:0 22px 20px;color:var(--egi-mut);font-size:15px}
.gi .gi-faq__a p + p{margin-top:10px}
.gi-faq__a a{color:var(--egi-acc2)}
.gi-faq__a a:hover{color:#fff}

/* Çağrı bandı */
.gi-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:36px 40px;border-radius:22px;background:linear-gradient(135deg,rgba(74,93,249,.22),rgba(125,59,255,.18));border:1px solid rgba(125,139,255,.32)}
.gi-cta .gi-h2{margin-bottom:8px}
.gi-cta p{color:#d5dbef}
.gi-cta__btns{display:flex;flex-wrap:wrap;gap:12px;flex:none}

@media (max-width:1100px){
	.gi-cards,.gi-feats--4,.gi-catalog,.gi-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
	.gi-hero__grid{grid-template-columns:minmax(0,1fr);gap:40px}
	.gi-steps,.gi-feats--3,.gi-cards--3{grid-template-columns:minmax(0,1fr)}
	.gi-data{grid-template-columns:minmax(0,1fr);gap:26px}
	.gi-cta{flex-direction:column;align-items:flex-start;padding:28px}
	.gi-sec{padding:58px 0}
}
@media (max-width:620px){
	.egi-main .gi .egi-wrap{padding-left:16px;padding-right:16px}
	.gi-hero{padding:34px 0 52px}
	.gi--hub .gi-hero{padding-top:44px}
	.gi-cards,.gi-feats--4,.gi-catalog,.gi-flow{grid-template-columns:minmax(0,1fr)}
	.gi .gi-lead{font-size:16px}
	.gi-group__head{flex-direction:column;gap:14px}
	.gi-bar{grid-template-columns:96px minmax(0,1fr)}
	.gi-row{gap:10px}
	.gi-row .gi-chip{font-size:11px;padding:5px 8px}
	.gi-mock__tag{display:none}
	.gi-cta__btns{width:100%}
	.gi-cta__btns .egi-btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){
	.gi-card,.gi-faq__item summary svg{transition:none}
	.gi-card:hover{transform:none}
}