{"id":14413,"date":"2026-07-22T01:13:20","date_gmt":"2026-07-21T22:13:20","guid":{"rendered":"https:\/\/turpak.com.tr\/?page_id=14413"},"modified":"2026-07-22T01:42:19","modified_gmt":"2026-07-21T22:42:19","slug":"tank-otomasyon-sistemleri","status":"publish","type":"page","link":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/","title":{"rendered":"Tank Automation Systems"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-temp=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1784673640809 vc_row-no-padding wd-rs-6a5ff53e40925\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    html,\n    body {\n        width: 100%;\n        margin: 0 !important;\n        padding: 0 !important;\n        overflow-x: hidden;\n        background: #071219;\n    }\n\n    @supports (overflow: clip) {\n\n        html,\n        body {\n            overflow-x: clip;\n        }\n    }\n\n    .tp-banner-host,\n    .tp-banner-host *,\n    .tp-banner-host *::before,\n    .tp-banner-host *::after {\n        box-sizing: border-box;\n    }\n\n    .tp-banner-host {\n        position: relative;\n        display: block;\n        width: 100%;\n        max-width: 100%;\n        margin: 0 !important;\n        padding: 0 !important;\n        border: 0 !important;\n        outline: 0;\n        overflow: hidden;\n        background: #071219;\n        line-height: normal;\n    }\n\n    .tp-banner-host img {\n        display: block;\n        max-width: none;\n        margin: 0;\n        padding: 0;\n        border: 0 !important;\n        border-radius: 0;\n        box-shadow: none !important;\n    }\n\n    .tp-banner-host a {\n        font: inherit;\n    }\n\n    \/* =========================================================\n     TEKLI BANNER\n  ========================================================= *\/\n\n    .tp-banner {\n        --tp-blue: #1687ff;\n\n        position: relative;\n        display: block;\n        width: 100%;\n        max-width: 100%;\n        min-height: 0;\n        height: min(calc(100dvh - var(--tp-viewport-offset, 0px)), 960px);\n        margin: 0 !important;\n        padding: 0 !important;\n        overflow: hidden;\n        isolation: isolate;\n\n        color: #ffffff;\n        background: #071219;\n\n        border: 0 !important;\n        outline: 0;\n        font-family: inherit;\n    }\n\n    .tp-banner__media {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        overflow: hidden;\n        background: #071219;\n    }\n\n    .tp-banner__image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n\n        user-select: none;\n        -webkit-user-select: none;\n        -webkit-user-drag: none;\n    }\n\n    .tp-banner__overlay {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n\n        pointer-events: none;\n\n        background:\n            linear-gradient(90deg,\n                rgba(3, 14, 21, 0.95) 0%,\n                rgba(3, 14, 21, 0.74) 30%,\n                rgba(3, 14, 21, 0.24) 65%,\n                rgba(3, 14, 21, 0.08) 100%),\n            linear-gradient(180deg,\n                rgba(2, 10, 15, 0.14) 0%,\n                rgba(2, 10, 15, 0) 45%,\n                rgba(2, 10, 15, 0.74) 100%);\n    }\n\n    .tp-banner__container {\n        position: relative;\n        z-index: 2;\n\n        width: min(1420px, calc(100% - 80px));\n        height: 100%;\n        margin: 0 auto;\n        padding: 50px 0;\n\n        display: flex;\n        align-items: center;\n    }\n\n    .tp-banner__card {\n        position: relative;\n\n        width: min(600px, 100%);\n        min-height: 410px;\n        padding: 30px;\n\n        display: grid;\n        align-items: center;\n\n        overflow: hidden;\n\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        border-radius: 20px;\n\n        background: rgba(8, 22, 30, 0.67);\n\n        box-shadow:\n            0 25px 70px rgba(0, 0, 0, 0.34),\n            inset 0 1px 0 rgba(255, 255, 255, 0.05);\n\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n    }\n\n    .tp-banner__eyebrow {\n        margin: 0 0 22px;\n\n        display: flex;\n        align-items: center;\n        gap: 12px;\n\n        color: var(--tp-blue);\n\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 1.4;\n        letter-spacing: 0.13em;\n        text-transform: uppercase;\n    }\n\n    .tp-banner__eyebrow::before {\n        content: \"\";\n\n        width: 28px;\n        height: 2px;\n        flex: 0 0 28px;\n\n        background: currentColor;\n    }\n\n    .tp-banner__title {\n        max-width: 510px;\n        margin: 0 !important;\n\n        color: #ffffff;\n\n        font-size: clamp(38px, 4vw, 58px);\n        font-weight: 650;\n        line-height: 1.08;\n        letter-spacing: 0;\n    }\n\n    .tp-banner__separator {\n        width: 38px;\n        height: 1px;\n        margin: 24px 0;\n\n        background: rgba(255, 255, 255, 0.28);\n    }\n\n    .tp-banner__description {\n        max-width: 500px;\n        margin: 0 !important;\n\n        color: rgba(255, 255, 255, 0.7);\n\n        font-size: 17px;\n        line-height: 1.7;\n    }\n\n    .tp-banner__actions {\n        margin-top: 30px;\n\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n\n    .tp-banner__button {\n        min-height: 54px;\n        padding: 0 26px;\n\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 16px;\n\n        border: 1px solid transparent;\n        border-radius: 999px;\n\n        color: #ffffff !important;\n        text-decoration: none !important;\n\n        font-size: 15px;\n        font-weight: 600;\n        line-height: 1;\n\n        transition:\n            transform 180ms ease,\n            background-color 180ms ease,\n            border-color 180ms ease;\n    }\n\n    .tp-banner__button:hover {\n        color: #ffffff !important;\n        text-decoration: none !important;\n        transform: translateY(-2px);\n    }\n\n    .tp-banner__button--primary {\n        background: var(--tp-blue);\n        box-shadow: 0 12px 38px rgba(22, 135, 255, 0.28);\n    }\n\n    .tp-banner__button--primary:hover {\n        background: #087bf2;\n    }\n\n    .tp-banner__button--secondary {\n        border-color: rgba(255, 255, 255, 0.35);\n        background: rgba(255, 255, 255, 0.035);\n    }\n\n    .tp-banner__button--secondary:hover {\n        border-color: rgba(255, 255, 255, 0.55);\n        background: rgba(255, 255, 255, 0.1);\n    }\n\n    .tp-banner__button:focus-visible {\n        outline: 2px solid var(--tp-blue);\n        outline-offset: 3px;\n    }\n\n    \/* =========================================================\n     TABLET\n  ========================================================= *\/\n\n    @media (max-width: 1024px) {\n        .tp-banner {\n            min-height: 0;\n        }\n\n        .tp-banner__container {\n            width: calc(100% - 44px);\n        }\n\n        .tp-banner__card {\n            width: min(500px, 72%);\n            padding: 16px;\n        }\n    }\n\n    \/* =========================================================\n     MOBIL\n  ========================================================= *\/\n\n    @media (max-width: 767px) {\n        .tp-banner {\n            min-height: 0;\n            height: calc(100dvh - var(--tp-viewport-offset, 0px));\n            max-height: none;\n        }\n\n        .tp-banner__image {\n            object-position: 62% center;\n        }\n\n        .tp-banner__overlay {\n            background:\n                linear-gradient(180deg,\n                    rgba(4, 15, 22, 0.18) 0%,\n                    rgba(4, 15, 22, 0.36) 36%,\n                    rgba(4, 15, 22, 0.96) 100%);\n        }\n\n        .tp-banner__container {\n            width: calc(100% - 28px);\n\n            align-items: flex-end;\n\n            padding-top: 24px;\n            padding-bottom: 32px;\n        }\n\n        .tp-banner__card {\n            width: 100%;\n            min-height: 0;\n            padding: 15px 12px;\n\n            border-radius: 17px;\n\n            background: rgba(7, 20, 28, 0.7);\n\n            backdrop-filter: none;\n            -webkit-backdrop-filter: none;\n        }\n\n        .tp-banner__eyebrow {\n            margin-bottom: 17px;\n            font-size: 12px;\n        }\n\n        .tp-banner__title {\n            font-size: clamp(30px, 9vw, 43px);\n        }\n\n        .tp-banner__separator {\n            margin: 19px 0;\n        }\n\n        .tp-banner__description {\n            font-size: 15px;\n            line-height: 1.6;\n        }\n\n        .tp-banner__actions {\n            margin-top: 23px;\n        }\n\n        .tp-banner__button {\n            min-height: 49px;\n            padding: 0 17px;\n            font-size: 13px;\n        }\n    }\n\n    \/* =========================================================\n     KUCUK MOBIL\n  ========================================================= *\/\n\n    @media (max-width: 480px) {\n        .tp-banner {\n            min-height: 0;\n        }\n\n        .tp-banner__card {\n            padding: 10px 9px;\n        }\n\n        .tp-banner__actions {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 9px;\n        }\n\n        .tp-banner__button {\n            width: 100%;\n            padding: 0 9px;\n        }\n\n        .tp-banner__button-arrow {\n            display: none;\n        }\n    }\n\n    \/* =========================================================\n     KISA EKRANLAR \/ LAPTOPLAR\n  ========================================================= *\/\n\n    @media (max-height: 780px) and (min-width: 768px) {\n        .tp-banner__container {\n            padding-top: 24px;\n            padding-bottom: 24px;\n        }\n\n        .tp-banner__card {\n            min-height: 0;\n            padding: 22px;\n        }\n\n        .tp-banner__eyebrow {\n            margin-bottom: 14px;\n        }\n\n        .tp-banner__title {\n            font-size: clamp(32px, 3.4vw, 48px);\n        }\n\n        .tp-banner__separator {\n            margin: 16px 0;\n        }\n\n        .tp-banner__description {\n            font-size: 15px;\n            line-height: 1.55;\n        }\n\n        .tp-banner__actions {\n            margin-top: 20px;\n        }\n\n        .tp-banner__button {\n            min-height: 46px;\n        }\n    }\n\n    @media (max-width: 767px) and (max-height: 760px) {\n        .tp-banner__container {\n            padding-top: 12px;\n            padding-bottom: 18px;\n        }\n\n        .tp-banner__card {\n            padding: 10px;\n        }\n\n        .tp-banner__eyebrow {\n            margin-bottom: 9px;\n        }\n\n        .tp-banner__title {\n            font-size: clamp(26px, 7.8vw, 36px);\n        }\n\n        .tp-banner__separator {\n            margin: 11px 0;\n        }\n\n        .tp-banner__description {\n            font-size: 13px;\n            line-height: 1.45;\n        }\n\n        .tp-banner__actions {\n            margin-top: 13px;\n        }\n\n        .tp-banner__button {\n            min-height: 42px;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .tp-banner__button {\n            transition: none !important;\n        }\n    }\n<\/style>\n\n<div class=\"tp-banner-host\">\n    <section class=\"tp-banner\" data-tp-banner aria-label=\"Turpak \u00fcr\u00fcn ve \u00e7\u00f6z\u00fcmleri\">\n        <div class=\"tp-banner__media\" aria-hidden=\"true\">\n            <img class=\"tp-banner__image\" src=\"https:\/\/turpak.com.tr\/wp-content\/uploads\/2026\/07\/mavi-bayrak1.webp\"\n                alt=\"\" width=\"1920\" height=\"1080\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\n        <\/div>\n\n        <div class=\"tp-banner__overlay\"><\/div>\n\n        <div class=\"tp-banner__container\">\n            <div class=\"tp-banner__card\">\n                <article class=\"tp-banner__content\">\n                    <div class=\"tp-banner__eyebrow\">\n                        TANK OTOMASYON S\u0130STEMLER\u0130\n\n                    <\/div>\n\n                    <h2 class=\"tp-banner__title\">\n                        Tank Y\u00f6netiminde G\u00fcvenli, Hassas ve Merkezi Kontrol\n                    <\/h2>\n\n                    <div class=\"tp-banner__separator\"><\/div>\n\n                    <p class=\"tp-banner__description\">\n                        Tank envanteri, dolumlar ve alarmlar\u0131 ger\u00e7ek zamanl\u0131 izleyerek g\u00fcvenli ve verimli depo y\u00f6netimi sa\u011flay\u0131n.\n                    <\/p>\n\n                    <div class=\"tp-banner__actions\">\n                        <a href=\"#bilesenler\" class=\"tp-banner__button tp-banner__button--primary\">\n                            \u0130ncele\n                            <span class=\"tp-banner__button-arrow\">\u2192<\/span>\n                        <\/a>\n\n                        <a href=\"#referans-teklif-formu\" class=\"tp-banner__button tp-banner__button--secondary\">\n                            Teklif Al\n                            <span class=\"tp-banner__button-arrow\">\u2192<\/span>\n                        <\/a>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n    \/*\n     * Banner'\u0131n ba\u015flad\u0131\u011f\u0131 konum ile sabit\/sticky header y\u00fcksekli\u011fini \u00f6l\u00e7er.\n     * B\u00f6ylece banner + header toplam\u0131 viewport y\u00fcksekli\u011fini a\u015fmaz.\n     *\/\n    (function () {\n        \"use strict\";\n\n        var resizeTimer;\n\n        function getFixedHeaderHeight() {\n            var selectors = [\n                \"#wpadminbar\",\n                \"header\",\n                \".site-header\",\n                \"#masthead\",\n                \".elementor-location-header\",\n                \"[data-elementor-type='header']\"\n            ];\n\n            var bottom = 0;\n\n            selectors.forEach(function (selector) {\n                document.querySelectorAll(selector).forEach(function (element) {\n                    var style = window.getComputedStyle(element);\n                    var rect = element.getBoundingClientRect();\n\n                    if (\n                        style.display !== \"none\" &&\n                        style.visibility !== \"hidden\" &&\n                        (style.position === \"fixed\" || style.position === \"sticky\") &&\n                        rect.height > 0 &&\n                        rect.top <= 1\n                    ) {\n                        bottom = Math.max(bottom, rect.bottom);\n                    }\n                });\n            });\n\n            return Math.max(0, bottom);\n        }\n\n        function updateBannerViewportHeight() {\n            var fixedHeaderHeight = getFixedHeaderHeight();\n\n            document.querySelectorAll(\"[data-tp-banner]\").forEach(function (banner) {\n                var rect = banner.getBoundingClientRect();\n                var normalFlowOffset = Math.max(0, rect.top);\n                var offset = Math.max(normalFlowOffset, fixedHeaderHeight);\n\n                offset = Math.min(offset, window.innerHeight * 0.4);\n\n                banner.style.setProperty(\n                    \"--tp-viewport-offset\",\n                    Math.round(offset) + \"px\"\n                );\n            });\n        }\n\n        function scheduleUpdate() {\n            window.clearTimeout(resizeTimer);\n            resizeTimer = window.setTimeout(updateBannerViewportHeight, 80);\n        }\n\n        if (document.readyState === \"loading\") {\n            document.addEventListener(\"DOMContentLoaded\", updateBannerViewportHeight);\n        } else {\n            updateBannerViewportHeight();\n        }\n\n        window.addEventListener(\"load\", updateBannerViewportHeight);\n        window.addEventListener(\"resize\", scheduleUpdate, { passive: true });\n        window.addEventListener(\"orientationchange\", scheduleUpdate, { passive: true });\n    })();\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1774557529883 wd-rs-69c599549285d wd-section-stretch-content-no-pd\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<section class=\"pmk-who\" aria-label=\"Biz kimiz b\u00f6l\u00fcm\u00fc\">\n    <style>\n    \/* ============ PMK WHO - Radial Edition ============ *\/\n\n    .pmk-who {\n        position: relative;\n        overflow: hidden;\n        background: #f6f6f6;\n        padding: clamp(40px, 5vw, 80px) 0;\n        color: #0f1115;\n        font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;\n        isolation: isolate;\n    }\n\n    .pmk-who__container {\n        position: relative;\n        z-index: 1;\n\n        width: min(1280px, calc(100% - 40px));\n        margin: 0 auto;\n\n        display: grid;\n        grid-template-columns: 1fr 1.05fr;\n        gap: clamp(28px, 4vw, 64px);\n        align-items: center;\n    }\n\n    .pmk-who__bg {\n        position: absolute;\n        inset: -140px;\n        z-index: 0;\n\n        background:\n            radial-gradient(\n                800px 800px at 5% 20%,\n                rgba(111, 149, 64, 0.08),\n                transparent 58%\n            ),\n            radial-gradient(\n                700px 700px at 95% 10%,\n                rgba(10, 89, 130, 0.07),\n                transparent 55%\n            ),\n            radial-gradient(\n                600px 600px at 80% 100%,\n                rgba(138, 84, 214, 0.06),\n                transparent 55%\n            );\n\n        pointer-events: none;\n    }\n\n    \/* =========================================================\n       SOL \u0130\u00c7ER\u0130K\n    ========================================================= *\/\n\n    .pmk-who__header {\n        max-width: 640px;\n    }\n\n    .pmk-who__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n\n        margin-bottom: 18px;\n\n        color: #0a5982;\n\n        font-size: 12px;\n        font-weight: 800;\n        line-height: 1.4;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n    }\n\n    .pmk-who__eyebrow::before {\n        content: \"\";\n\n        width: 28px;\n        height: 2px;\n\n        flex: 0 0 28px;\n\n        background: currentColor;\n        border-radius: 99px;\n    }\n\n    .pmk-who__title {\n        max-width: 640px;\n        margin: 0 0 18px;\n\n        color: #0b1441;\n\n        font-size: clamp(34px, 4vw, 50px);\n        font-weight: 800;\n        line-height: 1.08;\n        letter-spacing: -0.04em;\n    }\n\n    .pmk-who__intro {\n        max-width: 640px;\n        margin: 0;\n\n        color: rgba(15, 17, 21, 0.7);\n\n        font-size: 17px;\n        line-height: 1.8;\n    }\n\n    \/* =========================================================\n       SA\u011e ALAN \u2013 RADIAL WHEEL\n    ========================================================= *\/\n\n    .pmk-who__right {\n        position: relative;\n\n        display: grid;\n        place-items: center;\n\n        min-height: clamp(660px, 48vw, 800px);\n    }\n\n    .pmk-who__wheel {\n        position: relative;\n        z-index: 2;\n\n        width: min(100%, 520px);\n        aspect-ratio: 1 \/ 1;\n\n        display: grid;\n        place-items: center;\n    }\n\n    \/* =========================================================\n       DEKORAT\u0130F HALKALAR\n    ========================================================= *\/\n\n    .pmk-who__wheel-ring {\n        position: absolute;\n        inset: 0;\n\n        border-radius: 50%;\n\n        pointer-events: none;\n    }\n\n    .pmk-who__wheel-ring--outer {\n        border: 1px dashed rgba(11, 20, 65, 0.18);\n        animation: pmk-spin-slow 60s linear infinite;\n    }\n\n    .pmk-who__wheel-ring--outer::before {\n        content: \"\";\n\n        position: absolute;\n        inset: 14px;\n\n        border: 1px solid rgba(111, 149, 64, 0.22);\n        border-radius: 50%;\n    }\n\n    .pmk-who__wheel-ring--inner {\n        inset: 18%;\n\n        background: rgba(255, 255, 255, 0.45);\n\n        box-shadow:\n            inset 0 0 40px rgba(11, 20, 65, 0.06),\n            0 0 0 1px rgba(11, 20, 65, 0.08);\n\n        backdrop-filter: blur(6px);\n        -webkit-backdrop-filter: blur(6px);\n    }\n\n    \/* =========================================================\n       HALKA NOKTALARI\n    ========================================================= *\/\n\n    .pmk-who__wheel-dots {\n        position: absolute;\n        inset: 0;\n\n        border-radius: 50%;\n\n        pointer-events: none;\n    }\n\n    .pmk-who__wheel-dots span {\n        position: absolute;\n\n        width: 8px;\n        height: 8px;\n\n        border-radius: 50%;\n\n        background: #6f9540;\n        box-shadow: 0 0 0 4px rgba(111, 149, 64, 0.15);\n    }\n\n    .pmk-who__wheel-dots span:nth-child(1) {\n        top: 0;\n        left: 50%;\n        transform: translate(-50%, -50%);\n    }\n\n    .pmk-who__wheel-dots span:nth-child(2) {\n        top: 50%;\n        right: 0;\n        transform: translate(50%, -50%);\n    }\n\n    .pmk-who__wheel-dots span:nth-child(3) {\n        bottom: 0;\n        left: 50%;\n        transform: translate(-50%, 50%);\n    }\n\n    .pmk-who__wheel-dots span:nth-child(4) {\n        top: 50%;\n        left: 0;\n        transform: translate(-50%, -50%);\n    }\n\n    \/* =========================================================\n       MERKEZ \u0130STAT\u0130ST\u0130\u011e\u0130\n    ========================================================= *\/\n\n    .pmk-who__wheel-center {\n        position: relative;\n        z-index: 2;\n\n        width: clamp(150px, 32%, 200px);\n        height: clamp(150px, 32%, 200px);\n\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n\n        border-radius: 50%;\n\n        color: #ffffff;\n        background: rgba(11, 20, 65, 0.88);\n\n        text-align: center;\n\n        box-shadow:\n            0 20px 50px rgba(11, 20, 65, 0.25),\n            inset 0 1px 0 rgba(255, 255, 255, 0.12);\n\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n    }\n\n    .pmk-who__wheel-center-num {\n        font-size: clamp(32px, 4vw, 52px);\n        font-weight: 900;\n        line-height: 1;\n        letter-spacing: -1px;\n    }\n\n    .pmk-who__wheel-center-label {\n        margin-top: 6px;\n\n        font-size: clamp(11px, 1.1vw, 14px);\n        font-weight: 700;\n        line-height: 1.2;\n        letter-spacing: 0.28em;\n\n        opacity: 0.9;\n    }\n\n    \/* =========================================================\n       Y\u00d6R\u00dcNGE \u0130STAT\u0130ST\u0130KLER\u0130\n    ========================================================= *\/\n\n    .pmk-who__wheel-orbit {\n        position: absolute;\n        inset: 0;\n        z-index: 3;\n\n        transform: rotate(var(--angle, 0deg));\n\n        pointer-events: none;\n    }\n\n    .pmk-who__wheel-node {\n        position: absolute;\n        top: 0;\n        left: 50%;\n\n        min-width: clamp(92px, 18%, 132px);\n        padding: 12px 16px;\n\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n\n        border-radius: 16px;\n\n        background: #ffffff;\n\n        text-align: center;\n\n        box-shadow: 0 12px 30px rgba(11, 20, 65, 0.1);\n\n        pointer-events: auto;\n\n        transform:\n            translate(-50%, -50%)\n            rotate(calc(var(--angle, 0deg) * -1));\n\n        transition:\n            transform 0.35s ease,\n            box-shadow 0.35s ease;\n    }\n\n    .pmk-who__wheel-node:hover {\n        transform:\n            translate(-50%, -50%)\n            rotate(calc(var(--angle, 0deg) * -1))\n            scale(1.06);\n\n        box-shadow: 0 18px 40px rgba(11, 20, 65, 0.15);\n    }\n\n    .pmk-who__wheel-node-num {\n        color: #6f9540;\n\n        font-size: clamp(18px, 2.2vw, 28px);\n        font-weight: 900;\n        line-height: 1;\n    }\n\n    .pmk-who__wheel-node-label {\n        margin-top: 5px;\n\n        color: rgba(15, 17, 21, 0.6);\n\n        font-size: clamp(10px, 0.95vw, 12px);\n        font-weight: 700;\n        line-height: 1.2;\n        letter-spacing: 0.16em;\n        text-transform: uppercase;\n        white-space: nowrap;\n    }\n\n    \/* =========================================================\n       ARKA PLAN G\u00d6RSEL\u0130\n    ========================================================= *\/\n\n    .pmk-who__card-wrap {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        z-index: 1;\n\n        width: min(82%, 500px);\n        max-height: 58%;\n        aspect-ratio: 4 \/ 3;\n\n        transform: translate(-50%, -50%);\n    }\n\n    .pmk-who__card {\n        width: 100%;\n        height: 100%;\n        margin: 0;\n\n        overflow: hidden;\n\n        border-radius: 20px;\n\n        background: #0b1020;\n\n        box-shadow: 0 24px 60px rgba(11, 20, 65, 0.18);\n    }\n\n    .pmk-who__card-img {\n        display: block;\n\n        width: 100%;\n        height: 100%;\n\n        object-fit: cover;\n\n        opacity: 0.38;\n\n        transition:\n            transform 0.8s ease,\n            opacity 0.8s ease;\n    }\n\n    .pmk-who__card:hover .pmk-who__card-img {\n        transform: scale(1.04);\n        opacity: 0.5;\n    }\n\n    \/* =========================================================\n       REVEAL AN\u0130MASYONU\n    ========================================================= *\/\n\n    .pmk-reveal {\n        opacity: 0;\n        transform: translateY(18px);\n        filter: blur(2px);\n\n        transition:\n            opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1),\n            transform 1.1s cubic-bezier(0.16, 1, 0.3, 1),\n            filter 1.1s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .pmk-who.is-visible .pmk-reveal {\n        opacity: 1;\n        transform: translateY(0);\n        filter: blur(0);\n    }\n\n    .pmk-who .pmk-reveal {\n        transition-delay: var(--pmk-delay, 0ms);\n    }\n\n    \/*\n     * G\u00f6rselin kapsay\u0131c\u0131 merkezleme transformu etkilenmesin diye\n     * reveal animasyonu figure eleman\u0131nda scale ile uygulan\u0131r.\n     *\/\n    .pmk-who__card.pmk-reveal {\n        opacity: 0;\n        transform: scale(0.96);\n        filter: blur(2px);\n    }\n\n    .pmk-who.is-visible .pmk-who__card.pmk-reveal {\n        opacity: 1;\n        transform: scale(1);\n        filter: blur(0);\n    }\n\n    @keyframes pmk-spin-slow {\n        to {\n            transform: rotate(360deg);\n        }\n    }\n\n    \/* =========================================================\n       TABLET\n    ========================================================= *\/\n\n    @media (max-width: 1024px) {\n        .pmk-who__container {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n\n        .pmk-who__left {\n            text-align: center;\n        }\n\n        .pmk-who__header,\n        .pmk-who__title,\n        .pmk-who__intro {\n            max-width: 64ch;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .pmk-who__right {\n            min-height: clamp(600px, 66vw, 700px);\n        }\n\n        .pmk-who__wheel {\n            width: min(100%, 460px);\n        }\n\n        .pmk-who__card-wrap {\n            width: min(82%, 460px);\n        }\n    }\n\n    \/* =========================================================\n       K\u00dc\u00c7\u00dcK TABLET \/ GEN\u0130\u015e MOB\u0130L\n    ========================================================= *\/\n\n    @media (max-width: 640px) {\n        .pmk-who__wheel {\n            width: min(100%, 360px);\n        }\n\n        .pmk-who__wheel-node {\n            min-width: 78px;\n            padding: 10px 12px;\n            border-radius: 12px;\n        }\n\n        .pmk-who__wheel-center {\n            width: 140px;\n            height: 140px;\n        }\n    }\n\n    \/* =========================================================\n       MOB\u0130L D\u00dcZELTME\n       G\u00f6rsel ve istatistikler ayn\u0131 dairesel yap\u0131 i\u00e7inde kal\u0131r.\n    ========================================================= *\/\n\n    @media (max-width: 520px) {\n        .pmk-who {\n            padding: 42px 0 50px;\n        }\n\n        .pmk-who__container {\n            width: min(100% - 28px, 1280px);\n            gap: 34px;\n        }\n\n        .pmk-who__left {\n            text-align: center;\n        }\n\n        .pmk-who__eyebrow {\n            margin-bottom: 14px;\n\n            font-size: 11px;\n            line-height: 1.4;\n        }\n\n        .pmk-who__title {\n            margin-bottom: 16px;\n\n            font-size: clamp(30px, 9vw, 40px);\n            line-height: 1.1;\n        }\n\n        .pmk-who__intro {\n            font-size: 15px;\n            line-height: 1.7;\n        }\n\n        \/*\n         * G\u00f6rsel ve \u00e7ark ayn\u0131 kapsay\u0131c\u0131 i\u00e7erisinde \u00fcst \u00fcste kal\u0131r.\n         *\/\n        .pmk-who__right {\n            position: relative;\n\n            width: 100%;\n            min-height: 430px;\n            padding: 42px 0;\n\n            display: grid;\n            place-items: center;\n        }\n\n        \/*\n         * Mobilde masa\u00fcst\u00fcndeki dairesel yap\u0131 korunur.\n         *\/\n        .pmk-who__wheel {\n            position: relative;\n            z-index: 2;\n\n            width: min(calc(100% - 28px), 340px);\n            max-width: 340px;\n            aspect-ratio: 1 \/ 1;\n\n            display: grid;\n            place-items: center;\n\n            padding: 0;\n        }\n\n        \/*\n         * \u00d6nceki mobil CSS'teki display:none kald\u0131r\u0131ld\u0131.\n         *\/\n        .pmk-who__wheel-ring {\n            display: block;\n        }\n\n        .pmk-who__wheel-ring--outer::before {\n            inset: 10px;\n        }\n\n        .pmk-who__wheel-ring--inner {\n            inset: 19%;\n        }\n\n        .pmk-who__wheel-dots {\n            display: block;\n        }\n\n        .pmk-who__wheel-dots span {\n            width: 6px;\n            height: 6px;\n\n            box-shadow: 0 0 0 3px rgba(111, 149, 64, 0.15);\n        }\n\n        \/*\n         * Mobilde merkez alan\u0131 k\u00fc\u00e7\u00fclt\u00fcl\u00fcr.\n         *\/\n        .pmk-who__wheel-center {\n            position: relative;\n            z-index: 3;\n\n            grid-column: auto;\n            justify-self: auto;\n\n            width: 122px;\n            height: 122px;\n            margin: 0;\n        }\n\n        .pmk-who__wheel-center-num {\n            font-size: 34px;\n            line-height: 1;\n        }\n\n        .pmk-who__wheel-center-label {\n            margin-top: 5px;\n\n            font-size: 9px;\n            line-height: 1.2;\n            letter-spacing: 0.2em;\n        }\n\n        \/*\n         * \u0130statistik kutular\u0131 yeniden \u00e7ark\u0131n \u00e7evresine yerle\u015ftirilir.\n         *\/\n        .pmk-who__wheel-orbit {\n            position: absolute;\n            inset: 0;\n            z-index: 4;\n\n            transform: rotate(var(--angle, 0deg));\n\n            pointer-events: none;\n        }\n\n        .pmk-who__wheel-node {\n            position: absolute;\n            top: 0;\n            left: 50%;\n\n            width: auto;\n            min-width: 74px;\n            max-width: 92px;\n            min-height: 50px;\n            padding: 8px 7px;\n\n            border-radius: 11px;\n\n            pointer-events: auto;\n\n            transform:\n                translate(-50%, -50%)\n                rotate(calc(var(--angle, 0deg) * -1));\n        }\n\n        .pmk-who__wheel-node:hover {\n            transform:\n                translate(-50%, -50%)\n                rotate(calc(var(--angle, 0deg) * -1))\n                scale(1.04);\n        }\n\n        .pmk-who__wheel-node-num {\n            font-size: 18px;\n            line-height: 1;\n        }\n\n        .pmk-who__wheel-node-label {\n            margin-top: 4px;\n\n            font-size: 8px;\n            line-height: 1.15;\n            letter-spacing: 0.07em;\n            white-space: normal;\n        }\n\n        \/*\n         * En \u00f6nemli d\u00fczeltme:\n         * G\u00f6rsel normal ak\u0131\u015fa girmez, yeniden \u00e7ark\u0131n arkas\u0131nda kal\u0131r.\n         *\/\n        .pmk-who__card-wrap {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            z-index: 1;\n\n            width: min(76%, 270px);\n            height: auto;\n            max-height: none;\n            aspect-ratio: 4 \/ 3;\n\n            transform: translate(-50%, -50%);\n        }\n\n        .pmk-who__card {\n            width: 100%;\n            height: 100%;\n\n            border-radius: 16px;\n\n            box-shadow: 0 20px 48px rgba(11, 20, 65, 0.2);\n        }\n\n        .pmk-who__card-img {\n            width: 100%;\n            height: 100%;\n\n            object-fit: cover;\n\n            opacity: 0.42;\n        }\n\n        .pmk-who__card:hover .pmk-who__card-img {\n            transform: scale(1.03);\n            opacity: 0.5;\n        }\n    }\n\n    \/* =========================================================\n       \u00c7OK K\u00dc\u00c7\u00dcK MOB\u0130L\n    ========================================================= *\/\n\n    @media (max-width: 380px) {\n        .pmk-who__right {\n            min-height: 390px;\n            padding: 38px 0;\n        }\n\n        .pmk-who__wheel {\n            width: min(calc(100% - 32px), 300px);\n        }\n\n        .pmk-who__wheel-center {\n            width: 108px;\n            height: 108px;\n        }\n\n        .pmk-who__wheel-center-num {\n            font-size: 29px;\n        }\n\n        .pmk-who__wheel-center-label {\n            font-size: 8px;\n        }\n\n        .pmk-who__wheel-node {\n            min-width: 66px;\n            max-width: 78px;\n            min-height: 46px;\n            padding: 7px 5px;\n        }\n\n        .pmk-who__wheel-node-num {\n            font-size: 16px;\n        }\n\n        .pmk-who__wheel-node-label {\n            font-size: 7px;\n            letter-spacing: 0.04em;\n        }\n\n        .pmk-who__card-wrap {\n            width: min(74%, 235px);\n        }\n    }\n\n    \/* =========================================================\n       AZALTILMI\u015e HAREKET TERC\u0130H\u0130\n    ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n        .pmk-reveal {\n            opacity: 1;\n            transform: none;\n            filter: none;\n            transition: none;\n        }\n\n        .pmk-who__wheel-ring--outer {\n            animation: none;\n        }\n\n        .pmk-who__card-img {\n            transition: none;\n        }\n    }\n<\/style>\n\n    <div class=\"pmk-who__bg\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"pmk-who__container\">\n        <!-- LEFT -->\n        <div class=\"pmk-who__left\">\n            <div class=\"pmk-who__header\">\n                <span class=\"pmk-who__eyebrow pmk-reveal\" data-reveal>TANK OTOMASYON \u00c7\u00d6Z\u00dcMLER\u0130<\/span>\n                <h2 class=\"pmk-who__title pmk-reveal\" data-reveal>\n                    Ger\u00e7ek Zamanl\u0131 <br \/>\n                    Tank Y\u00f6netimi\n                <\/h2>\n                <p class=\"pmk-who__intro pmk-reveal\" data-reveal>\n                    Turpak Tank Otomasyon Sistemi, akaryak\u0131t depolama tanklar\u0131ndaki yak\u0131t seviyesi, su miktar\u0131, s\u0131cakl\u0131k ve dolum s\u00fcre\u00e7lerini ger\u00e7ek zamanl\u0131 olarak izler. Geli\u015fmi\u015f sens\u00f6r teknolojisi ve merkezi y\u00f6netim altyap\u0131s\u0131 sayesinde t\u00fcm tank hareketleri kay\u0131t alt\u0131na al\u0131n\u0131r, analiz edilir ve raporlan\u0131r. Mevcut otomasyon sistemleriyle entegre \u00e7al\u0131\u015farak operasyonel verimlili\u011fi art\u0131r\u0131rken yak\u0131t kay\u0131plar\u0131n\u0131 ve olas\u0131 riskleri en aza indirir.\n<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- RIGHT -->\n        <div class=\"pmk-who__right\">\n            <div class=\"pmk-who__wheel pmk-reveal\" data-reveal role=\"img\" aria-label=\"Promaks istatistikleri: 6500'den fazla istasyon, 81 \u015fehir, 2.5 milyon ta\u015f\u0131t, 40 y\u0131l\u0131 a\u015fk\u0131n deneyim, %99 m\u00fc\u015fteri memnuniyeti\">\n                <!-- Decorative rings -->\n                <div class=\"pmk-who__wheel-ring pmk-who__wheel-ring--outer\" aria-hidden=\"true\"><\/div>\n                <div class=\"pmk-who__wheel-ring pmk-who__wheel-ring--inner\" aria-hidden=\"true\"><\/div>\n\n                <!-- Orbit dots -->\n                <div class=\"pmk-who__wheel-dots\" aria-hidden=\"true\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/div>\n\n                <!-- Center stat -->\n                <div class=\"pmk-who__wheel-center\">\n                    <span class=\"pmk-who__wheel-center-num\" data-count>6500+<\/span>\n                    <span class=\"pmk-who__wheel-center-label\">\u0130STASYON<\/span>\n                <\/div>\n\n                <!-- Orbiting stat nodes -->\n                <div class=\"pmk-who__wheel-orbit\" style=\"--angle: -90deg;\">\n                    <div class=\"pmk-who__wheel-node\">\n                        <span class=\"pmk-who__wheel-node-num\" data-count>81<\/span>\n                        <span class=\"pmk-who__wheel-node-label\">\u015eEH\u0130R<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pmk-who__wheel-orbit\" style=\"--angle: 0deg;\">\n                    <div class=\"pmk-who__wheel-node\">\n                        <span class=\"pmk-who__wheel-node-num\" data-count>2.5M<\/span>\n                        <span class=\"pmk-who__wheel-node-label\">TA\u015eIT<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pmk-who__wheel-orbit\" style=\"--angle: 90deg;\">\n                    <div class=\"pmk-who__wheel-node\">\n                        <span class=\"pmk-who__wheel-node-num\" data-count>25+<\/span>\n                        <span class=\"pmk-who__wheel-node-label\">YIL<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pmk-who__wheel-orbit\" style=\"--angle: 180deg;\">\n                    <div class=\"pmk-who__wheel-node\">\n                        <span class=\"pmk-who__wheel-node-num\" data-count>%99<\/span>\n                        <span class=\"pmk-who__wheel-node-label\">MEMNUN\u0130YET<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"pmk-who__card-wrap\">\n                <figure class=\"pmk-who__card pmk-reveal\" data-reveal>\n                    <img class=\"pmk-who__card-img\"\n                        src=\"https:\/\/turpak.com.tr\/wp-content\/uploads\/2026\/07\/akaryakit-cozum.webp\"\n                        alt=\"Akaryak\u0131t istasyonu g\u00f6rseli\" loading=\"lazy\" decoding=\"async\" \/>\n                <\/figure>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n\n            const root = document.querySelector(\".pmk-who\");\n            if (!root) return;\n\n            const items = root.querySelectorAll(\"[data-reveal]\");\n\n            items.forEach((el, i) => {\n                const step = 120;\n                const maxDelay = 840;\n                el.style.setProperty(\"--pmk-delay\", Math.min(i * step, maxDelay) + \"ms\");\n            });\n\n            function parseCountTarget(text) {\n                const match = String(text).trim().match(\/^(\\D*)(\\d+(?:\\.\\d+)?)(\\D*)$\/);\n                if (!match) return null;\n                return {\n                    prefix: match[1],\n                    value: parseFloat(match[2]),\n                    suffix: match[3],\n                    original: text\n                };\n            }\n\n            function formatCount(value, target) {\n                const isInteger = Number.isInteger(target.value);\n                const num = isInteger ? Math.round(value) : value.toFixed(1);\n                return target.prefix + num + target.suffix;\n            }\n\n            function animateCount(el, target, duration) {\n                const start = performance.now();\n\n                function frame(now) {\n                    const elapsed = now - start;\n                    const progress = Math.min(elapsed \/ duration, 1);\n                    const ease = 1 - Math.pow(1 - progress, 3);\n                    const current = target.value * ease;\n\n                    el.textContent = formatCount(current, target);\n\n                    if (progress < 1) {\n                        requestAnimationFrame(frame);\n                    } else {\n                        el.textContent = target.original;\n                    }\n                }\n\n                requestAnimationFrame(frame);\n            }\n\n            function runCountAnimations() {\n                if (root.dataset.countAnimated === \"true\") return;\n                root.dataset.countAnimated = \"true\";\n\n                const countEls = root.querySelectorAll(\"[data-count]\");\n                const prefersReduced = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n                countEls.forEach((el, index) => {\n                    const target = parseCountTarget(el.textContent);\n                    if (!target) return;\n\n                    if (prefersReduced) {\n                        el.textContent = target.original;\n                        return;\n                    }\n\n                    el.textContent = formatCount(0, target);\n                    const duration = 1500 + (index * 150);\n\n                    setTimeout(() => {\n                        animateCount(el, target, duration);\n                    }, index * 120);\n                });\n            }\n\n            function show() {\n                root.classList.add(\"is-visible\");\n                runCountAnimations();\n            }\n\n            if (\"IntersectionObserver\" in window) {\n                const io = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            show();\n                            io.disconnect();\n                        }\n                    });\n                }, { threshold: 0.12, rootMargin: \"0px 0px -8% 0px\" });\n\n                io.observe(root);\n            } else {\n                show();\n            }\n\n        });\n    <\/script>\n<\/section>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1774557529883 wd-rs-69c599549285d wd-section-stretch-content-no-pd\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    .turpak-flows {\n        --tf-navy: #0b1646;\n        --tf-blue: #086b92;\n        --tf-green: #80a93d;\n        --tf-red: #d9233f;\n        --tf-light: #f5f7fa;\n        --tf-text: #20232a;\n        --tf-muted: #626b78;\n\n        position: relative;\n        padding: 76px 0;\n        background:\n            radial-gradient(circle at 50% 0%,\n                rgba(8, 107, 146, 0.08),\n                transparent 38%),\n            #fff;\n    }\n\n    .turpak-flows__container {\n        width: min(1300px, calc(100% - 48px));\n        margin: 0 auto;\n    }\n\n    .turpak-flows__header {\n        display: flex;\n        align-items: flex-end;\n        justify-content: space-between;\n        gap: 24px;\n        max-width: 1020px;\n        margin: 0 auto 48px;\n    }\n\n    .turpak-flows__header-text {\n        max-width: 980px;\n    }\n\n    .turpak-flows__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 18px;\n        color: var(--tf-blue);\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n    }\n\n    .turpak-flows__eyebrow::before {\n        content: \"\";\n        width: 28px;\n        height: 2px;\n        background: currentColor;\n        border-radius: 99px;\n    }\n\n    .turpak-flows__title {\n        max-width: 960px;\n        margin: 0 0 18px;\n        color: var(--tf-navy);\n        font-size: clamp(34px, 4vw, 50px);\n        line-height: 1.08;\n        letter-spacing: -0.04em;\n    }\n\n    .turpak-flows__intro {\n        max-width: 980px;\n        margin: 0;\n        color: var(--tf-muted);\n        font-size: 17px;\n        line-height: 1.8;\n    }\n\n    \/* Carousel *\/\n    .turpak-flows__carousel {\n        position: relative;\n        width: 100%;\n    }\n\n    .turpak-flows__track {\n        display: flex;\n        gap: 18px;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none;\n        touch-action: pan-y;\n        cursor: grab;\n        padding: 4px 24px 14px;\n        padding-left: max(24px, calc((100% - 1300px) \/ 2));\n    }\n\n    .turpak-flows__track::-webkit-scrollbar {\n        display: none;\n    }\n\n    .turpak-flows__track.is-dragging {\n        cursor: grabbing;\n        scroll-snap-type: none;\n        user-select: none;\n    }\n\n    .turpak-flows__ghost {\n        flex: 0 0 75px;\n        min-height: 320px;\n        opacity: 0;\n        pointer-events: none;\n        scroll-snap-align: start;\n    }\n\n    .turpak-flows__card {\n        position: relative;\n        z-index: 1;\n        flex: 0 0 300px;\n        min-height: 320px;\n        padding: 30px 26px 34px;\n        border: 1px solid rgba(11, 22, 70, 0.09);\n        border-radius: 18px;\n        background: rgba(255, 255, 255, 0.96);\n        box-shadow: 0 14px 40px rgba(11, 22, 70, 0.07);\n        scroll-snap-align: start;\n        overflow: hidden;\n        transition:\n            transform 0.35s ease,\n            box-shadow 0.35s ease,\n            border-color 0.35s ease,\n            background-color 0.35s ease;\n    }\n\n    .turpak-flows__card:hover {\n        transform: translateY(-8px);\n        border-color: rgba(8, 107, 146, 0.3);\n        box-shadow: 0 24px 60px rgba(11, 22, 70, 0.13);\n    }\n\n    .turpak-flows__top {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: 34px;\n    }\n\n    .turpak-flows__icon {\n        display: grid;\n        place-items: center;\n        width: 58px;\n        height: 58px;\n        border-radius: 16px;\n        color: #fff;\n        transition:\n            transform 0.35s ease,\n            border-radius 0.35s ease,\n            background-color 0.35s ease;\n    }\n\n    .turpak-flows__card:hover .turpak-flows__icon {\n        transform: rotate(-4deg) scale(1.07);\n        border-radius: 20px;\n    }\n\n    .turpak-flows__icon svg {\n        width: 28px;\n        height: 28px;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 1.8;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .turpak-flows__number {\n        color: rgba(11, 22, 70, 0.12);\n        font-size: 42px;\n        font-weight: 800;\n        line-height: 1;\n        letter-spacing: -0.06em;\n        transition:\n            color 0.35s ease,\n            transform 0.35s ease;\n    }\n\n    .turpak-flows__card:hover .turpak-flows__number {\n        color: rgba(11, 22, 70, 0.2);\n        transform: translateY(-2px);\n    }\n\n    .turpak-flows__card h3 {\n        margin: 0 0 8px;\n        color: var(--tf-navy);\n        font-size: 22px;\n        line-height: 1.2;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flows__label {\n        display: block;\n        margin-bottom: 14px;\n        color: var(--card-accent);\n        font-size: 13px;\n        font-weight: 800;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flows__card p {\n        margin: 0;\n        color: var(--tf-muted);\n        font-size: 14px;\n        line-height: 1.7;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flows__card::after {\n        content: \"\";\n        position: absolute;\n        right: 26px;\n        bottom: 22px;\n        left: 26px;\n        height: 3px;\n        border-radius: 99px;\n        background: var(--card-accent);\n        transform: scaleX(0.22);\n        transform-origin: left;\n        opacity: 0.75;\n        transition:\n            transform 0.35s ease,\n            opacity 0.35s ease;\n    }\n\n    .turpak-flows__card:hover::after {\n        transform: scaleX(1);\n        opacity: 1;\n    }\n\n    .turpak-flows__card--blue {\n        --card-accent: var(--tf-blue);\n    }\n\n    .turpak-flows__card--blue .turpak-flows__icon {\n        background: var(--tf-blue);\n    }\n\n    .turpak-flows__card--green {\n        --card-accent: var(--tf-green);\n    }\n\n    .turpak-flows__card--green .turpak-flows__icon {\n        background: var(--tf-green);\n    }\n\n    .turpak-flows__card--red {\n        --card-accent: var(--tf-red);\n    }\n\n    .turpak-flows__card--red .turpak-flows__icon {\n        background: var(--tf-red);\n    }\n\n    .turpak-flows__card--navy {\n        --card-accent: var(--tf-navy);\n    }\n\n    .turpak-flows__card--navy .turpak-flows__icon {\n        background: var(--tf-navy);\n    }\n\n    \/* Nav *\/\n    .turpak-flows__nav {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 46px;\n        height: 46px;\n        border: 1px solid rgba(11, 22, 70, 0.12);\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.92);\n        color: var(--tf-navy);\n        font-size: 22px;\n        line-height: 1;\n        cursor: pointer;\n        box-shadow: 0 10px 26px rgba(11, 22, 70, 0.1);\n        transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;\n        -webkit-tap-highlight-color: transparent;\n    }\n\n    .turpak-flows__nav:hover {\n        transform: scale(1.05);\n        border-color: rgba(8, 107, 146, 0.3);\n    }\n\n    .turpak-flows__nav:disabled {\n        opacity: 0.4;\n        cursor: default;\n        transform: none;\n    }\n\n    .turpak-flows__nav span {\n        display: block;\n        transform: translateY(-1px);\n    }\n\n    .turpak-flows__controls {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 6px;\n    }\n\n    \/* Dots *\/\n    .turpak-flows__dots {\n        display: flex;\n        justify-content: center;\n        gap: 10px;\n        margin-top: 18px;\n        padding: 0 max(24px, calc((100% - 1300px) \/ 2));\n    }\n\n    .turpak-flows__dot {\n        width: 10px;\n        height: 10px;\n        border: 0;\n        border-radius: 999px;\n        background: rgba(11, 22, 70, 0.18);\n        cursor: pointer;\n        transition: transform 0.25s ease, background 0.25s ease;\n        padding: 0;\n    }\n\n    .turpak-flows__dot[aria-current=\"true\"] {\n        background: var(--tf-blue);\n        transform: scale(1.2);\n    }\n\n    @media (max-width: 1100px) {\n        .turpak-flows__header {\n            max-width: 900px;\n        }\n\n        .turpak-flows__intro {\n            max-width: 860px;\n        }\n\n        .turpak-flows__card {\n            flex: 0 0 280px;\n        }\n\n        .turpak-flows__ghost {\n            flex: 0 0 70px;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .turpak-flows {\n            padding: 58px 0;\n        }\n\n        .turpak-flows__container {\n            width: calc(100% - 32px);\n        }\n\n        .turpak-flows__header {\n            flex-direction: column;\n            align-items: flex-start;\n            max-width: none;\n            margin-bottom: 30px;\n        }\n\n        .turpak-flows__header-text {\n            max-width: none;\n        }\n\n        .turpak-flows__eyebrow {\n            margin-bottom: 14px;\n            font-size: 11px;\n        }\n\n        .turpak-flows__title {\n            max-width: none;\n            margin-bottom: 14px;\n            font-size: 32px;\n            line-height: 1.12;\n        }\n\n        .turpak-flows__intro {\n            max-width: none;\n            font-size: 15px;\n            line-height: 1.7;\n        }\n\n        .turpak-flows__track {\n            gap: 14px;\n            padding: 4px 16px 14px;\n            padding-left: 16px;\n        }\n\n        .turpak-flows__ghost {\n            flex: 0 0 50px;\n            min-height: auto;\n        }\n\n        .turpak-flows__card {\n            flex: 0 0 min(260px, 60%);\n            min-height: auto;\n            padding: 24px 22px 30px;\n            scroll-snap-align: start;\n        }\n\n        .turpak-flows__top {\n            margin-bottom: 24px;\n        }\n\n        .turpak-flows__icon {\n            width: 52px;\n            height: 52px;\n        }\n\n        .turpak-flows__number {\n            font-size: 36px;\n        }\n\n        .turpak-flows__card h3 {\n            font-size: 21px;\n        }\n\n        .turpak-flows__controls {\n            display: none;\n        }\n\n        .turpak-flows__dots {\n            margin-top: 14px;\n            padding: 0 16px;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n        .turpak-flows__track,\n        .turpak-flows__card,\n        .turpak-flows__icon,\n        .turpak-flows__number,\n        .turpak-flows__card h3,\n        .turpak-flows__label,\n        .turpak-flows__card p,\n        .turpak-flows__card::after,\n        .turpak-flows__nav,\n        .turpak-flows__dot {\n            transition: none;\n            scroll-behavior: auto;\n        }\n    }\n<\/style>\n\n<section class=\"turpak-flows\" aria-labelledby=\"turpak-avantajlar-title\">\n    <div class=\"turpak-flows__container\">\n        <header class=\"turpak-flows__header\">\n            <div class=\"turpak-flows__header-text\">\n                <span class=\"turpak-flows__eyebrow\">\n                    Avantajlar\u0131m\u0131z\n                <\/span>\n\n                <h2 class=\"turpak-flows__title\" id=\"turpak-avantajlar-title\">\n                    Tank Y\u00f6netiminde G\u00fcvenilir ve Ak\u0131ll\u0131 \u00c7\u00f6z\u00fcmler\n                <\/h2>\n\n                <p class=\"turpak-flows__intro\">\n                    Turpak Tank Otomasyon Sistemleri, yaln\u0131zca tank verilerini izlemekle kalmaz; i\u015fletmenizin operasyonlar\u0131n\u0131 g\u00fcvenli, verimli ve s\u00fcrd\u00fcr\u00fclebilir \u015fekilde y\u00f6netmesine yard\u0131mc\u0131 olur.\n                <\/p>\n            <\/div>\n\n            <div class=\"turpak-flows__controls\">\n                <button class=\"turpak-flows__nav turpak-flows__nav--prev\" type=\"button\" aria-label=\"\u00d6nceki\" data-tf-prev>\n                    <span aria-hidden=\"true\">\u2039<\/span>\n                <\/button>\n                <button class=\"turpak-flows__nav turpak-flows__nav--next\" type=\"button\" aria-label=\"Sonraki\" data-tf-next>\n                    <span aria-hidden=\"true\">\u203a<\/span>\n                <\/button>\n            <\/div>\n        <\/header>\n    <\/div>\n\n    <div class=\"turpak-flows__carousel\">\n        <div class=\"turpak-flows__track\" data-tf-rail>\n\n            <div class=\"turpak-flows__ghost\" aria-hidden=\"true\"><\/div>\n\n            <article class=\"turpak-flows__card turpak-flows__card--blue\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M20.6 13.4l-7.6 7.6a2 2 0 0 1-2.8 0L3 13.8a2 2 0 0 1 0-2.8l7.6-7.6a2 2 0 0 1 2.8 0l7.2 7.2a2 2 0 0 1 0 2.8z\"><\/path>\n                            <path d=\"M9 15l6-6\"><\/path>\n                            <circle cx=\"10\" cy=\"10\" r=\"1\"><\/circle>\n                            <circle cx=\"14\" cy=\"14\" r=\"1\"><\/circle>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">01<\/span>\n                <\/div>\n\n                <h3>Ger\u00e7ek Zamanl\u0131 Takip<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    \u0130zleme\n                <\/span>\n\n                <p>\nTank verilerini anl\u0131k takip ederek operasyon s\u00fcre\u00e7lerinin kesintisiz y\u00f6netilmesini sa\u011flar.<\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--green\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path>\n                            <rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"><\/rect>\n                            <path d=\"M9 14l2 2 4-4\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">02<\/span>\n                <\/div>\n\n                <h3>G\u00fcvenli Operasyon<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    G\u00fcvenlik\n                <\/span>\n\n                <p>\nOlas\u0131 riskleri erken tespit ederek g\u00fcvenli ve kontroll\u00fc bir i\u015fletme altyap\u0131s\u0131 olu\u015fturur.                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--red\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                            <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                            <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">03<\/span>\n                <\/div>\n\n                <h3>Y\u00fcksek Hassasiyet<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    \u00d6l\u00e7\u00fcm\n                <\/span>\n\n                <p>\nDo\u011fru ve g\u00fcvenilir \u00f6l\u00e7\u00fcmlerle stok y\u00f6netiminde maksimum do\u011fruluk sunar.<\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--navy\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <polyline points=\"20 12 20 22 4 22 4 12\"><\/polyline>\n                            <rect x=\"2\" y=\"7\" width=\"20\" height=\"5\"><\/rect>\n                            <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\"><\/line>\n                            <path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"><\/path>\n                            <path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">04<\/span>\n                <\/div>\n\n                <h3>Merkezi Y\u00f6netim<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Y\u00f6netim\n                <\/span>\n\n                <p>\nT\u00fcm tank operasyonlar\u0131n\u0131 tek merkezden izleme ve y\u00f6netme imk\u00e2n\u0131 sa\u011flar.                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--blue\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line>\n                            <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line>\n                            <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line>\n                            <path d=\"M3 20h18\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">05<\/span>\n                <\/div>\n\n                <h3>Esnek Entegrasyon<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Entegrasyon\n                <\/span>\n\n                <p>\n                    Mevcut otomasyon altyap\u0131lar\u0131yla uyumlu \u00e7al\u0131\u015farak yat\u0131r\u0131m\u0131n\u0131z\u0131 korur.\n                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--green\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <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\"><\/path>\n                            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">06<\/span>\n                <\/div>\n\n                <h3>Ak\u0131ll\u0131 Raporlama<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Analiz\n                <\/span>\n\n                <p>\nOperasyon verilerini anlaml\u0131 raporlara d\u00f6n\u00fc\u015ft\u00fcrerek karar s\u00fcre\u00e7lerini destekler.                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--red\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"><\/path>\n                            <path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"><\/path>\n                            <path d=\"M12 19v3\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">07<\/span>\n                <\/div>\n\n                <h3>\u00d6l\u00e7eklenebilir Altyap\u0131<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Esneklik\n                <\/span>\n\n                <p>\n                    \u0130\u015fletmenizin b\u00fcy\u00fcyen ihtiya\u00e7lar\u0131na kolayca uyum sa\u011flayan mod\u00fcler yap\u0131 sunar.\n                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--navy\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M21 4v6h-6\"><\/path>\n                            <path d=\"M3 20v-6h6\"><\/path>\n                            <path d=\"M21 10a9 9 0 0 0-15-3.6L3 10\"><\/path>\n                            <path d=\"M3 14a9 9 0 0 0 15 3.6L21 14\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">08<\/span>\n                <\/div>\n\n                <h3>Uzman Teknik Destek<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Hizmet\n                <\/span>\n\n                <p>\n                    Kurulumdan bak\u0131m s\u00fcre\u00e7lerine kadar uzman ekip deste\u011fiyle kesintisiz hizmet sa\u011flar.\n                <\/p>\n            <\/article>\n\n        <\/div>\n    <\/div>\n\n    \n<\/section>\n\n<script>\n    (function () {\n        const section = document.currentScript.previousElementSibling;\n        const rail = section.querySelector('[data-tf-rail]');\n        const prevBtn = section.querySelector('[data-tf-prev]');\n        const nextBtn = section.querySelector('[data-tf-next]');\n        const dotsWrap = section.querySelector('[data-tf-dots]');\n        const ghost = rail.querySelector('.turpak-flows__ghost');\n        const cards = Array.from(rail.children).filter((el) => !el.classList.contains('turpak-flows__ghost'));\n        if (!rail || cards.length === 0) return;\n\n        function getStep() {\n            return cards[0].offsetWidth + (parseFloat(getComputedStyle(rail).gap) || 18);\n        }\n\n        function getMaxIndex() {\n            return cards.length - 1;\n        }\n\n        function scrollToIndex(index) {\n            const step = getStep();\n            const max = getMaxIndex();\n            index = Math.max(0, Math.min(index, max));\n            rail.scrollTo({ left: index * step, behavior: 'smooth' });\n        }\n\n        function getCurrentIndex() {\n            const step = getStep();\n            const ghostW = ghost ? ghost.offsetWidth : 0;\n            const gap = parseFloat(getComputedStyle(rail).gap) || 18;\n            const firstCardStart = ghostW + gap;\n            const index = Math.round((rail.scrollLeft - firstCardStart) \/ step);\n            return Math.max(0, Math.min(getMaxIndex(), index));\n        }\n\n        function updateDots() {\n            if (!dotsWrap) return;\n            const index = getCurrentIndex();\n            const dots = Array.from(dotsWrap.children);\n            dots.forEach((dot, i) => dot.setAttribute('aria-current', i === index ? 'true' : 'false'));\n\n            if (prevBtn) prevBtn.disabled = rail.scrollLeft <= 1;\n            if (nextBtn) nextBtn.disabled = rail.scrollLeft >= rail.scrollWidth - rail.clientWidth - 1;\n        }\n\n        function buildDots() {\n            if (!dotsWrap) return;\n            dotsWrap.innerHTML = '';\n            cards.forEach((_, i) => {\n                const dot = document.createElement('button');\n                dot.type = 'button';\n                dot.className = 'turpak-flows__dot';\n                dot.setAttribute('aria-label', `Kayd\u0131rma ${i + 1}`);\n                dot.addEventListener('click', () => scrollToIndex(i));\n                dotsWrap.appendChild(dot);\n            });\n            updateDots();\n        }\n\n        let currentIndex = 0;\n\n        if (prevBtn) {\n            prevBtn.addEventListener('click', () => {\n                currentIndex = Math.max(0, getCurrentIndex() - 1);\n                scrollToIndex(currentIndex);\n            });\n        }\n\n        if (nextBtn) {\n            nextBtn.addEventListener('click', () => {\n                currentIndex = Math.min(getMaxIndex(), getCurrentIndex() + 1);\n                scrollToIndex(currentIndex);\n            });\n        }\n\n        let scrollRafId = null;\n        rail.addEventListener('scroll', () => {\n            if (scrollRafId) return;\n            scrollRafId = requestAnimationFrame(() => {\n                currentIndex = getCurrentIndex();\n                updateDots();\n                scrollRafId = null;\n            });\n        }, { passive: true });\n\n        \/\/ Mouse \/ touch drag\n        let isDragging = false;\n        let startX = 0;\n        let startScrollLeft = 0;\n        let dragDistance = 0;\n        let dragRafId = null;\n        let pendingScrollLeft = null;\n\n        function getPageX(e) {\n            return e.type.includes('mouse') ? e.pageX : e.touches[0].pageX;\n        }\n\n        function applyDragScroll() {\n            if (pendingScrollLeft !== null) {\n                rail.scrollLeft = pendingScrollLeft;\n                pendingScrollLeft = null;\n            }\n            dragRafId = null;\n        }\n\n        function onDragStart(e) {\n            isDragging = true;\n            dragDistance = 0;\n            rail.classList.add('is-dragging');\n            rail.style.scrollBehavior = 'auto';\n            startX = getPageX(e);\n            startScrollLeft = rail.scrollLeft;\n            pendingScrollLeft = startScrollLeft;\n        }\n\n        function onDragMove(e) {\n            if (!isDragging) return;\n            const x = getPageX(e);\n            const walk = startX - x;\n            dragDistance = Math.abs(walk);\n            pendingScrollLeft = startScrollLeft + walk;\n            if (!dragRafId) {\n                dragRafId = requestAnimationFrame(applyDragScroll);\n            }\n        }\n\n        function onDragEnd() {\n            if (!isDragging) return;\n            isDragging = false;\n            rail.classList.remove('is-dragging');\n            rail.style.scrollBehavior = '';\n            if (dragRafId) {\n                cancelAnimationFrame(dragRafId);\n                dragRafId = null;\n            }\n            if (pendingScrollLeft !== null) {\n                rail.scrollLeft = pendingScrollLeft;\n                pendingScrollLeft = null;\n            }\n        }\n\n        rail.addEventListener('mousedown', onDragStart);\n        rail.addEventListener('touchstart', onDragStart, { passive: true });\n\n        window.addEventListener('mousemove', onDragMove);\n        window.addEventListener('touchmove', onDragMove, { passive: true });\n\n        window.addEventListener('mouseup', onDragEnd);\n        window.addEventListener('touchend', onDragEnd);\n\n        \/\/ Click engelleme (s\u00fcr\u00fckleyerek ge\u00e7i\u015f yap\u0131ld\u0131ysa)\n        rail.querySelectorAll('a, button').forEach((el) => {\n            el.addEventListener('click', (e) => {\n                if (dragDistance > 5) e.preventDefault();\n            });\n        });\n\n        window.addEventListener('resize', () => {\n            buildDots();\n            updateDots();\n        });\n\n        buildDots();\n        updateDots();\n    })();\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid wd-rs-6951adbd4994a\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    .turpak-flow {\n        --tf-navy: #0b1646;\n        --tf-blue: #086b92;\n        --tf-green: #80a93d;\n        --tf-red: #d9233f;\n        --tf-light: #f5f7fa;\n        --tf-text: #20232a;\n        --tf-muted: #626b78;\n\n        position: relative;\n        padding: 76px 0;\n        background:\n            radial-gradient(\n                circle at 50% 0%,\n                rgba(8, 107, 146, 0.08),\n                transparent 38%\n            ),\n            #fff;\n        overflow: hidden;\n    }\n\n    .turpak-flow__container {\n        width: min(1300px, calc(100% - 48px));\n        margin: 0 auto;\n    }\n\n    .turpak-flow__header {\n        max-width: 1020px;\n        margin-bottom: 48px;\n    }\n\n    .turpak-flow__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 18px;\n        color: var(--tf-blue);\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n    }\n\n    .turpak-flow__eyebrow::before {\n        content: \"\";\n        width: 28px;\n        height: 2px;\n        background: currentColor;\n        border-radius: 99px;\n    }\n\n    .turpak-flow__title {\n        max-width: 960px;\n        margin: 0 0 18px;\n        color: var(--tf-navy);\n        font-size: clamp(34px, 4vw, 50px);\n        line-height: 1.08;\n        letter-spacing: -0.04em;\n    }\n\n    .turpak-flow__intro {\n        max-width: 980px;\n        margin: 0;\n        color: var(--tf-muted);\n        font-size: 17px;\n        line-height: 1.8;\n    }\n\n    .turpak-flow__grid {\n        position: relative;\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 18px;\n    }\n\n    .turpak-flow__grid::before {\n        content: \"\";\n        position: absolute;\n        top: 47px;\n        left: 12%;\n        right: 12%;\n        height: 1px;\n        background:\n            linear-gradient(\n                90deg,\n                transparent,\n                rgba(8, 107, 146, 0.32) 15%,\n                rgba(8, 107, 146, 0.32) 85%,\n                transparent\n            );\n        z-index: 0;\n    }\n\n    .turpak-flow__card {\n        position: relative;\n        z-index: 1;\n        min-height: 320px;\n        padding: 30px 26px 34px;\n        border: 1px solid rgba(11, 22, 70, 0.09);\n        border-radius: 18px;\n        background: rgba(255, 255, 255, 0.96);\n        box-shadow: 0 14px 40px rgba(11, 22, 70, 0.07);\n        overflow: hidden;\n        transition:\n            transform 0.35s ease,\n            box-shadow 0.35s ease,\n            border-color 0.35s ease,\n            background-color 0.35s ease;\n    }\n\n    .turpak-flow__card:hover {\n        transform: translateY(-8px);\n        border-color: rgba(8, 107, 146, 0.3);\n        box-shadow: 0 24px 60px rgba(11, 22, 70, 0.13);\n    }\n\n    .turpak-flow__top {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: 34px;\n    }\n\n    .turpak-flow__icon {\n        display: grid;\n        place-items: center;\n        width: 58px;\n        height: 58px;\n        border-radius: 16px;\n        color: #fff;\n        transition:\n            transform 0.35s ease,\n            border-radius 0.35s ease,\n            background-color 0.35s ease;\n    }\n\n    .turpak-flow__card:hover .turpak-flow__icon {\n        transform: rotate(-4deg) scale(1.07);\n        border-radius: 20px;\n    }\n\n    .turpak-flow__icon svg {\n        width: 28px;\n        height: 28px;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 1.8;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .turpak-flow__number {\n        color: rgba(11, 22, 70, 0.12);\n        font-size: 42px;\n        font-weight: 800;\n        line-height: 1;\n        letter-spacing: -0.06em;\n        transition:\n            color 0.35s ease,\n            transform 0.35s ease;\n    }\n\n    .turpak-flow__card:hover .turpak-flow__number {\n        color: rgba(11, 22, 70, 0.2);\n        transform: translateY(-2px);\n    }\n\n    .turpak-flow__card h3 {\n        margin: 0 0 8px;\n        color: var(--tf-navy);\n        font-size: 22px;\n        line-height: 1.2;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flow__label {\n        display: block;\n        margin-bottom: 14px;\n        color: var(--card-accent);\n        font-size: 13px;\n        font-weight: 800;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flow__card p {\n        margin: 0;\n        color: var(--tf-muted);\n        font-size: 14px;\n        line-height: 1.7;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flow__card::after {\n        content: \"\";\n        position: absolute;\n        right: 26px;\n        bottom: 22px;\n        left: 26px;\n        height: 3px;\n        border-radius: 99px;\n        background: var(--card-accent);\n        transform: scaleX(0.22);\n        transform-origin: left;\n        opacity: 0.75;\n        transition:\n            transform 0.35s ease,\n            opacity 0.35s ease;\n    }\n\n    .turpak-flow__card:hover::after {\n        transform: scaleX(1);\n        opacity: 1;\n    }\n\n    .turpak-flow__card--control {\n        --card-accent: var(--tf-blue);\n    }\n\n    .turpak-flow__card--control .turpak-flow__icon {\n        background: var(--tf-blue);\n    }\n\n    .turpak-flow__card--audience {\n        --card-accent: var(--tf-green);\n    }\n\n    .turpak-flow__card--audience .turpak-flow__icon {\n        background: var(--tf-green);\n    }\n\n    .turpak-flow__card--process {\n        --card-accent: var(--tf-red);\n    }\n\n    .turpak-flow__card--process .turpak-flow__icon {\n        background: var(--tf-red);\n    }\n\n    .turpak-flow__card--compliance {\n        --card-accent: var(--tf-navy);\n    }\n\n    .turpak-flow__card--compliance .turpak-flow__icon {\n        background: var(--tf-navy);\n    }\n\n    @media (max-width: 1100px) {\n        .turpak-flow__header {\n            max-width: 900px;\n        }\n\n        .turpak-flow__intro {\n            max-width: 860px;\n        }\n\n        .turpak-flow__grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .turpak-flow__grid::before {\n            display: none;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .turpak-flow {\n            padding: 58px 0;\n        }\n\n        .turpak-flow__container {\n            width: calc(100% - 32px);\n        }\n\n        .turpak-flow__header {\n            max-width: none;\n            margin-bottom: 30px;\n        }\n\n        .turpak-flow__eyebrow {\n            margin-bottom: 14px;\n            font-size: 11px;\n        }\n\n        .turpak-flow__title {\n            max-width: none;\n            margin-bottom: 14px;\n            font-size: 32px;\n            line-height: 1.12;\n        }\n\n        .turpak-flow__intro {\n            max-width: none;\n            font-size: 15px;\n            line-height: 1.7;\n        }\n\n        .turpak-flow__grid {\n            grid-template-columns: 1fr;\n            gap: 14px;\n        }\n\n        .turpak-flow__card {\n            min-height: auto;\n            padding: 24px 22px 30px;\n        }\n\n        .turpak-flow__top {\n            margin-bottom: 24px;\n        }\n\n        .turpak-flow__icon {\n            width: 52px;\n            height: 52px;\n        }\n\n        .turpak-flow__number {\n            font-size: 36px;\n        }\n\n        .turpak-flow__card h3 {\n            font-size: 21px;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .turpak-flow__card,\n        .turpak-flow__icon,\n        .turpak-flow__number,\n        .turpak-flow__card h3,\n        .turpak-flow__label,\n        .turpak-flow__card p,\n        .turpak-flow__card::after {\n            transition: none;\n        }\n    }\n<\/style>\n\n<section class=\"turpak-flow\" aria-labelledby=\"turpak-flow-title\">\n    <div class=\"turpak-flow__container\">\n\n        <header class=\"turpak-flow__header\">\n            <span class=\"turpak-flow__eyebrow\">\n                TEK PLATFORM, TAM KONTROL\n            <\/span>\n\n            <h2 class=\"turpak-flow__title\" id=\"turpak-flow-title\">\n                Tank Operasyonlar\u0131n\u0131z\u0131 Tek Merkezden Y\u00f6netin\n            <\/h2>\n\n            <p class=\"turpak-flow__intro\">\n                Turpak Tank Otomasyon Sistemi; tank izleme, envanter y\u00f6netimi, alarm takibi ve raporlama s\u00fcre\u00e7lerini tek platformda bir araya getirerek i\u015fletmenize daha g\u00fcvenli, verimli ve kontrol edilebilir bir operasyon sunar.\n            <\/p>\n        <\/header>\n\n        <div class=\"turpak-flow__grid\">\n\n            <article class=\"turpak-flow__card turpak-flow__card--control\">\n                <div class=\"turpak-flow__top\">\n                    <span class=\"turpak-flow__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 4v16h16\"><\/path>\n                            <path d=\"M7 15l3-3 3 2 5-6\"><\/path>\n                            <path d=\"M16 8h2v2\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    \n                <\/div>\n\n                <h3>Ne Sa\u011flar?<\/h3>\n\n                <span class=\"turpak-flow__label\">\n                    Operasyonel Kontrol\n                <\/span>\n\n                <p>\n                    Tank seviyeleri, dolum hareketleri, s\u0131cakl\u0131k, su miktar\u0131 ve alarm durumlar\u0131n\u0131 ger\u00e7ek zamanl\u0131 takip ederek operasyonel s\u00fcre\u00e7lerin g\u00fcvenle y\u00f6netilmesini sa\u011flar.\n                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flow__card turpak-flow__card--audience\">\n                <div class=\"turpak-flow__top\">\n                    <span class=\"turpak-flow__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                            <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    \n                <\/div>\n\n                <h3>Kimler \u0130\u00e7in?<\/h3>\n\n                <span class=\"turpak-flow__label\">\n                    Akaryak\u0131t \u0130\u015fletmeleri\n                <\/span>\n\n                <p>\n                    Ba\u011f\u0131ms\u0131z istasyonlar, bayi a\u011flar\u0131, zincir akaryak\u0131t istasyonlar\u0131 ve merkezi y\u00f6netim ihtiyac\u0131 duyan t\u00fcm i\u015fletmeler i\u00e7in uygundur.\n                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flow__card turpak-flow__card--process\">\n                <div class=\"turpak-flow__top\">\n                    <span class=\"turpak-flow__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06-2.83 2.83-.06-.06A1.65 1.65 0 0 0 15 19.4a1.65 1.65 0 0 0-1 .6 1.65 1.65 0 0 0-.4 1.08V21h-4v-.08A1.65 1.65 0 0 0 8.6 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06-2.83-2.83.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-.6-1H3v-4h1a1.65 1.65 0 0 0 .6-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06 2.83-2.83.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-.6V3h4v1a1.65 1.65 0 0 0 1 .6 1.65 1.65 0 0 0 1.82-.33l.06-.06 2.83 2.83-.06.06A1.65 1.65 0 0 0 19.4 9c.14.38.36.72.6 1h1v4h-1c-.24.28-.46.62-.6 1z\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    \n                <\/div>\n\n                <h3>Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/h3>\n\n                <span class=\"turpak-flow__label\">\n                    Ak\u0131ll\u0131 Tank Y\u00f6netimi\n                <\/span>\n\n                <p>\n                    Tanklardan gelen seviye, s\u0131cakl\u0131k ve dolum verilerini anl\u0131k olarak toplar; t\u00fcm operasyonlar\u0131 merkezi yaz\u0131l\u0131m \u00fczerinden izler, kay\u0131t alt\u0131na al\u0131r ve raporlar.\n                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flow__card turpak-flow__card--compliance\">\n                <div class=\"turpak-flow__top\">\n                    <span class=\"turpak-flow__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                            <path d=\"M9 12l2 2 4-4\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    \n                <\/div>\n\n                <h3>Uyum<\/h3>\n\n                <span class=\"turpak-flow__label\">\n                    Esnek Entegrasyon\n                <\/span>\n\n                <p>\n                    Farkl\u0131 pompa sistemleri ve istasyon altyap\u0131lar\u0131yla uyumlu \u00e7al\u0131\u015f\u0131r. Mevcut yap\u0131ya kolayca entegre edilerek k\u0131sa s\u00fcrede kullan\u0131ma al\u0131nabilir.\n                <\/p>\n            <\/article>\n\n        <\/div>\n    <\/div>\n<\/section>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div id=\"bilesenler\" data-vc-full-width=\"true\" data-vc-full-width-temp=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_row-no-padding wd-rs-6a51e6c515404\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    #system-ozellik-section {\n        --sb-navy: #0b1646;\n        --sb-navy-dark: #07102f;\n        --sb-blue: #086b92;\n        --sb-green: #80a93d;\n        --sb-red: #d9233f;\n        --sb-text: #202632;\n        --sb-muted: #626b78;\n        --sb-border: rgba(11, 22, 70, 0.11);\n        --sb-soft: #f6f8fb;\n        --sb-white: #ffffff;\n\n        position: relative;\n        padding: 88px 0;\n        background:\n            radial-gradient(circle at 100% 0%,\n                rgba(8, 107, 146, 0.07),\n                transparent 34%),\n            linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n        overflow: visible;\n    }\n\n    #system-ozellik-section *,\n    #system-ozellik-section *::before,\n    #system-ozellik-section *::after,\n    .system-ozellik-modal *,\n    .system-ozellik-modal *::before,\n    .system-ozellik-modal *::after {\n        box-sizing: border-box;\n    }\n\n    #system-ozellik-section .system-ozellik-container {\n        width: min(1300px, calc(100% - 48px));\n        margin: 0 auto;\n    }\n\n\n\n    #system-ozellik-section .system-ozellik-header {\n        max-width: 1050px;\n        margin-bottom: 46px;\n    }\n\n    #system-ozellik-section .system-ozellik-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        margin-bottom: 16px;\n        color: var(--sb-blue);\n        font-size: 12px;\n        font-weight: 800;\n        line-height: 1.2;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n    }\n\n    #system-ozellik-section .system-ozellik-eyebrow::before {\n        content: \"\";\n        width: 30px;\n        height: 2px;\n        border-radius: 999px;\n        background: currentColor;\n    }\n\n    #system-ozellik-section .system-ozellik-title {\n        max-width: 1020px;\n        margin: 0 0 16px;\n        color: var(--sb-navy);\n        font-size: clamp(34px, 4vw, 50px);\n        font-weight: 750;\n        line-height: 1.08;\n        letter-spacing: -0.04em;\n    }\n\n    #system-ozellik-section .system-ozellik-intro {\n        max-width: 980px;\n        margin: 0;\n        color: var(--sb-muted);\n        font-size: 17px;\n        line-height: 1.8;\n    }\n\n\n\n    #system-ozellik-section .system-ozellik-layout {\n        display: grid;\n        grid-template-columns: minmax(0, 1.42fr) minmax(600px, 0.78fr);\n        gap: 32px;\n        align-items: start;\n    }\n\n    #system-ozellik-section .system-ozellik-list {\n        display: grid;\n        gap: 16px;\n        min-width: 0;\n    }\n\n\n\n    #system-ozellik-section .system-ozellik-item {\n        position: relative;\n        display: flex;\n        min-height: 0;\n        margin: 0;\n        border: 1px solid var(--sb-border);\n        border-radius: 18px;\n        background: var(--sb-white);\n        box-shadow: 0 12px 35px rgba(11, 22, 70, 0.055);\n        cursor: pointer;\n        overflow: hidden;\n        transition:\n            transform 0.35s ease,\n            border-color 0.35s ease,\n            box-shadow 0.35s ease,\n            background-color 0.35s ease;\n    }\n\n    #system-ozellik-section .system-ozellik-item::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        width: 4px;\n        background: var(--sb-blue);\n        transform: scaleY(0);\n        transform-origin: center;\n        transition: transform 0.35s ease;\n    }\n\n    #system-ozellik-section .system-ozellik-item:hover {\n        transform: translateY(-4px);\n        border-color: rgba(8, 107, 146, 0.25);\n        box-shadow: 0 20px 48px rgba(11, 22, 70, 0.1);\n    }\n\n    #system-ozellik-section .system-ozellik-item.is-active {\n        border-color: rgba(8, 107, 146, 0.35);\n        background:\n            linear-gradient(90deg,\n                rgba(8, 107, 146, 0.035),\n                #ffffff 34%);\n        box-shadow: 0 22px 54px rgba(11, 22, 70, 0.11);\n    }\n\n    #system-ozellik-section .system-ozellik-item.is-active::before {\n        transform: scaleY(1);\n    }\n\n    #system-ozellik-section .system-ozellik-item-inner {\n        display: flex !important;\n        align-items: center;\n        justify-content: space-between !important;\n        box-sizing: border-box;\n        width: 100%;\n        gap: 16px;\n        padding: 18px 10px 18px 22px;\n    }\n\n    #system-ozellik-section .system-ozellik-item-main {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        min-width: 0;\n        flex: 0 1 auto;\n    }\n\n    #system-ozellik-section .system-ozellik-item-image,\n    #system-ozellik-section .system-ozellik-item-index,\n    #system-ozellik-section .system-ozellik-item-role,\n    #system-ozellik-section .system-ozellik-item-summary {\n        display: none;\n    }\n\n    #system-ozellik-section .system-ozellik-item-number {\n        flex: 0 0 auto;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 30px;\n        height: 22px;\n        padding: 0 8px;\n        border-radius: 999px;\n        color: #ffffff;\n        background: var(--sb-blue);\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.06em;\n        transition: background-color 0.35s ease;\n    }\n\n    #system-ozellik-section .system-ozellik-item:hover .system-ozellik-item-number,\n    #system-ozellik-section .system-ozellik-item.is-active .system-ozellik-item-number {\n        background: var(--sb-green);\n    }\n\n    #system-ozellik-section .system-ozellik-item-title {\n        flex: 0 1 auto;\n        min-width: 0;\n        margin: 0;\n        color: var(--sb-navy);\n        font-size: 18px;\n        font-weight: 750;\n        line-height: 1.25;\n        letter-spacing: -0.02em;\n    }\n\n    #system-ozellik-section .system-ozellik-actions {\n        display: block;\n        width: 100%;\n        margin-top: auto;\n        align-self: stretch;\n    }\n\n\n\n    #system-ozellik-section .system-ozellik-btn {\n        flex: 0 0 auto;\n        margin-left: auto !important;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        padding: 0;\n        border: 1px solid transparent;\n        border-radius: 50%;\n        font-family: inherit;\n        font-size: 12px;\n        font-weight: 750;\n        line-height: 1.2;\n        text-align: center;\n        text-decoration: none;\n        cursor: pointer;\n        transition:\n            transform 0.25s ease,\n            color 0.25s ease,\n            background-color 0.25s ease,\n            border-color 0.25s ease,\n            box-shadow 0.25s ease;\n    }\n\n    #system-ozellik-section .system-ozellik-btn:hover {\n        transform: translateY(-2px);\n    }\n\n    #system-ozellik-section .system-ozellik-btn:focus-visible {\n        outline: 3px solid rgba(8, 107, 146, 0.25);\n        outline-offset: 3px;\n    }\n\n    #system-ozellik-section .system-ozellik-btn.primary {\n        color: #ffffff;\n        background: var(--sb-navy);\n        box-shadow: 0 8px 20px rgba(11, 22, 70, 0.14);\n    }\n\n    #system-ozellik-section .system-ozellik-btn.primary:hover {\n        color: #ffffff;\n        background: var(--sb-blue);\n    }\n\n    #system-ozellik-section .system-ozellik-btn.secondary {\n        color: var(--sb-navy);\n        border-color: rgba(11, 22, 70, 0.16);\n        background: #ffffff;\n    }\n\n    #system-ozellik-section .system-ozellik-btn.secondary:hover,\n    #system-ozellik-section .system-ozellik-btn.secondary[aria-pressed=\"true\"] {\n        color: #ffffff;\n        border-color: var(--sb-blue);\n        background: var(--sb-blue);\n        box-shadow: 0 10px 24px rgba(8, 107, 146, 0.18);\n    }\n\n    #system-ozellik-section .system-ozellik-btn-icon {\n        width: 14px;\n        height: 14px;\n    }\n\n\n\n    #system-ozellik-section .system-ozellik-detail-wrap {\n        position: relative;\n        align-self: stretch;\n        min-width: 0;\n        min-height: var(--system-ozellik-detail-height, 300px);\n    }\n\n    #system-ozellik-section .system-ozellik-detail {\n        position: sticky;\n        top: 120px;\n        width: 100%;\n        max-height: calc(100vh - 150px);\n        min-height: 300px;\n        padding: 38px 34px 100px;\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        border-radius: 24px;\n        color: #ffffff;\n        background:\n            radial-gradient(circle at 100% 0%,\n                rgba(255, 255, 255, 0.14),\n                transparent 32%),\n            linear-gradient(145deg,\n                var(--sb-navy) 0%,\n                var(--sb-navy-dark) 100%);\n        box-shadow: 0 26px 70px rgba(7, 16, 47, 0.22);\n        overflow: hidden;\n        overscroll-behavior: contain;\n    }\n\n    @media (min-width: 1025px) {\n        #system-ozellik-section .system-ozellik-detail.is-fixed {\n            position: fixed;\n            top: 120px;\n            z-index: 3;\n        }\n\n        #system-ozellik-section .system-ozellik-detail.is-bottom {\n            position: absolute;\n            top: auto;\n            right: 0;\n            bottom: 0;\n            left: auto;\n            z-index: 3;\n            width: 100%;\n        }\n    }\n\n    #system-ozellik-section .system-ozellik-detail::before {\n        content: \"\";\n        position: absolute;\n        top: -110px;\n        right: -90px;\n        width: 260px;\n        height: 260px;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 50%;\n    }\n\n    #system-ozellik-section .system-ozellik-detail-content {\n        position: relative;\n        z-index: 1;\n        transition:\n            opacity 0.2s ease,\n            transform 0.2s ease;\n    }\n\n    #system-ozellik-section .system-ozellik-detail-content.is-changing {\n        opacity: 0;\n        transform: translateY(8px);\n    }\n\n    #system-ozellik-section .system-ozellik-detail-kicker {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        margin-bottom: 24px;\n        color: rgba(255, 255, 255, 0.66);\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.13em;\n        text-transform: uppercase;\n    }\n\n    #system-ozellik-section .system-ozellik-detail-kicker::before {\n        content: \"\";\n        width: 26px;\n        height: 2px;\n        border-radius: 99px;\n        background: var(--sb-green);\n    }\n\n    #system-ozellik-section .system-ozellik-detail-title {\n        margin: 0 0 18px;\n        color: #ffffff;\n        font-size: clamp(27px, 2.5vw, 36px);\n        font-weight: 750;\n        line-height: 1.17;\n        letter-spacing: -0.035em;\n    }\n\n    #system-ozellik-section .system-ozellik-detail-description {\n        margin: 0;\n        color: rgba(255, 255, 255, 0.78);\n        font-size: 16px;\n        line-height: 1.8;\n    }\n\n    #system-ozellik-section .system-ozellik-detail-hint {\n        position: absolute;\n        right: 34px;\n        bottom: 30px;\n        left: 34px;\n        z-index: 1;\n        margin: 0;\n        padding-top: 18px;\n        border-top: 1px solid rgba(255, 255, 255, 0.13);\n        color: rgba(255, 255, 255, 0.5);\n        font-size: 12px;\n        line-height: 1.5;\n    }\n\n\n    @media (min-width: 1025px) and (max-height: 720px) {\n        #system-ozellik-section .system-ozellik-detail {\n            top: 24px;\n            max-height: calc(100vh - 48px);\n            min-height: 0;\n            overflow-y: auto;\n        }\n\n        #system-ozellik-section .system-ozellik-detail.is-fixed {\n            top: 24px;\n        }\n    }\n\n\n    @media (max-width: 1024px) {\n        #system-ozellik-section {\n            padding: 72px 0;\n        }\n\n        #system-ozellik-section .system-ozellik-layout {\n            display: block;\n        }\n\n        #system-ozellik-section .system-ozellik-list {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 16px;\n        }\n\n        #system-ozellik-section .system-ozellik-detail-wrap {\n            display: none;\n        }\n\n        #system-ozellik-section .system-ozellik-item {\n            display: flex;\n            min-height: 0;\n            border-radius: 16px;\n        }\n\n        #system-ozellik-section .system-ozellik-item::before {\n            top: auto;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            width: auto;\n            height: 4px;\n            transform: scaleX(0.18);\n            transform-origin: left;\n        }\n\n        #system-ozellik-section .system-ozellik-item:hover::before {\n            transform: scaleX(1);\n        }\n\n        #system-ozellik-section .system-ozellik-item.is-active {\n            border-color: var(--sb-border);\n            background: #ffffff;\n            box-shadow: 0 12px 35px rgba(11, 22, 70, 0.055);\n        }\n\n        #system-ozellik-section .system-ozellik-item-inner {\n            display: flex !important;\n            align-items: center;\n            justify-content: space-between !important;\n            box-sizing: border-box;\n            width: 100%;\n            padding: 16px 10px 16px 16px;\n            gap: 12px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-main {\n            gap: 12px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-number {\n            position: static;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 28px;\n            height: 20px;\n            padding: 0 7px;\n            border-radius: 999px;\n            color: #ffffff;\n            background: var(--sb-blue);\n            font-size: 9px;\n            font-weight: 800;\n            letter-spacing: 0.08em;\n        }\n\n        #system-ozellik-section .system-ozellik-item-title {\n            margin-top: 0;\n            font-size: 16px;\n        }\n\n        #system-ozellik-section .system-ozellik-actions {\n            margin-top: auto;\n            padding-top: 6px;\n        }\n\n        #system-ozellik-section .system-ozellik-btn {\n            margin-left: auto !important;\n            width: 32px;\n            height: 32px;\n            min-height: 32px;\n            padding: 0;\n            border-radius: 50%;\n        }\n\n        #system-ozellik-section .system-ozellik-btn-icon {\n            width: 12px;\n            height: 12px;\n        }\n    }\n\n\n\n    @media (max-width: 767px) {\n        #system-ozellik-section {\n            padding: 58px 0;\n        }\n\n        #system-ozellik-section .system-ozellik-container {\n            width: calc(100% - 24px);\n        }\n\n        #system-ozellik-section .system-ozellik-header {\n            margin-bottom: 30px;\n        }\n\n        #system-ozellik-section .system-ozellik-title {\n            font-size: 31px;\n            line-height: 1.13;\n        }\n\n        #system-ozellik-section .system-ozellik-intro {\n            font-size: 15px;\n            line-height: 1.72;\n        }\n\n        #system-ozellik-section .system-ozellik-list {\n            grid-template-columns: 1fr;\n            gap: 10px;\n        }\n\n        #system-ozellik-section .system-ozellik-item {\n            border-radius: 14px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-inner {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            padding: 14px;\n            gap: 8px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-main {\n            width: 100%;\n            gap: 12px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-number {\n            position: static;\n            align-self: flex-start;\n            min-width: 26px;\n            height: 20px;\n            padding: 0 6px;\n            font-size: 9px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-title {\n            flex: 0 0 auto;\n            margin-top: 2px;\n            font-size: 15px;\n            line-height: 1.25;\n        }\n\n        #system-ozellik-section .system-ozellik-actions {\n            padding-top: 6px;\n        }\n\n        #system-ozellik-section .system-ozellik-btn {\n            flex: 0 0 auto;\n            margin-left: 0;\n            width: 100%;\n            height: 36px;\n            min-height: 36px;\n            padding: 0;\n            border-radius: 999px;\n        }\n\n        #system-ozellik-section .system-ozellik-btn-icon {\n            width: 14px;\n            height: 14px;\n        }\n    }\n\n\n\n    .system-ozellik-modal {\n        position: fixed;\n        inset: 0;\n        z-index: 999999;\n        display: grid;\n        place-items: center;\n        padding: 20px;\n        visibility: hidden;\n        opacity: 0;\n        pointer-events: none;\n        transition:\n            opacity 0.24s ease,\n            visibility 0.24s ease;\n    }\n\n    .system-ozellik-modal.is-open {\n        visibility: visible;\n        opacity: 1;\n        pointer-events: auto;\n    }\n\n    .system-ozellik-modal__overlay {\n        position: absolute;\n        inset: 0;\n        border: 0;\n        background: rgba(3, 8, 27, 0.74);\n        backdrop-filter: blur(6px);\n        cursor: pointer;\n    }\n\n    .system-ozellik-modal__dialog {\n        position: relative;\n        z-index: 1;\n        width: min(620px, 100%);\n        padding:\n            clamp(26px, 4vw, 42px) clamp(22px, 4vw, 38px) clamp(24px, 4vw, 36px);\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        border-radius: 24px;\n        color: #ffffff;\n        background:\n            radial-gradient(circle at 100% 0%,\n                rgba(255, 255, 255, 0.14),\n                transparent 34%),\n            linear-gradient(145deg, #0b1646 0%, #07102f 100%);\n        box-shadow: 0 40px 100px rgba(3, 8, 27, 0.42);\n\n\n        max-height: none;\n        overflow: visible;\n\n        transform: translateY(18px) scale(0.98);\n        transition: transform 0.26s ease;\n    }\n\n    .system-ozellik-modal.is-open .system-ozellik-modal__dialog {\n        transform: translateY(0) scale(1);\n    }\n\n    .system-ozellik-modal__close {\n        position: absolute;\n        top: 14px;\n        right: 14px;\n        z-index: 2;\n        display: grid;\n        place-items: center;\n        width: 42px;\n        height: 42px;\n        padding: 0;\n        border: 1px solid rgba(255, 255, 255, 0.17);\n        border-radius: 50%;\n        color: #ffffff;\n        background: rgba(255, 255, 255, 0.09);\n        cursor: pointer;\n        transition:\n            transform 0.25s ease,\n            background-color 0.25s ease;\n    }\n\n    .system-ozellik-modal__close:hover {\n        transform: rotate(8deg);\n        background: rgba(255, 255, 255, 0.16);\n    }\n\n    .system-ozellik-modal__close svg {\n        width: 20px;\n        height: 20px;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 2;\n        stroke-linecap: round;\n    }\n\n    .system-ozellik-modal__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        margin: 0 50px 20px 0;\n        color: rgba(255, 255, 255, 0.66);\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.13em;\n        text-transform: uppercase;\n    }\n\n    .system-ozellik-modal__eyebrow::before {\n        content: \"\";\n        width: 26px;\n        height: 2px;\n        border-radius: 999px;\n        background: #80a93d;\n    }\n\n    .system-ozellik-modal__title {\n        margin: 0 0 16px;\n        color: #ffffff;\n        font-size: clamp(25px, 4.5vw, 36px);\n        font-weight: 750;\n        line-height: 1.14;\n        letter-spacing: -0.035em;\n    }\n\n    .system-ozellik-modal__description {\n        margin: 0;\n        color: rgba(255, 255, 255, 0.79);\n        font-size: clamp(14px, 2vw, 16px);\n        line-height: 1.72;\n    }\n\n    .system-ozellik-modal__footer {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 18px;\n        margin-top: clamp(20px, 3vw, 28px);\n        padding-top: 18px;\n        border-top: 1px solid rgba(255, 255, 255, 0.13);\n    }\n\n    .system-ozellik-modal__hint {\n        margin: 0;\n        color: rgba(255, 255, 255, 0.5);\n        font-size: 11px;\n        line-height: 1.45;\n    }\n\n\n\n    body.system-ozellik-modal-open {\n        overflow: hidden;\n    }\n\n\n    @media (max-height: 700px) and (max-width: 1024px) {\n        .system-ozellik-modal {\n            padding: 10px;\n        }\n\n        .system-ozellik-modal__dialog {\n            width: min(600px, 100%);\n            padding: 22px 22px 20px;\n            border-radius: 19px;\n        }\n\n        .system-ozellik-modal__close {\n            top: 10px;\n            right: 10px;\n            width: 36px;\n            height: 36px;\n        }\n\n        .system-ozellik-modal__eyebrow {\n            margin-bottom: 12px;\n            font-size: 9px;\n        }\n\n        .system-ozellik-modal__title {\n            margin-bottom: 11px;\n            font-size: clamp(21px, 4vw, 29px);\n        }\n\n        .system-ozellik-modal__description {\n            font-size: 13px;\n            line-height: 1.55;\n        }\n\n        .system-ozellik-modal__footer {\n            margin-top: 15px;\n            padding-top: 13px;\n        }\n\n        .system-ozellik-modal__hint {\n            font-size: 10px;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .system-ozellik-modal {\n            padding: 12px;\n        }\n\n        .system-ozellik-modal__dialog {\n            width: 100%;\n            padding: 28px 20px 22px;\n            border-radius: 20px;\n        }\n\n        .system-ozellik-modal__footer {\n            align-items: stretch;\n            flex-direction: column;\n            gap: 12px;\n        }\n    }\n\n    @media (hover: none) {\n\n        #system-ozellik-section .system-ozellik-item:hover,\n        #system-ozellik-section .system-ozellik-btn:hover {\n            transform: none;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n        #system-ozellik-section .system-ozellik-item,\n        #system-ozellik-section .system-ozellik-item::before,\n        #system-ozellik-section .system-ozellik-btn,\n        #system-ozellik-section .system-ozellik-detail-content,\n        .system-ozellik-modal,\n        .system-ozellik-modal__dialog,\n        .system-ozellik-modal__close {\n            transition: none;\n        }\n    }\n<\/style>\n\n<section id=\"system-ozellik-section\" class=\"system-ozellik-section\" aria-labelledby=\"system-ozellik-title\">\n    <div class=\"system-ozellik-container\">\n\n        <header class=\"system-ozellik-header\">\n            <span class=\"system-ozellik-eyebrow\">\n                Sistem \u00d6zellikleri\n            <\/span>\n\n            <h2 id=\"system-ozellik-title\" class=\"system-ozellik-title\">\n                Tank Y\u00f6netiminin G\u00fc\u00e7l\u00fc \u00d6zellikleri\n            <\/h2>\n\n            <p class=\"system-ozellik-intro\">\n                Tank seviyesinden dolum hareketlerine, alarm takibinden merkezi y\u00f6netime kadar\n                t\u00fcm s\u00fcre\u00e7leri anl\u0131k olarak izleyin; g\u00fcvenli, kontroll\u00fc ve verimli bir tank y\u00f6netimi sa\u011flay\u0131n.\n            <\/p>\n        <\/header>\n\n        <div class=\"system-ozellik-layout\">\n\n            <div class=\"system-ozellik-list\" aria-label=\"Sistem \u00f6zellikleri\">\n\n                <article class=\"system-ozellik-item is-active\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">01<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Ger\u00e7ek Zamanl\u0131 Envanter Takibi\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Ger\u00e7ek Zamanl\u0131 Envanter Takibi\"\n                            data-description=\"Tank i\u00e7erisindeki yak\u0131t seviyesi, su miktar\u0131, s\u0131cakl\u0131k ve kullan\u0131labilir bo\u015f hacim bilgileri anl\u0131k olarak izlenir. B\u00f6ylece tank envanteri s\u00fcrekli kontrol alt\u0131nda tutulur.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"true\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">02<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Otomatik Dolum Alg\u0131lama\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Otomatik Dolum Alg\u0131lama\"\n                            data-description=\"Tanklara yap\u0131lan dolumlar sistem taraf\u0131ndan otomatik olarak alg\u0131lan\u0131r. Dolum \u00f6ncesi ve sonras\u0131 envanter de\u011fi\u015fimleri izlenerek dolum miktar\u0131n\u0131n kontroll\u00fc \u015fekilde takip edilmesi sa\u011flan\u0131r.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">03<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Denetimli Dolum\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Denetimli Dolum\"\n                            data-description=\"Dolum s\u00fcre\u00e7leri sistem \u00fczerinden takip edilerek i\u015flem ba\u015flang\u0131c\u0131, biti\u015fi ve ilgili sevkiyat bilgileri kay\u0131t alt\u0131na al\u0131n\u0131r. B\u00f6ylece dolum operasyonlar\u0131 daha kontroll\u00fc ve g\u00fcvenilir \u015fekilde y\u00f6netilir.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">04<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Tank Alarm Y\u00f6netimi\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Tank Alarm Y\u00f6netimi\"\n                            data-description=\"A\u015f\u0131r\u0131 dolum, y\u00fcksek su seviyesi, d\u00fc\u015f\u00fck yak\u0131t seviyesi ve s\u0131cakl\u0131k gibi kritik durumlar otomatik olarak alg\u0131lan\u0131r. Kullan\u0131c\u0131lar anl\u0131k olarak bilgilendirilerek h\u0131zl\u0131 m\u00fcdahale imk\u00e2n\u0131 sunulur.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">05<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Envanter Ge\u00e7mi\u015fi\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Envanter Ge\u00e7mi\u015fi\"\n                            data-description=\"Belirlenen zaman aral\u0131klar\u0131nda al\u0131nan tank envanter kay\u0131tlar\u0131 saklan\u0131r. Kullan\u0131c\u0131lar ge\u00e7mi\u015f tank hareketlerine ve de\u011fi\u015fimlere kolayca eri\u015febilir.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">06<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Farkl\u0131 Tank Tipi Deste\u011fi\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Farkl\u0131 Tank Tipi Deste\u011fi\"\n                            data-description=\"Yatay silindirik tanklar ba\u015fta olmak \u00fczere farkl\u0131 tank tipleri sisteme tan\u0131mlanabilir. B\u00f6ylece farkl\u0131 tesis ve depolama ihtiya\u00e7lar\u0131na uyumlu bir y\u00f6netim altyap\u0131s\u0131 olu\u015fturulur.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">07<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Merkezi Sistem Entegrasyonu\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Merkezi Sistem Entegrasyonu\"\n                            data-description=\"Tank envanteri, dolum ve alarm bilgileri merkezi y\u00f6netim altyap\u0131s\u0131na aktar\u0131labilir. Birden fazla istasyon veya tesis tek noktadan izlenerek operasyonel kontrol kolayla\u015ft\u0131r\u0131l\u0131r.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">08<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Farkl\u0131 Prob Entegrasyonlar\u0131\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Farkl\u0131 Prob Entegrasyonlar\u0131\"\n                            data-description=\"Farkl\u0131 marka ve model tank problar\u0131yla uyumlu \u00e7al\u0131\u015fma imk\u00e2n\u0131 sunar. Mevcut ekipmanlar\u0131n sisteme dahil edilmesini kolayla\u015ft\u0131rarak yap\u0131lan yat\u0131r\u0131mlar\u0131n korunmas\u0131na yard\u0131mc\u0131 olur.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">09<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Harici Cihaz Entegrasyonlar\u0131\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Harici Cihaz Entegrasyonlar\u0131\"\n                            data-description=\"Tank otomasyon s\u00fcre\u00e7lerini destekleyen harici ekipmanlar sisteme entegre edilebilir. B\u00f6ylece tesisin ihtiya\u00e7lar\u0131na g\u00f6re daha kapsaml\u0131 ve esnek bir kontrol altyap\u0131s\u0131 olu\u015fturulur.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">10<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Otomatik Yaz\u0131l\u0131m G\u00fcncelleme\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Otomatik Yaz\u0131l\u0131m G\u00fcncelleme\"\n                            data-description=\"Yaz\u0131l\u0131m g\u00fcncellemeleri uzaktan ger\u00e7ekle\u015ftirilebilir. Yeni \u00f6zellikler, performans iyile\u015ftirmeleri ve g\u00fcvenlik g\u00fcncellemeleri sahaya h\u0131zl\u0131 \u015fekilde ula\u015ft\u0131r\u0131larak sistemin g\u00fcncel kalmas\u0131 sa\u011flan\u0131r.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">11<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Kablolu ve Kablosuz Haberle\u015fme\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Kablolu ve Kablosuz Haberle\u015fme\"\n                            data-description=\"Tesisin mevcut altyap\u0131s\u0131na g\u00f6re kablolu veya kablosuz haberle\u015fme se\u00e7enekleri kullan\u0131labilir. B\u00f6ylece yeni ve mevcut istasyonlara uygun, esnek bir kurulum imk\u00e2n\u0131 sunulur.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">12<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Y\u00fcksek Hassasiyetli \u00d6l\u00e7\u00fcm\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Y\u00fcksek Hassasiyetli \u00d6l\u00e7\u00fcm\"\n                            data-description=\"Tank i\u00e7erisindeki yak\u0131t, su ve s\u0131cakl\u0131k hareketleri hassas \u00f6l\u00e7\u00fcm teknolojileriyle izlenir. Do\u011fru ve g\u00fcvenilir veriler sayesinde envanter kontrol\u00fc daha etkin \u015fekilde ger\u00e7ekle\u015ftirilir.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n            <\/div>\n\n            <div class=\"system-ozellik-detail-wrap\">\n                <aside id=\"system-ozellik-detail\" class=\"system-ozellik-detail\" aria-live=\"polite\" aria-atomic=\"true\">\n                    <div class=\"system-ozellik-detail-content\">\n                        <span class=\"system-ozellik-detail-kicker\">\n                            \u00d6zellik Detay\u0131\n                        <\/span>\n\n                        <h3 class=\"system-ozellik-detail-title\">\n                            Ger\u00e7ek Zamanl\u0131 Envanter Takibi\n                        <\/h3>\n\n                        <p class=\"system-ozellik-detail-description\">\n                            Tank i\u00e7erisindeki yak\u0131t seviyesi, su miktar\u0131, s\u0131cakl\u0131k ve kullan\u0131labilir bo\u015f hacim\n                            bilgileri anl\u0131k olarak izlenir. B\u00f6ylece tank envanteri s\u00fcrekli kontrol alt\u0131nda tutulur.\n                        <\/p>\n                    <\/div>\n\n                    <p class=\"system-ozellik-detail-hint\">\n                        Di\u011fer \u00f6zellikler hakk\u0131nda bilgi almak i\u00e7in listeden\n                        bir se\u00e7im yapabilirsiniz.\n                    <\/p>\n                <\/aside>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<div id=\"system-ozellik-modal\" class=\"system-ozellik-modal\" aria-hidden=\"true\">\n    <button type=\"button\" class=\"system-ozellik-modal__overlay\" data-modal-close tabindex=\"-1\"\n        aria-label=\"Bilgi penceresini kapat\"><\/button>\n\n    <div class=\"system-ozellik-modal__dialog\" role=\"dialog\" aria-modal=\"true\"\n        aria-labelledby=\"system-ozellik-modal-title\" aria-describedby=\"system-ozellik-modal-description\" tabindex=\"-1\">\n        <button type=\"button\" class=\"system-ozellik-modal__close\" data-modal-close aria-label=\"Bilgi penceresini kapat\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 6l12 12\"><\/path>\n                <path d=\"M18 6L6 18\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <span class=\"system-ozellik-modal__eyebrow\">\n            \u00d6zellik Detay\u0131\n        <\/span>\n\n        <h3 id=\"system-ozellik-modal-title\" class=\"system-ozellik-modal__title\"><\/h3>\n\n        <p id=\"system-ozellik-modal-description\" class=\"system-ozellik-modal__description\"><\/p>\n\n        <div class=\"system-ozellik-modal__footer\">\n            <p class=\"system-ozellik-modal__hint\">\n                T\u00fcm \u00f6zellikleri ke\u015ffetmek i\u00e7in listedeki di\u011fer se\u00e7eneklere de g\u00f6z atabilirsiniz.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function () {\n        \"use strict\";\n\n        const section = document.getElementById(\"system-ozellik-section\");\n        const modal = document.getElementById(\"system-ozellik-modal\");\n\n        if (!section || !modal) {\n            return;\n        }\n\n        const breakpoint = window.matchMedia(\"(max-width: 1024px)\");\n\n        const triggers = Array.from(\n            section.querySelectorAll(\"[data-component-trigger]\")\n        );\n\n        const items = Array.from(\n            section.querySelectorAll(\"[data-component-item]\")\n        );\n\n        const detailContent = section.querySelector(\n            \".system-ozellik-detail-content\"\n        );\n\n        const detailWrap = section.querySelector(\n            \".system-ozellik-detail-wrap\"\n        );\n\n        const detailPanel = section.querySelector(\n            \".system-ozellik-detail\"\n        );\n\n        const detailTitle = section.querySelector(\n            \".system-ozellik-detail-title\"\n        );\n\n        const detailDescription = section.querySelector(\n            \".system-ozellik-detail-description\"\n        );\n\n        const modalDialog = modal.querySelector(\n            \".system-ozellik-modal__dialog\"\n        );\n\n        const modalTitle = modal.querySelector(\n            \".system-ozellik-modal__title\"\n        );\n\n        const modalDescription = modal.querySelector(\n            \".system-ozellik-modal__description\"\n        );\n\n        const modalCloseButtons = modal.querySelectorAll(\n            \"[data-modal-close]\"\n        );\n\n        let lastFocusedElement = null;\n        let detailTimer = null;\n        let stickyFrame = null;\n        let stickyMode = \"\";\n\n        function getStickyOffset() {\n            return window.innerHeight <= 720 ? 24 : 120;\n        }\n\n        function setStickyMode(mode, wrapRect) {\n            if (!detailPanel) {\n                return;\n            }\n\n            if (stickyMode !== mode) {\n                detailPanel.classList.toggle(\"is-fixed\", mode === \"fixed\");\n                detailPanel.classList.toggle(\"is-bottom\", mode === \"bottom\");\n                stickyMode = mode;\n            }\n\n            if (mode === \"fixed\" && wrapRect) {\n                detailPanel.style.left = wrapRect.left + \"px\";\n                detailPanel.style.width = wrapRect.width + \"px\";\n                return;\n            }\n\n            if (mode === \"bottom\" && wrapRect) {\n                detailPanel.style.left = \"\";\n                detailPanel.style.width = wrapRect.width + \"px\";\n                return;\n            }\n\n            detailPanel.style.left = \"\";\n            detailPanel.style.width = \"\";\n        }\n\n        function clearStickyFallback() {\n            if (detailWrap) {\n                detailWrap.style.removeProperty(\"--system-ozellik-detail-height\");\n            }\n\n            setStickyMode(\"normal\");\n        }\n\n        function updateStickyFallback() {\n            stickyFrame = null;\n\n            if (!detailWrap || !detailPanel || breakpoint.matches) {\n                clearStickyFallback();\n                return;\n            }\n\n            const offset = getStickyOffset();\n            const wrapRect = detailWrap.getBoundingClientRect();\n            const panelHeight = detailPanel.offsetHeight;\n\n            detailWrap.style.setProperty(\n                \"--system-ozellik-detail-height\",\n                panelHeight + \"px\"\n            );\n\n            if (wrapRect.height <= panelHeight) {\n                setStickyMode(\"normal\");\n                return;\n            }\n\n            if (wrapRect.top > offset) {\n                setStickyMode(\"normal\");\n                return;\n            }\n\n            if (wrapRect.bottom - panelHeight <= offset) {\n                setStickyMode(\"bottom\", wrapRect);\n                return;\n            }\n\n            setStickyMode(\"fixed\", wrapRect);\n        }\n\n        function requestStickyUpdate() {\n            if (stickyFrame !== null) {\n                return;\n            }\n\n            stickyFrame = window.requestAnimationFrame(updateStickyFallback);\n        }\n\n        function setActiveState(button) {\n            const activeItem = button.closest(\"[data-component-item]\");\n\n            triggers.forEach(function (trigger) {\n                trigger.setAttribute(\"aria-pressed\", \"false\");\n            });\n\n            items.forEach(function (item) {\n                item.classList.remove(\"is-active\");\n            });\n\n            button.setAttribute(\"aria-pressed\", \"true\");\n\n            if (activeItem) {\n                activeItem.classList.add(\"is-active\");\n            }\n        }\n\n        function updateDesktopDetail(button) {\n            const title = button.dataset.title || \"\";\n            const description = button.dataset.description || \"\";\n\n            setActiveState(button);\n\n            window.clearTimeout(detailTimer);\n            detailContent.classList.add(\"is-changing\");\n\n            detailTimer = window.setTimeout(function () {\n                detailTitle.textContent = title;\n                detailDescription.textContent = description;\n                detailContent.classList.remove(\"is-changing\");\n                requestStickyUpdate();\n            }, 160);\n        }\n\n        function getFocusableElements() {\n            return Array.from(\n                modalDialog.querySelectorAll(\n                    'a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n                )\n            );\n        }\n\n        function openModal(button) {\n            lastFocusedElement = button;\n\n            modalTitle.textContent = button.dataset.title || \"\";\n            modalDescription.textContent =\n                button.dataset.description || \"\";\n\n            modal.classList.add(\"is-open\");\n            modal.setAttribute(\"aria-hidden\", \"false\");\n            document.body.classList.add(\n                \"system-ozellik-modal-open\"\n            );\n\n            window.setTimeout(function () {\n                const closeButton = modal.querySelector(\n                    \".system-ozellik-modal__close\"\n                );\n\n                if (closeButton) {\n                    closeButton.focus();\n                }\n            }, 20);\n        }\n\n        function closeModal() {\n            if (!modal.classList.contains(\"is-open\")) {\n                return;\n            }\n\n            modal.classList.remove(\"is-open\");\n            modal.setAttribute(\"aria-hidden\", \"true\");\n            document.body.classList.remove(\n                \"system-ozellik-modal-open\"\n            );\n\n            if (lastFocusedElement) {\n                lastFocusedElement.focus();\n            }\n\n            lastFocusedElement = null;\n        }\n\n        section.addEventListener(\"click\", function (event) {\n            let button = event.target.closest(\n                \"[data-component-trigger]\"\n            );\n\n            if (!button) {\n                const item = event.target.closest(\"[data-component-item]\");\n\n                if (item && section.contains(item)) {\n                    button = item.querySelector(\"[data-component-trigger]\");\n                }\n            }\n\n            if (!button) {\n                return;\n            }\n\n            if (breakpoint.matches) {\n                setActiveState(button);\n                openModal(button);\n            } else {\n                updateDesktopDetail(button);\n                requestStickyUpdate();\n            }\n        });\n\n        modalCloseButtons.forEach(function (button) {\n            button.addEventListener(\"click\", closeModal);\n        });\n\n        document.addEventListener(\"keydown\", function (event) {\n            if (!modal.classList.contains(\"is-open\")) {\n                return;\n            }\n\n            if (event.key === \"Escape\") {\n                event.preventDefault();\n                closeModal();\n                return;\n            }\n\n            if (event.key !== \"Tab\") {\n                return;\n            }\n\n            const focusable = getFocusableElements();\n\n            if (!focusable.length) {\n                event.preventDefault();\n                modalDialog.focus();\n                return;\n            }\n\n            const first = focusable[0];\n            const last = focusable[focusable.length - 1];\n\n            if (\n                event.shiftKey &&\n                document.activeElement === first\n            ) {\n                event.preventDefault();\n                last.focus();\n            } else if (\n                !event.shiftKey &&\n                document.activeElement === last\n            ) {\n                event.preventDefault();\n                first.focus();\n            }\n        });\n\n        window.addEventListener(\"scroll\", requestStickyUpdate, { passive: true });\n        window.addEventListener(\"resize\", requestStickyUpdate, { passive: true });\n        window.addEventListener(\"load\", requestStickyUpdate);\n\n        function handleBreakpointChange(event) {\n            if (!event.matches) {\n                closeModal();\n            }\n\n            requestStickyUpdate();\n        }\n\n        if (typeof breakpoint.addEventListener === \"function\") {\n            breakpoint.addEventListener(\"change\", handleBreakpointChange);\n        } else if (typeof breakpoint.addListener === \"function\") {\n            breakpoint.addListener(handleBreakpointChange);\n        }\n\n        requestStickyUpdate();\n    })();\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1774557541726 wd-rs-69c599618636f wd-section-stretch-content-no-pd\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    .pmk-ref {\n        --pmk-ref-blue: #0a5982;\n        --pmk-ref-green: #6f9540;\n        --pmk-ref-ink: #14202a;\n        --pmk-ref-muted: #5c6973;\n        --pmk-ref-soft: #f5f8f4;\n        --pmk-ref-line: #dfe7df;\n        --pmk-ref-card: #ffffff;\n        --pmk-ref-dark: #101827;\n\n        background: linear-gradient(180deg, #ffffff 0%, #f6f8f5 100%);\n        color: var(--pmk-ref-ink);\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        padding: 0 0;\n        overflow: hidden;\n        box-sizing: border-box;\n    }\n\n    .pmk-ref *,\n    .pmk-ref *::before,\n    .pmk-ref *::after {\n        box-sizing: inherit;\n    }\n\n    .pmk-ref__container {\n        width: 100%;\n        max-width: none;\n        margin: 0 auto;\n        min-width: 0;\n    }\n\n    .pmk-ref__header {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) minmax(280px, .62fr);\n        width: min(1300px, calc(100% - 48px));\n        gap: 42px;\n        align-items: end;\n        margin: 0 auto 32px;\n    }\n\n    .pmk-ref__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        color: var(--pmk-ref-blue);\n        font-size: 13px;\n        font-weight: 800;\n        letter-spacing: .08em;\n        text-transform: uppercase;\n        margin-bottom: 14px;\n    }\n\n    .pmk-ref__eyebrow::before {\n        content: \"\";\n        width: 36px;\n        height: 3px;\n        border-radius: 99px;\n        background: var(--pmk-ref-green);\n    }\n\n    .pmk-ref__title {\n        max-width: 780px;\n        font-size: clamp(32px, 4.2vw, 52px);\n        font-weight: 850;\n        letter-spacing: 0;\n        line-height: 1.05;\n        margin: 0;\n    }\n\n    .pmk-ref__intro {\n        min-width: 0;\n        max-width: 100%;\n        color: var(--pmk-ref-muted);\n        font-size: 16px;\n        line-height: 1.75;\n        margin: 0;\n        overflow-wrap: anywhere;\n        word-break: normal;\n    }\n\n    .pmk-ref__cta-row {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n        margin-top: 26px;\n    }\n\n    .pmk-ref__button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 48px;\n        border: 1px solid transparent;\n        border-radius: 8px;\n        font-size: 15px;\n        font-weight: 800;\n        line-height: 1;\n        text-decoration: none;\n        padding: 15px 20px;\n        transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;\n    }\n\n    .pmk-ref__button:focus {\n        outline: 3px solid rgba(111, 149, 64, .28);\n        outline-offset: 3px;\n    }\n\n    .pmk-ref__button--primary {\n        background: var(--pmk-ref-blue);\n        color: #fff;\n    }\n\n    .pmk-ref__button--secondary,\n    .pmk-ref__cta-row a[href=\"#referanslar\"] {\n        display: none !important;\n    }\n\n    .pmk-ref__grid {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        width: min(1300px, calc(100% - 48px));\n        gap: 16px;\n        margin: 0 auto 66px;\n    }\n\n    .pmk-ref__card {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        min-height: 280px;\n        min-width: 0;\n        border: 1px solid var(--pmk-ref-line);\n        border-radius: 8px;\n        background:\n            linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .9) 100%),\n            radial-gradient(circle at 16% 0%, rgba(111, 149, 64, .16), transparent 38%);\n        padding: 24px;\n        box-shadow: 0 18px 46px rgba(10, 36, 54, .07);\n        overflow: hidden;\n        transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;\n    }\n\n    .pmk-ref__card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background: linear-gradient(90deg, var(--pmk-ref-blue), var(--pmk-ref-green));\n    }\n\n    .pmk-ref__card-top {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 18px;\n        margin-bottom: 24px;\n    }\n\n    .pmk-ref__sector {\n        display: inline-flex;\n        align-items: center;\n        min-height: 30px;\n        border: 1px solid rgba(10, 89, 130, .12);\n        border-radius: 999px;\n        background: #f7faf7;\n        color: var(--pmk-ref-blue);\n        font-size: 12px;\n        font-weight: 850;\n        letter-spacing: .05em;\n        line-height: 1;\n        text-transform: uppercase;\n        padding: 8px 11px;\n    }\n\n    .pmk-ref__case-no {\n        color: rgba(10, 89, 130, .16);\n        font-size: 44px;\n        font-weight: 900;\n        line-height: .78;\n        letter-spacing: 0;\n    }\n\n    .pmk-ref__logo,\n    .pmk-ref__card-meta {\n        display: none !important;\n    }\n\n    .pmk-ref__card h3 {\n        color: var(--pmk-ref-ink);\n        font-size: 21px;\n        font-weight: 850;\n        line-height: 1.24;\n        margin: 0 0 12px;\n        overflow-wrap: anywhere;\n    }\n\n    .pmk-ref__card p {\n        color: var(--pmk-ref-muted);\n        font-size: 14px;\n        line-height: 1.65;\n        margin: 0;\n        overflow-wrap: anywhere;\n    }\n\n    .pmk-ref__result {\n        display: grid;\n        gap: 5px;\n        margin-top: auto;\n        padding-top: 22px;\n    }\n\n    .pmk-ref__result-label {\n        color: var(--pmk-ref-green);\n        font-size: 11px;\n        font-weight: 850;\n        letter-spacing: .08em;\n        line-height: 1;\n        text-transform: uppercase;\n    }\n\n    .pmk-ref__result-text {\n        color: var(--pmk-ref-ink);\n        font-size: 14px;\n        font-weight: 800;\n        line-height: 1.35;\n    }\n\n    .pmk-ref__form-wrap {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        border-radius: 0;\n        background:\n            radial-gradient(circle at 18% 22%, rgba(255, 255, 255, .17), transparent 34%),\n            linear-gradient(135deg, #0a5982 0%, #153653 46%, #101827 100%);\n        box-shadow: 0 22px 64px rgba(10, 36, 54, .14);\n        overflow: hidden;\n        scroll-margin-top: 96px;\n    }\n\n    .pmk-ref__form-inner {\n        display: grid;\n        grid-template-columns: minmax(0, .9fr) minmax(360px, 1fr);\n        align-items: stretch;\n        width: min(1300px, calc(100% - 48px));\n        min-width: 0;\n        margin: 0 auto;\n    }\n\n    .pmk-ref__form-info {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        min-height: 520px;\n        padding: 44px;\n        color: #fff;\n        isolation: isolate;\n        min-width: 0;\n    }\n\n    .pmk-ref__form-info::before {\n        content: \"?\";\n        position: absolute;\n        left: -24px;\n        bottom: -130px;\n        z-index: -1;\n        color: rgba(255, 255, 255, .08);\n        font-size: 460px;\n        font-weight: 900;\n        line-height: .75;\n    }\n\n    .pmk-ref__form-kicker {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        color: rgba(255, 255, 255, .84);\n        font-size: 13px;\n        font-weight: 850;\n        letter-spacing: .08em;\n        text-transform: uppercase;\n        margin-bottom: 22px;\n    }\n\n    .pmk-ref__form-kicker::before {\n        content: \"\";\n        width: 34px;\n        height: 3px;\n        border-radius: 999px;\n        background: var(--pmk-ref-green);\n    }\n\n    .pmk-ref__form-info h3 {\n        max-width: 520px;\n        font-size: clamp(32px, 4.2vw, 54px);\n        font-weight: 900;\n        letter-spacing: 0;\n        line-height: 1.05;\n        margin: 0 0 24px;\n        color: #ffffff;\n    }\n\n    .pmk-ref__form-info p {\n        max-width: 560px;\n        color: rgba(255, 255, 255, .86);\n        font-size: 16px;\n        line-height: 1.65;\n        margin: 0;\n    }\n\n    .pmk-ref__form-card {\n        min-width: 0;\n        margin: 26px 0 26px 28px;\n        border-radius: 8px;\n        background: #fff;\n        padding: 28px;\n        align-self: center;\n    }\n\n    .pmk-ref__form-title {\n        color: var(--pmk-ref-dark);\n        font-size: clamp(24px, 2.7vw, 34px);\n        font-weight: 900;\n        line-height: 1.2;\n        text-align: center;\n        margin: 0 0 22px;\n    }\n\n    .pmk-ref__form-title span {\n        color: var(--pmk-ref-blue);\n    }\n\n    .pmk-ref__form {\n        display: grid;\n        gap: 14px;\n        min-width: 0;\n    }\n\n    .pmk-ref__form .wpcf7 {\n        min-width: 0;\n    }\n\n    .pmk-ref__form .wpcf7-form {\n        display: grid;\n        gap: 14px;\n        min-width: 0;\n        margin: 0;\n    }\n\n    .pmk-ref__form .wpcf7-form p {\n        margin: 0;\n    }\n\n    .pmk-ref__fields {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 12px 16px;\n        min-width: 0;\n    }\n\n    .pmk-ref__field {\n        display: grid;\n        gap: 7px;\n        min-width: 0;\n    }\n\n    .pmk-ref__field--wide {\n        grid-column: 1 \/ -1;\n    }\n\n    .pmk-ref__field label {\n        color: #343d45;\n        font-size: 14px;\n        font-weight: 750;\n        line-height: 1.3;\n    }\n\n    .pmk-ref__form .wpcf7-form label {\n        display: grid;\n        gap: 7px;\n        color: #343d45;\n        font-size: 14px;\n        font-weight: 750;\n        line-height: 1.3;\n    }\n\n    .pmk-ref__field input,\n    .pmk-ref__field select,\n    .pmk-ref__field textarea,\n    .pmk-ref__form .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-checkbox):not(.wpcf7-radio) {\n        max-width: 100%;\n        width: 100%;\n        min-height: 44px;\n        border: 1px solid #d7dde2;\n        border-radius: 6px;\n        background: #fff;\n        color: var(--pmk-ref-ink);\n        font: inherit;\n        font-size: 15px;\n        padding: 10px 12px;\n        transition: border-color .2s ease, box-shadow .2s ease;\n    }\n\n    .pmk-ref__field textarea,\n    .pmk-ref__form textarea.wpcf7-form-control {\n        min-height: 108px;\n        resize: vertical;\n    }\n\n    .pmk-ref__field input:focus,\n    .pmk-ref__field select:focus,\n    .pmk-ref__field textarea:focus,\n    .pmk-ref__form .wpcf7-form-control:not(.wpcf7-submit):focus {\n        outline: none;\n        border-color: var(--pmk-ref-blue);\n        box-shadow: 0 0 0 3px rgba(10, 89, 130, .14);\n    }\n\n    .pmk-ref__form .wpcf7-list-item {\n        margin: 0;\n    }\n\n    .pmk-ref__form .wpcf7-acceptance label {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        color: #66717b;\n        font-size: 13px;\n        font-weight: 500;\n        line-height: 1.55;\n    }\n\n    .pmk-ref__form .wpcf7-acceptance input {\n        flex: 0 0 auto;\n        width: 20px;\n        height: 20px;\n        margin-top: 1px;\n        accent-color: var(--pmk-ref-blue);\n    }\n\n    .pmk-ref__consent {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        color: #66717b;\n        font-size: 13px;\n        line-height: 1.55;\n    }\n\n    .pmk-ref__consent input {\n        flex: 0 0 auto;\n        width: 20px;\n        height: 20px;\n        margin-top: 1px;\n        accent-color: var(--pmk-ref-blue);\n    }\n\n    .pmk-ref__consent a {\n        color: var(--pmk-ref-blue);\n        font-weight: 800;\n    }\n\n    .pmk-ref__submit,\n    .pmk-ref__form .wpcf7-submit {\n        width: 100%;\n        min-height: 50px;\n        border: 0;\n        border-radius: 8px;\n        background: var(--pmk-ref-blue);\n        color: #fff;\n        cursor: pointer;\n        font: inherit;\n        font-size: 16px;\n        font-weight: 900;\n        padding: 15px 20px;\n        transition: background-color .2s ease, transform .2s ease;\n    }\n\n    .pmk-ref__submit:focus,\n    .pmk-ref__form .wpcf7-submit:focus {\n        outline: 3px solid rgba(111, 149, 64, .28);\n        outline-offset: 3px;\n    }\n\n    .pmk-ref__form .wpcf7-spinner {\n        margin: 0 0 0 10px;\n    }\n\n    .pmk-ref__form .wpcf7-response-output {\n        margin: 0;\n        border-radius: 8px;\n        font-size: 13px;\n        line-height: 1.5;\n        padding: 10px 12px;\n    }\n\n    @media (hover: hover) {\n        .pmk-ref__button:hover,\n        .pmk-ref__submit:hover {\n            transform: translateY(-1px);\n        }\n\n        .pmk-ref__button--primary:hover,\n        .pmk-ref__submit:hover {\n            background: #084866;\n        }\n\n        .pmk-ref__card:hover {\n            transform: translateY(-4px);\n            border-color: rgba(10, 89, 130, .32);\n            box-shadow: 0 22px 56px rgba(10, 36, 54, .12);\n        }\n    }\n\n    @media (max-width: 1080px) {\n        .pmk-ref__grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .pmk-ref__form-inner {\n            grid-template-columns: 1fr;\n        }\n\n        .pmk-ref__form-info {\n            min-height: auto;\n            padding: 38px;\n        }\n\n        .pmk-ref__form-card {\n            margin-top: 0;\n        }\n    }\n\n    @media (max-width: 860px) {\n        .pmk-ref {\n            padding: 70px 0;\n        }\n\n        .pmk-ref__header {\n            grid-template-columns: 1fr;\n            gap: 18px;\n        }\n\n    }\n\n    @media (max-width: 620px) {\n        .pmk-ref {\n            padding: 54px 0;\n        }\n\n        .pmk-ref__title {\n            font-size: 32px;\n        }\n\n        .pmk-ref__form-inner {\n            width: min(1300px, calc(100% - 48px));\n            max-width: 100%;\n            min-width: 0;\n        }\n\n        .pmk-ref__intro,\n        .pmk-ref__card h3,\n        .pmk-ref__card p,\n        .pmk-ref__form-info h3,\n        .pmk-ref__form-info p,\n        .pmk-ref__form-title,\n        .pmk-ref__consent {\n            overflow-wrap: anywhere;\n        }\n\n        .pmk-ref__cta-row,\n        .pmk-ref__button {\n            width: 100%;\n        }\n\n        .pmk-ref__grid {\n            grid-template-columns: 1fr;\n            margin-bottom: 44px;\n        }\n\n        .pmk-ref__card {\n            min-height: auto;\n            padding: 20px;\n        }\n\n        .pmk-ref__card-top {\n            margin-bottom: 20px;\n        }\n\n        .pmk-ref__case-no {\n            font-size: 38px;\n        }\n\n        .pmk-ref__form-info {\n            padding: 30px 22px;\n        }\n\n        .pmk-ref__form-info::before {\n            left: auto;\n            right: -40px;\n            bottom: -80px;\n            font-size: 320px;\n        }\n\n        .pmk-ref__form-info h3 {\n            font-size: 32px;\n        }\n\n        .pmk-ref__form-card {\n            margin: 0;\n            border-radius: 8px;\n            padding: 22px 18px;\n        }\n\n        .pmk-ref__fields {\n            grid-template-columns: 1fr;\n        }\n\n        .pmk-ref__form-title {\n            text-align: left;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .pmk-ref__button,\n        .pmk-ref__card,\n        .pmk-ref__submit,\n        .pmk-ref__field input,\n        .pmk-ref__field select,\n        .pmk-ref__field textarea {\n            transition: none;\n        }\n    }\n\n    .pmk-ref .pmk-ref__card>.pmk-ref__logo,\n    .pmk-ref .pmk-ref__card>.pmk-ref__card-meta {\n        display: none !important;\n    }\n<\/style>\n\n<section class=\"pmk-ref\" aria-labelledby=\"pmk-ref-title\">\n    <div class=\"pmk-ref__container\">\n        <header class=\"pmk-ref__header\">\n            <div>\n                <span class=\"pmk-ref__eyebrow\">Referanslar\u0131m\u0131z<\/span>\n                <h2 class=\"pmk-ref__title\" id=\"pmk-ref-title\">\n                    Sahada kar\u015f\u0131l\u0131\u011f\u0131 olan projelerle i\u015fletmelerin yan\u0131nday\u0131z\n                <\/h2>\n                <div class=\"pmk-ref__cta-row\">\n                    <a href=\"#referans-teklif-formu\" class=\"pmk-ref__button pmk-ref__button--primary\">Teklif Al<\/a>\n                <\/div>\n            <\/div>\n            <p class=\"pmk-ref__intro\">\n                Akaryak\u0131t, market, filo ve saha operasyonlar\u0131nda farkl\u0131 \u00f6l\u00e7eklerdeki i\u015fletmeler i\u00e7in s\u00fcrd\u00fcr\u00fclebilir,\n                izlenebilir ve operasyonu kolayla\u015ft\u0131ran otomasyon yap\u0131lar\u0131 kuruyoruz.\n            <\/p>\n        <\/header>\n\n        <div class=\"pmk-ref__grid\" id=\"referanslar\">\n            <article class=\"pmk-ref__card\">\n                <div class=\"pmk-ref__card-top\">\n                    <span class=\"pmk-ref__sector\">Akaryak\u0131t<\/span>\n                    <span class=\"pmk-ref__case-no\">01<\/span>\n                <\/div>\n                <h3>Akaryak\u0131t istasyon zincirleri<\/h3>\n                <p>\u00c7ok \u015fubeli yap\u0131larda pompa, tank, kasa ve merkez raporlar\u0131n\u0131 ayn\u0131 sistem alt\u0131nda birle\u015ftirir.<\/p>\n                <div class=\"pmk-ref__result\">\n                    <span class=\"pmk-ref__result-label\">Referans kapsam\u0131<\/span>\n                    <span class=\"pmk-ref__result-text\">Merkezden izlenen saha operasyonu<\/span>\n                <\/div>\n            <\/article>\n\n            <article class=\"pmk-ref__card\">\n                <div class=\"pmk-ref__card-top\">\n                    <span class=\"pmk-ref__sector\">Filo<\/span>\n                    <span class=\"pmk-ref__case-no\">02<\/span>\n                <\/div>\n                <h3>Filo ve yak\u0131t y\u00f6netimi<\/h3>\n                <p>Ara\u00e7, s\u00fcr\u00fcc\u00fc ve t\u00fcketim verilerini izlenebilir hale getirerek yak\u0131t maliyetlerini kontrol eder.<\/p>\n                <div class=\"pmk-ref__result\">\n                    <span class=\"pmk-ref__result-label\">Referans kapsam\u0131<\/span>\n                    <span class=\"pmk-ref__result-text\">Ara\u00e7 bazl\u0131 t\u00fcketim g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fc<\/span>\n                <\/div>\n            <\/article>\n\n            <article class=\"pmk-ref__card\">\n                <div class=\"pmk-ref__card-top\">\n                    <span class=\"pmk-ref__sector\">Market<\/span>\n                    <span class=\"pmk-ref__case-no\">03<\/span>\n                <\/div>\n                <h3>Market ve ma\u011faza operasyonlar\u0131<\/h3>\n                <p>Market sat\u0131\u015flar\u0131n\u0131, stok hareketlerini ve kasa s\u00fcre\u00e7lerini istasyon operasyonuyla birlikte y\u00f6netir.<\/p>\n                <div class=\"pmk-ref__result\">\n                    <span class=\"pmk-ref__result-label\">Referans kapsam\u0131<\/span>\n                    <span class=\"pmk-ref__result-text\">Stok, kasa ve sat\u0131\u015f takibi<\/span>\n                <\/div>\n            <\/article>\n\n            <article class=\"pmk-ref__card\">\n                <div class=\"pmk-ref__card-top\">\n                    <span class=\"pmk-ref__sector\">Raporlama<\/span>\n                    <span class=\"pmk-ref__case-no\">04<\/span>\n                <\/div>\n                <h3>Kurumsal raporlama ekipleri<\/h3>\n                <p>Merkez ekiplerinin sat\u0131\u015f, stok, cari ve saha performans\u0131n\u0131 anla\u015f\u0131l\u0131r raporlarla takip etmesini sa\u011flar.<\/p>\n                <div class=\"pmk-ref__result\">\n                    <span class=\"pmk-ref__result-label\">Referans kapsam\u0131<\/span>\n                    <span class=\"pmk-ref__result-text\">Karar destek raporlar\u0131<\/span>\n                <\/div>\n            <\/article>\n        <\/div>\n\n        <div class=\"pmk-ref__form-wrap\" id=\"referans-teklif-formu\">\n            <div class=\"pmk-ref__form-inner\">\n                <div class=\"pmk-ref__form-info\">\n                    <span class=\"pmk-ref__form-kicker\">Teklif Talebi<\/span>\n                    <h3>Projeniz i\u00e7in do\u011fru yap\u0131y\u0131 birlikte planlayal\u0131m<\/h3>\n                    <p>\n                        \u0130\u015fletmenizin \u00f6l\u00e7e\u011fini, saha yap\u0131s\u0131n\u0131 ve ihtiya\u00e7lar\u0131n\u0131 payla\u015f\u0131n. Ekibimiz size uygun \u00e7\u00f6z\u00fcm\n                        kapsam\u0131 ve teklif \u00e7al\u0131\u015fmas\u0131 i\u00e7in en k\u0131sa s\u00fcrede geri d\u00f6n\u00fc\u015f yaps\u0131n.\n                    <\/p>\n                <\/div>\n\n                <div class=\"pmk-ref__form-card\">\n                    <h3 class=\"pmk-ref__form-title\">\n                        Teklif almak i\u00e7in formu doldurun, <span>sizi arayal\u0131m.<\/span>\n                    <\/h3>\n\n                    <div class=\"pmk-ref__form\">\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f14412-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"14412\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/14413#wpcf7-f14412-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"14412\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f14412-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"pmk-ref__fields\">\n\t<div class=\"pmk-ref__field\">\n\t\t<p><label>Ad Soyad*<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"ad-soyad\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"ad-soyad\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field\">\n\t\t<p><label>E-posta Adresi<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"eposta\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"eposta\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field\">\n\t\t<p><label>Cep Telefonu*<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"telefon\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"telefon\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field\">\n\t\t<p><label>Firma Ad\u0131<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"firma\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" autocomplete=\"organization\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"firma\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field pmk-ref__field--wide\">\n\t\t<p><label>Pozisyonunuz<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"pozisyon\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"pozisyon\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field pmk-ref__field--wide\">\n\t\t<p><label>Konu*<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"konu\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"konu\"><option value=\"\">&#8212;Please choose an option&#8212;<\/option><option value=\"Teklif talebi\">Teklif talebi<\/option><option value=\"Demo talebi\">Demo talebi<\/option><option value=\"Referanslar hakk\u0131nda bilgi\">Referanslar hakk\u0131nda bilgi<\/option><option value=\"Teknik g\u00f6r\u00fc\u015fme\">Teknik g\u00f6r\u00fc\u015fme<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field pmk-ref__field--wide\">\n\t\t<p><label>Mesaj<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"mesaj\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"\u0130htiyac\u0131n\u0131z\u0131, lokasyon say\u0131n\u0131z\u0131 veya ilgilendi\u011finiz \u00e7\u00f6z\u00fcm\u00fc k\u0131saca yazabilirsiniz.\" name=\"mesaj\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<p><label class=\"pmk-ref__consent\"><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"kvkk-onay\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"kvkk-onay\" value=\"1\" aria-invalid=\"false\" \/><\/span><\/span><\/span> 6698 say\u0131l\u0131 Ki\u015fisel Verilerin Korunmas\u0131 Kanunu kapsam\u0131nda ileti\u015fime ge\u00e7ilmesini kabul ediyorum.<br \/>\n<\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner pmk-ref__submit\" type=\"submit\" value=\"G\u00f6nder\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"TANK OTOMASYON S\u0130STEMLER\u0130 Tank Y\u00f6netiminde G\u00fcvenli, Hassas ve Merkezi Kontrol Tank envanteri, dolumlar ve alarmlar\u0131 ger\u00e7ek zamanl\u0131 izleyerek g\u00fcvenli ve","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-14413","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Tank Y\u00f6netimi Turpak Tank Otomasyon Sistemi, akaryak\u0131t depolama tanklar\u0131ndaki yak\u0131t seviyesi, su miktar\u0131, s\u0131cakl\u0131k ve dolum s\u00fcre\u00e7lerini ger\u00e7ek zamanl\u0131 olarak izler. Geli\u015fmi\u015f sens\u00f6r teknolojisi ve merkezi y\u00f6netim altyap\u0131s\u0131 sayesinde t\u00fcm tank hareketleri kay\u0131t alt\u0131na al\u0131n\u0131r, analiz edilir ve raporlan\u0131r. Mevcut otomasyon sistemleriyle entegre \u00e7al\u0131\u015farak operasyonel verimlili\u011fi art\u0131r\u0131rken yak\u0131t kay\u0131plar\u0131n\u0131 ve olas\u0131 riskleri en aza indirir.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Gilbarco | Turpak - Liderlerin \u00c7\u00f6z\u00fcm Orta\u011f\u0131\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Tank Otomasyon Sistemleri - Gilbarco | Turpak\" \/>\n\t\t<meta property=\"og:description\" content=\"Tank Y\u00f6netimi Turpak Tank Otomasyon Sistemi, akaryak\u0131t depolama tanklar\u0131ndaki yak\u0131t seviyesi, su miktar\u0131, s\u0131cakl\u0131k ve dolum s\u00fcre\u00e7lerini ger\u00e7ek zamanl\u0131 olarak izler. Geli\u015fmi\u015f sens\u00f6r teknolojisi ve merkezi y\u00f6netim altyap\u0131s\u0131 sayesinde t\u00fcm tank hareketleri kay\u0131t alt\u0131na al\u0131n\u0131r, analiz edilir ve raporlan\u0131r. Mevcut otomasyon sistemleriyle entegre \u00e7al\u0131\u015farak operasyonel verimlili\u011fi art\u0131r\u0131rken yak\u0131t kay\u0131plar\u0131n\u0131 ve olas\u0131 riskleri en aza indirir.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"220\" \/>\n\t\t<meta property=\"og:image:height\" content=\"100\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-07-21T22:13:20+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-21T22:42:19+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Turpak-202982326394151\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Tank Otomasyon Sistemleri - Gilbarco | Turpak\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Tank Y\u00f6netimi Turpak Tank Otomasyon Sistemi, akaryak\u0131t depolama tanklar\u0131ndaki yak\u0131t seviyesi, su miktar\u0131, s\u0131cakl\u0131k ve dolum s\u00fcre\u00e7lerini ger\u00e7ek zamanl\u0131 olarak izler. Geli\u015fmi\u015f sens\u00f6r teknolojisi ve merkezi y\u00f6netim altyap\u0131s\u0131 sayesinde t\u00fcm tank hareketleri kay\u0131t alt\u0131na al\u0131n\u0131r, analiz edilir ve raporlan\u0131r. Mevcut otomasyon sistemleriyle entegre \u00e7al\u0131\u015farak operasyonel verimlili\u011fi art\u0131r\u0131rken yak\u0131t kay\u0131plar\u0131n\u0131 ve olas\u0131 riskleri en aza indirir.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/tank-otomasyon-sistemleri\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en#listItem\",\"position\":1,\"name\":\"Ana Sayfa\",\"item\":\"https:\\\/\\\/turpak.com.tr\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/tank-otomasyon-sistemleri\\\/#listItem\",\"name\":\"Tank Otomasyon Sistemleri\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/tank-otomasyon-sistemleri\\\/#listItem\",\"position\":2,\"name\":\"Tank Otomasyon Sistemleri\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en#listItem\",\"name\":\"Ana Sayfa\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/#organization\",\"name\":\"Turpak\",\"description\":\"Liderlerin \\u00c7\\u00f6z\\u00fcm Orta\\u011f\\u0131\",\"url\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/\",\"telephone\":\"+908506000877\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/turpak.com.tr\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/sticky-logo.png\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/tank-otomasyon-sistemleri\\\/#organizationLogo\",\"width\":220,\"height\":100,\"caption\":\"Turpak Logo\"},\"image\":{\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/tank-otomasyon-sistemleri\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Turpak-202982326394151\\\/\",\"https:\\\/\\\/www.instagram.com\\\/turpakelektromanyetik\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/turpakotomasyon\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/turpak?trk=ppro_cprof\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/tank-otomasyon-sistemleri\\\/#webpage\",\"url\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/tank-otomasyon-sistemleri\\\/\",\"name\":\"Tank Otomasyon Sistemleri - Gilbarco | Turpak\",\"description\":\"Tank Y\\u00f6netimi Turpak Tank Otomasyon Sistemi, akaryak\\u0131t depolama tanklar\\u0131ndaki yak\\u0131t seviyesi, su miktar\\u0131, s\\u0131cakl\\u0131k ve dolum s\\u00fcre\\u00e7lerini ger\\u00e7ek zamanl\\u0131 olarak izler. Geli\\u015fmi\\u015f sens\\u00f6r teknolojisi ve merkezi y\\u00f6netim altyap\\u0131s\\u0131 sayesinde t\\u00fcm tank hareketleri kay\\u0131t alt\\u0131na al\\u0131n\\u0131r, analiz edilir ve raporlan\\u0131r. Mevcut otomasyon sistemleriyle entegre \\u00e7al\\u0131\\u015farak operasyonel verimlili\\u011fi art\\u0131r\\u0131rken yak\\u0131t kay\\u0131plar\\u0131n\\u0131 ve olas\\u0131 riskleri en aza indirir.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/tank-otomasyon-sistemleri\\\/#breadcrumblist\"},\"datePublished\":\"2026-07-22T01:13:20+03:00\",\"dateModified\":\"2026-07-22T01:42:19+03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/\",\"name\":\"Turpak\",\"description\":\"Liderlerin \\u00c7\\u00f6z\\u00fcm Orta\\u011f\\u0131\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Tank Otomasyon Sistemleri - Gilbarco | Turpak<\/title>\n\n","aioseo_head_json":{"title":"Tank Otomasyon Sistemleri - Gilbarco | Turpak","description":"Tank Y\u00f6netimi Turpak Tank Otomasyon Sistemi, akaryak\u0131t depolama tanklar\u0131ndaki yak\u0131t seviyesi, su miktar\u0131, s\u0131cakl\u0131k ve dolum s\u00fcre\u00e7lerini ger\u00e7ek zamanl\u0131 olarak izler. Geli\u015fmi\u015f sens\u00f6r teknolojisi ve merkezi y\u00f6netim altyap\u0131s\u0131 sayesinde t\u00fcm tank hareketleri kay\u0131t alt\u0131na al\u0131n\u0131r, analiz edilir ve raporlan\u0131r. Mevcut otomasyon sistemleriyle entegre \u00e7al\u0131\u015farak operasyonel verimlili\u011fi art\u0131r\u0131rken yak\u0131t kay\u0131plar\u0131n\u0131 ve olas\u0131 riskleri en aza indirir.","canonical_url":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/turpak.com.tr\/en#listItem","position":1,"name":"Ana Sayfa","item":"https:\/\/turpak.com.tr\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/#listItem","name":"Tank Otomasyon Sistemleri"}},{"@type":"ListItem","@id":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/#listItem","position":2,"name":"Tank Otomasyon Sistemleri","previousItem":{"@type":"ListItem","@id":"https:\/\/turpak.com.tr\/en#listItem","name":"Ana Sayfa"}}]},{"@type":"Organization","@id":"https:\/\/turpak.com.tr\/en\/#organization","name":"Turpak","description":"Liderlerin \u00c7\u00f6z\u00fcm Orta\u011f\u0131","url":"https:\/\/turpak.com.tr\/en\/","telephone":"+908506000877","logo":{"@type":"ImageObject","url":"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png","@id":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/#organizationLogo","width":220,"height":100,"caption":"Turpak Logo"},"image":{"@id":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/Turpak-202982326394151\/","https:\/\/www.instagram.com\/turpakelektromanyetik\/","https:\/\/www.youtube.com\/user\/turpakotomasyon","https:\/\/www.linkedin.com\/company\/turpak?trk=ppro_cprof"]},{"@type":"WebPage","@id":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/#webpage","url":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/","name":"Tank Otomasyon Sistemleri - Gilbarco | Turpak","description":"Tank Y\u00f6netimi Turpak Tank Otomasyon Sistemi, akaryak\u0131t depolama tanklar\u0131ndaki yak\u0131t seviyesi, su miktar\u0131, s\u0131cakl\u0131k ve dolum s\u00fcre\u00e7lerini ger\u00e7ek zamanl\u0131 olarak izler. Geli\u015fmi\u015f sens\u00f6r teknolojisi ve merkezi y\u00f6netim altyap\u0131s\u0131 sayesinde t\u00fcm tank hareketleri kay\u0131t alt\u0131na al\u0131n\u0131r, analiz edilir ve raporlan\u0131r. Mevcut otomasyon sistemleriyle entegre \u00e7al\u0131\u015farak operasyonel verimlili\u011fi art\u0131r\u0131rken yak\u0131t kay\u0131plar\u0131n\u0131 ve olas\u0131 riskleri en aza indirir.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/turpak.com.tr\/en\/#website"},"breadcrumb":{"@id":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/#breadcrumblist"},"datePublished":"2026-07-22T01:13:20+03:00","dateModified":"2026-07-22T01:42:19+03:00"},{"@type":"WebSite","@id":"https:\/\/turpak.com.tr\/en\/#website","url":"https:\/\/turpak.com.tr\/en\/","name":"Turpak","description":"Liderlerin \u00c7\u00f6z\u00fcm Orta\u011f\u0131","inLanguage":"en-US","publisher":{"@id":"https:\/\/turpak.com.tr\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Gilbarco | Turpak - Liderlerin \u00c7\u00f6z\u00fcm Orta\u011f\u0131","og:type":"article","og:title":"Tank Otomasyon Sistemleri - Gilbarco | Turpak","og:description":"Tank Y\u00f6netimi Turpak Tank Otomasyon Sistemi, akaryak\u0131t depolama tanklar\u0131ndaki yak\u0131t seviyesi, su miktar\u0131, s\u0131cakl\u0131k ve dolum s\u00fcre\u00e7lerini ger\u00e7ek zamanl\u0131 olarak izler. Geli\u015fmi\u015f sens\u00f6r teknolojisi ve merkezi y\u00f6netim altyap\u0131s\u0131 sayesinde t\u00fcm tank hareketleri kay\u0131t alt\u0131na al\u0131n\u0131r, analiz edilir ve raporlan\u0131r. Mevcut otomasyon sistemleriyle entegre \u00e7al\u0131\u015farak operasyonel verimlili\u011fi art\u0131r\u0131rken yak\u0131t kay\u0131plar\u0131n\u0131 ve olas\u0131 riskleri en aza indirir.","og:url":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/","og:image":"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png","og:image:secure_url":"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png","og:image:width":220,"og:image:height":100,"article:published_time":"2026-07-21T22:13:20+00:00","article:modified_time":"2026-07-21T22:42:19+00:00","article:publisher":"https:\/\/www.facebook.com\/Turpak-202982326394151\/","twitter:card":"summary_large_image","twitter:title":"Tank Otomasyon Sistemleri - Gilbarco | Turpak","twitter:description":"Tank Y\u00f6netimi Turpak Tank Otomasyon Sistemi, akaryak\u0131t depolama tanklar\u0131ndaki yak\u0131t seviyesi, su miktar\u0131, s\u0131cakl\u0131k ve dolum s\u00fcre\u00e7lerini ger\u00e7ek zamanl\u0131 olarak izler. Geli\u015fmi\u015f sens\u00f6r teknolojisi ve merkezi y\u00f6netim altyap\u0131s\u0131 sayesinde t\u00fcm tank hareketleri kay\u0131t alt\u0131na al\u0131n\u0131r, analiz edilir ve raporlan\u0131r. Mevcut otomasyon sistemleriyle entegre \u00e7al\u0131\u015farak operasyonel verimlili\u011fi art\u0131r\u0131rken yak\u0131t kay\u0131plar\u0131n\u0131 ve olas\u0131 riskleri en aza indirir.","twitter:image":"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png"},"aioseo_meta_data":{"post_id":"14413","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-07-21 22:48:12","breadcrumb_settings":null,"limit_modified_date":false,"open_ai":null,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-07-16 20:38:49","updated":"2026-07-21 22:48:12"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/turpak.com.tr\/en\" title=\"Ana Sayfa\">Ana Sayfa<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tTank Otomasyon Sistemleri\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Ana Sayfa","link":"https:\/\/turpak.com.tr\/en"},{"label":"Tank Otomasyon Sistemleri","link":"https:\/\/turpak.com.tr\/en\/tank-otomasyon-sistemleri\/"}],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/pages\/14413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/comments?post=14413"}],"version-history":[{"count":1,"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/pages\/14413\/revisions"}],"predecessor-version":[{"id":14463,"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/pages\/14413\/revisions\/14463"}],"wp:attachment":[{"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/media?parent=14413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}