/* ============================================================
   GTM — NVIDIA Blackwell / HGX çözüm sayfası
   HPE tarzı flat & geniş dil + NVIDIA yeşili vurgu
   ============================================================ */
.gtm-bw {
  --n:#003A70; --nd:#00264A; --r:#D22630; --nv:#76B900; --nv2:#8FD14F;
  --ink:#2B3038; --mu:#5A6472; --line:#DCE1E8; --soft:#F5F7FA; --dark:#0B0F14;
  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-bw {
  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-bw *, .gtm-bw *::before, .gtm-bw *::after { box-sizing:border-box; }
.gtm-bw img { max-width:100%; display:block; }
.gtm-bw a { text-decoration:none !important; }
.gtm-bw .bw-wrap { max-width:1440px; margin:0 auto; padding:0 28px; }

/* ---------- HERO ---------- */
.gtm-bw .bw-hero { background:linear-gradient(120deg,#05080C 0%,#0C1A24 45%,#00264A 100%); color:#fff; padding:76px 0 0; position:relative; overflow:hidden; margin-bottom:0; }
.gtm-bw .bw-hero::before { content:''; position:absolute; left:-10%; top:-20%; width:620px; height:620px; border-radius:50%; border:1px solid rgba(118,185,0,.16); }
.gtm-bw .bw-hero-in { max-width:1440px; margin:0 auto; padding:0 28px 0; position:relative; z-index:1; }
.gtm-bw .bw-eyebrow { display:inline-block; font-size:12px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; color:var(--nv2); padding-bottom:14px; margin-bottom:20px; border-bottom:2px solid rgba(118,185,0,.4); }
.gtm-bw .bw-hero h1, .gtm-bw .bw-hero h2 { color:#fff; font-size:clamp(34px,4.8vw,60px); font-weight:500; margin:0 0 20px; line-height:1.05; letter-spacing:-1.5px; max-width:900px; }
.gtm-bw .bw-hero h1, .gtm-bw .bw-hero h2 strong { font-weight:700; color:var(--nv2); }
.gtm-bw .bw-hero p { color:#B9C6D4; font-size:18px; font-weight:300; line-height:1.65; max-width:760px; margin:0 0 36px; }
.gtm-bw .bw-hstats { display:grid; grid-template-columns:repeat(4,auto); justify-content:start; border-top:1px solid rgba(255,255,255,.15); padding-top:26px; margin-bottom:40px; }
@media(max-width:700px){ .gtm-bw .bw-hstats { grid-template-columns:repeat(2,1fr); gap:22px 0; } }
.gtm-bw .bw-hstat { padding-right:40px; }
.gtm-bw .bw-hstat + .bw-hstat { border-left:1px solid rgba(255,255,255,.15); padding-left:40px; }
@media(max-width:700px){ .gtm-bw .bw-hstat, .gtm-bw .bw-hstat + .bw-hstat { border-left:none; padding:0 12px 0 0; } }
.gtm-bw .bw-hstat b { display:block; font-size:clamp(22px,2.6vw,32px); font-weight:600; letter-spacing:-.8px; line-height:1.1; color:#fff; }
.gtm-bw .bw-hstat i { font-style:normal; font-size:11.5px; color:#8FA3B8; letter-spacing:.9px; text-transform:uppercase; }
.gtm-bw .bw-hero-img { margin:0 auto; max-width:1000px; padding:0 28px; }
.gtm-bw .bw-hero-img img { width:100%; }

/* ---------- HIZLI GEÇİŞ ---------- */
.gtm-bw .bw-nav { background:var(--dark); border-top:1px solid rgba(255,255,255,.08); }
.gtm-bw .bw-nav-in { max-width:1440px; margin:0 auto; padding:0 28px; display:flex; gap:0; flex-wrap:wrap; }
.gtm-bw .bw-nav a { flex:1; min-width:150px; padding:20px 16px; 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; letter-spacing:.2px; }
.gtm-bw .bw-nav a:last-child { border-right:none; }
.gtm-bw .bw-nav a:hover { background:rgba(118,185,0,.14); color:var(--nv2); }

/* ---------- BÖLÜM BAŞLIKLARI ---------- */
.gtm-bw .bw-sec { max-width:1440px; margin:0 auto 36px; padding:0 28px; }
.gtm-bw .bw-kicker { display:block; font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--nv); margin-bottom:12px; }
.gtm-bw h3.bw-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-bw .bw-lead { font-size:17px; color:var(--mu); font-weight:300; max-width:820px; margin:0; line-height:1.65; }
.gtm-bw .bw-block { padding:76px 0; }
.gtm-bw .bw-block.alt { background:var(--soft); }

/* ---------- AVANTAJLAR ---------- */
.gtm-bw .bw-adv { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--line); }
@media(max-width:980px){ .gtm-bw .bw-adv { grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .gtm-bw .bw-adv { grid-template-columns:1fr; } }
.gtm-bw .bw-adv > div { padding:30px 26px 30px 0; border-right:1px solid var(--line); }
.gtm-bw .bw-adv > div:last-child { border-right:none; }
@media(max-width:980px){ .gtm-bw .bw-adv > div:nth-child(2n){ border-right:none; } }
@media(max-width:600px){ .gtm-bw .bw-adv > div { border-right:none; border-bottom:1px solid var(--line); padding:24px 0; } }
.gtm-bw .bw-adv b { display:block; color:var(--n); font-size:18px; font-weight:600; margin-bottom:9px; letter-spacing:-.3px; }
.gtm-bw .bw-adv p { font-size:14.5px; color:var(--mu); margin:0; font-weight:300; }

/* ---------- PLATFORM BÖLÜMLERİ ---------- */
.gtm-bw .bw-plat { display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; max-width:1440px; margin:0 auto; padding:0 28px; }
@media(max-width:900px){ .gtm-bw .bw-plat { grid-template-columns:1fr; gap:32px; } }
.gtm-bw .bw-plat.rev > .bw-plat-img { order:-1; }
@media(max-width:900px){ .gtm-bw .bw-plat.rev > .bw-plat-img { order:0; } }
.gtm-bw .bw-plat-img { background:var(--soft); padding:32px; display:flex; align-items:center; justify-content:center; min-height:320px; }
.gtm-bw .bw-plat-img.dark { background:linear-gradient(145deg,#0B0F14,#12202B); }
.gtm-bw .bw-plat-img img { max-height:420px; width:auto; object-fit:contain; }
.gtm-bw .bw-plat h4 { font-size:clamp(22px,2.7vw,31px); font-weight:600; color:var(--n); margin:0 0 14px; letter-spacing:-.7px; line-height:1.2; }
.gtm-bw .bw-plat p { font-size:15.5px; color:var(--mu); font-weight:300; line-height:1.7; margin:0 0 22px; }
.gtm-bw .bw-specs { list-style:none; margin:0 0 26px; padding:0; border-top:1px solid var(--line); }
.gtm-bw .bw-specs li { font-size:14.5px; color:var(--ink); padding:11px 0 11px 24px; border-bottom:1px solid var(--line); position:relative; font-weight:300; }
.gtm-bw .bw-specs li::before { content:''; position:absolute; left:0; top:19px; width:10px; height:2px; background:var(--nv); }
.gtm-bw .bw-specs li b { font-weight:600; color:var(--n); }

/* ürün rozetleri */
.gtm-bw .bw-prods { display:flex; flex-wrap:wrap; gap:10px; }
.gtm-bw .bw-prod { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); background:#fff; padding:10px 16px; font-size:13.5px; font-weight:600; color:var(--n); transition:all .16s; }
.gtm-bw .bw-prod:hover { border-color:var(--nv); background:rgba(118,185,0,.07); transform:translateY(-2px); }
.gtm-bw .bw-prod span { color:var(--mu); font-weight:300; font-size:12.5px; }

/* ---------- KARŞILAŞTIRMA TABLOSU ---------- */
.gtm-bw .bw-tblwrap { overflow-x:auto; max-width:1440px; margin:0 auto; padding:0 28px; }
.gtm-bw table.bw-tbl { width:100%; border-collapse:collapse; background:#fff; font-size:14.5px; min-width:760px; }
.gtm-bw table.bw-tbl th { background:var(--nd); color:#fff; padding:16px 18px; text-align:left; font-weight:600; font-size:14px; letter-spacing:.2px; }
.gtm-bw table.bw-tbl th:first-child { background:var(--n); }
.gtm-bw table.bw-tbl td { padding:14px 18px; border-bottom:1px solid var(--line); font-weight:300; }
.gtm-bw table.bw-tbl td:first-child { font-weight:600; color:var(--n); background:#FAFBFD; width:220px; }
.gtm-bw table.bw-tbl tr:last-child td { border-bottom:none; }
.gtm-bw table.bw-tbl td b { font-weight:600; color:var(--ink); }

/* ---------- AĞ / YAZILIM KARTLARI ---------- */
.gtm-bw .bw-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; max-width:1440px; margin:0 auto; padding:0 28px; }
@media(max-width:900px){ .gtm-bw .bw-cards { grid-template-columns:1fr; } }
.gtm-bw .bw-card { background:#fff; border:1px solid var(--line); padding:30px 28px; border-top:3px solid var(--nv); }
.gtm-bw .bw-card b { display:block; color:var(--n); font-size:19px; font-weight:600; margin-bottom:12px; letter-spacing:-.3px; }
.gtm-bw .bw-card p { font-size:14.5px; color:var(--mu); margin:0 0 14px; font-weight:300; line-height:1.65; }
.gtm-bw .bw-card ul { margin:0; padding-left:18px; font-size:14px; color:var(--mu); font-weight:300; }
.gtm-bw .bw-card li { margin-bottom:7px; }

/* ---------- SUPERCLUSTER ---------- */
.gtm-bw .bw-sc { background:var(--dark); color:#fff; padding:76px 0; }
.gtm-bw .bw-sc h3 { color:#fff; }
.gtm-bw .bw-sc .bw-lead { color:#AEBCCB; }
.gtm-bw .bw-sc .bw-kicker { color:var(--nv2); }
.gtm-bw .bw-scgrid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; max-width:1440px; margin:0 auto; padding:0 28px; }
@media(max-width:900px){ .gtm-bw .bw-scgrid { grid-template-columns:1fr; gap:30px; } }
.gtm-bw .bw-scspecs { list-style:none; margin:0; padding:0; }
.gtm-bw .bw-scspecs li { padding:14px 0 14px 26px; border-bottom:1px solid rgba(255,255,255,.12); font-size:15px; color:#D3DCE5; font-weight:300; position:relative; }
.gtm-bw .bw-scspecs li::before { content:''; position:absolute; left:0; top:22px; width:12px; height:2px; background:var(--nv); }
.gtm-bw .bw-scspecs li b { color:#fff; font-weight:600; }

/* ---------- SSS ---------- */
.gtm-bw .bw-faq { max-width:1000px; margin:0 auto; padding:0 28px; }
.gtm-bw .bw-faq details { border-bottom:1px solid var(--line); }
.gtm-bw .bw-faq details:first-child { border-top:1px solid var(--line); }
.gtm-bw .bw-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-bw .bw-faq summary::-webkit-details-marker { display:none; }
.gtm-bw .bw-faq summary::after { content:''; position:absolute; right:8px; top:50%; width:13px; height:13px; border-right:2px solid var(--nv); border-bottom:2px solid var(--nv); transform:translateY(-70%) rotate(45deg); transition:transform .2s; }
.gtm-bw .bw-faq details[open] summary::after { transform:translateY(-30%) rotate(225deg); }
.gtm-bw .bw-faq .a { padding:0 40px 26px 0; font-size:15.5px; color:var(--mu); font-weight:300; line-height:1.75; }

/* ---------- CTA ---------- */
.gtm-bw .bw-cta { background:linear-gradient(120deg,#05080C,#0C1A24 45%,#00264A); color:#fff; padding:80px 40px; text-align:center; }
.gtm-bw .bw-cta b { display:block; font-size:clamp(26px,3.6vw,42px); font-weight:500; margin-bottom:16px; color:#fff; letter-spacing:-1.1px; line-height:1.15; }
.gtm-bw .bw-cta p { color:#B9C6D4; font-size:17px; max-width:720px; margin:0 auto 32px; font-weight:300; line-height:1.65; }
.gtm-bw .bw-cta .btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.gtm-bw .bw-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-bw .bw-cta a.b1 { background:var(--nv); color:#08210A; }
.gtm-bw .bw-cta a.b1:hover { background:#fff; color:var(--nd); gap:16px; }
.gtm-bw .bw-cta a.b2 { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.45); }
.gtm-bw .bw-cta a.b2:hover { border-color:#fff; background:rgba(255,255,255,.1); }