{"id":1070,"date":"2026-06-20T03:05:07","date_gmt":"2026-06-20T00:05:07","guid":{"rendered":"https:\/\/gtmteknoloji.com\/b2b\/?page_id=1070"},"modified":"2026-08-08T23:05:07","modified_gmt":"2026-08-08T20:05:07","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/gtmteknoloji.com\/b2b\/","title":{"rendered":"Anasayfa"},"content":{"rendered":"\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GTM ANASAYFA \u2014 B\u00d6L\u00dcM 1\/5: HERO SLIDER\n   Ba\u011f\u0131ms\u0131z blok. Elementor HTML widget i\u00e7ine yap\u0131\u015ft\u0131r\u0131labilir.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   E\u015flik eden b\u00f6l\u00fcmler:\n     2. gtm-2-kategoriler.html\n     3. gtm-3-ai-iskuyu.html\n     4. gtm-4-neden-gtm.html\n     5. gtm-5-ortaklar-cta.html\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550 DE\u011e\u0130\u015eKENLER \u2550\u2550\u2550\u2550 *\/\n:root {\n    --gtm-lacivert: #2D2D2D;\n    --gtm-lacivert-koyu: #14180F;\n    --gtm-lacivert-orta: #1E2618;\n    --gtm-kirmizi: #72B626;\n    --gtm-yesil: #5C9A1C;\n    --gtm-yesil-acik: #84CF2C;\n    --gtm-koyu-yesil: #0D2B1A;\n    --gtm-gri: #f7f9fc;\n    --gtm-gri-koyu: #5a6b7a;\n    --gtm-text: #1a1a1a;\n}\n\n\/* \u2550\u2550\u2550\u2550 GENEL \u2550\u2550\u2550\u2550 *\/\n.gtm-home {\n    font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--gtm-text);\n    margin: 0 calc(-1 * (100vw - 100%) \/ 2);\n}\n\n.gtm-section {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 80px 30px;\n}\n\n.gtm-section-title {\n    font-family: 'Barlow Condensed', 'Impact', sans-serif;\n    font-size: 36px;\n    font-weight: 800;\n    color: var(--gtm-lacivert);\n    text-transform: uppercase;\n    letter-spacing: -0.3px;\n    margin: 0 0 12px;\n    line-height: 1.1;\n}\n\n.gtm-section-subtitle {\n    color: var(--gtm-gri-koyu);\n    font-size: 16px;\n    max-width: 600px;\n    margin: 0 0 40px;\n    line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   1. HERO SLIDER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-hero {\n    position: relative;\n    height: 640px;\n    overflow: hidden;\n    background: var(--gtm-lacivert-koyu);\n}\n\n.gtm-hero-track {\n    position: relative;\n    width: 100%;\n    height: 100%;\n}\n\n.gtm-slide {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease, visibility 0s linear 0.8s;\n    padding: 0 60px;\n}\n\n.gtm-slide.active {\n    opacity: 1;\n    visibility: visible;\n    transition: opacity 0.8s ease, visibility 0s linear 0s;\n}\n\n.gtm-slide-bg {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n    z-index: 0;\n}\n\n.gtm-slide.active .gtm-slide-bg {\n    animation: gtm-ken-burns 8s ease-out forwards;\n}\n\n@keyframes gtm-ken-burns {\n    from { transform: scale(1); }\n    to   { transform: scale(1.08); }\n}\n\n.gtm-slide-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n}\n\n.gtm-slide-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 1280px;\n    width: 100%;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.gtm-slide-content {\n    color: #fff;\n}\n\n.gtm-slide.active .gtm-slide-content > * {\n    animation: gtm-slide-up 0.7s ease-out backwards;\n}\n.gtm-slide.active .gtm-slide-content > *:nth-child(1) { animation-delay: 0.2s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(2) { animation-delay: 0.35s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(3) { animation-delay: 0.5s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(4) { animation-delay: 0.65s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(5) { animation-delay: 0.8s; }\n\n@keyframes gtm-slide-up {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n.gtm-slide-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(0,165,80,0.15);\n    border: 1px solid rgba(0,165,80,0.4);\n    color: var(--gtm-yesil-acik);\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    padding: 6px 14px;\n    border-radius: 99px;\n    margin-bottom: 18px;\n}\n\n.gtm-slide-tag::before {\n    content: '';\n    width: 7px; height: 7px;\n    background: var(--gtm-yesil-acik);\n    border-radius: 50%;\n    animation: gtm-pulse 2s infinite;\n}\n\n@keyframes gtm-pulse {\n    0%,100% { opacity: 1; }\n    50% { opacity: 0.4; }\n}\n\n.gtm-slide-title {\n    font-family: 'Barlow Condensed', 'Impact', sans-serif;\n    font-size: 64px;\n    font-weight: 800;\n    line-height: 1.0;\n    text-transform: uppercase;\n    margin: 0 0 16px;\n    letter-spacing: -0.5px;\n    color: #FFFFFF !important;\n}\n\n.gtm-slide-title em {\n    font-style: normal;\n    color: #FFFFFF !important;\n    background: linear-gradient(135deg, var(--gtm-yesil-acik) 0%, #4DFF8A 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    text-shadow: 0 2px 12px rgba(0,192,96,0.35);\n}\n\n.gtm-slide-desc {\n    font-size: 17px;\n    line-height: 1.6;\n    color: rgba(255,255,255,0.78);\n    margin: 0 0 30px;\n    max-width: 540px;\n}\n\n.gtm-slide-stats {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 30px;\n}\n\n.gtm-slide-stat {\n    border-left: 2px solid var(--gtm-yesil-acik);\n    padding-left: 14px;\n}\n\n.gtm-slide-stat-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 32px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 1;\n}\n\n.gtm-slide-stat-lbl {\n    font-size: 11px;\n    color: rgba(255,255,255,0.55);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-top: 4px;\n}\n\n.gtm-slide-cta {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.gtm-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 28px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    text-decoration: none !important;\n    border-radius: 4px;\n    border: none;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.gtm-btn-primary {\n    background: var(--gtm-yesil);\n    color: #fff !important;\n}\n.gtm-btn-primary:hover { background: var(--gtm-yesil-acik); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,165,80,0.4); }\n\n.gtm-btn-outline {\n    background: transparent;\n    color: #fff !important;\n    border: 1.5px solid rgba(255,255,255,0.4);\n}\n.gtm-btn-outline:hover { border-color: var(--gtm-yesil-acik); color: var(--gtm-yesil-acik) !important; }\n\n.gtm-btn-red {\n    background: var(--gtm-kirmizi);\n    color: #fff !important;\n}\n.gtm-btn-red:hover { background: #b91d26; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(210,38,48,0.4); }\n\n\/* Sa\u011f panel \u2014 teknik kart *\/\n.gtm-slide-card {\n    background: rgba(30,38,24,0.55);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 12px;\n    padding: 28px;\n    color: #fff;\n}\n\n.gtm-slide.active .gtm-slide-card {\n    animation: gtm-slide-up 0.7s ease-out 0.5s backwards;\n}\n\n.gtm-slide-card-title {\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1.4px;\n    color: var(--gtm-yesil-acik);\n    font-weight: 700;\n    margin: 0 0 14px;\n}\n\n.gtm-spec-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.gtm-spec-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    padding-bottom: 10px;\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n    font-size: 13px;\n}\n\n.gtm-spec-row:last-child { border-bottom: none; padding-bottom: 0; }\n\n.gtm-spec-label {\n    color: rgba(255,255,255,0.6);\n}\n\n.gtm-spec-value {\n    font-weight: 600;\n    color: #fff;\n    text-align: right;\n}\n\n.gtm-spec-value em {\n    font-style: normal;\n    color: var(--gtm-yesil-acik);\n}\n\n\/* Slider controls *\/\n.gtm-hero-controls {\n    position: absolute;\n    bottom: 30px;\n    left: 0;\n    right: 0;\n    z-index: 10;\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    padding: 0 30px;\n}\n\n.gtm-hero-dot {\n    width: 36px;\n    height: 4px;\n    background: rgba(255,255,255,0.3);\n    border: none;\n    cursor: pointer;\n    border-radius: 2px;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    padding: 0;\n}\n\n.gtm-hero-dot:hover { background: rgba(255,255,255,0.5); }\n\n.gtm-hero-dot.active {\n    background: rgba(255,255,255,0.2);\n    width: 60px;\n}\n\n.gtm-hero-dot.active::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--gtm-yesil-acik);\n    animation: gtm-progress 6s linear forwards;\n    transform-origin: left;\n}\n\n@keyframes gtm-progress {\n    from { transform: scaleX(0); }\n    to   { transform: scaleX(1); }\n}\n\n.gtm-hero-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 10;\n    width: 48px;\n    height: 48px;\n    background: rgba(255,255,255,0.08);\n    backdrop-filter: blur(8px);\n    border: 1px solid rgba(255,255,255,0.15);\n    color: #fff;\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.gtm-hero-nav:hover { background: var(--gtm-yesil); border-color: var(--gtm-yesil); }\n.gtm-hero-prev { left: 24px; }\n.gtm-hero-next { right: 24px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   2. KATEGOR\u0130LER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-categories {\n    background: #fff;\n}\n\n.gtm-cat-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 22px;\n}\n\n.gtm-cat-card {\n    display: block;\n    background: #fff;\n    border: 1px solid #e8edf2;\n    border-radius: 14px;\n    padding: 28px 24px;\n    text-decoration: none !important;\n    color: inherit;\n    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-cat-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--gtm-yesil) 0%, var(--gtm-yesil-acik) 100%);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s ease;\n}\n\n.gtm-cat-card::after {\n    content: '';\n    position: absolute;\n    bottom: -60%;\n    right: -60%;\n    width: 240px;\n    height: 240px;\n    background: radial-gradient(circle, rgba(0,165,80,0.06) 0%, transparent 70%);\n    transition: all 0.4s ease;\n    pointer-events: none;\n}\n\n.gtm-cat-card:hover {\n    border-color: var(--gtm-lacivert);\n    transform: translateY(-6px);\n    box-shadow: 0 18px 40px rgba(114,182,38,0.10);\n}\n\n.gtm-cat-card:hover::before { transform: scaleX(1); }\n.gtm-cat-card:hover::after { bottom: -40%; right: -40%; }\n\n\/* \u2550\u2550\u2550\u2550 Modern iOS-tarz\u0131 multi-layer icon \u2550\u2550\u2550\u2550 *\/\n.gtm-icon-wrap {\n    position: relative;\n    width: 76px;\n    height: 76px;\n    margin-bottom: 24px;\n    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Arkadaki \u015feffaf katmanlar \u2014 derinlik hissi *\/\n.gtm-icon-wrap::before,\n.gtm-icon-wrap::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: 22%;\n    background: var(--gtm-icon-bg, linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 100%));\n    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s ease;\n    pointer-events: none;\n}\n.gtm-icon-wrap::before {\n    transform: translate(7px, 7px) scale(0.92);\n    opacity: 0.18;\n    filter: blur(0.5px);\n}\n.gtm-icon-wrap::after {\n    transform: translate(3px, 3px) scale(0.96);\n    opacity: 0.42;\n}\n\n\/* \u00d6n kart \u2014 ger\u00e7ek icon container *\/\n.gtm-icon {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border-radius: 22%;\n    background: var(--gtm-icon-bg, linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 50%, #2D2D2D 100%));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    box-shadow:\n        inset 0 1px 0 rgba(255,255,255,0.28),\n        inset 0 -2px 12px rgba(0,0,0,0.22),\n        0 10px 28px rgba(114,182,38,0.22),\n        0 0 0 1px rgba(255,255,255,0.04);\n    z-index: 1;\n}\n\n\/* Grid pattern overlay (Apple iOS app icon stili) *\/\n.gtm-icon::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);\n    background-size: 11px 11px;\n    pointer-events: none;\n}\n\n\/* Sol \u00fcstte parlak highlight *\/\n.gtm-icon::after {\n    content: '';\n    position: absolute;\n    top: -25%;\n    left: -25%;\n    width: 80%;\n    height: 80%;\n    background: radial-gradient(circle, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.08) 30%, transparent 65%);\n    pointer-events: none;\n    transition: opacity 0.35s ease;\n}\n\n.gtm-icon svg {\n    position: relative;\n    z-index: 1;\n    width: 38px;\n    height: 38px;\n    color: #fff;\n    stroke-width: 1.6;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25));\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Renk varyasyonlar\u0131 *\/\n.gtm-icon-wrap--primary   { --gtm-icon-bg: linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 50%, #2D2D2D 100%); }\n.gtm-icon-wrap--secondary { --gtm-icon-bg: linear-gradient(135deg, #5C9A1C 0%, #84CF2C 50%, #008f44 100%); }\n.gtm-icon-wrap--accent    { --gtm-icon-bg: linear-gradient(135deg, #1E2618 0%, #2D2D2D 50%, #4A7D16 100%); }\n.gtm-icon-wrap--red       { --gtm-icon-bg: linear-gradient(135deg, #8b1820 0%, #72B626 50%, #a01d26 100%); }\n\n\/* Hover \u2014 katmanlar a\u00e7\u0131l\u0131r, \u00f6n kart hafif\u00e7e y\u00fckselir *\/\n.gtm-cat-card:hover .gtm-icon-wrap,\n.gtm-ai-card:hover .gtm-icon-wrap,\n.gtm-why-value:hover .gtm-icon-wrap {\n    transform: translateY(-3px) rotate(-3deg);\n}\n.gtm-cat-card:hover .gtm-icon-wrap::before,\n.gtm-ai-card:hover .gtm-icon-wrap::before,\n.gtm-why-value:hover .gtm-icon-wrap::before {\n    transform: translate(12px, 12px) scale(0.88);\n    opacity: 0.28;\n}\n.gtm-cat-card:hover .gtm-icon-wrap::after,\n.gtm-ai-card:hover .gtm-icon-wrap::after,\n.gtm-why-value:hover .gtm-icon-wrap::after {\n    transform: translate(6px, 6px) scale(0.94);\n    opacity: 0.55;\n}\n.gtm-cat-card:hover .gtm-icon svg,\n.gtm-ai-card:hover .gtm-icon svg,\n.gtm-why-value:hover .gtm-icon svg {\n    transform: scale(1.08);\n}\n\n\/* Eski .gtm-cat-icon class'\u0131 i\u00e7in backward-compat (HTML de\u011fi\u015firken) *\/\n.gtm-cat-icon { display: none; }\n\n\/* AI card i\u00e7inde icon daha k\u00fc\u00e7\u00fck (kart boyutuna uygun) *\/\n.gtm-ai-card .gtm-icon-wrap { width: 56px; height: 56px; margin-bottom: 14px; }\n.gtm-ai-card .gtm-icon svg { width: 28px; height: 28px; }\n.gtm-ai-card .gtm-icon::before { background-size: 9px 9px; }\n\n\/* Why icon orta boy *\/\n.gtm-why-value .gtm-icon-wrap { width: 68px; height: 68px; margin-bottom: 20px; }\n.gtm-why-value .gtm-icon svg { width: 34px; height: 34px; }\n\n.gtm-cat-name {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--gtm-lacivert);\n    margin: 0 0 8px;\n    text-transform: uppercase;\n    letter-spacing: -0.2px;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-desc {\n    font-size: 13px;\n    color: var(--gtm-gri-koyu);\n    line-height: 1.55;\n    margin: 0 0 18px;\n    min-height: 40px;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-link {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--gtm-kirmizi);\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    transition: gap 0.25s ease;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-card:hover .gtm-cat-link { gap: 10px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   3. AI \u0130\u015e Y\u00dcK\u00dc S\u0130H\u0130RBAZI\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-ai-finder {\n    background: linear-gradient(135deg, var(--gtm-lacivert-koyu) 0%, var(--gtm-lacivert-orta) 100%);\n    color: #fff;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-ai-finder::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(ellipse 50% 60% at 80% 30%, rgba(0,165,80,0.15) 0%, transparent 70%),\n        radial-gradient(ellipse 60% 80% at 20% 70%, rgba(210,38,48,0.08) 0%, transparent 60%);\n}\n\n.gtm-ai-finder .gtm-section { position: relative; z-index: 1; }\n\n.gtm-ai-finder .gtm-section-title { color: #fff; }\n.gtm-ai-finder .gtm-section-subtitle { color: rgba(255,255,255,0.7); }\n\n.gtm-ai-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n}\n\n.gtm-ai-card {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 10px;\n    padding: 24px 20px;\n    text-decoration: none !important;\n    color: #fff;\n    transition: all 0.25s ease;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.gtm-ai-card:hover {\n    background: rgba(0,165,80,0.1);\n    border-color: var(--gtm-yesil-acik);\n    transform: translateY(-3px);\n}\n\n.gtm-ai-card-icon { display: none; }\n\n.gtm-ai-card-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 18px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #fff;\n    margin: 0;\n}\n\n.gtm-ai-card-spec {\n    font-size: 12px;\n    color: var(--gtm-yesil-acik);\n    font-weight: 600;\n    margin: auto 0 0;\n}\n\n.gtm-ai-card-arrow {\n    color: rgba(255,255,255,0.5);\n    font-size: 18px;\n    transition: transform 0.2s;\n}\n\n.gtm-ai-card:hover .gtm-ai-card-arrow { transform: translateX(4px); color: var(--gtm-yesil-acik); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   4. NEDEN GTM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-why {\n    background: var(--gtm-gri);\n    border-top: 1px solid #e5e8ec;\n    border-bottom: 1px solid #e5e8ec;\n}\n\n.gtm-why-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    margin-bottom: 60px;\n}\n\n.gtm-why-stat {\n    text-align: center;\n}\n\n.gtm-why-stat-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 56px;\n    font-weight: 800;\n    color: var(--gtm-lacivert);\n    line-height: 1;\n    margin-bottom: 8px;\n}\n\n.gtm-why-stat-num em {\n    font-style: normal;\n    color: var(--gtm-yesil);\n}\n\n.gtm-why-stat-lbl {\n    color: var(--gtm-gri-koyu);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-weight: 600;\n}\n\n.gtm-why-values {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.gtm-why-value {\n    background: #fff;\n    border-radius: 10px;\n    padding: 30px;\n    border: 1px solid #e5e8ec;\n}\n\n.gtm-why-value-icon { display: none; }\n\n.gtm-why-value-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--gtm-lacivert);\n    text-transform: uppercase;\n    margin: 0 0 10px;\n}\n\n.gtm-why-value-desc {\n    color: var(--gtm-gri-koyu);\n    line-height: 1.6;\n    font-size: 14.5px;\n    margin: 0;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   5. MARKA CAROUSEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-brands {\n    background: #fff;\n    padding: 50px 30px;\n    border-bottom: 1px solid #e5e8ec;\n}\n\n.gtm-brand-label {\n    text-align: center;\n    color: var(--gtm-gri-koyu);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 600;\n    margin-bottom: 28px;\n}\n\n.gtm-brand-track-wrap {\n    overflow: hidden;\n    mask-image: linear-gradient(90deg, transparent, #fff 10%, #fff 90%, transparent);\n}\n\n.gtm-brand-track {\n    display: flex;\n    gap: 50px;\n    animation: gtm-brand-scroll 30s linear infinite;\n    width: max-content;\n    align-items: center;\n}\n\n.gtm-brand-track:hover { animation-play-state: paused; }\n\n@keyframes gtm-brand-scroll {\n    from { transform: translateX(0); }\n    to   { transform: translateX(-50%); }\n}\n\n.gtm-brand-item {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--gtm-gri-koyu);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n    transition: color 0.2s;\n    flex-shrink: 0;\n}\n\n.gtm-brand-item:hover { color: var(--gtm-lacivert); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   6. CTA B\u00d6L\u00dcM\u00dc\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-cta-section {\n    background:\n        linear-gradient(135deg, var(--gtm-lacivert-koyu) 0%, var(--gtm-koyu-yesil) 100%);\n    color: #fff;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-cta-section::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(ellipse 40% 60% at 30% 50%, rgba(0,165,80,0.18) 0%, transparent 60%),\n        radial-gradient(ellipse 40% 60% at 70% 50%, rgba(30,38,24,0.4) 0%, transparent 60%);\n}\n\n.gtm-cta-section .gtm-section { position: relative; z-index: 1; padding: 70px 30px; }\n\n.gtm-cta-tag {\n    display: inline-block;\n    color: var(--gtm-yesil-acik);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    margin-bottom: 16px;\n}\n\n.gtm-cta-title { color: #fff;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 44px;\n    font-weight: 800;\n    text-transform: uppercase;\n    margin: 0 0 14px;\n    line-height: 1.1;\n    letter-spacing: -0.3px;\n}\n\n.gtm-cta-desc {\n    font-size: 17px;\n    color: rgba(255,255,255,0.78);\n    max-width: 640px;\n    margin: 0 auto 30px;\n    line-height: 1.6;\n}\n\n.gtm-cta-btns {\n    display: flex;\n    gap: 14px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1100px) {\n    .gtm-slide-inner { grid-template-columns: 1fr; gap: 30px; }\n    .gtm-slide-card { display: none; }\n    .gtm-cat-grid { grid-template-columns: repeat(2, 1fr); }\n    .gtm-ai-grid { grid-template-columns: repeat(2, 1fr); }\n    .gtm-why-stats { grid-template-columns: repeat(2, 1fr); }\n    .gtm-why-values { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 768px) {\n    .gtm-section { padding: 50px 20px; }\n    .gtm-section-title { font-size: 26px; }\n    .gtm-hero { height: 580px; }\n    .gtm-slide { padding: 0 20px; }\n    .gtm-slide-title { font-size: 38px; }\n    .gtm-slide-desc { font-size: 15px; }\n    .gtm-slide-stats { gap: 16px; }\n    .gtm-slide-stat-num { font-size: 24px; }\n    .gtm-hero-nav { display: none; }\n    .gtm-cat-grid, .gtm-ai-grid, .gtm-why-stats { grid-template-columns: 1fr 1fr; gap: 12px; }\n    .gtm-why-stat-num { font-size: 38px; }\n    .gtm-cta-title { color: #fff; font-size: 30px; }\n    .gtm-brand-item { font-size: 18px; }\n    .gtm-brand-track { gap: 30px; }\n}\n\n@media (max-width: 480px) {\n    .gtm-slide-cta { flex-direction: column; align-items: stretch; }\n    .gtm-btn { justify-content: center; }\n    .gtm-cat-grid, .gtm-ai-grid { grid-template-columns: 1fr; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MINIMAL OVERRIDE \u2014 Kategori & Neden GTM (sade, kurumsal)\n   AI i\u015f y\u00fck\u00fc b\u00f6l\u00fcm\u00fc dokunulmaz (multi-layer korunur)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-cat-card .gtm-icon-wrap,\n.gtm-why-value .gtm-icon-wrap {\n    width: 52px;\n    height: 52px;\n    background: linear-gradient(135deg, rgba(114,182,38,0.07) 0%, rgba(0,165,80,0.08) 100%);\n    border-radius: 14px;\n    margin-bottom: 18px;\n    transition: background 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n    box-shadow: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n\n.gtm-cat-card .gtm-icon-wrap::before,\n.gtm-cat-card .gtm-icon-wrap::after,\n.gtm-why-value .gtm-icon-wrap::before,\n.gtm-why-value .gtm-icon-wrap::after {\n    display: none !important;\n}\n\n.gtm-cat-card .gtm-icon,\n.gtm-why-value .gtm-icon {\n    background: transparent !important;\n    box-shadow: none !important;\n    border-radius: 0;\n    width: auto;\n    height: auto;\n}\n\n.gtm-cat-card .gtm-icon::before,\n.gtm-cat-card .gtm-icon::after,\n.gtm-why-value .gtm-icon::before,\n.gtm-why-value .gtm-icon::after {\n    display: none !important;\n}\n\n.gtm-cat-card .gtm-icon svg,\n.gtm-why-value .gtm-icon svg {\n    width: 26px;\n    height: 26px;\n    color: #2D2D2D;\n    filter: none;\n    stroke-width: 1.7;\n    transition: color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n.gtm-cat-card:hover .gtm-icon-wrap,\n.gtm-why-value:hover .gtm-icon-wrap {\n    background: linear-gradient(135deg, rgba(114,182,38,0.13) 0%, rgba(0,165,80,0.18) 100%);\n    transform: translateY(-3px) rotate(0deg) !important;\n}\n\n.gtm-cat-card:hover .gtm-icon svg,\n.gtm-why-value:hover .gtm-icon svg {\n    color: #5C9A1C;\n    transform: scale(1.1);\n}\n\n\/* Why b\u00f6l\u00fcm\u00fc padding d\u00fc\u015f\u00fcr (art\u0131k ikon k\u00fc\u00e7\u00fck) *\/\n.gtm-why-value {\n    padding: 28px 26px;\n}\n\n\/* (gradient text override kald\u0131r\u0131ld\u0131 \u2014 d\u00fcz renkler korunsun) *\/\n<\/style>\n\n<div class=\"gtm-home\">\n\n  <!-- \u2550\u2550\u2550\u2550 1. HERO SLIDER \u2550\u2550\u2550\u2550 -->\n  <section class=\"gtm-hero\" id=\"gtm-hero\">\n    <div class=\"gtm-hero-track\">\n\n      <!-- Slide 1 \u2014 Supermicro Tedarik\u00e7i -->\n      <div class=\"gtm-slide active\" data-slide=\"0\">\n        <div class=\"gtm-slide-bg\" style=\"background-image: linear-gradient(135deg, rgba(7,18,31,0.78), rgba(30,38,24,0.70)), url('https:\/\/gtmteknoloji.com\/b2b\/wp-content\/uploads\/2026\/06\/supermicro-logo-1.webp'); background-size: cover; background-position: center;\"><\/div>\n        <div class=\"gtm-slide-overlay\"><\/div>\n        <div class=\"gtm-slide-inner\">\n          <div class=\"gtm-slide-content\">\n            <span class=\"gtm-slide-tag\">T\u00fcrkiye&#8217;nin Resmi Supermicro Distrib\u00fct\u00f6r\u00fc<\/span>\n            <h1 class=\"gtm-slide-title\">Kurumsal Altyap\u0131da<br><em>Do\u011fru Kaynak<\/em><\/h1>\n            <p class=\"gtm-slide-desc\">2009&#8217;dan beri, T\u00fcrkiye&#8217;nin en kapsaml\u0131 Supermicro sunucu katalo\u011fu. AI Factory&#8217;den veri merkezine, GPU sistemlerinden depolama altyap\u0131s\u0131na \u2014 sertifikal\u0131 \u00e7\u00f6z\u00fcmler, yerel stok, h\u0131zl\u0131 teslimat.<\/p>\n            <div class=\"gtm-slide-stats\">\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">15+<\/div>\n                <div class=\"gtm-slide-stat-lbl\">Y\u0131l Deneyim<\/div>\n              <\/div>\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">500+<\/div>\n                <div class=\"gtm-slide-stat-lbl\">Kurumsal M\u00fc\u015fteri<\/div>\n              <\/div>\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">TR #1<\/div>\n                <div class=\"gtm-slide-stat-lbl\">Supermicro Partner<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"gtm-slide-cta\">\n              <a href=\"\/b2b\/magaza\/\" class=\"gtm-btn gtm-btn-primary\">\u00dcr\u00fcn Katalo\u011fu<\/a>\n              <a href=\"\/b2b\/iletisim\/\" class=\"gtm-btn gtm-btn-outline\">Sat\u0131\u015f Ekibi<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"gtm-slide-card\">\n            <h4 class=\"gtm-slide-card-title\">Yetkili Distrib\u00fct\u00f6rl\u00fck<\/h4>\n            <ul class=\"gtm-spec-list\">\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Supermicro<\/span><span class=\"gtm-spec-value\"><em>T\u00fcrkiye Distrib\u00fct\u00f6r\u00fc<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">NVIDIA<\/span><span class=\"gtm-spec-value\"><em>NPN Partner<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Proxmox<\/span><span class=\"gtm-spec-value\"><em>Silver Partner<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Yerel Stok<\/span><span class=\"gtm-spec-value\"><em>Aktif<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Teknik Destek<\/span><span class=\"gtm-spec-value\"><em>7\/24<\/em><\/span><\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Slide 2 \u2014 NVIDIA AI Factory -->\n      <div class=\"gtm-slide\" data-slide=\"1\">\n        <div class=\"gtm-slide-bg\" style=\"background-image: linear-gradient(135deg, rgba(7,18,31,0.78), rgba(30,38,24,0.72)), url('https:\/\/gtmteknoloji.com\/b2b\/wp-content\/uploads\/2026\/06\/NVIDIA-NPN-Elite-Partner-GTM-Teknoloji-v2-1.webp'); background-size: cover; background-position: center; background-color: #1E2618;\"><\/div>\n        <div class=\"gtm-slide-overlay\"><\/div>\n        <div class=\"gtm-slide-inner\">\n          <div class=\"gtm-slide-content\">\n            <span class=\"gtm-slide-tag\">NVIDIA NPN Partner<\/span>\n            <h1 class=\"gtm-slide-title\">Yapay Zeka i\u00e7in<br><em>NVIDIA HGX<\/em> Sistemleri<\/h1>\n            <p class=\"gtm-slide-desc\">HGX B300, B200, H200 \u2014 foundation model e\u011fitiminden 70B+ LLM inference&#8217;a, NVLink ile birlikte \u00e7al\u0131\u015fan 8-GPU SXM yap\u0131larda T\u00fcrkiye&#8217;nin \u00f6nde gelen AI altyap\u0131 sa\u011flay\u0131c\u0131s\u0131y\u0131z.<\/p>\n            <div class=\"gtm-slide-stats\">\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">B300<\/div>\n                <div class=\"gtm-slide-stat-lbl\">288GB HBM3e<\/div>\n              <\/div>\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">H200<\/div>\n                <div class=\"gtm-slide-stat-lbl\">141GB NVL<\/div>\n              <\/div>\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">8\u00d7<\/div>\n                <div class=\"gtm-slide-stat-lbl\">SXM NVLink<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"gtm-slide-cta\">\n              <a href=\"\/b2b\/urun-kategori\/gpu-server\/\" class=\"gtm-btn gtm-btn-primary\">GPU Sunucu Katalo\u011fu<\/a>\n              <a href=\"\/b2b\/cozum\/llm-egitimi-70b\/\" class=\"gtm-btn gtm-btn-outline\">AI \u0130\u015f Y\u00fck\u00fc Sihirbaz\u0131<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"gtm-slide-card\">\n            <h4 class=\"gtm-slide-card-title\">\u00d6ne \u00c7\u0131kan Modeller<\/h4>\n            <ul class=\"gtm-spec-list\">\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Supermicro SYS-A22GA-NBRT<\/span><span class=\"gtm-spec-value\">8\u00d7 <em>HGX B300<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Supermicro AS-A126GS-TNBR<\/span><span class=\"gtm-spec-value\">8\u00d7 <em>HGX B200<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Supermicro SYS-821GE-TNHR<\/span><span class=\"gtm-spec-value\">8\u00d7 <em>H200 SXM<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">PCIe \u00c7\u00f6z\u00fcmler<\/span><span class=\"gtm-spec-value\">H100 NVL \u00b7 <em>L40S<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Workstation<\/span><span class=\"gtm-spec-value\"><em>RTX PRO 6000<\/em><\/span><\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Slide 3 \u2014 Magnetar Storage -->\n      <div class=\"gtm-slide\" data-slide=\"2\">\n        <div class=\"gtm-slide-bg\" style=\"background-image: linear-gradient(135deg, rgba(13,43,26,0.78), rgba(7,18,31,0.72)), url('https:\/\/gtmteknoloji.com\/b2b\/wp-content\/uploads\/2026\/06\/Magnetar-logo-v26-2.webp'); background-size: cover; background-position: center; background-color: #0D2B1A;\"><\/div>\n        <div class=\"gtm-slide-overlay\"><\/div>\n        <div class=\"gtm-slide-inner\">\n          <div class=\"gtm-slide-content\">\n            <span class=\"gtm-slide-tag\">Magnetar Storage \u00c7\u00f6z\u00fcmleri<\/span>\n            <h1 class=\"gtm-slide-title\">Petabyte \u00d6l\u00e7ekli<br><em>Veri Merkezi<\/em> Depolama<\/h1>\n            <p class=\"gtm-slide-desc\">Magnetar ScouT-zFS, Ceph object storage, all-flash NVMe SAN \u2014 SAP HANA TDI&#8217;dan Proxmox HCI&#8217;a, y\u00fcksek performans gerektiren her senaryoda referans tasar\u0131m sunuyoruz.<\/p>\n            <div class=\"gtm-slide-stats\">\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">PB+<\/div>\n                <div class=\"gtm-slide-stat-lbl\">\u00d6l\u00e7eklenebilir<\/div>\n              <\/div>\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">ZFS<\/div>\n                <div class=\"gtm-slide-stat-lbl\">Native Snapshot<\/div>\n              <\/div>\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">NVMe<\/div>\n                <div class=\"gtm-slide-stat-lbl\">All-Flash<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"gtm-slide-cta\">\n              <a href=\"\/b2b\/urun-kategori\/storage\/\" class=\"gtm-btn gtm-btn-primary\">Storage Katalo\u011fu<\/a>\n              <a href=\"\/b2b\/iletisim\/\" class=\"gtm-btn gtm-btn-outline\">Referans Tasar\u0131m Sor<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"gtm-slide-card\">\n            <h4 class=\"gtm-slide-card-title\">\u00c7\u00f6z\u00fcm Senaryolar\u0131<\/h4>\n            <ul class=\"gtm-spec-list\">\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Magnetar ScouT-zFS<\/span><span class=\"gtm-spec-value\"><em>Yerli Tasar\u0131m<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Ceph Cluster<\/span><span class=\"gtm-spec-value\"><em>S3 + Block<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">QSAN SAN<\/span><span class=\"gtm-spec-value\"><em>iSCSI\/FC<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">SAP HANA TDI<\/span><span class=\"gtm-spec-value\"><em>Sertifikal\u0131<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Top-Loading JBOD<\/span><span class=\"gtm-spec-value\">24+ <em>Bay<\/em><\/span><\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Slide 4 \u2014 Proxmox Sanalla\u015ft\u0131rma -->\n      <div class=\"gtm-slide\" data-slide=\"3\">\n        <div class=\"gtm-slide-bg\" style=\"background-image: linear-gradient(135deg, rgba(42,10,7,0.75), rgba(30,38,24,0.72)), url('https:\/\/gtmteknoloji.com\/b2b\/wp-content\/uploads\/2026\/06\/proxmox-server-solutions-gmbh-logo-vector.png'); background-size: cover; background-position: center; background-color: #2a0a07;\"><\/div>\n        <div class=\"gtm-slide-overlay\"><\/div>\n        <div class=\"gtm-slide-inner\">\n          <div class=\"gtm-slide-content\">\n            <span class=\"gtm-slide-tag\">Proxmox Silver Partner<\/span>\n            <h1 class=\"gtm-slide-title\">Sanalla\u015ft\u0131rmada<br><em>Resmi Proxmox<\/em> Partner<\/h1>\n            <p class=\"gtm-slide-desc\">VMware lisans y\u00fck\u00fcnden kurtulun \u2014 Proxmox VE ile hyperconverged altyap\u0131, Ceph entegrasyonu ve enterprise destek. T\u00fcrkiye&#8217;nin tek resmi Proxmox partneri.<\/p>\n            <div class=\"gtm-slide-stats\">\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">VE 8<\/div>\n                <div class=\"gtm-slide-stat-lbl\">Latest Stable<\/div>\n              <\/div>\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">HCI<\/div>\n                <div class=\"gtm-slide-stat-lbl\">Ceph Native<\/div>\n              <\/div>\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">TR<\/div>\n                <div class=\"gtm-slide-stat-lbl\">Yerel Destek<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"gtm-slide-cta\">\n              <a href=\"\/b2b\/proxmox-sanallastirma-cozumleri\/\" class=\"gtm-btn gtm-btn-primary\">Proxmox Sunucular\u0131<\/a>\n              <a href=\"\/b2b\/iletisim\/\" class=\"gtm-btn gtm-btn-outline\">Lisans &#038; Destek<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"gtm-slide-card\">\n            <h4 class=\"gtm-slide-card-title\">Proxmox \u00c7\u00f6z\u00fcmlerimiz<\/h4>\n            <ul class=\"gtm-spec-list\">\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Tek Node<\/span><span class=\"gtm-spec-value\"><em>Entry HCI<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">3+ Node Cluster<\/span><span class=\"gtm-spec-value\"><em>HA + Ceph<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Lisans Subscription<\/span><span class=\"gtm-spec-value\"><em>Community \/ Standard \/ Premium<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Migration Servis<\/span><span class=\"gtm-spec-value\">VMware \u2192 <em>Proxmox<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Yerel E\u011fitim<\/span><span class=\"gtm-spec-value\"><em>T\u00fcrk\u00e7e<\/em><\/span><\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Slide 5 \u2014 15 Y\u0131ll\u0131k Deneyim -->\n      <div class=\"gtm-slide\" data-slide=\"4\">\n        <div class=\"gtm-slide-bg\" style=\"background-image: linear-gradient(135deg, rgba(7,18,31,0.78), rgba(30,38,24,0.70)), url('https:\/\/gtmteknoloji.com\/b2b\/wp-content\/uploads\/2026\/06\/GTM-Cloud-logo3.webp'); background-size: cover; background-position: center; background-color: #14180F;\"><\/div>\n        <div class=\"gtm-slide-overlay\"><\/div>\n        <div class=\"gtm-slide-inner\">\n          <div class=\"gtm-slide-content\">\n            <span class=\"gtm-slide-tag\">2009 \u2014 2026<\/span>\n            <h1 class=\"gtm-slide-title\">15+ Y\u0131ll\u0131k<br>M\u00fchendislik <em>Birikimi<\/em><\/h1>\n            <p class=\"gtm-slide-desc\">S\u00fcre\u00e7lerin de\u011fil, sonu\u00e7lar\u0131n sat\u0131c\u0131s\u0131y\u0131z. Bankadan \u00fcniversiteye, kamu kurumundan AI start-up&#8217;\u0131na \u2014 T\u00fcrkiye&#8217;nin kritik veri merkezi projelerinde imza atan ekiple \u00e7al\u0131\u015f\u0131yorsunuz.<\/p>\n            <div class=\"gtm-slide-stats\">\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">2009<\/div>\n                <div class=\"gtm-slide-stat-lbl\">Kurulu\u015f<\/div>\n              <\/div>\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">15K+<\/div>\n                <div class=\"gtm-slide-stat-lbl\">Sevk Edilen Sistem<\/div>\n              <\/div>\n              <div class=\"gtm-slide-stat\">\n                <div class=\"gtm-slide-stat-num\">7\/24<\/div>\n                <div class=\"gtm-slide-stat-lbl\">Teknik Destek<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"gtm-slide-cta\">\n              <a href=\"\/b2b\/hakkimizda\/\" class=\"gtm-btn gtm-btn-primary\">Hakk\u0131m\u0131zda<\/a>\n              <a href=\"\/b2b\/iletisim\/\" class=\"gtm-btn gtm-btn-outline\">\u0130leti\u015fim<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"gtm-slide-card\">\n            <h4 class=\"gtm-slide-card-title\">Yan Markalar\u0131m\u0131z<\/h4>\n            <ul class=\"gtm-spec-list\">\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">Magnetar<\/span><span class=\"gtm-spec-value\"><em>Yerli Sunucu &#038; Storage<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">GTM Cloud<\/span><span class=\"gtm-spec-value\"><em>GPU as a Service<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">LLMnow.ai<\/span><span class=\"gtm-spec-value\"><em>AI Platform<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">sunucu.ai<\/span><span class=\"gtm-spec-value\"><em>HPE \/ Lenovo Katalog<\/em><\/span><\/li>\n              <li class=\"gtm-spec-row\"><span class=\"gtm-spec-label\">BayDC<\/span><span class=\"gtm-spec-value\"><em>Veri Merkezi Hizmetleri<\/em><\/span><\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Navigation -->\n    <button type=\"button\" class=\"gtm-hero-nav gtm-hero-prev\" aria-label=\"\u00d6nceki\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n    <\/button>\n    <button type=\"button\" class=\"gtm-hero-nav gtm-hero-next\" aria-label=\"Sonraki\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n    <\/button>\n\n    <!-- Dots \/ Progress -->\n    <div class=\"gtm-hero-controls\">\n      <button type=\"button\" class=\"gtm-hero-dot active\" data-go=\"0\" aria-label=\"Slide 1\"><\/button>\n      <button type=\"button\" class=\"gtm-hero-dot\" data-go=\"1\" aria-label=\"Slide 2\"><\/button>\n      <button type=\"button\" class=\"gtm-hero-dot\" data-go=\"2\" aria-label=\"Slide 3\"><\/button>\n      <button type=\"button\" class=\"gtm-hero-dot\" data-go=\"3\" aria-label=\"Slide 4\"><\/button>\n      <button type=\"button\" class=\"gtm-hero-dot\" data-go=\"4\" aria-label=\"Slide 5\"><\/button>\n    <\/div>\n  <\/section>\n\n\n\n<\/div>\n\n<script>\n(function() {\n    var hero = document.getElementById('gtm-hero');\n    if (!hero) return;\n\n    var slides = hero.querySelectorAll('.gtm-slide');\n    var dots   = hero.querySelectorAll('.gtm-hero-dot');\n    var prev   = hero.querySelector('.gtm-hero-prev');\n    var next   = hero.querySelector('.gtm-hero-next');\n    var total  = slides.length;\n    var current = 0;\n    var timer  = null;\n    var DUR = 6000; \/\/ 6 sn\n\n    function go(idx) {\n        idx = (idx + total) % total;\n        slides[current].classList.remove('active');\n        dots[current].classList.remove('active');\n        current = idx;\n        slides[current].classList.add('active');\n        dots[current].classList.add('active');\n        \/\/ Progress'i resetlemek i\u00e7in dot'u rebuild\n        var activeDot = dots[current];\n        activeDot.style.animation = 'none';\n        \/\/ force reflow\n        void activeDot.offsetWidth;\n        activeDot.style.animation = '';\n    }\n\n    function nextSlide() { go(current + 1); }\n    function prevSlide() { go(current - 1); }\n\n    function startAuto() {\n        stopAuto();\n        timer = setInterval(nextSlide, DUR);\n    }\n    function stopAuto() {\n        if (timer) clearInterval(timer);\n        timer = null;\n    }\n\n    \/\/ Click handlers\n    dots.forEach(function(d) {\n        d.addEventListener('click', function() {\n            var idx = parseInt(d.dataset.go, 10);\n            go(idx);\n            startAuto();\n        });\n    });\n    next.addEventListener('click', function() { nextSlide(); startAuto(); });\n    prev.addEventListener('click', function() { prevSlide(); startAuto(); });\n\n    \/\/ Pause on hover\n    hero.addEventListener('mouseenter', stopAuto);\n    hero.addEventListener('mouseleave', startAuto);\n\n    \/\/ Touch swipe\n    var touchX = 0;\n    hero.addEventListener('touchstart', function(e) {\n        touchX = e.touches[0].clientX;\n    }, { passive: true });\n    hero.addEventListener('touchend', function(e) {\n        var dx = e.changedTouches[0].clientX - touchX;\n        if (Math.abs(dx) > 50) {\n            if (dx < 0) nextSlide();\n            else prevSlide();\n            startAuto();\n        }\n    }, { passive: true });\n\n    \/\/ Visibility - sekme arka planda iken durdur\n    document.addEventListener('visibilitychange', function() {\n        if (document.hidden) stopAuto();\n        else startAuto();\n    });\n\n    \/\/ Ba\u015flat\n    startAuto();\n})();\n<\/script>\n\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GTM ANASAYFA \u2014 B\u00d6L\u00dcM 2\/5: \u00dcR\u00dcN KATEGOR\u0130LER\u0130\n   Ba\u011f\u0131ms\u0131z blok. Elementor HTML widget i\u00e7ine yap\u0131\u015ft\u0131r\u0131labilir.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550 DE\u011e\u0130\u015eKENLER \u2550\u2550\u2550\u2550 *\/\n:root {\n    --gtm-lacivert: #2D2D2D;\n    --gtm-lacivert-koyu: #14180F;\n    --gtm-lacivert-orta: #1E2618;\n    --gtm-kirmizi: #72B626;\n    --gtm-yesil: #5C9A1C;\n    --gtm-yesil-acik: #84CF2C;\n    --gtm-koyu-yesil: #0D2B1A;\n    --gtm-gri: #f7f9fc;\n    --gtm-gri-koyu: #5a6b7a;\n    --gtm-text: #1a1a1a;\n}\n\n\/* \u2550\u2550\u2550\u2550 GENEL \u2550\u2550\u2550\u2550 *\/\n.gtm-home {\n    font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--gtm-text);\n    margin: 0 calc(-1 * (100vw - 100%) \/ 2);\n}\n\n.gtm-section {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 80px 30px;\n}\n\n.gtm-section-title {\n    font-family: 'Barlow Condensed', 'Impact', sans-serif;\n    font-size: 36px;\n    font-weight: 800;\n    color: var(--gtm-lacivert);\n    text-transform: uppercase;\n    letter-spacing: -0.3px;\n    margin: 0 0 12px;\n    line-height: 1.1;\n}\n\n.gtm-section-subtitle {\n    color: var(--gtm-gri-koyu);\n    font-size: 16px;\n    max-width: 600px;\n    margin: 0 0 40px;\n    line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   1. HERO SLIDER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-hero {\n    position: relative;\n    height: 640px;\n    overflow: hidden;\n    background: var(--gtm-lacivert-koyu);\n}\n\n.gtm-hero-track {\n    position: relative;\n    width: 100%;\n    height: 100%;\n}\n\n.gtm-slide {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease, visibility 0s linear 0.8s;\n    padding: 0 60px;\n}\n\n.gtm-slide.active {\n    opacity: 1;\n    visibility: visible;\n    transition: opacity 0.8s ease, visibility 0s linear 0s;\n}\n\n.gtm-slide-bg {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n    z-index: 0;\n}\n\n.gtm-slide.active .gtm-slide-bg {\n    animation: gtm-ken-burns 8s ease-out forwards;\n}\n\n@keyframes gtm-ken-burns {\n    from { transform: scale(1); }\n    to   { transform: scale(1.08); }\n}\n\n.gtm-slide-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n}\n\n.gtm-slide-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 1280px;\n    width: 100%;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.gtm-slide-content {\n    color: #fff;\n}\n\n.gtm-slide.active .gtm-slide-content > * {\n    animation: gtm-slide-up 0.7s ease-out backwards;\n}\n.gtm-slide.active .gtm-slide-content > *:nth-child(1) { animation-delay: 0.2s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(2) { animation-delay: 0.35s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(3) { animation-delay: 0.5s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(4) { animation-delay: 0.65s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(5) { animation-delay: 0.8s; }\n\n@keyframes gtm-slide-up {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n.gtm-slide-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(0,165,80,0.15);\n    border: 1px solid rgba(0,165,80,0.4);\n    color: var(--gtm-yesil-acik);\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    padding: 6px 14px;\n    border-radius: 99px;\n    margin-bottom: 18px;\n}\n\n.gtm-slide-tag::before {\n    content: '';\n    width: 7px; height: 7px;\n    background: var(--gtm-yesil-acik);\n    border-radius: 50%;\n    animation: gtm-pulse 2s infinite;\n}\n\n@keyframes gtm-pulse {\n    0%,100% { opacity: 1; }\n    50% { opacity: 0.4; }\n}\n\n.gtm-slide-title {\n    font-family: 'Barlow Condensed', 'Impact', sans-serif;\n    font-size: 64px;\n    font-weight: 800;\n    line-height: 1.0;\n    text-transform: uppercase;\n    margin: 0 0 16px;\n    letter-spacing: -0.5px;\n    color: #FFFFFF !important;\n}\n\n.gtm-slide-title em {\n    font-style: normal;\n    color: #FFFFFF !important;\n    background: linear-gradient(135deg, var(--gtm-yesil-acik) 0%, #4DFF8A 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    text-shadow: 0 2px 12px rgba(0,192,96,0.35);\n}\n\n.gtm-slide-desc {\n    font-size: 17px;\n    line-height: 1.6;\n    color: rgba(255,255,255,0.78);\n    margin: 0 0 30px;\n    max-width: 540px;\n}\n\n.gtm-slide-stats {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 30px;\n}\n\n.gtm-slide-stat {\n    border-left: 2px solid var(--gtm-yesil-acik);\n    padding-left: 14px;\n}\n\n.gtm-slide-stat-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 32px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 1;\n}\n\n.gtm-slide-stat-lbl {\n    font-size: 11px;\n    color: rgba(255,255,255,0.55);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-top: 4px;\n}\n\n.gtm-slide-cta {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.gtm-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 28px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    text-decoration: none !important;\n    border-radius: 4px;\n    border: none;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.gtm-btn-primary {\n    background: var(--gtm-yesil);\n    color: #fff !important;\n}\n.gtm-btn-primary:hover { background: var(--gtm-yesil-acik); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,165,80,0.4); }\n\n.gtm-btn-outline {\n    background: transparent;\n    color: #fff !important;\n    border: 1.5px solid rgba(255,255,255,0.4);\n}\n.gtm-btn-outline:hover { border-color: var(--gtm-yesil-acik); color: var(--gtm-yesil-acik) !important; }\n\n.gtm-btn-red {\n    background: var(--gtm-kirmizi);\n    color: #fff !important;\n}\n.gtm-btn-red:hover { background: #b91d26; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(210,38,48,0.4); }\n\n\/* Sa\u011f panel \u2014 teknik kart *\/\n.gtm-slide-card {\n    background: rgba(30,38,24,0.55);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 12px;\n    padding: 28px;\n    color: #fff;\n}\n\n.gtm-slide.active .gtm-slide-card {\n    animation: gtm-slide-up 0.7s ease-out 0.5s backwards;\n}\n\n.gtm-slide-card-title {\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1.4px;\n    color: var(--gtm-yesil-acik);\n    font-weight: 700;\n    margin: 0 0 14px;\n}\n\n.gtm-spec-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.gtm-spec-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    padding-bottom: 10px;\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n    font-size: 13px;\n}\n\n.gtm-spec-row:last-child { border-bottom: none; padding-bottom: 0; }\n\n.gtm-spec-label {\n    color: rgba(255,255,255,0.6);\n}\n\n.gtm-spec-value {\n    font-weight: 600;\n    color: #fff;\n    text-align: right;\n}\n\n.gtm-spec-value em {\n    font-style: normal;\n    color: var(--gtm-yesil-acik);\n}\n\n\/* Slider controls *\/\n.gtm-hero-controls {\n    position: absolute;\n    bottom: 30px;\n    left: 0;\n    right: 0;\n    z-index: 10;\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    padding: 0 30px;\n}\n\n.gtm-hero-dot {\n    width: 36px;\n    height: 4px;\n    background: rgba(255,255,255,0.3);\n    border: none;\n    cursor: pointer;\n    border-radius: 2px;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    padding: 0;\n}\n\n.gtm-hero-dot:hover { background: rgba(255,255,255,0.5); }\n\n.gtm-hero-dot.active {\n    background: rgba(255,255,255,0.2);\n    width: 60px;\n}\n\n.gtm-hero-dot.active::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--gtm-yesil-acik);\n    animation: gtm-progress 6s linear forwards;\n    transform-origin: left;\n}\n\n@keyframes gtm-progress {\n    from { transform: scaleX(0); }\n    to   { transform: scaleX(1); }\n}\n\n.gtm-hero-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 10;\n    width: 48px;\n    height: 48px;\n    background: rgba(255,255,255,0.08);\n    backdrop-filter: blur(8px);\n    border: 1px solid rgba(255,255,255,0.15);\n    color: #fff;\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.gtm-hero-nav:hover { background: var(--gtm-yesil); border-color: var(--gtm-yesil); }\n.gtm-hero-prev { left: 24px; }\n.gtm-hero-next { right: 24px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   2. KATEGOR\u0130LER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-categories {\n    background: #fff;\n}\n\n.gtm-cat-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 22px;\n}\n\n.gtm-cat-card {\n    display: block;\n    background: #fff;\n    border: 1px solid #e8edf2;\n    border-radius: 14px;\n    padding: 28px 24px;\n    text-decoration: none !important;\n    color: inherit;\n    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-cat-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--gtm-yesil) 0%, var(--gtm-yesil-acik) 100%);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s ease;\n}\n\n.gtm-cat-card::after {\n    content: '';\n    position: absolute;\n    bottom: -60%;\n    right: -60%;\n    width: 240px;\n    height: 240px;\n    background: radial-gradient(circle, rgba(0,165,80,0.06) 0%, transparent 70%);\n    transition: all 0.4s ease;\n    pointer-events: none;\n}\n\n.gtm-cat-card:hover {\n    border-color: var(--gtm-lacivert);\n    transform: translateY(-6px);\n    box-shadow: 0 18px 40px rgba(114,182,38,0.10);\n}\n\n.gtm-cat-card:hover::before { transform: scaleX(1); }\n.gtm-cat-card:hover::after { bottom: -40%; right: -40%; }\n\n\/* \u2550\u2550\u2550\u2550 Modern iOS-tarz\u0131 multi-layer icon \u2550\u2550\u2550\u2550 *\/\n.gtm-icon-wrap {\n    position: relative;\n    width: 76px;\n    height: 76px;\n    margin-bottom: 24px;\n    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Arkadaki \u015feffaf katmanlar \u2014 derinlik hissi *\/\n.gtm-icon-wrap::before,\n.gtm-icon-wrap::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: 22%;\n    background: var(--gtm-icon-bg, linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 100%));\n    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s ease;\n    pointer-events: none;\n}\n.gtm-icon-wrap::before {\n    transform: translate(7px, 7px) scale(0.92);\n    opacity: 0.18;\n    filter: blur(0.5px);\n}\n.gtm-icon-wrap::after {\n    transform: translate(3px, 3px) scale(0.96);\n    opacity: 0.42;\n}\n\n\/* \u00d6n kart \u2014 ger\u00e7ek icon container *\/\n.gtm-icon {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border-radius: 22%;\n    background: var(--gtm-icon-bg, linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 50%, #2D2D2D 100%));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    box-shadow:\n        inset 0 1px 0 rgba(255,255,255,0.28),\n        inset 0 -2px 12px rgba(0,0,0,0.22),\n        0 10px 28px rgba(114,182,38,0.22),\n        0 0 0 1px rgba(255,255,255,0.04);\n    z-index: 1;\n}\n\n\/* Grid pattern overlay (Apple iOS app icon stili) *\/\n.gtm-icon::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);\n    background-size: 11px 11px;\n    pointer-events: none;\n}\n\n\/* Sol \u00fcstte parlak highlight *\/\n.gtm-icon::after {\n    content: '';\n    position: absolute;\n    top: -25%;\n    left: -25%;\n    width: 80%;\n    height: 80%;\n    background: radial-gradient(circle, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.08) 30%, transparent 65%);\n    pointer-events: none;\n    transition: opacity 0.35s ease;\n}\n\n.gtm-icon svg {\n    position: relative;\n    z-index: 1;\n    width: 38px;\n    height: 38px;\n    color: #fff;\n    stroke-width: 1.6;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25));\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Renk varyasyonlar\u0131 *\/\n.gtm-icon-wrap--primary   { --gtm-icon-bg: linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 50%, #2D2D2D 100%); }\n.gtm-icon-wrap--secondary { --gtm-icon-bg: linear-gradient(135deg, #5C9A1C 0%, #84CF2C 50%, #008f44 100%); }\n.gtm-icon-wrap--accent    { --gtm-icon-bg: linear-gradient(135deg, #1E2618 0%, #2D2D2D 50%, #4A7D16 100%); }\n.gtm-icon-wrap--red       { --gtm-icon-bg: linear-gradient(135deg, #8b1820 0%, #72B626 50%, #a01d26 100%); }\n\n\/* Hover \u2014 katmanlar a\u00e7\u0131l\u0131r, \u00f6n kart hafif\u00e7e y\u00fckselir *\/\n.gtm-cat-card:hover .gtm-icon-wrap,\n.gtm-ai-card:hover .gtm-icon-wrap,\n.gtm-why-value:hover .gtm-icon-wrap {\n    transform: translateY(-3px) rotate(-3deg);\n}\n.gtm-cat-card:hover .gtm-icon-wrap::before,\n.gtm-ai-card:hover .gtm-icon-wrap::before,\n.gtm-why-value:hover .gtm-icon-wrap::before {\n    transform: translate(12px, 12px) scale(0.88);\n    opacity: 0.28;\n}\n.gtm-cat-card:hover .gtm-icon-wrap::after,\n.gtm-ai-card:hover .gtm-icon-wrap::after,\n.gtm-why-value:hover .gtm-icon-wrap::after {\n    transform: translate(6px, 6px) scale(0.94);\n    opacity: 0.55;\n}\n.gtm-cat-card:hover .gtm-icon svg,\n.gtm-ai-card:hover .gtm-icon svg,\n.gtm-why-value:hover .gtm-icon svg {\n    transform: scale(1.08);\n}\n\n\/* Eski .gtm-cat-icon class'\u0131 i\u00e7in backward-compat (HTML de\u011fi\u015firken) *\/\n.gtm-cat-icon { display: none; }\n\n\/* AI card i\u00e7inde icon daha k\u00fc\u00e7\u00fck (kart boyutuna uygun) *\/\n.gtm-ai-card .gtm-icon-wrap { width: 56px; height: 56px; margin-bottom: 14px; }\n.gtm-ai-card .gtm-icon svg { width: 28px; height: 28px; }\n.gtm-ai-card .gtm-icon::before { background-size: 9px 9px; }\n\n\/* Why icon orta boy *\/\n.gtm-why-value .gtm-icon-wrap { width: 68px; height: 68px; margin-bottom: 20px; }\n.gtm-why-value .gtm-icon svg { width: 34px; height: 34px; }\n\n.gtm-cat-name {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--gtm-lacivert);\n    margin: 0 0 8px;\n    text-transform: uppercase;\n    letter-spacing: -0.2px;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-desc {\n    font-size: 13px;\n    color: var(--gtm-gri-koyu);\n    line-height: 1.55;\n    margin: 0 0 18px;\n    min-height: 40px;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-link {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--gtm-kirmizi);\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    transition: gap 0.25s ease;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-card:hover .gtm-cat-link { gap: 10px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   3. AI \u0130\u015e Y\u00dcK\u00dc S\u0130H\u0130RBAZI\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-ai-finder {\n    background: linear-gradient(135deg, var(--gtm-lacivert-koyu) 0%, var(--gtm-lacivert-orta) 100%);\n    color: #fff;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-ai-finder::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(ellipse 50% 60% at 80% 30%, rgba(0,165,80,0.15) 0%, transparent 70%),\n        radial-gradient(ellipse 60% 80% at 20% 70%, rgba(210,38,48,0.08) 0%, transparent 60%);\n}\n\n.gtm-ai-finder .gtm-section { position: relative; z-index: 1; }\n\n.gtm-ai-finder .gtm-section-title { color: #fff; }\n.gtm-ai-finder .gtm-section-subtitle { color: rgba(255,255,255,0.7); }\n\n.gtm-ai-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n}\n\n.gtm-ai-card {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 10px;\n    padding: 24px 20px;\n    text-decoration: none !important;\n    color: #fff;\n    transition: all 0.25s ease;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.gtm-ai-card:hover {\n    background: rgba(0,165,80,0.1);\n    border-color: var(--gtm-yesil-acik);\n    transform: translateY(-3px);\n}\n\n.gtm-ai-card-icon { display: none; }\n\n.gtm-ai-card-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 18px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #fff;\n    margin: 0;\n}\n\n.gtm-ai-card-spec {\n    font-size: 12px;\n    color: var(--gtm-yesil-acik);\n    font-weight: 600;\n    margin: auto 0 0;\n}\n\n.gtm-ai-card-arrow {\n    color: rgba(255,255,255,0.5);\n    font-size: 18px;\n    transition: transform 0.2s;\n}\n\n.gtm-ai-card:hover .gtm-ai-card-arrow { transform: translateX(4px); color: var(--gtm-yesil-acik); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   4. NEDEN GTM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-why {\n    background: var(--gtm-gri);\n    border-top: 1px solid #e5e8ec;\n    border-bottom: 1px solid #e5e8ec;\n}\n\n.gtm-why-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    margin-bottom: 60px;\n}\n\n.gtm-why-stat {\n    text-align: center;\n}\n\n.gtm-why-stat-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 56px;\n    font-weight: 800;\n    color: var(--gtm-lacivert);\n    line-height: 1;\n    margin-bottom: 8px;\n}\n\n.gtm-why-stat-num em {\n    font-style: normal;\n    color: var(--gtm-yesil);\n}\n\n.gtm-why-stat-lbl {\n    color: var(--gtm-gri-koyu);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-weight: 600;\n}\n\n.gtm-why-values {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.gtm-why-value {\n    background: #fff;\n    border-radius: 10px;\n    padding: 30px;\n    border: 1px solid #e5e8ec;\n}\n\n.gtm-why-value-icon { display: none; }\n\n.gtm-why-value-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--gtm-lacivert);\n    text-transform: uppercase;\n    margin: 0 0 10px;\n}\n\n.gtm-why-value-desc {\n    color: var(--gtm-gri-koyu);\n    line-height: 1.6;\n    font-size: 14.5px;\n    margin: 0;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   5. MARKA CAROUSEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-brands {\n    background: #fff;\n    padding: 50px 30px;\n    border-bottom: 1px solid #e5e8ec;\n}\n\n.gtm-brand-label {\n    text-align: center;\n    color: var(--gtm-gri-koyu);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 600;\n    margin-bottom: 28px;\n}\n\n.gtm-brand-track-wrap {\n    overflow: hidden;\n    mask-image: linear-gradient(90deg, transparent, #fff 10%, #fff 90%, transparent);\n}\n\n.gtm-brand-track {\n    display: flex;\n    gap: 50px;\n    animation: gtm-brand-scroll 30s linear infinite;\n    width: max-content;\n    align-items: center;\n}\n\n.gtm-brand-track:hover { animation-play-state: paused; }\n\n@keyframes gtm-brand-scroll {\n    from { transform: translateX(0); }\n    to   { transform: translateX(-50%); }\n}\n\n.gtm-brand-item {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--gtm-gri-koyu);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n    transition: color 0.2s;\n    flex-shrink: 0;\n}\n\n.gtm-brand-item:hover { color: var(--gtm-lacivert); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   6. CTA B\u00d6L\u00dcM\u00dc\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-cta-section {\n    background:\n        linear-gradient(135deg, var(--gtm-lacivert-koyu) 0%, var(--gtm-koyu-yesil) 100%);\n    color: #fff;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-cta-section::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(ellipse 40% 60% at 30% 50%, rgba(0,165,80,0.18) 0%, transparent 60%),\n        radial-gradient(ellipse 40% 60% at 70% 50%, rgba(30,38,24,0.4) 0%, transparent 60%);\n}\n\n.gtm-cta-section .gtm-section { position: relative; z-index: 1; padding: 70px 30px; }\n\n.gtm-cta-tag {\n    display: inline-block;\n    color: var(--gtm-yesil-acik);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    margin-bottom: 16px;\n}\n\n.gtm-cta-title { color: #fff;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 44px;\n    font-weight: 800;\n    text-transform: uppercase;\n    margin: 0 0 14px;\n    line-height: 1.1;\n    letter-spacing: -0.3px;\n}\n\n.gtm-cta-desc {\n    font-size: 17px;\n    color: rgba(255,255,255,0.78);\n    max-width: 640px;\n    margin: 0 auto 30px;\n    line-height: 1.6;\n}\n\n.gtm-cta-btns {\n    display: flex;\n    gap: 14px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1100px) {\n    .gtm-slide-inner { grid-template-columns: 1fr; gap: 30px; }\n    .gtm-slide-card { display: none; }\n    .gtm-cat-grid { grid-template-columns: repeat(2, 1fr); }\n    .gtm-ai-grid { grid-template-columns: repeat(2, 1fr); }\n    .gtm-why-stats { grid-template-columns: repeat(2, 1fr); }\n    .gtm-why-values { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 768px) {\n    .gtm-section { padding: 50px 20px; }\n    .gtm-section-title { font-size: 26px; }\n    .gtm-hero { height: 580px; }\n    .gtm-slide { padding: 0 20px; }\n    .gtm-slide-title { font-size: 38px; }\n    .gtm-slide-desc { font-size: 15px; }\n    .gtm-slide-stats { gap: 16px; }\n    .gtm-slide-stat-num { font-size: 24px; }\n    .gtm-hero-nav { display: none; }\n    .gtm-cat-grid, .gtm-ai-grid, .gtm-why-stats { grid-template-columns: 1fr 1fr; gap: 12px; }\n    .gtm-why-stat-num { font-size: 38px; }\n    .gtm-cta-title { color: #fff; font-size: 30px; }\n    .gtm-brand-item { font-size: 18px; }\n    .gtm-brand-track { gap: 30px; }\n}\n\n@media (max-width: 480px) {\n    .gtm-slide-cta { flex-direction: column; align-items: stretch; }\n    .gtm-btn { justify-content: center; }\n    .gtm-cat-grid, .gtm-ai-grid { grid-template-columns: 1fr; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MINIMAL OVERRIDE \u2014 Kategori & Neden GTM (sade, kurumsal)\n   AI i\u015f y\u00fck\u00fc b\u00f6l\u00fcm\u00fc dokunulmaz (multi-layer korunur)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-cat-card .gtm-icon-wrap,\n.gtm-why-value .gtm-icon-wrap {\n    width: 52px;\n    height: 52px;\n    background: linear-gradient(135deg, rgba(114,182,38,0.07) 0%, rgba(0,165,80,0.08) 100%);\n    border-radius: 14px;\n    margin-bottom: 18px;\n    transition: background 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n    box-shadow: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n\n.gtm-cat-card .gtm-icon-wrap::before,\n.gtm-cat-card .gtm-icon-wrap::after,\n.gtm-why-value .gtm-icon-wrap::before,\n.gtm-why-value .gtm-icon-wrap::after {\n    display: none !important;\n}\n\n.gtm-cat-card .gtm-icon,\n.gtm-why-value .gtm-icon {\n    background: transparent !important;\n    box-shadow: none !important;\n    border-radius: 0;\n    width: auto;\n    height: auto;\n}\n\n.gtm-cat-card .gtm-icon::before,\n.gtm-cat-card .gtm-icon::after,\n.gtm-why-value .gtm-icon::before,\n.gtm-why-value .gtm-icon::after {\n    display: none !important;\n}\n\n.gtm-cat-card .gtm-icon svg,\n.gtm-why-value .gtm-icon svg {\n    width: 26px;\n    height: 26px;\n    color: #2D2D2D;\n    filter: none;\n    stroke-width: 1.7;\n    transition: color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n.gtm-cat-card:hover .gtm-icon-wrap,\n.gtm-why-value:hover .gtm-icon-wrap {\n    background: linear-gradient(135deg, rgba(114,182,38,0.13) 0%, rgba(0,165,80,0.18) 100%);\n    transform: translateY(-3px) rotate(0deg) !important;\n}\n\n.gtm-cat-card:hover .gtm-icon svg,\n.gtm-why-value:hover .gtm-icon svg {\n    color: #5C9A1C;\n    transform: scale(1.1);\n}\n\n\/* Why b\u00f6l\u00fcm\u00fc padding d\u00fc\u015f\u00fcr (art\u0131k ikon k\u00fc\u00e7\u00fck) *\/\n.gtm-why-value {\n    padding: 28px 26px;\n}\n\n\/* (gradient text override kald\u0131r\u0131ld\u0131 \u2014 d\u00fcz renkler korunsun) *\/\n<\/style>\n\n<div class=\"gtm-home\">\n\n  <!-- \u2550\u2550\u2550\u2550 2. \u00dcR\u00dcN KATEGOR\u0130LER\u0130 \u2550\u2550\u2550\u2550 -->\n  <section class=\"gtm-categories\">\n    <div class=\"gtm-section\">\n      <h2 class=\"gtm-section-title\">\u00dcr\u00fcn Kategorileri<\/h2>\n      <p class=\"gtm-section-subtitle\">Sunucudan storage'a, network'ten workstation'a \u2014 kurumsal altyap\u0131 ihtiya\u00e7lar\u0131n\u0131z\u0131n tamam\u0131.<\/p>\n\n      <div class=\"gtm-cat-grid\">\n        <a href=\"\/b2b\/urun-kategori\/gpu-server\/\" class=\"gtm-cat-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"2\"><\/rect><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect><path d=\"M9 2v3M15 2v3M9 19v3M15 19v3M2 9h3M2 15h3M19 9h3M19 15h3\"><\/path><\/svg>\n            <\/span>\n          <\/span>\n          <h3 class=\"gtm-cat-name\">AI & GPU Sunucu<\/h3>\n          <p class=\"gtm-cat-desc\">NVIDIA HGX B300, H200, L40S \u2014 AI training ve inference i\u00e7in<\/p>\n          <span class=\"gtm-cat-link\">Ke\u015ffet \u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/urun-kategori\/server\/supermicro-server\/\" class=\"gtm-cat-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--primary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"6\" rx=\"1.5\"><\/rect><rect x=\"2\" y=\"14\" width=\"20\" height=\"6\" rx=\"1.5\"><\/rect><circle cx=\"6\" cy=\"7\" r=\"0.8\" fill=\"currentColor\"><\/circle><circle cx=\"6\" cy=\"17\" r=\"0.8\" fill=\"currentColor\"><\/circle><line x1=\"10\" y1=\"7\" x2=\"19\" y2=\"7\"><\/line><line x1=\"10\" y1=\"17\" x2=\"19\" y2=\"17\"><\/line><\/svg>\n            <\/span>\n          <\/span>\n          <h3 class=\"gtm-cat-name\">Supermicro Sunucu<\/h3>\n          <p class=\"gtm-cat-desc\">1U\u20138U rackmount, Intel Xeon &amp; AMD EPYC i\u015flemcilerle<\/p>\n          <span class=\"gtm-cat-link\">Ke\u015ffet \u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/urun-kategori\/storage\/\" class=\"gtm-cat-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--accent\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse><path d=\"M3 5v6c0 1.7 4 3 9 3s9-1.3 9-3V5\"><\/path><path d=\"M3 11v6c0 1.7 4 3 9 3s9-1.3 9-3v-6\"><\/path><\/svg>\n            <\/span>\n          <\/span>\n          <h3 class=\"gtm-cat-name\">Storage<\/h3>\n          <p class=\"gtm-cat-desc\">Magnetar ScouT-zFS, QSAN SAN, Ceph object storage<\/p>\n          <span class=\"gtm-cat-link\">Ke\u015ffet \u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/urun-kategori\/workstation\/\" class=\"gtm-cat-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--primary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"><\/rect><line x1=\"9\" y1=\"6\" x2=\"15\" y2=\"6\"><\/line><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"9\"><\/line><circle cx=\"12\" cy=\"14\" r=\"2.4\"><\/circle><circle cx=\"12\" cy=\"14\" r=\"0.6\" fill=\"currentColor\"><\/circle><circle cx=\"12\" cy=\"19\" r=\"0.6\" fill=\"currentColor\"><\/circle><\/svg>\n            <\/span>\n          <\/span>\n          <h3 class=\"gtm-cat-name\">Workstation<\/h3>\n          <p class=\"gtm-cat-desc\">RTX PRO Blackwell tabanl\u0131 tasar\u0131m &amp; AI i\u015f istasyonlar\u0131<\/p>\n          <span class=\"gtm-cat-link\">Ke\u015ffet \u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/urun-kategori\/network\/\" class=\"gtm-cat-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--accent\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"6\" rx=\"1.5\"><\/rect><circle cx=\"7\" cy=\"6\" r=\"0.7\" fill=\"currentColor\"><\/circle><circle cx=\"11\" cy=\"6\" r=\"0.7\" fill=\"currentColor\"><\/circle><circle cx=\"15\" cy=\"6\" r=\"0.7\" fill=\"currentColor\"><\/circle><circle cx=\"18\" cy=\"6\" r=\"0.7\" fill=\"currentColor\"><\/circle><circle cx=\"6\" cy=\"19\" r=\"2.2\"><\/circle><circle cx=\"12\" cy=\"20\" r=\"2.2\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"2.2\"><\/circle><path d=\"M12 9v8.5M7 17l4-5.5M17 17l-4-5.5\"><\/path><\/svg>\n            <\/span>\n          <\/span>\n          <h3 class=\"gtm-cat-name\">Network<\/h3>\n          <p class=\"gtm-cat-desc\">100G\/400G\/800G datacenter switch, InfiniBand NDR<\/p>\n          <span class=\"gtm-cat-link\">Ke\u015ffet \u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/urun-kategori\/ekran-karti\/\" class=\"gtm-cat-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"10\" rx=\"1.5\"><\/rect><circle cx=\"8\" cy=\"11\" r=\"2.2\"><\/circle><circle cx=\"8\" cy=\"11\" r=\"0.6\" fill=\"currentColor\"><\/circle><circle cx=\"15\" cy=\"11\" r=\"2.2\"><\/circle><circle cx=\"15\" cy=\"11\" r=\"0.6\" fill=\"currentColor\"><\/circle><line x1=\"6\" y1=\"16\" x2=\"6\" y2=\"20\"><\/line><line x1=\"18\" y1=\"16\" x2=\"18\" y2=\"20\"><\/line><line x1=\"4\" y1=\"20\" x2=\"20\" y2=\"20\"><\/line><\/svg>\n            <\/span>\n          <\/span>\n          <h3 class=\"gtm-cat-name\">Ekran Kart\u0131<\/h3>\n          <p class=\"gtm-cat-desc\">H100, H200 NVL, RTX PRO 6000 Blackwell \u2014 yerel stok<\/p>\n          <span class=\"gtm-cat-link\">Ke\u015ffet \u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/proxmox-sanallastirma-cozumleri\/\" class=\"gtm-cat-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--accent\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.2\"><\/rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.2\"><\/rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.2\"><\/rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.2\"><\/rect><line x1=\"10\" y1=\"6.5\" x2=\"14\" y2=\"6.5\" stroke-dasharray=\"1.5 1.5\"><\/line><line x1=\"6.5\" y1=\"10\" x2=\"6.5\" y2=\"14\" stroke-dasharray=\"1.5 1.5\"><\/line><line x1=\"17.5\" y1=\"10\" x2=\"17.5\" y2=\"14\" stroke-dasharray=\"1.5 1.5\"><\/line><line x1=\"10\" y1=\"17.5\" x2=\"14\" y2=\"17.5\" stroke-dasharray=\"1.5 1.5\"><\/line><\/svg>\n            <\/span>\n          <\/span>\n          <h3 class=\"gtm-cat-name\">Proxmox<\/h3>\n          <p class=\"gtm-cat-desc\">Sanalla\u015ft\u0131rma sunucular\u0131, HCI \u00e7\u00f6z\u00fcmleri ve lisans<\/p>\n          <span class=\"gtm-cat-link\">Ke\u015ffet \u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/gtm-cloud\/\" class=\"gtm-cat-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M6.5 19a4.5 4.5 0 0 1-.5-8.97 6 6 0 0 1 11.62-1.6A4.25 4.25 0 0 1 17.75 19z\"><\/path><path d=\"M9.5 14.5l2 2 3.5-4\"><\/path><\/svg>\n            <\/span>\n          <\/span>\n          <h3 class=\"gtm-cat-name\">GTM Cloud<\/h3>\n          <p class=\"gtm-cat-desc\">Tier-3 veri merkezinden sunucu, GPU ve depolama kiralama<\/p>\n          <span class=\"gtm-cat-link\">Ke\u015ffet \u2192<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<\/div>\n\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GTM ANASAYFA \u2014 B\u00d6L\u00dcM 3\/5: AI \u0130\u015e Y\u00dcK\u00dcN\u00dcZE G\u00d6RE SUNUCU\n   Ba\u011f\u0131ms\u0131z blok. Elementor HTML widget i\u00e7ine yap\u0131\u015ft\u0131r\u0131labilir.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550 DE\u011e\u0130\u015eKENLER \u2550\u2550\u2550\u2550 *\/\n:root {\n    --gtm-lacivert: #2D2D2D;\n    --gtm-lacivert-koyu: #14180F;\n    --gtm-lacivert-orta: #1E2618;\n    --gtm-kirmizi: #72B626;\n    --gtm-yesil: #5C9A1C;\n    --gtm-yesil-acik: #84CF2C;\n    --gtm-koyu-yesil: #0D2B1A;\n    --gtm-gri: #f7f9fc;\n    --gtm-gri-koyu: #5a6b7a;\n    --gtm-text: #1a1a1a;\n}\n\n\/* \u2550\u2550\u2550\u2550 GENEL \u2550\u2550\u2550\u2550 *\/\n.gtm-home {\n    font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--gtm-text);\n    margin: 0 calc(-1 * (100vw - 100%) \/ 2);\n}\n\n.gtm-section {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 80px 30px;\n}\n\n.gtm-section-title {\n    font-family: 'Barlow Condensed', 'Impact', sans-serif;\n    font-size: 36px;\n    font-weight: 800;\n    color: var(--gtm-lacivert);\n    text-transform: uppercase;\n    letter-spacing: -0.3px;\n    margin: 0 0 12px;\n    line-height: 1.1;\n}\n\n.gtm-section-subtitle {\n    color: var(--gtm-gri-koyu);\n    font-size: 16px;\n    max-width: 600px;\n    margin: 0 0 40px;\n    line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   1. HERO SLIDER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-hero {\n    position: relative;\n    height: 640px;\n    overflow: hidden;\n    background: var(--gtm-lacivert-koyu);\n}\n\n.gtm-hero-track {\n    position: relative;\n    width: 100%;\n    height: 100%;\n}\n\n.gtm-slide {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease, visibility 0s linear 0.8s;\n    padding: 0 60px;\n}\n\n.gtm-slide.active {\n    opacity: 1;\n    visibility: visible;\n    transition: opacity 0.8s ease, visibility 0s linear 0s;\n}\n\n.gtm-slide-bg {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n    z-index: 0;\n}\n\n.gtm-slide.active .gtm-slide-bg {\n    animation: gtm-ken-burns 8s ease-out forwards;\n}\n\n@keyframes gtm-ken-burns {\n    from { transform: scale(1); }\n    to   { transform: scale(1.08); }\n}\n\n.gtm-slide-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n}\n\n.gtm-slide-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 1280px;\n    width: 100%;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.gtm-slide-content {\n    color: #fff;\n}\n\n.gtm-slide.active .gtm-slide-content > * {\n    animation: gtm-slide-up 0.7s ease-out backwards;\n}\n.gtm-slide.active .gtm-slide-content > *:nth-child(1) { animation-delay: 0.2s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(2) { animation-delay: 0.35s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(3) { animation-delay: 0.5s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(4) { animation-delay: 0.65s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(5) { animation-delay: 0.8s; }\n\n@keyframes gtm-slide-up {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n.gtm-slide-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(0,165,80,0.15);\n    border: 1px solid rgba(0,165,80,0.4);\n    color: var(--gtm-yesil-acik);\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    padding: 6px 14px;\n    border-radius: 99px;\n    margin-bottom: 18px;\n}\n\n.gtm-slide-tag::before {\n    content: '';\n    width: 7px; height: 7px;\n    background: var(--gtm-yesil-acik);\n    border-radius: 50%;\n    animation: gtm-pulse 2s infinite;\n}\n\n@keyframes gtm-pulse {\n    0%,100% { opacity: 1; }\n    50% { opacity: 0.4; }\n}\n\n.gtm-slide-title {\n    font-family: 'Barlow Condensed', 'Impact', sans-serif;\n    font-size: 64px;\n    font-weight: 800;\n    line-height: 1.0;\n    text-transform: uppercase;\n    margin: 0 0 16px;\n    letter-spacing: -0.5px;\n    color: #FFFFFF !important;\n}\n\n.gtm-slide-title em {\n    font-style: normal;\n    color: #FFFFFF !important;\n    background: linear-gradient(135deg, var(--gtm-yesil-acik) 0%, #4DFF8A 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    text-shadow: 0 2px 12px rgba(0,192,96,0.35);\n}\n\n.gtm-slide-desc {\n    font-size: 17px;\n    line-height: 1.6;\n    color: rgba(255,255,255,0.78);\n    margin: 0 0 30px;\n    max-width: 540px;\n}\n\n.gtm-slide-stats {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 30px;\n}\n\n.gtm-slide-stat {\n    border-left: 2px solid var(--gtm-yesil-acik);\n    padding-left: 14px;\n}\n\n.gtm-slide-stat-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 32px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 1;\n}\n\n.gtm-slide-stat-lbl {\n    font-size: 11px;\n    color: rgba(255,255,255,0.55);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-top: 4px;\n}\n\n.gtm-slide-cta {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.gtm-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 28px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    text-decoration: none !important;\n    border-radius: 4px;\n    border: none;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.gtm-btn-primary {\n    background: var(--gtm-yesil);\n    color: #fff !important;\n}\n.gtm-btn-primary:hover { background: var(--gtm-yesil-acik); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,165,80,0.4); }\n\n.gtm-btn-outline {\n    background: transparent;\n    color: #fff !important;\n    border: 1.5px solid rgba(255,255,255,0.4);\n}\n.gtm-btn-outline:hover { border-color: var(--gtm-yesil-acik); color: var(--gtm-yesil-acik) !important; }\n\n.gtm-btn-red {\n    background: var(--gtm-kirmizi);\n    color: #fff !important;\n}\n.gtm-btn-red:hover { background: #b91d26; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(210,38,48,0.4); }\n\n\/* Sa\u011f panel \u2014 teknik kart *\/\n.gtm-slide-card {\n    background: rgba(30,38,24,0.55);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 12px;\n    padding: 28px;\n    color: #fff;\n}\n\n.gtm-slide.active .gtm-slide-card {\n    animation: gtm-slide-up 0.7s ease-out 0.5s backwards;\n}\n\n.gtm-slide-card-title {\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1.4px;\n    color: var(--gtm-yesil-acik);\n    font-weight: 700;\n    margin: 0 0 14px;\n}\n\n.gtm-spec-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.gtm-spec-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    padding-bottom: 10px;\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n    font-size: 13px;\n}\n\n.gtm-spec-row:last-child { border-bottom: none; padding-bottom: 0; }\n\n.gtm-spec-label {\n    color: rgba(255,255,255,0.6);\n}\n\n.gtm-spec-value {\n    font-weight: 600;\n    color: #fff;\n    text-align: right;\n}\n\n.gtm-spec-value em {\n    font-style: normal;\n    color: var(--gtm-yesil-acik);\n}\n\n\/* Slider controls *\/\n.gtm-hero-controls {\n    position: absolute;\n    bottom: 30px;\n    left: 0;\n    right: 0;\n    z-index: 10;\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    padding: 0 30px;\n}\n\n.gtm-hero-dot {\n    width: 36px;\n    height: 4px;\n    background: rgba(255,255,255,0.3);\n    border: none;\n    cursor: pointer;\n    border-radius: 2px;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    padding: 0;\n}\n\n.gtm-hero-dot:hover { background: rgba(255,255,255,0.5); }\n\n.gtm-hero-dot.active {\n    background: rgba(255,255,255,0.2);\n    width: 60px;\n}\n\n.gtm-hero-dot.active::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--gtm-yesil-acik);\n    animation: gtm-progress 6s linear forwards;\n    transform-origin: left;\n}\n\n@keyframes gtm-progress {\n    from { transform: scaleX(0); }\n    to   { transform: scaleX(1); }\n}\n\n.gtm-hero-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 10;\n    width: 48px;\n    height: 48px;\n    background: rgba(255,255,255,0.08);\n    backdrop-filter: blur(8px);\n    border: 1px solid rgba(255,255,255,0.15);\n    color: #fff;\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.gtm-hero-nav:hover { background: var(--gtm-yesil); border-color: var(--gtm-yesil); }\n.gtm-hero-prev { left: 24px; }\n.gtm-hero-next { right: 24px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   2. KATEGOR\u0130LER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-categories {\n    background: #fff;\n}\n\n.gtm-cat-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 22px;\n}\n\n.gtm-cat-card {\n    display: block;\n    background: #fff;\n    border: 1px solid #e8edf2;\n    border-radius: 14px;\n    padding: 28px 24px;\n    text-decoration: none !important;\n    color: inherit;\n    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-cat-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--gtm-yesil) 0%, var(--gtm-yesil-acik) 100%);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s ease;\n}\n\n.gtm-cat-card::after {\n    content: '';\n    position: absolute;\n    bottom: -60%;\n    right: -60%;\n    width: 240px;\n    height: 240px;\n    background: radial-gradient(circle, rgba(0,165,80,0.06) 0%, transparent 70%);\n    transition: all 0.4s ease;\n    pointer-events: none;\n}\n\n.gtm-cat-card:hover {\n    border-color: var(--gtm-lacivert);\n    transform: translateY(-6px);\n    box-shadow: 0 18px 40px rgba(114,182,38,0.10);\n}\n\n.gtm-cat-card:hover::before { transform: scaleX(1); }\n.gtm-cat-card:hover::after { bottom: -40%; right: -40%; }\n\n\/* \u2550\u2550\u2550\u2550 Modern iOS-tarz\u0131 multi-layer icon \u2550\u2550\u2550\u2550 *\/\n.gtm-icon-wrap {\n    position: relative;\n    width: 76px;\n    height: 76px;\n    margin-bottom: 24px;\n    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Arkadaki \u015feffaf katmanlar \u2014 derinlik hissi *\/\n.gtm-icon-wrap::before,\n.gtm-icon-wrap::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: 22%;\n    background: var(--gtm-icon-bg, linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 100%));\n    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s ease;\n    pointer-events: none;\n}\n.gtm-icon-wrap::before {\n    transform: translate(7px, 7px) scale(0.92);\n    opacity: 0.18;\n    filter: blur(0.5px);\n}\n.gtm-icon-wrap::after {\n    transform: translate(3px, 3px) scale(0.96);\n    opacity: 0.42;\n}\n\n\/* \u00d6n kart \u2014 ger\u00e7ek icon container *\/\n.gtm-icon {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border-radius: 22%;\n    background: var(--gtm-icon-bg, linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 50%, #2D2D2D 100%));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    box-shadow:\n        inset 0 1px 0 rgba(255,255,255,0.28),\n        inset 0 -2px 12px rgba(0,0,0,0.22),\n        0 10px 28px rgba(114,182,38,0.22),\n        0 0 0 1px rgba(255,255,255,0.04);\n    z-index: 1;\n}\n\n\/* Grid pattern overlay (Apple iOS app icon stili) *\/\n.gtm-icon::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);\n    background-size: 11px 11px;\n    pointer-events: none;\n}\n\n\/* Sol \u00fcstte parlak highlight *\/\n.gtm-icon::after {\n    content: '';\n    position: absolute;\n    top: -25%;\n    left: -25%;\n    width: 80%;\n    height: 80%;\n    background: radial-gradient(circle, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.08) 30%, transparent 65%);\n    pointer-events: none;\n    transition: opacity 0.35s ease;\n}\n\n.gtm-icon svg {\n    position: relative;\n    z-index: 1;\n    width: 38px;\n    height: 38px;\n    color: #fff;\n    stroke-width: 1.6;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25));\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Renk varyasyonlar\u0131 *\/\n.gtm-icon-wrap--primary   { --gtm-icon-bg: linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 50%, #2D2D2D 100%); }\n.gtm-icon-wrap--secondary { --gtm-icon-bg: linear-gradient(135deg, #5C9A1C 0%, #84CF2C 50%, #008f44 100%); }\n.gtm-icon-wrap--accent    { --gtm-icon-bg: linear-gradient(135deg, #1E2618 0%, #2D2D2D 50%, #4A7D16 100%); }\n.gtm-icon-wrap--red       { --gtm-icon-bg: linear-gradient(135deg, #8b1820 0%, #72B626 50%, #a01d26 100%); }\n\n\/* Hover \u2014 katmanlar a\u00e7\u0131l\u0131r, \u00f6n kart hafif\u00e7e y\u00fckselir *\/\n.gtm-cat-card:hover .gtm-icon-wrap,\n.gtm-ai-card:hover .gtm-icon-wrap,\n.gtm-why-value:hover .gtm-icon-wrap {\n    transform: translateY(-3px) rotate(-3deg);\n}\n.gtm-cat-card:hover .gtm-icon-wrap::before,\n.gtm-ai-card:hover .gtm-icon-wrap::before,\n.gtm-why-value:hover .gtm-icon-wrap::before {\n    transform: translate(12px, 12px) scale(0.88);\n    opacity: 0.28;\n}\n.gtm-cat-card:hover .gtm-icon-wrap::after,\n.gtm-ai-card:hover .gtm-icon-wrap::after,\n.gtm-why-value:hover .gtm-icon-wrap::after {\n    transform: translate(6px, 6px) scale(0.94);\n    opacity: 0.55;\n}\n.gtm-cat-card:hover .gtm-icon svg,\n.gtm-ai-card:hover .gtm-icon svg,\n.gtm-why-value:hover .gtm-icon svg {\n    transform: scale(1.08);\n}\n\n\/* Eski .gtm-cat-icon class'\u0131 i\u00e7in backward-compat (HTML de\u011fi\u015firken) *\/\n.gtm-cat-icon { display: none; }\n\n\/* AI card i\u00e7inde icon daha k\u00fc\u00e7\u00fck (kart boyutuna uygun) *\/\n.gtm-ai-card .gtm-icon-wrap { width: 56px; height: 56px; margin-bottom: 14px; }\n.gtm-ai-card .gtm-icon svg { width: 28px; height: 28px; }\n.gtm-ai-card .gtm-icon::before { background-size: 9px 9px; }\n\n\/* Why icon orta boy *\/\n.gtm-why-value .gtm-icon-wrap { width: 68px; height: 68px; margin-bottom: 20px; }\n.gtm-why-value .gtm-icon svg { width: 34px; height: 34px; }\n\n.gtm-cat-name {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--gtm-lacivert);\n    margin: 0 0 8px;\n    text-transform: uppercase;\n    letter-spacing: -0.2px;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-desc {\n    font-size: 13px;\n    color: var(--gtm-gri-koyu);\n    line-height: 1.55;\n    margin: 0 0 18px;\n    min-height: 40px;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-link {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--gtm-kirmizi);\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    transition: gap 0.25s ease;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-card:hover .gtm-cat-link { gap: 10px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   3. AI \u0130\u015e Y\u00dcK\u00dc S\u0130H\u0130RBAZI\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-ai-finder {\n    background: linear-gradient(135deg, var(--gtm-lacivert-koyu) 0%, var(--gtm-lacivert-orta) 100%);\n    color: #fff;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-ai-finder::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(ellipse 50% 60% at 80% 30%, rgba(0,165,80,0.15) 0%, transparent 70%),\n        radial-gradient(ellipse 60% 80% at 20% 70%, rgba(210,38,48,0.08) 0%, transparent 60%);\n}\n\n.gtm-ai-finder .gtm-section { position: relative; z-index: 1; }\n\n.gtm-ai-finder .gtm-section-title { color: #fff; }\n.gtm-ai-finder .gtm-section-subtitle { color: rgba(255,255,255,0.7); }\n\n.gtm-ai-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n}\n\n.gtm-ai-card {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 10px;\n    padding: 24px 20px;\n    text-decoration: none !important;\n    color: #fff;\n    transition: all 0.25s ease;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.gtm-ai-card:hover {\n    background: rgba(0,165,80,0.1);\n    border-color: var(--gtm-yesil-acik);\n    transform: translateY(-3px);\n}\n\n.gtm-ai-card-icon { display: none; }\n\n.gtm-ai-card-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 18px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #fff;\n    margin: 0;\n}\n\n.gtm-ai-card-spec {\n    font-size: 12px;\n    color: var(--gtm-yesil-acik);\n    font-weight: 600;\n    margin: auto 0 0;\n}\n\n.gtm-ai-card-arrow {\n    color: rgba(255,255,255,0.5);\n    font-size: 18px;\n    transition: transform 0.2s;\n}\n\n.gtm-ai-card:hover .gtm-ai-card-arrow { transform: translateX(4px); color: var(--gtm-yesil-acik); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   4. NEDEN GTM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-why {\n    background: var(--gtm-gri);\n    border-top: 1px solid #e5e8ec;\n    border-bottom: 1px solid #e5e8ec;\n}\n\n.gtm-why-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    margin-bottom: 60px;\n}\n\n.gtm-why-stat {\n    text-align: center;\n}\n\n.gtm-why-stat-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 56px;\n    font-weight: 800;\n    color: var(--gtm-lacivert);\n    line-height: 1;\n    margin-bottom: 8px;\n}\n\n.gtm-why-stat-num em {\n    font-style: normal;\n    color: var(--gtm-yesil);\n}\n\n.gtm-why-stat-lbl {\n    color: var(--gtm-gri-koyu);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-weight: 600;\n}\n\n.gtm-why-values {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.gtm-why-value {\n    background: #fff;\n    border-radius: 10px;\n    padding: 30px;\n    border: 1px solid #e5e8ec;\n}\n\n.gtm-why-value-icon { display: none; }\n\n.gtm-why-value-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--gtm-lacivert);\n    text-transform: uppercase;\n    margin: 0 0 10px;\n}\n\n.gtm-why-value-desc {\n    color: var(--gtm-gri-koyu);\n    line-height: 1.6;\n    font-size: 14.5px;\n    margin: 0;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   5. MARKA CAROUSEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-brands {\n    background: #fff;\n    padding: 50px 30px;\n    border-bottom: 1px solid #e5e8ec;\n}\n\n.gtm-brand-label {\n    text-align: center;\n    color: var(--gtm-gri-koyu);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 600;\n    margin-bottom: 28px;\n}\n\n.gtm-brand-track-wrap {\n    overflow: hidden;\n    mask-image: linear-gradient(90deg, transparent, #fff 10%, #fff 90%, transparent);\n}\n\n.gtm-brand-track {\n    display: flex;\n    gap: 50px;\n    animation: gtm-brand-scroll 30s linear infinite;\n    width: max-content;\n    align-items: center;\n}\n\n.gtm-brand-track:hover { animation-play-state: paused; }\n\n@keyframes gtm-brand-scroll {\n    from { transform: translateX(0); }\n    to   { transform: translateX(-50%); }\n}\n\n.gtm-brand-item {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--gtm-gri-koyu);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n    transition: color 0.2s;\n    flex-shrink: 0;\n}\n\n.gtm-brand-item:hover { color: var(--gtm-lacivert); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   6. CTA B\u00d6L\u00dcM\u00dc\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-cta-section {\n    background:\n        linear-gradient(135deg, var(--gtm-lacivert-koyu) 0%, var(--gtm-koyu-yesil) 100%);\n    color: #fff;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-cta-section::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(ellipse 40% 60% at 30% 50%, rgba(0,165,80,0.18) 0%, transparent 60%),\n        radial-gradient(ellipse 40% 60% at 70% 50%, rgba(30,38,24,0.4) 0%, transparent 60%);\n}\n\n.gtm-cta-section .gtm-section { position: relative; z-index: 1; padding: 70px 30px; }\n\n.gtm-cta-tag {\n    display: inline-block;\n    color: var(--gtm-yesil-acik);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    margin-bottom: 16px;\n}\n\n.gtm-cta-title { color: #fff;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 44px;\n    font-weight: 800;\n    text-transform: uppercase;\n    margin: 0 0 14px;\n    line-height: 1.1;\n    letter-spacing: -0.3px;\n}\n\n.gtm-cta-desc {\n    font-size: 17px;\n    color: rgba(255,255,255,0.78);\n    max-width: 640px;\n    margin: 0 auto 30px;\n    line-height: 1.6;\n}\n\n.gtm-cta-btns {\n    display: flex;\n    gap: 14px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1100px) {\n    .gtm-slide-inner { grid-template-columns: 1fr; gap: 30px; }\n    .gtm-slide-card { display: none; }\n    .gtm-cat-grid { grid-template-columns: repeat(2, 1fr); }\n    .gtm-ai-grid { grid-template-columns: repeat(2, 1fr); }\n    .gtm-why-stats { grid-template-columns: repeat(2, 1fr); }\n    .gtm-why-values { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 768px) {\n    .gtm-section { padding: 50px 20px; }\n    .gtm-section-title { font-size: 26px; }\n    .gtm-hero { height: 580px; }\n    .gtm-slide { padding: 0 20px; }\n    .gtm-slide-title { font-size: 38px; }\n    .gtm-slide-desc { font-size: 15px; }\n    .gtm-slide-stats { gap: 16px; }\n    .gtm-slide-stat-num { font-size: 24px; }\n    .gtm-hero-nav { display: none; }\n    .gtm-cat-grid, .gtm-ai-grid, .gtm-why-stats { grid-template-columns: 1fr 1fr; gap: 12px; }\n    .gtm-why-stat-num { font-size: 38px; }\n    .gtm-cta-title { color: #fff; font-size: 30px; }\n    .gtm-brand-item { font-size: 18px; }\n    .gtm-brand-track { gap: 30px; }\n}\n\n@media (max-width: 480px) {\n    .gtm-slide-cta { flex-direction: column; align-items: stretch; }\n    .gtm-btn { justify-content: center; }\n    .gtm-cat-grid, .gtm-ai-grid { grid-template-columns: 1fr; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MINIMAL OVERRIDE \u2014 Kategori & Neden GTM (sade, kurumsal)\n   AI i\u015f y\u00fck\u00fc b\u00f6l\u00fcm\u00fc dokunulmaz (multi-layer korunur)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-cat-card .gtm-icon-wrap,\n.gtm-why-value .gtm-icon-wrap {\n    width: 52px;\n    height: 52px;\n    background: linear-gradient(135deg, rgba(114,182,38,0.07) 0%, rgba(0,165,80,0.08) 100%);\n    border-radius: 14px;\n    margin-bottom: 18px;\n    transition: background 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n    box-shadow: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n\n.gtm-cat-card .gtm-icon-wrap::before,\n.gtm-cat-card .gtm-icon-wrap::after,\n.gtm-why-value .gtm-icon-wrap::before,\n.gtm-why-value .gtm-icon-wrap::after {\n    display: none !important;\n}\n\n.gtm-cat-card .gtm-icon,\n.gtm-why-value .gtm-icon {\n    background: transparent !important;\n    box-shadow: none !important;\n    border-radius: 0;\n    width: auto;\n    height: auto;\n}\n\n.gtm-cat-card .gtm-icon::before,\n.gtm-cat-card .gtm-icon::after,\n.gtm-why-value .gtm-icon::before,\n.gtm-why-value .gtm-icon::after {\n    display: none !important;\n}\n\n.gtm-cat-card .gtm-icon svg,\n.gtm-why-value .gtm-icon svg {\n    width: 26px;\n    height: 26px;\n    color: #2D2D2D;\n    filter: none;\n    stroke-width: 1.7;\n    transition: color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n.gtm-cat-card:hover .gtm-icon-wrap,\n.gtm-why-value:hover .gtm-icon-wrap {\n    background: linear-gradient(135deg, rgba(114,182,38,0.13) 0%, rgba(0,165,80,0.18) 100%);\n    transform: translateY(-3px) rotate(0deg) !important;\n}\n\n.gtm-cat-card:hover .gtm-icon svg,\n.gtm-why-value:hover .gtm-icon svg {\n    color: #5C9A1C;\n    transform: scale(1.1);\n}\n\n\/* Why b\u00f6l\u00fcm\u00fc padding d\u00fc\u015f\u00fcr (art\u0131k ikon k\u00fc\u00e7\u00fck) *\/\n.gtm-why-value {\n    padding: 28px 26px;\n}\n\n\/* (gradient text override kald\u0131r\u0131ld\u0131 \u2014 d\u00fcz renkler korunsun) *\/\n<\/style>\n\n<div class=\"gtm-home\">\n\n  <!-- \u2550\u2550\u2550\u2550 3. AI \u0130\u015e Y\u00dcK\u00dc S\u0130H\u0130RBAZI \u2550\u2550\u2550\u2550 -->\n  <section class=\"gtm-ai-finder\">\n    <div class=\"gtm-section\">\n      <h2 class=\"gtm-section-title\">AI \u0130\u015f Y\u00fck\u00fcn\u00fcze G\u00f6re Sunucu<\/h2>\n      <p class=\"gtm-section-subtitle\">Modelinizin b\u00fcy\u00fckl\u00fc\u011f\u00fcne, kullan\u0131m senaryonuza ve performans hedefinize g\u00f6re do\u011fru GPU sunucusunu bir t\u0131kla bulun.<\/p>\n\n      <div class=\"gtm-ai-grid\">\n        <a href=\"\/b2b\/cozum\/llm-egitimi-70b\/\" class=\"gtm-ai-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M9 4a3 3 0 0 0-3 3v1a3 3 0 0 0-2 2.8V13a3 3 0 0 0 2 2.8V17a3 3 0 0 0 3 3 3 3 0 0 0 3-3V7a3 3 0 0 0-3-3z\"\/><path d=\"M15 4a3 3 0 0 1 3 3v1a3 3 0 0 1 2 2.8V13a3 3 0 0 1-2 2.8V17a3 3 0 0 1-3 3 3 3 0 0 1-3-3\"\/><line x1=\"9\" y1=\"10\" x2=\"6\" y2=\"10\"\/><line x1=\"15\" y1=\"10\" x2=\"18\" y2=\"10\"\/><line x1=\"9\" y1=\"14\" x2=\"6\" y2=\"14\"\/><line x1=\"15\" y1=\"14\" x2=\"18\" y2=\"14\"\/><\/svg>\n            <\/span>\n          <\/span>\n          <h4 class=\"gtm-ai-card-title\">LLM E\u011fitimi 70B+<\/h4>\n          <span class=\"gtm-ai-card-spec\">HGX B300 \/ H200 SXM<\/span>\n          <span class=\"gtm-ai-card-arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/cozum\/llm-egitimi-orta\/\" class=\"gtm-ai-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><circle cx=\"12\" cy=\"12\" r=\"0.7\" fill=\"currentColor\"\/><\/svg>\n            <\/span>\n          <\/span>\n          <h4 class=\"gtm-ai-card-title\">LLM E\u011fitimi 7-30B<\/h4>\n          <span class=\"gtm-ai-card-spec\">H100\/H200 PCIe \u00d74-8<\/span>\n          <span class=\"gtm-ai-card-arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/cozum\/llm-inference\/\" class=\"gtm-ai-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h8l-1 8 10-12h-8l1-8z\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/span>\n          <\/span>\n          <h4 class=\"gtm-ai-card-title\">Inference<\/h4>\n          <span class=\"gtm-ai-card-spec\">L40S \/ H100 NVL<\/span>\n          <span class=\"gtm-ai-card-arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/cozum\/gorsel-uretim\/\" class=\"gtm-ai-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 22C6.48 22 2 17.52 2 12S6.48 2 12 2c4.97 0 9 3.58 9 8 0 2.21-1.79 4-4 4h-1.77c-.28 0-.5.22-.5.5 0 .12.05.23.13.33.41.47.64 1.06.64 1.67A2.5 2.5 0 0 1 13 19c-.55 0-1 .45-1 1v.5c0 .83-.67 1.5-1.5 1.5z\" fill=\"currentColor\" fill-opacity=\"0.15\"\/><path d=\"M12 22C6.48 22 2 17.52 2 12S6.48 2 12 2c4.97 0 9 3.58 9 8 0 2.21-1.79 4-4 4h-1.77c-.28 0-.5.22-.5.5 0 .12.05.23.13.33.41.47.64 1.06.64 1.67A2.5 2.5 0 0 1 13 19c-.55 0-1 .45-1 1v.5c0 .83-.67 1.5-1.5 1.5z\"\/><circle cx=\"7\" cy=\"11\" r=\"1.2\" fill=\"currentColor\"\/><circle cx=\"11.5\" cy=\"7.5\" r=\"1.2\" fill=\"currentColor\"\/><circle cx=\"16.5\" cy=\"9\" r=\"1.2\" fill=\"currentColor\"\/><\/svg>\n            <\/span>\n          <\/span>\n          <h4 class=\"gtm-ai-card-title\">G\u00f6rsel \u00dcretim<\/h4>\n          <span class=\"gtm-ai-card-spec\">RTX PRO 6000 \/ L40S<\/span>\n          <span class=\"gtm-ai-card-arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/cozum\/video-ai\/\" class=\"gtm-ai-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><polygon points=\"10,9 16,12 10,15\" fill=\"currentColor\"\/><\/svg>\n            <\/span>\n          <\/span>\n          <h4 class=\"gtm-ai-card-title\">Video AI<\/h4>\n          <span class=\"gtm-ai-card-spec\">HGX B200 SXM<\/span>\n          <span class=\"gtm-ai-card-arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/cozum\/rag-vector\/\" class=\"gtm-ai-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.5\" y2=\"16.5\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><\/svg>\n            <\/span>\n          <\/span>\n          <h4 class=\"gtm-ai-card-title\">RAG \/ Vector DB<\/h4>\n          <span class=\"gtm-ai-card-spec\">L40S \/ H100 NVL<\/span>\n          <span class=\"gtm-ai-card-arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/cozum\/edge-ai\/\" class=\"gtm-ai-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s-7-6.5-7-12a7 7 0 0 1 14 0c0 5.5-7 12-7 12z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>\n            <\/span>\n          <\/span>\n          <h4 class=\"gtm-ai-card-title\">Edge AI<\/h4>\n          <span class=\"gtm-ai-card-spec\">L4 \/ T4 \/ RTX 4500<\/span>\n          <span class=\"gtm-ai-card-arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"\/b2b\/cozum\/ai-workstation\/\" class=\"gtm-ai-card\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"1.5\"\/><line x1=\"2\" y1=\"20\" x2=\"22\" y2=\"20\"\/><line x1=\"8\" y1=\"20\" x2=\"8\" y2=\"16\"\/><line x1=\"16\" y1=\"20\" x2=\"16\" y2=\"16\"\/><\/svg>\n            <\/span>\n          <\/span>\n          <h4 class=\"gtm-ai-card-title\">AI Workstation<\/h4>\n          <span class=\"gtm-ai-card-spec\">RTX PRO 5000\/6000<\/span>\n          <span class=\"gtm-ai-card-arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<\/div>\n\n\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GTM ANASAYFA \u2014 B\u00d6L\u00dcM 4\/5: NEDEN GTM TEKNOLOJ\u0130\n   Ba\u011f\u0131ms\u0131z blok. Elementor HTML widget i\u00e7ine yap\u0131\u015ft\u0131r\u0131labilir.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550 DE\u011e\u0130\u015eKENLER \u2550\u2550\u2550\u2550 *\/\n:root {\n    --gtm-lacivert: #2D2D2D;\n    --gtm-lacivert-koyu: #14180F;\n    --gtm-lacivert-orta: #1E2618;\n    --gtm-kirmizi: #72B626;\n    --gtm-yesil: #5C9A1C;\n    --gtm-yesil-acik: #84CF2C;\n    --gtm-koyu-yesil: #0D2B1A;\n    --gtm-gri: #f7f9fc;\n    --gtm-gri-koyu: #5a6b7a;\n    --gtm-text: #1a1a1a;\n}\n\n\/* \u2550\u2550\u2550\u2550 GENEL \u2550\u2550\u2550\u2550 *\/\n.gtm-home {\n    font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--gtm-text);\n    margin: 0 calc(-1 * (100vw - 100%) \/ 2);\n}\n\n.gtm-section {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 80px 30px;\n}\n\n.gtm-section-title {\n    font-family: 'Barlow Condensed', 'Impact', sans-serif;\n    font-size: 36px;\n    font-weight: 800;\n    color: var(--gtm-lacivert);\n    text-transform: uppercase;\n    letter-spacing: -0.3px;\n    margin: 0 0 12px;\n    line-height: 1.1;\n}\n\n.gtm-section-subtitle {\n    color: var(--gtm-gri-koyu);\n    font-size: 16px;\n    max-width: 600px;\n    margin: 0 0 40px;\n    line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   1. HERO SLIDER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-hero {\n    position: relative;\n    height: 640px;\n    overflow: hidden;\n    background: var(--gtm-lacivert-koyu);\n}\n\n.gtm-hero-track {\n    position: relative;\n    width: 100%;\n    height: 100%;\n}\n\n.gtm-slide {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease, visibility 0s linear 0.8s;\n    padding: 0 60px;\n}\n\n.gtm-slide.active {\n    opacity: 1;\n    visibility: visible;\n    transition: opacity 0.8s ease, visibility 0s linear 0s;\n}\n\n.gtm-slide-bg {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n    z-index: 0;\n}\n\n.gtm-slide.active .gtm-slide-bg {\n    animation: gtm-ken-burns 8s ease-out forwards;\n}\n\n@keyframes gtm-ken-burns {\n    from { transform: scale(1); }\n    to   { transform: scale(1.08); }\n}\n\n.gtm-slide-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n}\n\n.gtm-slide-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 1280px;\n    width: 100%;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.gtm-slide-content {\n    color: #fff;\n}\n\n.gtm-slide.active .gtm-slide-content > * {\n    animation: gtm-slide-up 0.7s ease-out backwards;\n}\n.gtm-slide.active .gtm-slide-content > *:nth-child(1) { animation-delay: 0.2s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(2) { animation-delay: 0.35s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(3) { animation-delay: 0.5s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(4) { animation-delay: 0.65s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(5) { animation-delay: 0.8s; }\n\n@keyframes gtm-slide-up {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n.gtm-slide-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(0,165,80,0.15);\n    border: 1px solid rgba(0,165,80,0.4);\n    color: var(--gtm-yesil-acik);\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    padding: 6px 14px;\n    border-radius: 99px;\n    margin-bottom: 18px;\n}\n\n.gtm-slide-tag::before {\n    content: '';\n    width: 7px; height: 7px;\n    background: var(--gtm-yesil-acik);\n    border-radius: 50%;\n    animation: gtm-pulse 2s infinite;\n}\n\n@keyframes gtm-pulse {\n    0%,100% { opacity: 1; }\n    50% { opacity: 0.4; }\n}\n\n.gtm-slide-title {\n    font-family: 'Barlow Condensed', 'Impact', sans-serif;\n    font-size: 64px;\n    font-weight: 800;\n    line-height: 1.0;\n    text-transform: uppercase;\n    margin: 0 0 16px;\n    letter-spacing: -0.5px;\n    color: #FFFFFF !important;\n}\n\n.gtm-slide-title em {\n    font-style: normal;\n    color: #FFFFFF !important;\n    background: linear-gradient(135deg, var(--gtm-yesil-acik) 0%, #4DFF8A 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    text-shadow: 0 2px 12px rgba(0,192,96,0.35);\n}\n\n.gtm-slide-desc {\n    font-size: 17px;\n    line-height: 1.6;\n    color: rgba(255,255,255,0.78);\n    margin: 0 0 30px;\n    max-width: 540px;\n}\n\n.gtm-slide-stats {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 30px;\n}\n\n.gtm-slide-stat {\n    border-left: 2px solid var(--gtm-yesil-acik);\n    padding-left: 14px;\n}\n\n.gtm-slide-stat-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 32px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 1;\n}\n\n.gtm-slide-stat-lbl {\n    font-size: 11px;\n    color: rgba(255,255,255,0.55);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-top: 4px;\n}\n\n.gtm-slide-cta {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.gtm-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 28px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    text-decoration: none !important;\n    border-radius: 4px;\n    border: none;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.gtm-btn-primary {\n    background: var(--gtm-yesil);\n    color: #fff !important;\n}\n.gtm-btn-primary:hover { background: var(--gtm-yesil-acik); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,165,80,0.4); }\n\n.gtm-btn-outline {\n    background: transparent;\n    color: #fff !important;\n    border: 1.5px solid rgba(255,255,255,0.4);\n}\n.gtm-btn-outline:hover { border-color: var(--gtm-yesil-acik); color: var(--gtm-yesil-acik) !important; }\n\n.gtm-btn-red {\n    background: var(--gtm-kirmizi);\n    color: #fff !important;\n}\n.gtm-btn-red:hover { background: #b91d26; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(210,38,48,0.4); }\n\n\/* Sa\u011f panel \u2014 teknik kart *\/\n.gtm-slide-card {\n    background: rgba(30,38,24,0.55);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 12px;\n    padding: 28px;\n    color: #fff;\n}\n\n.gtm-slide.active .gtm-slide-card {\n    animation: gtm-slide-up 0.7s ease-out 0.5s backwards;\n}\n\n.gtm-slide-card-title {\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1.4px;\n    color: var(--gtm-yesil-acik);\n    font-weight: 700;\n    margin: 0 0 14px;\n}\n\n.gtm-spec-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.gtm-spec-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    padding-bottom: 10px;\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n    font-size: 13px;\n}\n\n.gtm-spec-row:last-child { border-bottom: none; padding-bottom: 0; }\n\n.gtm-spec-label {\n    color: rgba(255,255,255,0.6);\n}\n\n.gtm-spec-value {\n    font-weight: 600;\n    color: #fff;\n    text-align: right;\n}\n\n.gtm-spec-value em {\n    font-style: normal;\n    color: var(--gtm-yesil-acik);\n}\n\n\/* Slider controls *\/\n.gtm-hero-controls {\n    position: absolute;\n    bottom: 30px;\n    left: 0;\n    right: 0;\n    z-index: 10;\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    padding: 0 30px;\n}\n\n.gtm-hero-dot {\n    width: 36px;\n    height: 4px;\n    background: rgba(255,255,255,0.3);\n    border: none;\n    cursor: pointer;\n    border-radius: 2px;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    padding: 0;\n}\n\n.gtm-hero-dot:hover { background: rgba(255,255,255,0.5); }\n\n.gtm-hero-dot.active {\n    background: rgba(255,255,255,0.2);\n    width: 60px;\n}\n\n.gtm-hero-dot.active::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--gtm-yesil-acik);\n    animation: gtm-progress 6s linear forwards;\n    transform-origin: left;\n}\n\n@keyframes gtm-progress {\n    from { transform: scaleX(0); }\n    to   { transform: scaleX(1); }\n}\n\n.gtm-hero-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 10;\n    width: 48px;\n    height: 48px;\n    background: rgba(255,255,255,0.08);\n    backdrop-filter: blur(8px);\n    border: 1px solid rgba(255,255,255,0.15);\n    color: #fff;\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.gtm-hero-nav:hover { background: var(--gtm-yesil); border-color: var(--gtm-yesil); }\n.gtm-hero-prev { left: 24px; }\n.gtm-hero-next { right: 24px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   2. KATEGOR\u0130LER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-categories {\n    background: #fff;\n}\n\n.gtm-cat-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 22px;\n}\n\n.gtm-cat-card {\n    display: block;\n    background: #fff;\n    border: 1px solid #e8edf2;\n    border-radius: 14px;\n    padding: 28px 24px;\n    text-decoration: none !important;\n    color: inherit;\n    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-cat-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--gtm-yesil) 0%, var(--gtm-yesil-acik) 100%);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s ease;\n}\n\n.gtm-cat-card::after {\n    content: '';\n    position: absolute;\n    bottom: -60%;\n    right: -60%;\n    width: 240px;\n    height: 240px;\n    background: radial-gradient(circle, rgba(0,165,80,0.06) 0%, transparent 70%);\n    transition: all 0.4s ease;\n    pointer-events: none;\n}\n\n.gtm-cat-card:hover {\n    border-color: var(--gtm-lacivert);\n    transform: translateY(-6px);\n    box-shadow: 0 18px 40px rgba(114,182,38,0.10);\n}\n\n.gtm-cat-card:hover::before { transform: scaleX(1); }\n.gtm-cat-card:hover::after { bottom: -40%; right: -40%; }\n\n\/* \u2550\u2550\u2550\u2550 Modern iOS-tarz\u0131 multi-layer icon \u2550\u2550\u2550\u2550 *\/\n.gtm-icon-wrap {\n    position: relative;\n    width: 76px;\n    height: 76px;\n    margin-bottom: 24px;\n    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Arkadaki \u015feffaf katmanlar \u2014 derinlik hissi *\/\n.gtm-icon-wrap::before,\n.gtm-icon-wrap::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: 22%;\n    background: var(--gtm-icon-bg, linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 100%));\n    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s ease;\n    pointer-events: none;\n}\n.gtm-icon-wrap::before {\n    transform: translate(7px, 7px) scale(0.92);\n    opacity: 0.18;\n    filter: blur(0.5px);\n}\n.gtm-icon-wrap::after {\n    transform: translate(3px, 3px) scale(0.96);\n    opacity: 0.42;\n}\n\n\/* \u00d6n kart \u2014 ger\u00e7ek icon container *\/\n.gtm-icon {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border-radius: 22%;\n    background: var(--gtm-icon-bg, linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 50%, #2D2D2D 100%));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    box-shadow:\n        inset 0 1px 0 rgba(255,255,255,0.28),\n        inset 0 -2px 12px rgba(0,0,0,0.22),\n        0 10px 28px rgba(114,182,38,0.22),\n        0 0 0 1px rgba(255,255,255,0.04);\n    z-index: 1;\n}\n\n\/* Grid pattern overlay (Apple iOS app icon stili) *\/\n.gtm-icon::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);\n    background-size: 11px 11px;\n    pointer-events: none;\n}\n\n\/* Sol \u00fcstte parlak highlight *\/\n.gtm-icon::after {\n    content: '';\n    position: absolute;\n    top: -25%;\n    left: -25%;\n    width: 80%;\n    height: 80%;\n    background: radial-gradient(circle, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.08) 30%, transparent 65%);\n    pointer-events: none;\n    transition: opacity 0.35s ease;\n}\n\n.gtm-icon svg {\n    position: relative;\n    z-index: 1;\n    width: 38px;\n    height: 38px;\n    color: #fff;\n    stroke-width: 1.6;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25));\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Renk varyasyonlar\u0131 *\/\n.gtm-icon-wrap--primary   { --gtm-icon-bg: linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 50%, #2D2D2D 100%); }\n.gtm-icon-wrap--secondary { --gtm-icon-bg: linear-gradient(135deg, #5C9A1C 0%, #84CF2C 50%, #008f44 100%); }\n.gtm-icon-wrap--accent    { --gtm-icon-bg: linear-gradient(135deg, #1E2618 0%, #2D2D2D 50%, #4A7D16 100%); }\n.gtm-icon-wrap--red       { --gtm-icon-bg: linear-gradient(135deg, #8b1820 0%, #72B626 50%, #a01d26 100%); }\n\n\/* Hover \u2014 katmanlar a\u00e7\u0131l\u0131r, \u00f6n kart hafif\u00e7e y\u00fckselir *\/\n.gtm-cat-card:hover .gtm-icon-wrap,\n.gtm-ai-card:hover .gtm-icon-wrap,\n.gtm-why-value:hover .gtm-icon-wrap {\n    transform: translateY(-3px) rotate(-3deg);\n}\n.gtm-cat-card:hover .gtm-icon-wrap::before,\n.gtm-ai-card:hover .gtm-icon-wrap::before,\n.gtm-why-value:hover .gtm-icon-wrap::before {\n    transform: translate(12px, 12px) scale(0.88);\n    opacity: 0.28;\n}\n.gtm-cat-card:hover .gtm-icon-wrap::after,\n.gtm-ai-card:hover .gtm-icon-wrap::after,\n.gtm-why-value:hover .gtm-icon-wrap::after {\n    transform: translate(6px, 6px) scale(0.94);\n    opacity: 0.55;\n}\n.gtm-cat-card:hover .gtm-icon svg,\n.gtm-ai-card:hover .gtm-icon svg,\n.gtm-why-value:hover .gtm-icon svg {\n    transform: scale(1.08);\n}\n\n\/* Eski .gtm-cat-icon class'\u0131 i\u00e7in backward-compat (HTML de\u011fi\u015firken) *\/\n.gtm-cat-icon { display: none; }\n\n\/* AI card i\u00e7inde icon daha k\u00fc\u00e7\u00fck (kart boyutuna uygun) *\/\n.gtm-ai-card .gtm-icon-wrap { width: 56px; height: 56px; margin-bottom: 14px; }\n.gtm-ai-card .gtm-icon svg { width: 28px; height: 28px; }\n.gtm-ai-card .gtm-icon::before { background-size: 9px 9px; }\n\n\/* Why icon orta boy *\/\n.gtm-why-value .gtm-icon-wrap { width: 68px; height: 68px; margin-bottom: 20px; }\n.gtm-why-value .gtm-icon svg { width: 34px; height: 34px; }\n\n.gtm-cat-name {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--gtm-lacivert);\n    margin: 0 0 8px;\n    text-transform: uppercase;\n    letter-spacing: -0.2px;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-desc {\n    font-size: 13px;\n    color: var(--gtm-gri-koyu);\n    line-height: 1.55;\n    margin: 0 0 18px;\n    min-height: 40px;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-link {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--gtm-kirmizi);\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    transition: gap 0.25s ease;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-card:hover .gtm-cat-link { gap: 10px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   3. AI \u0130\u015e Y\u00dcK\u00dc S\u0130H\u0130RBAZI\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-ai-finder {\n    background: linear-gradient(135deg, var(--gtm-lacivert-koyu) 0%, var(--gtm-lacivert-orta) 100%);\n    color: #fff;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-ai-finder::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(ellipse 50% 60% at 80% 30%, rgba(0,165,80,0.15) 0%, transparent 70%),\n        radial-gradient(ellipse 60% 80% at 20% 70%, rgba(210,38,48,0.08) 0%, transparent 60%);\n}\n\n.gtm-ai-finder .gtm-section { position: relative; z-index: 1; }\n\n.gtm-ai-finder .gtm-section-title { color: #fff; }\n.gtm-ai-finder .gtm-section-subtitle { color: rgba(255,255,255,0.7); }\n\n.gtm-ai-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n}\n\n.gtm-ai-card {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 10px;\n    padding: 24px 20px;\n    text-decoration: none !important;\n    color: #fff;\n    transition: all 0.25s ease;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.gtm-ai-card:hover {\n    background: rgba(0,165,80,0.1);\n    border-color: var(--gtm-yesil-acik);\n    transform: translateY(-3px);\n}\n\n.gtm-ai-card-icon { display: none; }\n\n.gtm-ai-card-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 18px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #fff;\n    margin: 0;\n}\n\n.gtm-ai-card-spec {\n    font-size: 12px;\n    color: var(--gtm-yesil-acik);\n    font-weight: 600;\n    margin: auto 0 0;\n}\n\n.gtm-ai-card-arrow {\n    color: rgba(255,255,255,0.5);\n    font-size: 18px;\n    transition: transform 0.2s;\n}\n\n.gtm-ai-card:hover .gtm-ai-card-arrow { transform: translateX(4px); color: var(--gtm-yesil-acik); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   4. NEDEN GTM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-why {\n    background: var(--gtm-gri);\n    border-top: 1px solid #e5e8ec;\n    border-bottom: 1px solid #e5e8ec;\n}\n\n.gtm-why-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    margin-bottom: 60px;\n}\n\n.gtm-why-stat {\n    text-align: center;\n}\n\n.gtm-why-stat-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 56px;\n    font-weight: 800;\n    color: var(--gtm-lacivert);\n    line-height: 1;\n    margin-bottom: 8px;\n}\n\n.gtm-why-stat-num em {\n    font-style: normal;\n    color: var(--gtm-yesil);\n}\n\n.gtm-why-stat-lbl {\n    color: var(--gtm-gri-koyu);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-weight: 600;\n}\n\n.gtm-why-values {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.gtm-why-value {\n    background: #fff;\n    border-radius: 10px;\n    padding: 30px;\n    border: 1px solid #e5e8ec;\n}\n\n.gtm-why-value-icon { display: none; }\n\n.gtm-why-value-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--gtm-lacivert);\n    text-transform: uppercase;\n    margin: 0 0 10px;\n}\n\n.gtm-why-value-desc {\n    color: var(--gtm-gri-koyu);\n    line-height: 1.6;\n    font-size: 14.5px;\n    margin: 0;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   5. MARKA CAROUSEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-brands {\n    background: #fff;\n    padding: 50px 30px;\n    border-bottom: 1px solid #e5e8ec;\n}\n\n.gtm-brand-label {\n    text-align: center;\n    color: var(--gtm-gri-koyu);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 600;\n    margin-bottom: 28px;\n}\n\n.gtm-brand-track-wrap {\n    overflow: hidden;\n    mask-image: linear-gradient(90deg, transparent, #fff 10%, #fff 90%, transparent);\n}\n\n.gtm-brand-track {\n    display: flex;\n    gap: 50px;\n    animation: gtm-brand-scroll 30s linear infinite;\n    width: max-content;\n    align-items: center;\n}\n\n.gtm-brand-track:hover { animation-play-state: paused; }\n\n@keyframes gtm-brand-scroll {\n    from { transform: translateX(0); }\n    to   { transform: translateX(-50%); }\n}\n\n.gtm-brand-item {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--gtm-gri-koyu);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n    transition: color 0.2s;\n    flex-shrink: 0;\n}\n\n.gtm-brand-item:hover { color: var(--gtm-lacivert); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   6. CTA B\u00d6L\u00dcM\u00dc\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-cta-section {\n    background:\n        linear-gradient(135deg, var(--gtm-lacivert-koyu) 0%, var(--gtm-koyu-yesil) 100%);\n    color: #fff;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-cta-section::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(ellipse 40% 60% at 30% 50%, rgba(0,165,80,0.18) 0%, transparent 60%),\n        radial-gradient(ellipse 40% 60% at 70% 50%, rgba(30,38,24,0.4) 0%, transparent 60%);\n}\n\n.gtm-cta-section .gtm-section { position: relative; z-index: 1; padding: 70px 30px; }\n\n.gtm-cta-tag {\n    display: inline-block;\n    color: var(--gtm-yesil-acik);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    margin-bottom: 16px;\n}\n\n.gtm-cta-title { color: #fff;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 44px;\n    font-weight: 800;\n    text-transform: uppercase;\n    margin: 0 0 14px;\n    line-height: 1.1;\n    letter-spacing: -0.3px;\n}\n\n.gtm-cta-desc {\n    font-size: 17px;\n    color: rgba(255,255,255,0.78);\n    max-width: 640px;\n    margin: 0 auto 30px;\n    line-height: 1.6;\n}\n\n.gtm-cta-btns {\n    display: flex;\n    gap: 14px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1100px) {\n    .gtm-slide-inner { grid-template-columns: 1fr; gap: 30px; }\n    .gtm-slide-card { display: none; }\n    .gtm-cat-grid { grid-template-columns: repeat(2, 1fr); }\n    .gtm-ai-grid { grid-template-columns: repeat(2, 1fr); }\n    .gtm-why-stats { grid-template-columns: repeat(2, 1fr); }\n    .gtm-why-values { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 768px) {\n    .gtm-section { padding: 50px 20px; }\n    .gtm-section-title { font-size: 26px; }\n    .gtm-hero { height: 580px; }\n    .gtm-slide { padding: 0 20px; }\n    .gtm-slide-title { font-size: 38px; }\n    .gtm-slide-desc { font-size: 15px; }\n    .gtm-slide-stats { gap: 16px; }\n    .gtm-slide-stat-num { font-size: 24px; }\n    .gtm-hero-nav { display: none; }\n    .gtm-cat-grid, .gtm-ai-grid, .gtm-why-stats { grid-template-columns: 1fr 1fr; gap: 12px; }\n    .gtm-why-stat-num { font-size: 38px; }\n    .gtm-cta-title { color: #fff; font-size: 30px; }\n    .gtm-brand-item { font-size: 18px; }\n    .gtm-brand-track { gap: 30px; }\n}\n\n@media (max-width: 480px) {\n    .gtm-slide-cta { flex-direction: column; align-items: stretch; }\n    .gtm-btn { justify-content: center; }\n    .gtm-cat-grid, .gtm-ai-grid { grid-template-columns: 1fr; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MINIMAL OVERRIDE \u2014 Kategori & Neden GTM (sade, kurumsal)\n   AI i\u015f y\u00fck\u00fc b\u00f6l\u00fcm\u00fc dokunulmaz (multi-layer korunur)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-cat-card .gtm-icon-wrap,\n.gtm-why-value .gtm-icon-wrap {\n    width: 52px;\n    height: 52px;\n    background: linear-gradient(135deg, rgba(114,182,38,0.07) 0%, rgba(0,165,80,0.08) 100%);\n    border-radius: 14px;\n    margin-bottom: 18px;\n    transition: background 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n    box-shadow: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n\n.gtm-cat-card .gtm-icon-wrap::before,\n.gtm-cat-card .gtm-icon-wrap::after,\n.gtm-why-value .gtm-icon-wrap::before,\n.gtm-why-value .gtm-icon-wrap::after {\n    display: none !important;\n}\n\n.gtm-cat-card .gtm-icon,\n.gtm-why-value .gtm-icon {\n    background: transparent !important;\n    box-shadow: none !important;\n    border-radius: 0;\n    width: auto;\n    height: auto;\n}\n\n.gtm-cat-card .gtm-icon::before,\n.gtm-cat-card .gtm-icon::after,\n.gtm-why-value .gtm-icon::before,\n.gtm-why-value .gtm-icon::after {\n    display: none !important;\n}\n\n.gtm-cat-card .gtm-icon svg,\n.gtm-why-value .gtm-icon svg {\n    width: 26px;\n    height: 26px;\n    color: #2D2D2D;\n    filter: none;\n    stroke-width: 1.7;\n    transition: color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n.gtm-cat-card:hover .gtm-icon-wrap,\n.gtm-why-value:hover .gtm-icon-wrap {\n    background: linear-gradient(135deg, rgba(114,182,38,0.13) 0%, rgba(0,165,80,0.18) 100%);\n    transform: translateY(-3px) rotate(0deg) !important;\n}\n\n.gtm-cat-card:hover .gtm-icon svg,\n.gtm-why-value:hover .gtm-icon svg {\n    color: #5C9A1C;\n    transform: scale(1.1);\n}\n\n\/* Why b\u00f6l\u00fcm\u00fc padding d\u00fc\u015f\u00fcr (art\u0131k ikon k\u00fc\u00e7\u00fck) *\/\n.gtm-why-value {\n    padding: 28px 26px;\n}\n\n\/* (gradient text override kald\u0131r\u0131ld\u0131 \u2014 d\u00fcz renkler korunsun) *\/\n<\/style>\n\n<div class=\"gtm-home\">\n\n  <!-- \u2550\u2550\u2550\u2550 4. NEDEN GTM \u2550\u2550\u2550\u2550 -->\n  <section class=\"gtm-why\">\n    <div class=\"gtm-section\">\n      <h2 class=\"gtm-section-title\">Neden GTM Teknoloji<\/h2>\n      <p class=\"gtm-section-subtitle\">Tedarik\u00e7i de\u011fil, \u00e7\u00f6z\u00fcm orta\u011f\u0131. Demo sunucudan \u00fcretim ortam\u0131na ge\u00e7i\u015fe kadar yan\u0131n\u0131zday\u0131z.<\/p>\n\n      <div class=\"gtm-why-stats\">\n        <div class=\"gtm-why-stat\">\n          <div class=\"gtm-why-stat-num\">15<em>+<\/em><\/div>\n          <div class=\"gtm-why-stat-lbl\">Y\u0131ll\u0131k Deneyim<\/div>\n        <\/div>\n        <div class=\"gtm-why-stat\">\n          <div class=\"gtm-why-stat-num\">500<em>+<\/em><\/div>\n          <div class=\"gtm-why-stat-lbl\">Kurumsal M\u00fc\u015fteri<\/div>\n        <\/div>\n        <div class=\"gtm-why-stat\">\n          <div class=\"gtm-why-stat-num\">15<em>K+<\/em><\/div>\n          <div class=\"gtm-why-stat-lbl\">Sevk Edilen Sistem<\/div>\n        <\/div>\n        <div class=\"gtm-why-stat\">\n          <div class=\"gtm-why-stat-num\">24<em>\/7<\/em><\/div>\n          <div class=\"gtm-why-stat-lbl\">Teknik Destek<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"gtm-why-values\">\n        <div class=\"gtm-why-value\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--primary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27,6.96 12,12.01 20.73,6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\n            <\/span>\n          <\/span>\n          <h3 class=\"gtm-why-value-title\">Yerel Stok<\/h3>\n          <p class=\"gtm-why-value-desc\">Supermicro, NVIDIA ve Magnetar \u00fcr\u00fcnleri \u0130stanbul depomuzda. Standart konfig\u00fcrasyonlar 24 saat i\u00e7inde sevkiyatta.<\/p>\n        <\/div>\n        <div class=\"gtm-why-value\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--accent\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n            <\/span>\n          <\/span>\n          <h3 class=\"gtm-why-value-title\">M\u00fchendis Deste\u011fi<\/h3>\n          <p class=\"gtm-why-value-desc\">Sertifikal\u0131 ekip; konfig\u00fcrasyon, kurulum, Proxmox\/Ceph cluster tasar\u0131m\u0131, AI altyap\u0131 planlamas\u0131. Sat\u0131\u015f sonras\u0131 7\/24 destek.<\/p>\n        <\/div>\n        <div class=\"gtm-why-value\">\n          <span class=\"gtm-icon-wrap gtm-icon-wrap--secondary\">\n            <span class=\"gtm-icon\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"9\" r=\"6.5\"\/><circle cx=\"12\" cy=\"9\" r=\"3\"\/><path d=\"M8.5 14.5L6 22l6-3 6 3-2.5-7.5\"\/><\/svg>\n            <\/span>\n          <\/span>\n          <h3 class=\"gtm-why-value-title\">Yetkili Ortakl\u0131klar<\/h3>\n          <p class=\"gtm-why-value-desc\">Supermicro T\u00fcrkiye Distrib\u00fct\u00f6r\u00fc, NVIDIA NPN Partner, Proxmox Silver Partner \u2014 orijinal garanti, do\u011frudan \u00fcretici deste\u011fi.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n<\/div>\n\n\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GTM ANASAYFA \u2014 B\u00d6L\u00dcM 5\/5: \u0130\u015e ORTAKLARIMIZ + TEKL\u0130F \u0130STE (CTA)\n   Ba\u011f\u0131ms\u0131z blok. Elementor HTML widget i\u00e7ine yap\u0131\u015ft\u0131r\u0131labilir.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550 DE\u011e\u0130\u015eKENLER \u2550\u2550\u2550\u2550 *\/\n:root {\n    --gtm-lacivert: #2D2D2D;\n    --gtm-lacivert-koyu: #14180F;\n    --gtm-lacivert-orta: #1E2618;\n    --gtm-kirmizi: #72B626;\n    --gtm-yesil: #5C9A1C;\n    --gtm-yesil-acik: #84CF2C;\n    --gtm-koyu-yesil: #0D2B1A;\n    --gtm-gri: #f7f9fc;\n    --gtm-gri-koyu: #5a6b7a;\n    --gtm-text: #1a1a1a;\n}\n\n\/* \u2550\u2550\u2550\u2550 GENEL \u2550\u2550\u2550\u2550 *\/\n.gtm-home {\n    font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--gtm-text);\n    margin: 0 calc(-1 * (100vw - 100%) \/ 2);\n}\n\n.gtm-section {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 80px 30px;\n}\n\n.gtm-section-title {\n    font-family: 'Barlow Condensed', 'Impact', sans-serif;\n    font-size: 36px;\n    font-weight: 800;\n    color: var(--gtm-lacivert);\n    text-transform: uppercase;\n    letter-spacing: -0.3px;\n    margin: 0 0 12px;\n    line-height: 1.1;\n}\n\n.gtm-section-subtitle {\n    color: var(--gtm-gri-koyu);\n    font-size: 16px;\n    max-width: 600px;\n    margin: 0 0 40px;\n    line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   1. HERO SLIDER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-hero {\n    position: relative;\n    height: 640px;\n    overflow: hidden;\n    background: var(--gtm-lacivert-koyu);\n}\n\n.gtm-hero-track {\n    position: relative;\n    width: 100%;\n    height: 100%;\n}\n\n.gtm-slide {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.8s ease, visibility 0s linear 0.8s;\n    padding: 0 60px;\n}\n\n.gtm-slide.active {\n    opacity: 1;\n    visibility: visible;\n    transition: opacity 0.8s ease, visibility 0s linear 0s;\n}\n\n.gtm-slide-bg {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n    z-index: 0;\n}\n\n.gtm-slide.active .gtm-slide-bg {\n    animation: gtm-ken-burns 8s ease-out forwards;\n}\n\n@keyframes gtm-ken-burns {\n    from { transform: scale(1); }\n    to   { transform: scale(1.08); }\n}\n\n.gtm-slide-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n}\n\n.gtm-slide-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 1280px;\n    width: 100%;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.gtm-slide-content {\n    color: #fff;\n}\n\n.gtm-slide.active .gtm-slide-content > * {\n    animation: gtm-slide-up 0.7s ease-out backwards;\n}\n.gtm-slide.active .gtm-slide-content > *:nth-child(1) { animation-delay: 0.2s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(2) { animation-delay: 0.35s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(3) { animation-delay: 0.5s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(4) { animation-delay: 0.65s; }\n.gtm-slide.active .gtm-slide-content > *:nth-child(5) { animation-delay: 0.8s; }\n\n@keyframes gtm-slide-up {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n.gtm-slide-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(0,165,80,0.15);\n    border: 1px solid rgba(0,165,80,0.4);\n    color: var(--gtm-yesil-acik);\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    padding: 6px 14px;\n    border-radius: 99px;\n    margin-bottom: 18px;\n}\n\n.gtm-slide-tag::before {\n    content: '';\n    width: 7px; height: 7px;\n    background: var(--gtm-yesil-acik);\n    border-radius: 50%;\n    animation: gtm-pulse 2s infinite;\n}\n\n@keyframes gtm-pulse {\n    0%,100% { opacity: 1; }\n    50% { opacity: 0.4; }\n}\n\n.gtm-slide-title {\n    font-family: 'Barlow Condensed', 'Impact', sans-serif;\n    font-size: 64px;\n    font-weight: 800;\n    line-height: 1.0;\n    text-transform: uppercase;\n    margin: 0 0 16px;\n    letter-spacing: -0.5px;\n    color: #FFFFFF !important;\n}\n\n.gtm-slide-title em {\n    font-style: normal;\n    color: #FFFFFF !important;\n    background: linear-gradient(135deg, var(--gtm-yesil-acik) 0%, #4DFF8A 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    text-shadow: 0 2px 12px rgba(0,192,96,0.35);\n}\n\n.gtm-slide-desc {\n    font-size: 17px;\n    line-height: 1.6;\n    color: rgba(255,255,255,0.78);\n    margin: 0 0 30px;\n    max-width: 540px;\n}\n\n.gtm-slide-stats {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 30px;\n}\n\n.gtm-slide-stat {\n    border-left: 2px solid var(--gtm-yesil-acik);\n    padding-left: 14px;\n}\n\n.gtm-slide-stat-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 32px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 1;\n}\n\n.gtm-slide-stat-lbl {\n    font-size: 11px;\n    color: rgba(255,255,255,0.55);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-top: 4px;\n}\n\n.gtm-slide-cta {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.gtm-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 28px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    text-decoration: none !important;\n    border-radius: 4px;\n    border: none;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.gtm-btn-primary {\n    background: var(--gtm-yesil);\n    color: #fff !important;\n}\n.gtm-btn-primary:hover { background: var(--gtm-yesil-acik); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,165,80,0.4); }\n\n.gtm-btn-outline {\n    background: transparent;\n    color: #fff !important;\n    border: 1.5px solid rgba(255,255,255,0.4);\n}\n.gtm-btn-outline:hover { border-color: var(--gtm-yesil-acik); color: var(--gtm-yesil-acik) !important; }\n\n.gtm-btn-red {\n    background: var(--gtm-kirmizi);\n    color: #fff !important;\n}\n.gtm-btn-red:hover { background: #b91d26; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(210,38,48,0.4); }\n\n\/* Sa\u011f panel \u2014 teknik kart *\/\n.gtm-slide-card {\n    background: rgba(30,38,24,0.55);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 12px;\n    padding: 28px;\n    color: #fff;\n}\n\n.gtm-slide.active .gtm-slide-card {\n    animation: gtm-slide-up 0.7s ease-out 0.5s backwards;\n}\n\n.gtm-slide-card-title {\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1.4px;\n    color: var(--gtm-yesil-acik);\n    font-weight: 700;\n    margin: 0 0 14px;\n}\n\n.gtm-spec-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.gtm-spec-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    padding-bottom: 10px;\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n    font-size: 13px;\n}\n\n.gtm-spec-row:last-child { border-bottom: none; padding-bottom: 0; }\n\n.gtm-spec-label {\n    color: rgba(255,255,255,0.6);\n}\n\n.gtm-spec-value {\n    font-weight: 600;\n    color: #fff;\n    text-align: right;\n}\n\n.gtm-spec-value em {\n    font-style: normal;\n    color: var(--gtm-yesil-acik);\n}\n\n\/* Slider controls *\/\n.gtm-hero-controls {\n    position: absolute;\n    bottom: 30px;\n    left: 0;\n    right: 0;\n    z-index: 10;\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    padding: 0 30px;\n}\n\n.gtm-hero-dot {\n    width: 36px;\n    height: 4px;\n    background: rgba(255,255,255,0.3);\n    border: none;\n    cursor: pointer;\n    border-radius: 2px;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    padding: 0;\n}\n\n.gtm-hero-dot:hover { background: rgba(255,255,255,0.5); }\n\n.gtm-hero-dot.active {\n    background: rgba(255,255,255,0.2);\n    width: 60px;\n}\n\n.gtm-hero-dot.active::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--gtm-yesil-acik);\n    animation: gtm-progress 6s linear forwards;\n    transform-origin: left;\n}\n\n@keyframes gtm-progress {\n    from { transform: scaleX(0); }\n    to   { transform: scaleX(1); }\n}\n\n.gtm-hero-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 10;\n    width: 48px;\n    height: 48px;\n    background: rgba(255,255,255,0.08);\n    backdrop-filter: blur(8px);\n    border: 1px solid rgba(255,255,255,0.15);\n    color: #fff;\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.gtm-hero-nav:hover { background: var(--gtm-yesil); border-color: var(--gtm-yesil); }\n.gtm-hero-prev { left: 24px; }\n.gtm-hero-next { right: 24px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   2. KATEGOR\u0130LER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-categories {\n    background: #fff;\n}\n\n.gtm-cat-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 22px;\n}\n\n.gtm-cat-card {\n    display: block;\n    background: #fff;\n    border: 1px solid #e8edf2;\n    border-radius: 14px;\n    padding: 28px 24px;\n    text-decoration: none !important;\n    color: inherit;\n    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-cat-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--gtm-yesil) 0%, var(--gtm-yesil-acik) 100%);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s ease;\n}\n\n.gtm-cat-card::after {\n    content: '';\n    position: absolute;\n    bottom: -60%;\n    right: -60%;\n    width: 240px;\n    height: 240px;\n    background: radial-gradient(circle, rgba(0,165,80,0.06) 0%, transparent 70%);\n    transition: all 0.4s ease;\n    pointer-events: none;\n}\n\n.gtm-cat-card:hover {\n    border-color: var(--gtm-lacivert);\n    transform: translateY(-6px);\n    box-shadow: 0 18px 40px rgba(114,182,38,0.10);\n}\n\n.gtm-cat-card:hover::before { transform: scaleX(1); }\n.gtm-cat-card:hover::after { bottom: -40%; right: -40%; }\n\n\/* \u2550\u2550\u2550\u2550 Modern iOS-tarz\u0131 multi-layer icon \u2550\u2550\u2550\u2550 *\/\n.gtm-icon-wrap {\n    position: relative;\n    width: 76px;\n    height: 76px;\n    margin-bottom: 24px;\n    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Arkadaki \u015feffaf katmanlar \u2014 derinlik hissi *\/\n.gtm-icon-wrap::before,\n.gtm-icon-wrap::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: 22%;\n    background: var(--gtm-icon-bg, linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 100%));\n    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s ease;\n    pointer-events: none;\n}\n.gtm-icon-wrap::before {\n    transform: translate(7px, 7px) scale(0.92);\n    opacity: 0.18;\n    filter: blur(0.5px);\n}\n.gtm-icon-wrap::after {\n    transform: translate(3px, 3px) scale(0.96);\n    opacity: 0.42;\n}\n\n\/* \u00d6n kart \u2014 ger\u00e7ek icon container *\/\n.gtm-icon {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border-radius: 22%;\n    background: var(--gtm-icon-bg, linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 50%, #2D2D2D 100%));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    box-shadow:\n        inset 0 1px 0 rgba(255,255,255,0.28),\n        inset 0 -2px 12px rgba(0,0,0,0.22),\n        0 10px 28px rgba(114,182,38,0.22),\n        0 0 0 1px rgba(255,255,255,0.04);\n    z-index: 1;\n}\n\n\/* Grid pattern overlay (Apple iOS app icon stili) *\/\n.gtm-icon::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);\n    background-size: 11px 11px;\n    pointer-events: none;\n}\n\n\/* Sol \u00fcstte parlak highlight *\/\n.gtm-icon::after {\n    content: '';\n    position: absolute;\n    top: -25%;\n    left: -25%;\n    width: 80%;\n    height: 80%;\n    background: radial-gradient(circle, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.08) 30%, transparent 65%);\n    pointer-events: none;\n    transition: opacity 0.35s ease;\n}\n\n.gtm-icon svg {\n    position: relative;\n    z-index: 1;\n    width: 38px;\n    height: 38px;\n    color: #fff;\n    stroke-width: 1.6;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25));\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Renk varyasyonlar\u0131 *\/\n.gtm-icon-wrap--primary   { --gtm-icon-bg: linear-gradient(135deg, #2D2D2D 0%, #5C9A1C 50%, #2D2D2D 100%); }\n.gtm-icon-wrap--secondary { --gtm-icon-bg: linear-gradient(135deg, #5C9A1C 0%, #84CF2C 50%, #008f44 100%); }\n.gtm-icon-wrap--accent    { --gtm-icon-bg: linear-gradient(135deg, #1E2618 0%, #2D2D2D 50%, #4A7D16 100%); }\n.gtm-icon-wrap--red       { --gtm-icon-bg: linear-gradient(135deg, #8b1820 0%, #72B626 50%, #a01d26 100%); }\n\n\/* Hover \u2014 katmanlar a\u00e7\u0131l\u0131r, \u00f6n kart hafif\u00e7e y\u00fckselir *\/\n.gtm-cat-card:hover .gtm-icon-wrap,\n.gtm-ai-card:hover .gtm-icon-wrap,\n.gtm-why-value:hover .gtm-icon-wrap {\n    transform: translateY(-3px) rotate(-3deg);\n}\n.gtm-cat-card:hover .gtm-icon-wrap::before,\n.gtm-ai-card:hover .gtm-icon-wrap::before,\n.gtm-why-value:hover .gtm-icon-wrap::before {\n    transform: translate(12px, 12px) scale(0.88);\n    opacity: 0.28;\n}\n.gtm-cat-card:hover .gtm-icon-wrap::after,\n.gtm-ai-card:hover .gtm-icon-wrap::after,\n.gtm-why-value:hover .gtm-icon-wrap::after {\n    transform: translate(6px, 6px) scale(0.94);\n    opacity: 0.55;\n}\n.gtm-cat-card:hover .gtm-icon svg,\n.gtm-ai-card:hover .gtm-icon svg,\n.gtm-why-value:hover .gtm-icon svg {\n    transform: scale(1.08);\n}\n\n\/* Eski .gtm-cat-icon class'\u0131 i\u00e7in backward-compat (HTML de\u011fi\u015firken) *\/\n.gtm-cat-icon { display: none; }\n\n\/* AI card i\u00e7inde icon daha k\u00fc\u00e7\u00fck (kart boyutuna uygun) *\/\n.gtm-ai-card .gtm-icon-wrap { width: 56px; height: 56px; margin-bottom: 14px; }\n.gtm-ai-card .gtm-icon svg { width: 28px; height: 28px; }\n.gtm-ai-card .gtm-icon::before { background-size: 9px 9px; }\n\n\/* Why icon orta boy *\/\n.gtm-why-value .gtm-icon-wrap { width: 68px; height: 68px; margin-bottom: 20px; }\n.gtm-why-value .gtm-icon svg { width: 34px; height: 34px; }\n\n.gtm-cat-name {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--gtm-lacivert);\n    margin: 0 0 8px;\n    text-transform: uppercase;\n    letter-spacing: -0.2px;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-desc {\n    font-size: 13px;\n    color: var(--gtm-gri-koyu);\n    line-height: 1.55;\n    margin: 0 0 18px;\n    min-height: 40px;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-link {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--gtm-kirmizi);\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    transition: gap 0.25s ease;\n    position: relative;\n    z-index: 1;\n}\n\n.gtm-cat-card:hover .gtm-cat-link { gap: 10px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   3. AI \u0130\u015e Y\u00dcK\u00dc S\u0130H\u0130RBAZI\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-ai-finder {\n    background: linear-gradient(135deg, var(--gtm-lacivert-koyu) 0%, var(--gtm-lacivert-orta) 100%);\n    color: #fff;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-ai-finder::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(ellipse 50% 60% at 80% 30%, rgba(0,165,80,0.15) 0%, transparent 70%),\n        radial-gradient(ellipse 60% 80% at 20% 70%, rgba(210,38,48,0.08) 0%, transparent 60%);\n}\n\n.gtm-ai-finder .gtm-section { position: relative; z-index: 1; }\n\n.gtm-ai-finder .gtm-section-title { color: #fff; }\n.gtm-ai-finder .gtm-section-subtitle { color: rgba(255,255,255,0.7); }\n\n.gtm-ai-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n}\n\n.gtm-ai-card {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 10px;\n    padding: 24px 20px;\n    text-decoration: none !important;\n    color: #fff;\n    transition: all 0.25s ease;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.gtm-ai-card:hover {\n    background: rgba(0,165,80,0.1);\n    border-color: var(--gtm-yesil-acik);\n    transform: translateY(-3px);\n}\n\n.gtm-ai-card-icon { display: none; }\n\n.gtm-ai-card-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 18px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #fff;\n    margin: 0;\n}\n\n.gtm-ai-card-spec {\n    font-size: 12px;\n    color: var(--gtm-yesil-acik);\n    font-weight: 600;\n    margin: auto 0 0;\n}\n\n.gtm-ai-card-arrow {\n    color: rgba(255,255,255,0.5);\n    font-size: 18px;\n    transition: transform 0.2s;\n}\n\n.gtm-ai-card:hover .gtm-ai-card-arrow { transform: translateX(4px); color: var(--gtm-yesil-acik); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   4. NEDEN GTM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-why {\n    background: var(--gtm-gri);\n    border-top: 1px solid #e5e8ec;\n    border-bottom: 1px solid #e5e8ec;\n}\n\n.gtm-why-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    margin-bottom: 60px;\n}\n\n.gtm-why-stat {\n    text-align: center;\n}\n\n.gtm-why-stat-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 56px;\n    font-weight: 800;\n    color: var(--gtm-lacivert);\n    line-height: 1;\n    margin-bottom: 8px;\n}\n\n.gtm-why-stat-num em {\n    font-style: normal;\n    color: var(--gtm-yesil);\n}\n\n.gtm-why-stat-lbl {\n    color: var(--gtm-gri-koyu);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-weight: 600;\n}\n\n.gtm-why-values {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.gtm-why-value {\n    background: #fff;\n    border-radius: 10px;\n    padding: 30px;\n    border: 1px solid #e5e8ec;\n}\n\n.gtm-why-value-icon { display: none; }\n\n.gtm-why-value-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--gtm-lacivert);\n    text-transform: uppercase;\n    margin: 0 0 10px;\n}\n\n.gtm-why-value-desc {\n    color: var(--gtm-gri-koyu);\n    line-height: 1.6;\n    font-size: 14.5px;\n    margin: 0;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   5. MARKA CAROUSEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-brands {\n    background: #fff;\n    padding: 50px 30px;\n    border-bottom: 1px solid #e5e8ec;\n}\n\n.gtm-brand-label {\n    text-align: center;\n    color: var(--gtm-gri-koyu);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 600;\n    margin-bottom: 28px;\n}\n\n.gtm-brand-track-wrap {\n    overflow: hidden;\n    mask-image: linear-gradient(90deg, transparent, #fff 10%, #fff 90%, transparent);\n}\n\n.gtm-brand-track {\n    display: flex;\n    gap: 50px;\n    animation: gtm-brand-scroll 30s linear infinite;\n    width: max-content;\n    align-items: center;\n}\n\n.gtm-brand-track:hover { animation-play-state: paused; }\n\n@keyframes gtm-brand-scroll {\n    from { transform: translateX(0); }\n    to   { transform: translateX(-50%); }\n}\n\n.gtm-brand-item {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--gtm-gri-koyu);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n    transition: color 0.2s;\n    flex-shrink: 0;\n}\n\n.gtm-brand-item:hover { color: var(--gtm-lacivert); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   6. CTA B\u00d6L\u00dcM\u00dc\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-cta-section {\n    background:\n        linear-gradient(135deg, var(--gtm-lacivert-koyu) 0%, var(--gtm-koyu-yesil) 100%);\n    color: #fff;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.gtm-cta-section::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(ellipse 40% 60% at 30% 50%, rgba(0,165,80,0.18) 0%, transparent 60%),\n        radial-gradient(ellipse 40% 60% at 70% 50%, rgba(30,38,24,0.4) 0%, transparent 60%);\n}\n\n.gtm-cta-section .gtm-section { position: relative; z-index: 1; padding: 70px 30px; }\n\n.gtm-cta-tag {\n    display: inline-block;\n    color: var(--gtm-yesil-acik);\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    margin-bottom: 16px;\n}\n\n.gtm-cta-title { color: #fff;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 44px;\n    font-weight: 800;\n    text-transform: uppercase;\n    margin: 0 0 14px;\n    line-height: 1.1;\n    letter-spacing: -0.3px;\n}\n\n.gtm-cta-desc {\n    font-size: 17px;\n    color: rgba(255,255,255,0.78);\n    max-width: 640px;\n    margin: 0 auto 30px;\n    line-height: 1.6;\n}\n\n.gtm-cta-btns {\n    display: flex;\n    gap: 14px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1100px) {\n    .gtm-slide-inner { grid-template-columns: 1fr; gap: 30px; }\n    .gtm-slide-card { display: none; }\n    .gtm-cat-grid { grid-template-columns: repeat(2, 1fr); }\n    .gtm-ai-grid { grid-template-columns: repeat(2, 1fr); }\n    .gtm-why-stats { grid-template-columns: repeat(2, 1fr); }\n    .gtm-why-values { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 768px) {\n    .gtm-section { padding: 50px 20px; }\n    .gtm-section-title { font-size: 26px; }\n    .gtm-hero { height: 580px; }\n    .gtm-slide { padding: 0 20px; }\n    .gtm-slide-title { font-size: 38px; }\n    .gtm-slide-desc { font-size: 15px; }\n    .gtm-slide-stats { gap: 16px; }\n    .gtm-slide-stat-num { font-size: 24px; }\n    .gtm-hero-nav { display: none; }\n    .gtm-cat-grid, .gtm-ai-grid, .gtm-why-stats { grid-template-columns: 1fr 1fr; gap: 12px; }\n    .gtm-why-stat-num { font-size: 38px; }\n    .gtm-cta-title { color: #fff; font-size: 30px; }\n    .gtm-brand-item { font-size: 18px; }\n    .gtm-brand-track { gap: 30px; }\n}\n\n@media (max-width: 480px) {\n    .gtm-slide-cta { flex-direction: column; align-items: stretch; }\n    .gtm-btn { justify-content: center; }\n    .gtm-cat-grid, .gtm-ai-grid { grid-template-columns: 1fr; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MINIMAL OVERRIDE \u2014 Kategori & Neden GTM (sade, kurumsal)\n   AI i\u015f y\u00fck\u00fc b\u00f6l\u00fcm\u00fc dokunulmaz (multi-layer korunur)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gtm-cat-card .gtm-icon-wrap,\n.gtm-why-value .gtm-icon-wrap {\n    width: 52px;\n    height: 52px;\n    background: linear-gradient(135deg, rgba(114,182,38,0.07) 0%, rgba(0,165,80,0.08) 100%);\n    border-radius: 14px;\n    margin-bottom: 18px;\n    transition: background 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n    box-shadow: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n\n.gtm-cat-card .gtm-icon-wrap::before,\n.gtm-cat-card .gtm-icon-wrap::after,\n.gtm-why-value .gtm-icon-wrap::before,\n.gtm-why-value .gtm-icon-wrap::after {\n    display: none !important;\n}\n\n.gtm-cat-card .gtm-icon,\n.gtm-why-value .gtm-icon {\n    background: transparent !important;\n    box-shadow: none !important;\n    border-radius: 0;\n    width: auto;\n    height: auto;\n}\n\n.gtm-cat-card .gtm-icon::before,\n.gtm-cat-card .gtm-icon::after,\n.gtm-why-value .gtm-icon::before,\n.gtm-why-value .gtm-icon::after {\n    display: none !important;\n}\n\n.gtm-cat-card .gtm-icon svg,\n.gtm-why-value .gtm-icon svg {\n    width: 26px;\n    height: 26px;\n    color: #2D2D2D;\n    filter: none;\n    stroke-width: 1.7;\n    transition: color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n.gtm-cat-card:hover .gtm-icon-wrap,\n.gtm-why-value:hover .gtm-icon-wrap {\n    background: linear-gradient(135deg, rgba(114,182,38,0.13) 0%, rgba(0,165,80,0.18) 100%);\n    transform: translateY(-3px) rotate(0deg) !important;\n}\n\n.gtm-cat-card:hover .gtm-icon svg,\n.gtm-why-value:hover .gtm-icon svg {\n    color: #5C9A1C;\n    transform: scale(1.1);\n}\n\n\/* Why b\u00f6l\u00fcm\u00fc padding d\u00fc\u015f\u00fcr (art\u0131k ikon k\u00fc\u00e7\u00fck) *\/\n.gtm-why-value {\n    padding: 28px 26px;\n}\n\n\/* (gradient text override kald\u0131r\u0131ld\u0131 \u2014 d\u00fcz renkler korunsun) *\/\n<\/style>\n\n<div class=\"gtm-home\">\n\n  <!-- \u2550\u2550\u2550\u2550 5. MARKA CAROUSEL \u2550\u2550\u2550\u2550 -->\n  <section class=\"gtm-brands\">\n    <div class=\"gtm-brand-label\">\u0130\u015f ortaklar\u0131m\u0131z<\/div>\n    <div class=\"gtm-brand-track-wrap\">\n      <div class=\"gtm-brand-track\">\n        <!-- 2 set \u2014 kesintisiz scroll i\u00e7in -->\n        <span class=\"gtm-brand-item\">SUPERMICRO<\/span>\n        <span class=\"gtm-brand-item\">NVIDIA<\/span>\n        <span class=\"gtm-brand-item\">AMD<\/span>\n        <span class=\"gtm-brand-item\">INTEL<\/span>\n        <span class=\"gtm-brand-item\">PROXMOX<\/span>\n        <span class=\"gtm-brand-item\">MAGNETAR<\/span>\n        <span class=\"gtm-brand-item\">QSAN<\/span>\n        <span class=\"gtm-brand-item\">FS<\/span>\n        <span class=\"gtm-brand-item\">PNY<\/span>\n        <span class=\"gtm-brand-item\">CEPH<\/span>\n        <span class=\"gtm-brand-item\">SUPERMICRO<\/span>\n        <span class=\"gtm-brand-item\">NVIDIA<\/span>\n        <span class=\"gtm-brand-item\">AMD<\/span>\n        <span class=\"gtm-brand-item\">INTEL<\/span>\n        <span class=\"gtm-brand-item\">PROXMOX<\/span>\n        <span class=\"gtm-brand-item\">MAGNETAR<\/span>\n        <span class=\"gtm-brand-item\">QSAN<\/span>\n        <span class=\"gtm-brand-item\">FS<\/span>\n        <span class=\"gtm-brand-item\">PNY<\/span>\n        <span class=\"gtm-brand-item\">CEPH<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- \u2550\u2550\u2550\u2550 6. CTA \u2014 Teklif \u0130ste \u2550\u2550\u2550\u2550 -->\n  <section class=\"gtm-cta-section\">\n    <div class=\"gtm-section\">\n      <span class=\"gtm-cta-tag\">\u26a1 Proje dan\u0131\u015fmanl\u0131\u011f\u0131 \u00fccretsiz<\/span>\n      <h2 class=\"gtm-cta-title\">Projeniz i\u00e7in Do\u011fru \u00c7\u00f6z\u00fcm\u00fc<br>Birlikte Belirleyelim<\/h2>\n      <p class=\"gtm-cta-desc\">\u0130htiyac\u0131n\u0131z\u0131 payla\u015f\u0131n \u2014 kullan\u0131m senaryosu, \u00f6l\u00e7ek, b\u00fct\u00e7e. M\u00fchendis ekibimiz 24 saat i\u00e7inde teknik teklif ve referans tasar\u0131m haz\u0131rlas\u0131n.<\/p>\n      <div class=\"gtm-cta-btns\">\n        <a href=\"https:\/\/gtmteknoloji.com\/gtm-teknoloji-teklif-talep-formu\/\" class=\"gtm-btn gtm-btn-red\">Teklif \u0130ste<\/a>\n        <a href=\"tel:+902126394543\" class=\"gtm-btn gtm-btn-outline\">\ud83d\udcde 0212 639 4543<\/a>\n        <a href=\"mailto:info@gtmteknoloji.com\" class=\"gtm-btn gtm-btn-outline\">\u2709 info@gtmteknoloji.com<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>T\u00fcrkiye&#8217;nin Resmi Supermicro Distrib\u00fct\u00f6r\u00fc Kurumsal Altyap\u0131daDo\u011fru Kaynak 2009&#8217;dan beri, T\u00fcrkiye&#8217;nin en kapsaml\u0131 Supermicro sunucu katalo\u011fu. AI Factory&#8217;den veri merkezine, GPU [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1070","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Anasayfa - GTM Teknoloji B2B<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gtmteknoloji.com\/b2b\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Anasayfa - GTM Teknoloji B2B\" \/>\n<meta property=\"og:description\" content=\"T\u00fcrkiye&#8217;nin Resmi Supermicro Distrib\u00fct\u00f6r\u00fc Kurumsal Altyap\u0131daDo\u011fru Kaynak 2009&#8217;dan beri, T\u00fcrkiye&#8217;nin en kapsaml\u0131 Supermicro sunucu katalo\u011fu. AI Factory&#8217;den veri merkezine, GPU [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gtmteknoloji.com\/b2b\/\" \/>\n<meta property=\"og:site_name\" content=\"GTM Teknoloji B2B\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SupermicroTurkiye\/?locale=tr_TR\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-08T20:05:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/gtmteknoloji.com\/b2b\/wp-content\/uploads\/2026\/06\/cropped-GTM-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@gtmteknoloji\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/\",\"url\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/\",\"name\":\"Anasayfa - GTM Teknoloji B2B\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/#website\"},\"datePublished\":\"2026-06-20T00:05:07+00:00\",\"dateModified\":\"2026-08-08T20:05:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Anasayfa\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/#website\",\"url\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/\",\"name\":\"GTM Teknoloji\",\"description\":\"Supermicro | NVIDIA | Proxmox\",\"publisher\":{\"@id\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/#organization\"},\"alternateName\":\"GTM\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/#organization\",\"name\":\"GTM Teknoloji\",\"alternateName\":\"GTM\",\"url\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"GTM Teknoloji\"},\"image\":{\"@id\":\"https:\\\/\\\/gtmteknoloji.com\\\/b2b\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/SupermicroTurkiye\\\/?locale=tr_TR\",\"https:\\\/\\\/x.com\\\/gtmteknoloji\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Anasayfa - GTM Teknoloji B2B","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/gtmteknoloji.com\/b2b\/","og_locale":"tr_TR","og_type":"article","og_title":"Anasayfa - GTM Teknoloji B2B","og_description":"T\u00fcrkiye&#8217;nin Resmi Supermicro Distrib\u00fct\u00f6r\u00fc Kurumsal Altyap\u0131daDo\u011fru Kaynak 2009&#8217;dan beri, T\u00fcrkiye&#8217;nin en kapsaml\u0131 Supermicro sunucu katalo\u011fu. AI Factory&#8217;den veri merkezine, GPU [&hellip;]","og_url":"https:\/\/gtmteknoloji.com\/b2b\/","og_site_name":"GTM Teknoloji B2B","article_publisher":"https:\/\/www.facebook.com\/SupermicroTurkiye\/?locale=tr_TR","article_modified_time":"2026-08-08T20:05:07+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/gtmteknoloji.com\/b2b\/wp-content\/uploads\/2026\/06\/cropped-GTM-logo.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@gtmteknoloji","twitter_misc":{"Tahmini okuma s\u00fcresi":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/gtmteknoloji.com\/b2b\/","url":"https:\/\/gtmteknoloji.com\/b2b\/","name":"Anasayfa - GTM Teknoloji B2B","isPartOf":{"@id":"https:\/\/gtmteknoloji.com\/b2b\/#website"},"datePublished":"2026-06-20T00:05:07+00:00","dateModified":"2026-08-08T20:05:07+00:00","breadcrumb":{"@id":"https:\/\/gtmteknoloji.com\/b2b\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gtmteknoloji.com\/b2b\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/gtmteknoloji.com\/b2b\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/gtmteknoloji.com\/b2b\/"},{"@type":"ListItem","position":2,"name":"Anasayfa"}]},{"@type":"WebSite","@id":"https:\/\/gtmteknoloji.com\/b2b\/#website","url":"https:\/\/gtmteknoloji.com\/b2b\/","name":"GTM Teknoloji","description":"Supermicro | NVIDIA | Proxmox","publisher":{"@id":"https:\/\/gtmteknoloji.com\/b2b\/#organization"},"alternateName":"GTM","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gtmteknoloji.com\/b2b\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/gtmteknoloji.com\/b2b\/#organization","name":"GTM Teknoloji","alternateName":"GTM","url":"https:\/\/gtmteknoloji.com\/b2b\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/gtmteknoloji.com\/b2b\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"GTM Teknoloji"},"image":{"@id":"https:\/\/gtmteknoloji.com\/b2b\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SupermicroTurkiye\/?locale=tr_TR","https:\/\/x.com\/gtmteknoloji"]}]}},"_links":{"self":[{"href":"https:\/\/gtmteknoloji.com\/b2b\/wp-json\/wp\/v2\/pages\/1070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtmteknoloji.com\/b2b\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gtmteknoloji.com\/b2b\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gtmteknoloji.com\/b2b\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gtmteknoloji.com\/b2b\/wp-json\/wp\/v2\/comments?post=1070"}],"version-history":[{"count":12,"href":"https:\/\/gtmteknoloji.com\/b2b\/wp-json\/wp\/v2\/pages\/1070\/revisions"}],"predecessor-version":[{"id":13079,"href":"https:\/\/gtmteknoloji.com\/b2b\/wp-json\/wp\/v2\/pages\/1070\/revisions\/13079"}],"wp:attachment":[{"href":"https:\/\/gtmteknoloji.com\/b2b\/wp-json\/wp\/v2\/media?parent=1070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}