html,body{overflow-x:hidden} img,video{max-width:100%;height:auto}
    .pill{display:inline-flex;align-items:center;gap:8px;background:#ecfdf3;border:1px solid #bbf7d0;color:#166534;border-radius:999px;padding:7px 11px;font-size:12px;margin:6px 8px 0 0}
    .shadow-card{box-shadow:0 10px 30px rgba(2,6,23,.06)}
    .hero-shell{position:relative;overflow:hidden;border-bottom:1px solid #e2e8f0;background:radial-gradient(circle at 15% 10%, rgba(16,185,129,.14), transparent 30%),radial-gradient(circle at 85% 0%, rgba(59,130,246,.10), transparent 28%),linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
    .seo-card .prose{max-width:none;color:#334155;line-height:1.8;font-size:15px}.seo-card .prose h2,.seo-card .prose h3{color:#0f172a;font-weight:900;margin-top:1rem;margin-bottom:.5rem}
    
    .mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
    @media(max-width:1200px){.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
    @media(max-width:860px){.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:560px){.mini-grid{grid-template-columns:1fr}}

    .svc-card{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(226,232,240,.95);
      background:
        radial-gradient(circle at 85% 10%, rgba(14,165,233,.10), transparent 35%),
        radial-gradient(circle at 10% 0%, rgba(16,185,129,.13), transparent 34%),
        linear-gradient(180deg,#ffffff 0%,#f8fffb 100%);
      box-shadow:0 16px 45px rgba(15,23,42,.065);
      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
      border-radius:28px;
      padding:20px;
      min-height:250px;
      display:flex;
      flex-direction:column;
    }
    .svc-card:hover{
      transform:translateY(-5px);
      box-shadow:0 28px 70px rgba(15,23,42,.12);
      border-color:rgba(16,185,129,.35);
    }
    .svc-card:before{
      content:"";
      position:absolute;
      width:150px;
      height:150px;
      right:-55px;
      top:-55px;
      border-radius:999px;
      background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(14,165,233,.16));
    }
    .svc-card:after{
      content:"";
      position:absolute;
      width:120px;
      height:120px;
      left:-60px;
      bottom:-60px;
      border-radius:999px;
      background:rgba(14,165,233,.08);
    }
    .svc-icon{
      width:64px;
      height:64px;
      display:grid;
      place-items:center;
      border-radius:24px;
      background:linear-gradient(135deg,#ecfdf5,#e0f2fe);
      border:1px solid rgba(16,185,129,.18);
      box-shadow:0 14px 30px rgba(16,185,129,.12);
      font-size:30px;
    }
    .svc-title{
      font-size:20px;
      font-weight:950;
      line-height:1.18;
      letter-spacing:-.02em;
      color:#0f172a;
    }
    .svc-desc{
      margin-top:8px;
      color:#64748b;
      font-size:14px;
      font-weight:650;
      line-height:1.55;
    }
    .svc-cta{
      background:#0f172a;
      color:#fff;
      transition:all .2s ease;
    }
    .svc-card:hover .svc-cta{
      background:#059669;
    }
    .svc-btn-green{
      background:#10b981;
      color:#fff;
    }
    .svc-btn-green:hover{
      background:#059669;
    }
    .svc-badge{
      display:inline-flex;
      align-items:center;
      border-radius:999px;
      padding:6px 10px;
      font-size:12px;
      line-height:1;
      font-weight:900;
    }
    .svc-badge-green{border:1px solid #a7f3d0;background:#ecfdf5;color:#047857}
    .svc-badge-sky{border:1px solid #bae6fd;background:#f0f9ff;color:#0369a1}

    .all-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
    @media(max-width:1100px){.all-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
    @media(max-width:760px){.all-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:520px){.all-links{grid-template-columns:1fr}}
    .all-link{
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:center;
      gap:12px;
      padding:15px;
      border:1px solid rgba(226,232,240,.95);
      border-radius:20px;
      background:
        radial-gradient(circle at 90% 0%, rgba(14,165,233,.08), transparent 38%),
        linear-gradient(180deg,#fff,#f8fafc);
      text-decoration:none;
      color:#0f172a;
      transition:.18s ease;
      min-height:78px;
    }
    .all-link:hover{transform:translateY(-2px);border-color:#86efac;box-shadow:0 16px 34px rgba(15,23,42,.08)}
    .all-link-ico{
      width:42px;
      height:42px;
      border-radius:16px;
      flex:none;
      display:grid;
      place-items:center;
      background:linear-gradient(135deg,#ecfdf5,#e0f2fe);
      border:1px solid rgba(16,185,129,.18);
      font-size:20px;
    }
    .all-link-title{font-weight:900;line-height:1.2}
    .all-link-sub{font-size:11px;color:#64748b;margin-top:4px;font-weight:700}
    .detail-box{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:26px;box-shadow:0 12px 30px rgba(2,6,23,.06)}
/* eski bozuk CSS satırı temizlendi */
  
    /* =========================================================
       SERVISGO KATEGORI HEADER TEK BUTON SET FINAL
       Desktop: tek set nav içinde
       Mobil: tek set sağ üstte
       Tasarım: sade, mobil uyumlu, çok kalın değil
    ========================================================= */
    .sg-kat-head{
      position:sticky;
      top:0;
      z-index:9999;
      background:rgba(255,255,255,.96);
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
      border-bottom:1px solid #eef2f7;
    }

    .sg-kat-head-inner{
      max-width:1280px;
      margin:0 auto;
      padding:12px 16px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }

    .sg-kat-logo{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
      text-decoration:none;
      color:#0f172a;
    }

    .sg-kat-logo-mark{
      width:42px;
      height:42px;
      border-radius:16px;
      display:grid;
      place-items:center;
      flex:0 0 auto;
      background:linear-gradient(135deg,#10b981 0%,#0284c7 100%);
      color:#fff;
      font-weight:800;
      box-shadow:0 10px 24px rgba(16,185,129,.18);
    }

    .sg-kat-logo-text{
      display:block;
      font-size:20px;
      line-height:1;
      font-weight:800;
      letter-spacing:-.03em;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .sg-kat-logo-text span{
      color:#059669;
    }

    .sg-kat-nav{
      display:flex;
      align-items:center;
      gap:18px;
      font-size:14px;
      font-weight:650;
      color:#334155;
    }

    .sg-kat-nav a{
      text-decoration:none;
    }

    .sg-kat-nav-link{
      color:#334155;
    }

    .sg-kat-nav-link:hover{
      color:#047857;
    }

    .sg-kat-actions{
      display:none;
      align-items:center;
      gap:10px;
      flex-shrink:0;
    }

    .sg-kat-top-btn{
      position:relative;
      overflow:hidden;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      min-height:44px !important;
      padding:0 18px !important;
      border-radius:15px !important;
      color:#fff !important;
      text-decoration:none !important;
      font-size:14px !important;
      line-height:1 !important;
      font-weight:800 !important;
      letter-spacing:.01em !important;
      border:1px solid rgba(255,255,255,.16) !important;
      white-space:nowrap !important;
      box-shadow:0 10px 22px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.16) !important;
      transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
      isolation:isolate;
    }

    .sg-kat-top-btn span{
      position:relative;
      z-index:3;
    }

    .sg-kat-top-btn::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0));
      z-index:1;
      pointer-events:none;
    }

    .sg-kat-top-btn::after{
      content:"";
      position:absolute;
      top:0;
      left:-130%;
      width:78%;
      height:100%;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
      transform:skewX(-20deg);
      animation:sgKatHeaderShine 3.2s linear infinite;
      z-index:2;
      pointer-events:none;
    }

    .sg-kat-top-btn:hover{
      transform:translateY(-1px);
    }

    .sg-kat-top-btn-blue{
      background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 52%,#0284c7 100%) !important;
      box-shadow:0 12px 26px rgba(14,165,233,.24),0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.18) !important;
    }

    .sg-kat-top-btn-green{
      background:linear-gradient(135deg,#22c55e 0%,#16a34a 55%,#15803d 100%) !important;
      box-shadow:0 12px 26px rgba(22,163,74,.22),0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.18) !important;
    }

    @keyframes sgKatHeaderShine{
      0%{left:-135%}
      58%{left:135%}
      100%{left:135%}
    }

    @media(max-width:900px){
      .sg-kat-nav{
        display:none;
      }

      .sg-kat-actions{
        display:flex !important;
        gap:7px;
      }

      .sg-kat-head-inner{
        padding:10px 12px;
        gap:10px;
      }

      .sg-kat-logo-mark{
        width:40px;
        height:40px;
        border-radius:15px;
      }

      .sg-kat-logo-text{
        font-size:18px;
        max-width:180px;
      }

      .sg-kat-top-btn{
        min-height:39px !important;
        border-radius:13px !important;
        font-size:12px !important;
        padding:0 11px !important;
        font-weight:750 !important;
      }
    }

    @media(max-width:430px){
      .sg-kat-logo-text{
        font-size:17px;
        max-width:150px;
      }

      .sg-kat-top-btn{
        min-height:37px !important;
        font-size:11px !important;
        padding:0 9px !important;
        border-radius:12px !important;
      }

      .sg-kat-actions{
        gap:6px;
      }
    }

    @media(max-width:370px){
      .sg-kat-logo-text{
        max-width:112px;
      }

      .sg-kat-logo-mark{
        width:36px;
        height:36px;
        border-radius:13px;
      }

      .sg-kat-top-btn{
        min-height:35px !important;
        font-size:10.5px !important;
        padding:0 8px !important;
      }
    }