/* ============================================================
   GTM — Edge & AI çözüm sayfası (geniş kapsam)
   HPE tarzı flat & geniş dil + turkuaz/yeşil uç bilişim vurgusu
   ============================================================ */
.gtm-edg {
  --n:#003A70; --nd:#00264A; --r:#D22630; --g:#009639; --ac:#0E7C9B; --ac2:#3FB8D6; --nv:#76B900;
  --ink:#2B3038; --mu:#5A6472; --line:#DCE1E8; --soft:#F5F7FA; --dark:#081019;
  font-family:inherit; color:var(--ink); line-height:1.6; font-size:16px;
}

/* ---------- TAM GENİŞLİK ----------
   Tema kapsayıcısı sayfalarda 1240px, blog yazılarında 750px ile sınırlıyor.
   Bu kural bölümü kapsayıcıdan taşırır; iç sarmalayıcılar okunabilir genişliği korur. */
.gtm-edg {
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}
/* Tema başlığı ve içerik dolgusu bu sayfalarda gereksiz boşluk yaratıyor */
body.gtm-landing .entry-header,
body.gtm-landing .ast-single-post-order,
body.gtm-landing .post-thumb-img-content { display:none !important; }
body.gtm-landing .ast-article-single,
body.gtm-landing .ast-article-post { padding:0 !important; border:none !important; }
body.gtm-landing .site-content > .ast-container { max-width:100% !important; padding:0 !important; }
body.gtm-landing #primary,
body.gtm-landing .content-area { padding:0 !important; margin:0 !important; }
body.gtm-landing .entry-content { margin-top:0 !important; }

.gtm-edg *, .gtm-edg *::before, .gtm-edg *::after { box-sizing:border-box; }
.gtm-edg img { max-width:100%; display:block; }
.gtm-edg a { text-decoration:none !important; }
.gtm-edg .e-wrap { max-width:1440px; margin:0 auto; padding:0 28px; }

/* ---------- HERO ---------- */
.gtm-edg .e-hero { background:linear-gradient(120deg,#05131A 0%,#0B3040 42%,#00264A 100%); color:#fff; padding:74px 0 0; position:relative; overflow:hidden; }
.gtm-edg .e-hero::before { content:''; position:absolute; right:-160px; top:-120px; width:560px; height:560px; border-radius:50%; border:1px solid rgba(63,184,214,.18); }
.gtm-edg .e-hero-in { max-width:1440px; margin:0 auto; padding:0 28px; position:relative; z-index:1; }
.gtm-edg .e-eyebrow { display:inline-block; font-size:12px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; color:var(--ac2); padding-bottom:14px; margin-bottom:20px; border-bottom:2px solid rgba(63,184,214,.45); }
.gtm-edg .e-hero h1, .gtm-edg .e-hero h2 { color:#fff; font-size:clamp(32px,4.6vw,56px); font-weight:500; margin:0 0 18px; line-height:1.07; letter-spacing:-1.4px; max-width:880px; }
.gtm-edg .e-hero h1, .gtm-edg .e-hero h2 strong { font-weight:700; color:var(--ac2); }
.gtm-edg .e-hero p { color:#B9C9D6; font-size:18px; font-weight:300; line-height:1.65; max-width:780px; margin:0 0 34px; }
.gtm-edg .e-hstats { display:grid; grid-template-columns:repeat(4,auto); justify-content:start; border-top:1px solid rgba(255,255,255,.16); padding-top:24px; margin-bottom:44px; }
@media(max-width:700px){ .gtm-edg .e-hstats { grid-template-columns:repeat(2,1fr); gap:20px 0; } }
.gtm-edg .e-hstat { padding-right:38px; }
.gtm-edg .e-hstat + .e-hstat { border-left:1px solid rgba(255,255,255,.16); padding-left:38px; }
@media(max-width:700px){ .gtm-edg .e-hstat, .gtm-edg .e-hstat + .e-hstat { border-left:none; padding:0 12px 0 0; } }
.gtm-edg .e-hstat b { display:block; font-size:clamp(20px,2.4vw,29px); font-weight:600; letter-spacing:-.6px; line-height:1.15; color:#fff; }
.gtm-edg .e-hstat i { font-style:normal; font-size:11.5px; color:#8FA9BC; letter-spacing:.8px; text-transform:uppercase; }
.gtm-edg .e-hero-img { max-width:1000px; margin:0 auto; padding:0 28px; }

/* ---------- NAV ---------- */
.gtm-edg .e-nav { background:var(--dark); }
.gtm-edg .e-nav-in { max-width:1440px; margin:0 auto; padding:0 28px; display:flex; flex-wrap:wrap; }
.gtm-edg .e-nav a { flex:1; min-width:135px; padding:19px 12px; color:#C4CBD4; font-size:13.5px; font-weight:600; text-align:center; border-right:1px solid rgba(255,255,255,.08); transition:background .18s,color .18s; }
.gtm-edg .e-nav a:last-child { border-right:none; }
.gtm-edg .e-nav a:hover { background:rgba(63,184,214,.16); color:var(--ac2); }

/* ---------- BÖLÜM ---------- */
.gtm-edg .e-block { padding:74px 0; }
.gtm-edg .e-block.alt { background:var(--soft); }
.gtm-edg .e-block.dark { background:var(--dark); color:#fff; }
.gtm-edg .e-block.dark h3.e-h { color:#fff; }
.gtm-edg .e-block.dark .e-lead { color:#AEBCCB; }
.gtm-edg .e-block.dark .e-kicker { color:var(--ac2); }
.gtm-edg .e-sec { max-width:1440px; margin:0 auto 36px; padding:0 28px; }
.gtm-edg .e-kicker { display:block; font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--ac); margin-bottom:12px; }
.gtm-edg h3.e-h { font-size:clamp(26px,3.2vw,38px); font-weight:500; color:var(--n); letter-spacing:-1px; line-height:1.15; margin:0 0 14px; }
.gtm-edg .e-lead { font-size:17px; color:var(--mu); font-weight:300; max-width:860px; margin:0; line-height:1.68; }

/* ---------- 3 SÜTUN ---------- */
.gtm-edg .e-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--line); }
@media(max-width:900px){ .gtm-edg .e-pillars { grid-template-columns:1fr; } }
.gtm-edg .e-pillars > div { padding:30px 28px 30px 0; border-right:1px solid var(--line); }
.gtm-edg .e-pillars > div:last-child { border-right:none; }
@media(max-width:900px){ .gtm-edg .e-pillars > div { border-right:none; border-bottom:1px solid var(--line); padding:24px 0; } }
.gtm-edg .e-pillars b { display:block; color:var(--n); font-size:19px; font-weight:600; margin-bottom:9px; letter-spacing:-.3px; }
.gtm-edg .e-pillars p { font-size:14.5px; color:var(--mu); margin:0; font-weight:300; line-height:1.62; }

/* ---------- İKİ YARIM ---------- */
.gtm-edg .e-halves { display:grid; grid-template-columns:1fr 1fr; gap:32px; max-width:1440px; margin:0 auto; padding:0 28px; }
@media(max-width:820px){ .gtm-edg .e-halves { grid-template-columns:1fr; } }
.gtm-edg .e-half { background:#fff; border:1px solid var(--line); border-top:3px solid var(--ac); padding:32px 30px; }
.gtm-edg .e-half:last-child { border-top-color:var(--nv); }
.gtm-edg .e-half b.t { display:block; color:var(--n); font-size:22px; font-weight:600; margin-bottom:12px; letter-spacing:-.4px; }
.gtm-edg .e-half p { font-size:15px; color:var(--mu); font-weight:300; margin:0 0 18px; line-height:1.68; }
.gtm-edg .e-half ul { list-style:none; margin:0; padding:0; }
.gtm-edg .e-half li { font-size:14.5px; color:var(--ink); padding:9px 0 9px 22px; position:relative; font-weight:300; border-bottom:1px solid var(--line); }
.gtm-edg .e-half li:last-child { border-bottom:none; }
.gtm-edg .e-half li::before { content:''; position:absolute; left:0; top:18px; width:10px; height:2px; background:var(--ac); }
.gtm-edg .e-half:last-child li::before { background:var(--nv); }

/* ---------- SEKTÖR ---------- */
.gtm-edg .e-ind { max-width:1440px; margin:0 auto 56px; padding:0 28px; }
.gtm-edg .e-ind:last-child { margin-bottom:0; }
.gtm-edg .e-ind-head { display:flex; align-items:baseline; gap:16px; flex-wrap:wrap; margin-bottom:12px; padding-bottom:14px; border-bottom:2px solid var(--line); }
.gtm-edg .e-ind-head h4 { font-size:clamp(21px,2.5vw,28px); font-weight:600; color:var(--n); margin:0; letter-spacing:-.6px; }
.gtm-edg .e-ind-head em { font-style:normal; font-size:12.5px; font-weight:700; color:#fff; background:var(--ac); padding:4px 12px; letter-spacing:.4px; }
.gtm-edg .e-ind > p { font-size:15px; color:var(--mu); font-weight:300; line-height:1.68; margin:0 0 20px; max-width:900px; }
.gtm-edg .e-chips { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:26px; }
.gtm-edg .e-chip { background:var(--soft); border:1px solid var(--line); padding:8px 15px; font-size:13.5px; color:var(--n); font-weight:600; }
.gtm-edg .e-sys { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
@media(max-width:1080px){ .gtm-edg .e-sys { grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .gtm-edg .e-sys { grid-template-columns:1fr; } }
.gtm-edg .e-card { background:#fff; border:1px solid var(--line); display:flex; flex-direction:column; transition:border-color .18s, box-shadow .18s, transform .18s; }
.gtm-edg .e-card:hover { border-color:var(--ac); box-shadow:0 14px 32px rgba(16,24,40,.09); transform:translateY(-3px); }
/* Urun fotograflarinin en-boy orani cok degisken (1U sunucular ~6.8:1, direk tipi ~0.3:1).
   Duz bir kutu + yatay agirlikli dolgu, ince serit gorunumunu engeller. */
.gtm-edg .e-card-img { width:100%; aspect-ratio:4/3; background:#fff; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line); overflow:hidden; }
.gtm-edg .e-card-img img { width:100%; height:100%; object-fit:contain; object-position:center; padding:22px 26px; }
.gtm-edg .e-card-body { padding:20px 20px 22px; display:flex; flex-direction:column; flex:1; }
.gtm-edg .e-card .mdl { font-size:13.5px; font-weight:700; color:var(--ac); letter-spacing:.6px; margin-bottom:8px; }
.gtm-edg .e-card p { font-size:13.5px; color:var(--mu); font-weight:300; margin:0 0 14px; line-height:1.6; flex:1; }
.gtm-edg .e-card .go { font-size:13px; font-weight:700; color:var(--r); }
.gtm-edg .e-card.nolink { cursor:default; }
.gtm-edg .e-card.nolink:hover { transform:none; box-shadow:none; border-color:var(--line); }

/* ---------- BOYUTLANDIRMA TABLOSU ---------- */
.gtm-edg .e-tblwrap { overflow-x:auto; max-width:1440px; margin:0 auto; padding:0 28px; }
.gtm-edg table.e-tbl { width:100%; border-collapse:collapse; background:#fff; font-size:14px; min-width:900px; }
.gtm-edg table.e-tbl th { background:var(--nd); color:#fff; padding:16px 16px; text-align:left; font-weight:600; font-size:14px; }
.gtm-edg table.e-tbl th:first-child { background:var(--n); }
.gtm-edg table.e-tbl th span { display:block; font-weight:300; font-size:12px; color:#9FB4C6; margin-top:3px; }
.gtm-edg table.e-tbl td { padding:13px 16px; border-bottom:1px solid var(--line); font-weight:300; vertical-align:top; }
.gtm-edg table.e-tbl td:first-child { font-weight:600; color:var(--n); background:#FAFBFD; width:210px; }
.gtm-edg table.e-tbl tr:last-child td { border-bottom:none; }
.gtm-edg table.e-tbl td b { font-weight:600; color:var(--ink); }
.gtm-edg .e-tblnote { max-width:1440px; margin:16px auto 0; padding:0 28px; font-size:13px; color:var(--mu); font-weight:300; }

/* ---------- JETSON / MİMARİ ---------- */
.gtm-edg .e-split { display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; max-width:1440px; margin:0 auto; padding:0 28px; }
@media(max-width:900px){ .gtm-edg .e-split { grid-template-columns:1fr; gap:30px; } }
.gtm-edg .e-split-img { background:var(--soft); padding:30px; display:flex; align-items:center; justify-content:center; min-height:280px; }
.gtm-edg .e-block.dark .e-split-img { background:rgba(255,255,255,.05); }
.gtm-edg .e-split h4 { font-size:clamp(21px,2.6vw,29px); font-weight:600; color:var(--n); margin:0 0 14px; letter-spacing:-.6px; }
.gtm-edg .e-block.dark .e-split h4 { color:#fff; }
.gtm-edg .e-split p { font-size:15.5px; color:var(--mu); font-weight:300; line-height:1.7; margin:0 0 20px; }
.gtm-edg .e-block.dark .e-split p { color:#AEBCCB; }
.gtm-edg .e-slist { list-style:none; margin:0 0 22px; padding:0; border-top:1px solid var(--line); }
.gtm-edg .e-block.dark .e-slist { border-top-color:rgba(255,255,255,.15); }
.gtm-edg .e-slist li { font-size:14.5px; padding:12px 0 12px 24px; border-bottom:1px solid var(--line); position:relative; font-weight:300; }
.gtm-edg .e-block.dark .e-slist li { border-bottom-color:rgba(255,255,255,.15); color:#D3DCE5; }
.gtm-edg .e-slist li::before { content:''; position:absolute; left:0; top:20px; width:11px; height:2px; background:var(--ac2); }
.gtm-edg .e-slist li b { font-weight:600; color:var(--n); }
.gtm-edg .e-block.dark .e-slist li b { color:#fff; }

/* ---------- GPU ŞERİDİ ---------- */
.gtm-edg .e-gpus { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; max-width:1440px; margin:0 auto; padding:0 28px; }
@media(max-width:820px){ .gtm-edg .e-gpus { grid-template-columns:repeat(2,1fr); } }
.gtm-edg .e-gpu { background:#fff; border:1px solid var(--line); padding:22px; text-align:center; }
.gtm-edg .e-gpu img { height:92px; object-fit:contain; margin:0 auto 14px; }
.gtm-edg .e-gpu b { display:block; color:var(--n); font-size:15.5px; font-weight:600; margin-bottom:5px; }
.gtm-edg .e-gpu span { font-size:13px; color:var(--mu); font-weight:300; }

/* ---------- SSS ---------- */
.gtm-edg .e-faq { max-width:1000px; margin:0 auto; padding:0 28px; }
.gtm-edg .e-faq details { border-bottom:1px solid var(--line); }
.gtm-edg .e-faq details:first-child { border-top:1px solid var(--line); }
.gtm-edg .e-faq summary { padding:24px 48px 24px 0; font-weight:600; color:var(--n); cursor:pointer; font-size:18px; list-style:none; position:relative; letter-spacing:-.3px; }
.gtm-edg .e-faq summary::-webkit-details-marker { display:none; }
.gtm-edg .e-faq summary::after { content:''; position:absolute; right:8px; top:50%; width:13px; height:13px; border-right:2px solid var(--ac); border-bottom:2px solid var(--ac); transform:translateY(-70%) rotate(45deg); transition:transform .2s; }
.gtm-edg .e-faq details[open] summary::after { transform:translateY(-30%) rotate(225deg); }
.gtm-edg .e-faq .a { padding:0 40px 26px 0; font-size:15.5px; color:var(--mu); font-weight:300; line-height:1.75; }
.gtm-edg .e-faq .a a { color:var(--ac); font-weight:600; }

/* ---------- CTA ---------- */
.gtm-edg .e-cta { background:linear-gradient(120deg,#05131A,#0B3040 45%,#00264A); color:#fff; padding:78px 40px; text-align:center; }
.gtm-edg .e-cta b { display:block; font-size:clamp(26px,3.6vw,40px); font-weight:500; margin-bottom:16px; color:#fff; letter-spacing:-1.1px; line-height:1.15; }
.gtm-edg .e-cta p { color:#B9C9D6; font-size:17px; max-width:720px; margin:0 auto 32px; font-weight:300; line-height:1.65; }
.gtm-edg .e-cta .btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.gtm-edg .e-cta a { display:inline-flex; align-items:center; gap:10px; padding:16px 36px; border-radius:9999px; font-weight:600; font-size:16px; transition:all .18s; }
.gtm-edg .e-cta a.b1 { background:var(--ac2); color:#04222C; }
.gtm-edg .e-cta a.b1:hover { background:#fff; color:var(--nd); gap:16px; }
.gtm-edg .e-cta a.b2 { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.45); }
.gtm-edg .e-cta a.b2:hover { border-color:#fff; background:rgba(255,255,255,.1); }