x-dc{display:none!important}

html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}

/* Elips webfonts — Manrope (display) + Inter (body).
   Both ship from Google Fonts. Türkçe karakter desteği tam (latin-ext). */
/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* ============================================================
   ELIPS · COLOR TOKENS
   Lacivert = otorite/güven · Turuncu = enerji/aksiyon · Nötrler = denge
   Values derived from the Elips brand guide & elips.com identity.
   ============================================================ */
:root {
  /* ---- Brand: Orange (vurgu / aksiyon) ---- */
  --orange-50:  #FFF7EC;
  --orange-100: #FDE7C7;
  --orange-300: #FAC079;
  --orange-500: #F7901E;  /* Elips Turuncu — birincil vurgu */
  --orange-600: #E07A0C;  /* hover / pressed */
  --orange-700: #B8620A;

  /* ---- Brand: Navy (otorite / güven) ---- */
  --navy-50:  #EEF2F8;
  --navy-100: #D6E0EE;
  --navy-300: #6E86AC;
  --navy-500: #16335B;  /* Elips Lacivert — birincil */
  --navy-600: #112844;  /* koyu zemin / pressed */
  --navy-700: #0C1D33;

  /* ---- Accent: Mid Blue (bağlantı / link) ---- */
  --blue-400: #5A93D0;
  --blue-500: #2E6FB5;  /* Orta Mavi — link / interaktif */
  --blue-600: #245C99;

  /* ---- Neutrals ---- */
  --ink:      #1F2733;  /* Antrasit — ana metin */
  --grey:     #5B6470;  /* İkincil metin */
  --grey-l:   #9AA3AF;  /* Üçüncül / placeholder */
  --line:     #E5E9EF;  /* Çizgi / ayraç / border */
  --line-2:   #EFF2F6;  /* daha açık ayraç */
  --bg:       #F6F8FA;  /* sayfa zemini */
  --bg-2:     #FBFCFD;  /* hafif yükselti */
  --paper:    #FFFFFF;  /* kart / yüzey */

  /* ---- Semantic status ---- */
  --success: #2E9E5B;
  --success-bg: #E7F4ED;
  --warning: #E0A106;
  --warning-bg: #FCF3DD;
  --danger:  #D63B2F;
  --danger-bg: #FBE9E7;
  --info:    #2E6FB5;
  --info-bg: #E7F0F9;

  /* ============================================================
     SEMANTIC ALIASES — prefer these in components
     ============================================================ */
  --color-brand:          var(--orange-500);
  --color-brand-hover:    var(--orange-600);
  --color-brand-contrast: #FFFFFF;

  --color-primary:        var(--navy-500);
  --color-primary-hover:  var(--navy-600);
  --color-primary-contrast:#FFFFFF;

  --color-link:           var(--blue-500);
  --color-link-hover:     var(--blue-600);

  --text-strong:          var(--navy-500);  /* başlıklar */
  --text-body:            var(--ink);
  --text-muted:           var(--grey);
  --text-subtle:          var(--grey-l);
  --text-on-dark:         #FFFFFF;
  --text-on-dark-muted:   #BCC8DA;

  --surface-page:         var(--bg);
  --surface-card:         var(--paper);
  --surface-raised:       var(--bg-2);
  --surface-dark:         var(--navy-500);
  --surface-dark-2:       var(--navy-600);

  --border-default:       var(--line);
  --border-strong:        #D4DAE3;
  --border-focus:         var(--blue-500);

  --focus-ring:           0 0 0 3px rgba(46, 111, 181, .35);
  --focus-ring-brand:     0 0 0 3px rgba(247, 144, 30, .35);
}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes kn-in{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes kn-bar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes elx-print{0%{transform:translateY(-6px);opacity:0}100%{transform:translateY(0);opacity:1}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

/* ============================================================
   ELIPS · GENEL MOBIL KATMAN
   Sayfalar inline style ile yazildigi icin kurallar yapisal
   seciciler + [style*=] ile hedeflenir. Markup'a dokunulmaz.
   Kirilimlar: 1180 / 900 / 680 / 480
   ============================================================ */
html { -webkit-text-size-adjust: 100%; }
img, svg, video, image-slot { max-width: 100%; }

/* ============================================================
   <=1180px
   ============================================================ */
@media (max-width: 1180px) {
  section[style*="padding"] { padding-left: 28px !important; padding-right: 28px !important; }
}

/* ============================================================
   <=900px — tum izgaralar tek kolona, kenar bosluklari daralir
   ============================================================ */
@media (max-width: 900px) {
  /* Izgaralar: deger eslestirmeden, yapisal olarak tek kolona indirilir.
     (Coklu kolon degerleri sayfadan sayfaya degistigi icin en guvenlisi bu.) */
  [style*="display:grid"], [style*="display: grid"] { grid-template-columns: 1fr !important; }
  [style*="display:grid"] > *, [style*="display: grid"] > * { min-width: 0; }

  /* Hero yukseklikleri serbest */
  [style*="100svh"] { min-height: 0 !important; }
  [style*="min-height:4"], [style*="min-height: 4"],
  [style*="min-height:5"], [style*="min-height: 5"] { min-height: 280px !important; }

  /* Sabit genislikler akiskan */
  [style*="width:600px"],
  [style*="width: 600px"],
  [style*="width:520px"],
  [style*="width: 520px"],
  [style*="width:480px"],
  [style*="width: 480px"],
  [style*="width:460px"],
  [style*="width: 460px"],
  [style*="width:420px"],
  [style*="width: 420px"],
  [style*="width:400px"],
  [style*="width: 400px"],
  [style*="width:310px"],
  [style*="width: 310px"] { width: 100% !important; }

  /* Bosluklar */
  [style*="gap:64px"],
  [style*="gap: 64px"],
  [style*="gap:56px"],
  [style*="gap: 56px"] { gap: 30px !important; }
  [style*="gap:52px"],
  [style*="gap: 52px"],
  [style*="gap:48px"],
  [style*="gap: 48px"],
  [style*="gap:44px"],
  [style*="gap: 44px"],
  [style*="gap:40px"],
  [style*="gap: 40px"] { gap: 24px !important; }
  [style*="gap:36px"],
  [style*="gap: 36px"],
  [style*="gap:32px"],
  [style*="gap: 32px"] { gap: 20px !important; }

  /* Bolum dolgulari */
  section[style*="padding"] { padding-left: 22px !important; padding-right: 22px !important; }
}

/* ============================================================
   <=680px — telefon
   ============================================================ */
@media (max-width: 680px) {
  section[style*="padding"] { padding-left: 18px !important; padding-right: 18px !important; }

  /* Tipografi */
  [style*="font-size:68px"],
  [style*="font-size: 68px"],
  [style*="font-size:66px"],
  [style*="font-size: 66px"],
  [style*="font-size:64px"],
  [style*="font-size: 64px"],
  [style*="font-size:62px"],
  [style*="font-size: 62px"],
  [style*="font-size:60px"],
  [style*="font-size: 60px"],
  [style*="font-size:58px"],
  [style*="font-size: 58px"],
  [style*="font-size:56px"],
  [style*="font-size: 56px"] { font-size: clamp(28px, 7.6vw, 38px) !important; line-height: 1.14 !important; }
  [style*="font-size:54px"],
  [style*="font-size: 54px"],
  [style*="font-size:52px"],
  [style*="font-size: 52px"],
  [style*="font-size:50px"],
  [style*="font-size: 50px"],
  [style*="font-size:46px"],
  [style*="font-size: 46px"],
  [style*="font-size:44px"],
  [style*="font-size: 44px"],
  [style*="font-size:42px"],
  [style*="font-size: 42px"],
  [style*="font-size:40px"],
  [style*="font-size: 40px"] { font-size: clamp(24px, 6.4vw, 31px) !important; line-height: 1.18 !important; }
  [style*="font-size:38px"],
  [style*="font-size: 38px"],
  [style*="font-size:36px"],
  [style*="font-size: 36px"],
  [style*="font-size:34px"],
  [style*="font-size: 34px"] { font-size: clamp(22px, 5.8vw, 28px) !important; line-height: 1.22 !important; }
  [style*="font-size:30px"],
  [style*="font-size: 30px"],
  [style*="font-size:28px"],
  [style*="font-size: 28px"] { font-size: 21px !important; }

  [style*="line-height:1.0"], [style*="line-height: 1.0"] { line-height: 1.15 !important; }

  .elx-btn { padding: 15px 22px !important; font-size: 12.5px !important; letter-spacing: 1px !important; }

  /* Kirilamaz uzun metinler sarabilsin (yatay tasmanin ana sebebi) */
  [style*="white-space:nowrap"], [style*="white-space: nowrap"] { white-space: normal !important; }
}

/* ============================================================
   <=480px — dar telefon
   ============================================================ */
@media (max-width: 480px) {
  section[style*="padding"] { padding-left: 14px !important; padding-right: 14px !important; }
  [style*="gap:64px"],
  [style*="gap: 64px"],
  [style*="gap:56px"],
  [style*="gap: 56px"],
  [style*="gap:52px"],
  [style*="gap: 52px"],
  [style*="gap:48px"],
  [style*="gap: 48px"],
  [style*="gap:44px"],
  [style*="gap: 44px"],
  [style*="gap:40px"],
  [style*="gap: 40px"],
  [style*="gap:36px"],
  [style*="gap: 36px"],
  [style*="gap:32px"],
  [style*="gap: 32px"] { gap: 16px !important; }
  [style*="min-height:4"], [style*="min-height: 4"],
  [style*="min-height:5"], [style*="min-height: 5"] { min-height: 200px !important; }
    .left-zero-mobile {
        left: 0px !important;
    }
    .top-left-zero-mobile {
        left: 0px !important;
        bottom: 0px !important;
    }
    .p-lr-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    mobile-top-75{
        top:-75px !important;
    }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
  html { scroll-behavior: auto; }
}

/* ============================================================
   SABIT PIKSEL KOMPOZISYONLARI — mobil duzeltmeleri
   Tasarim aracindan gelen bazi gorseller sabit px koordinatli
   kuruluyor; mobilde ya cokuyor ya tasiyor. Asagidaki kurallar
   SINIF ADINA DEGIL YAPIYA dayanir, boylece sayfa yeniden disa
   aktarildiginda da gecerli kalir.
   ============================================================ */

/* ---- 1) "Hakkimizda" gorseli ----
   Dis kutu min-height ile sinirli, ic kutu position:absolute;inset:0
   flex-kolon. Ortadaki flex:1 alan 0'a cokup mutlak konumlu etiketler
   alttaki adim seridinin uzerine biniyordu. */
@media (max-width: 900px) {
  div[style*="inset: 0px"][style*="flex-direction: column"] { position: static !important; }
  div[style*="inset: 0px"][style*="flex-direction: column"] > div[style*="flex: 1 1 0%"] {
    flex: 0 0 auto !important; height: 300px !important;
  }
}
@media (max-width: 680px) {
  div[style*="inset: 0px"][style*="flex-direction: column"] > div[style*="flex: 1 1 0%"] { height: 260px !important; }
}
@media (max-width: 480px) {
  div[style*="inset: 0px"][style*="flex-direction: column"] > div[style*="flex: 1 1 0%"] { height: 220px !important; }
    .left-zero-mobile {
        left: 0px !important;
    }
    .top-left-zero-mobile {
        left: 0px !important;
        bottom: 0px !important;
    }
    .p-lr-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .mobile-top-75 {
        top: -75px !important;
    }
}

/* ---- 2) Hero orbit gorseli ----
   520x520 sabit kutu; icerik 494x548 ve kutu merkezine gore
   (+66,+56) kayik (etiketlerin translate(-50%) degeri float
   animasyonu tarafindan eziliyor; SVG'deki translate(58,52) de
   bunun telafisi). Kutu olceklenir ve kayma geri alinir.
   NOT: genel katmandaki "width:520px -> %100" kurali bu kutuyu
   ezmemeli; burada geri alinir.
   .non-media-height: yukselligi hicbir breakpoint'te degistirilmesin
   diye opt-out edilen ogeler icin -- media query'ler icinde tekrar
   tekrar "auto" tanimlamak yerine tek, breakpoint'siz bir kural.
   auto (=kutunun kendi 520px yuksekligi) 680-900px arasinda iceriği
   (548px) tam karsilamiyor, bu yuzden sabit 650px kullanildi. */
.elx-hero-art.non-media-height { height: 650px !important; }
@media (max-width: 900px) {
  .elx-hero-grid > *, .elx-hero-art { min-width: 0 !important; }
  .elx-hero-art {
    overflow: hidden; transform: none !important;
    display: flex !important; align-items: center; justify-content: center;
  }
  .elx-hero-art > div {
    width: 520px !important; max-width: none !important; flex: none;
    animation: none !important;
  }
  /* etiket tipografisi: kolon genisligi sabit oldugu icin buyutmek
     kompozisyonu genisletmez, yazi satir atlar */
  .elx-hero-art > div > div > div > div > span:nth-child(2) { font-size: 19px !important; line-height: 1.2 !important; }
  .elx-hero-art > div > div > div > div > div:last-child { display: none !important; }

  .elx-hero-art { height: 558px !important; }
  .elx-hero-art > div { transform: translate(-66px, -56px) !important; }
}
@media (max-width: 680px) {
  .elx-hero-art { height: 530px !important; }
  .elx-hero-art > div { transform: scale(.95) translate(-66px, -56px) !important; }
}
@media (max-width: 520px) {
  .elx-hero-art { height: 420px !important; }
  .elx-hero-art > div { transform: scale(.75) translate(-66px, -56px) !important; }
}
@media (max-width: 400px) {
  .elx-hero-art { height: 372px !important; }
  .elx-hero-art > div { transform: scale(.66) translate(-66px, -56px) !important; }
    .left-zero-mobile {
        left: 0px !important;
    }
}
@media (max-width: 360px) {
  .elx-hero-art { height: 326px !important; }
  .elx-hero-art > div { transform: scale(.58) translate(-66px, -56px) !important; }
    .left-zero-mobile {
        left: 0px !important;
    }
    .top-left-zero-mobile {
        left: 0px !important;
        bottom: 0px !important;
    }
    .p-lr-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .mobile-top-75 {
        top: -75px !important;
    }
}

/* ---- 3) Ust bolume binen istatistik seridi ----
   margin-top:-70px ile bilerek ustteki bolume biniyor; masaustunde
   ust bolumun 150px alt dolgusu bunu karsiliyor. Mobilde dolgu
   kucuUldugu icin icerigin uzerine geliyordu. */
@media (max-width: 900px) {
  section[style*="margin-top:-70px"], section[style*="margin-top: -70px"] { margin-top: 0 !important; }
}

/* ---- bolum ici kapsayici dolgulari ----
   Bazi bolumlerde yatay dolgu <section> yerine ic sarmalayicida
   tanimli (or. hero: padding:72px 40px 128px). Genel section kurali
   bunlari yakalamadigi icin mobilde 80px genislik kaybi oluyordu. */
@media (max-width: 900px) {
  div[style*="px 40px"] { padding-left: 22px !important; padding-right: 22px !important; }
}
@media (max-width: 680px) {
  div[style*="px 40px"] { padding-left: 18px !important; padding-right: 18px !important; }
}
@media (max-width: 480px) {
  div[style*="px 40px"] { padding-left: 14px !important; padding-right: 14px !important; }
    .left-zero-mobile {
        left: 0px !important;
    }
    .top-left-zero-mobile {
        left: 0px !important;
        bottom: 0px !important;
    }
    .p-lr-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .mobile-top-75 {
        top: -75px !important;
    }
}

/* ---- 4) Ekip fotografi uzerindeki isim kartlari ----
   Kartlar fotografin uzerine yuzde koordinatlarla bindirilmis
   (left:2% / right:2% / top:8%,11%,46% / bottom:-4px). Her kart ~200px;
   mobilde fotograf 345px'e inince iki kart yan yana sigmiyor, hem
   birbirine hem kisilerin yuzune biniyor, bir kismi disari tasiyor.
   Mobilde kartlar akisa alinip fotografin ALTINA listelenir. */
@media (max-width: 900px) {
  div[style*="position: relative"][style*="height: 520px"]:has(> [style*="object-fit: cover"]) {
    height: auto !important; display: flex !important; flex-direction: column; gap: 8px;
    background: transparent !important;
  }
  div[style*="position: relative"][style*="height: 520px"]:has(> [style*="object-fit: cover"]) > [style*="object-fit: cover"] {
    position: relative !important; inset: auto !important; width: 100% !important;
    height: 250px !important; order: -1;
  }
  div[style*="position: relative"][style*="height: 520px"]:has(> [style*="object-fit: cover"]) > [style*="height: 5px"] {
    display: none !important;
  }
  div[style*="position: relative"][style*="height: 520px"]:has(> [style*="object-fit: cover"]) > [style*="position: absolute"]:not([style*="object-fit"]):not([style*="height: 5px"]) {
    position: static !important; transform: none !important; width: auto !important;
    left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
    text-align: left !important; background: #fff !important;
    border: 1px solid var(--line) !important; padding: 10px 12px !important;
  }
}
@media (max-width: 480px) {
  div[style*="position: relative"][style*="height: 520px"]:has(> [style*="object-fit: cover"]) > [style*="object-fit: cover"] {
    height: 200px !important;
  }
    .left-zero-mobile {
        left: 0px !important;
    }
    .top-left-zero-mobile {
        left: 0px !important;
        bottom: 0px !important;
    }
    .p-lr-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .mobile-top-75 {
        top: -75px !important;
    }
}

.elx-nav{transition:color .18s}
.elx-nav:hover{color:var(--orange-500)}
.elx-social{transition:background .2s,color .2s}
.elx-social:hover{background:var(--orange-500);color:#fff}
.elx-menuwrap:hover .elx-mega{opacity:1;visibility:visible;transform:translateY(0)}
.elx-mega{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.elx-row{transition:background .15s}
.elx-row:hover{background:var(--navy-50)}
.elx-svc-link{transition:color .15s,padding-left .15s}
.elx-svc-link:hover{color:var(--orange-500);padding-left:5px}
.elx-megacard{position:relative;transition:box-shadow .22s var(--ease-out),transform .22s var(--ease-out),border-color .22s}
.elx-megacard:hover{border-color:rgba(22,51,91,.22);box-shadow:0 18px 40px -22px rgba(22,51,91,.4);transform:translateY(-2px)}
.elx-megacard:after{content:"";position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--orange-500);transition:width .28s var(--ease-out)}
.elx-megacard:hover:after{width:100%}
.elx-megacard:hover .elx-mico{transform:translateY(-2px) rotate(-7deg)}
.elx-megacard:hover .elx-mall{gap:11px;color:var(--orange-500)}
@keyframes elxmicoring{0%{transform:scale(.85);opacity:.55}70%{transform:scale(1.35);opacity:0}100%{transform:scale(1.35);opacity:0}}

/* ---- sticky header ----
   Header inline stilinde position:sticky tasiyor ama iki sebeple calismiyordu:
   1) 11 sayfada ust kapsayicida overflow-x:hidden var -> tarayici bunu kaydirma
      kabi sayip sticky'yi o kaba baglar; sayfa kaydirilinca header yukarida kalir.
      overflow-x:clip ayni gorsel kirpmayi yapar ama kaydirma kabi OLUSTURMAZ.
   2) DC calisma zamani host'u viewport yuksekliginde sabitleniyor; sticky yalnizca
      kendi kapsayicisi boyunca tutar, o bitince header kayip gider.
      Yukseklik serbest birakilir. */
[style*="overflow-x:hidden"], [style*="overflow-x: hidden"] { overflow-x: clip !important; }
.sc-host, .sc-host > div { height: auto !important; min-height: 0 !important; }
header { position: sticky !important; top: 0 !important; z-index: 60; }

/* ---- render esitligi ----
   14 sayfa kendi CSS'inde body{line-height:1.6} tanimliyor, 11'i tanimlamiyor.
   Bu miras header/footer'i 3px/8px buyutup sayfalar arasi fark yaratiyordu.
   Header/footer kendi satir yuksekligini sabitler. */
header, footer { line-height: normal; }

/* ---- mobil menu (CSS-only hamburger) ---- */
.elx-navtoggle { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
.elx-burger {
  display: none; flex-direction: column; justify-content: center; gap: 5px;
  width: 44px; height: 44px; padding: 11px; flex: none; cursor: pointer;
  background: var(--navy-50); margin-left: auto;
}
.elx-burger span { display: block; height: 2px; background: var(--navy-500);
  transition: transform .25s var(--ease-out), opacity .18s; }
.elx-navtoggle:checked ~ .elx-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.elx-navtoggle:checked ~ .elx-burger span:nth-child(2) { opacity: 0; }
.elx-navtoggle:checked ~ .elx-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.elx-navtoggle:focus-visible ~ .elx-burger { box-shadow: var(--focus-ring); }

/* masaustu: mega menu ekrandan tasmasin */
@media (min-width: 901px) {
  .elx-mega > div { max-height: calc(100vh - 150px); overflow-y: auto; }
}
@media (hover: none) { .elx-menuwrap:hover .elx-mega { opacity: 0; visibility: hidden; } }

@media (max-width: 900px) {
  .elx-top { justify-content: center !important; gap: 14px !important;
             padding-top: 8px !important; padding-bottom: 8px !important; }
  .elx-top-meta { gap: 16px !important; flex-wrap: wrap; justify-content: center; }
  .elx-hdr { flex-wrap: wrap; gap: 12px !important;
             padding-top: 12px !important; padding-bottom: 12px !important; }
  .elx-burger { display: flex; order: 3; }
  .elx-mainnav {
    display: none !important; order: 10; flex-basis: 100%;
    margin-left: 0 !important; flex-direction: column; align-items: stretch; gap: 0 !important;
  }
  .elx-navtoggle:checked ~ .elx-mainnav { display: flex !important; }
  .elx-mainnav > a, .elx-mainnav .elx-menuwrap > a {
    padding: 14px 2px !important; border-bottom: 1px solid var(--line); font-size: 16px !important; }
  .elx-mainnav .elx-menuwrap { position: static !important; display: block; }
  .elx-mainnav .elx-mega { display: none !important; }
  .elx-hdr-phone {
    display: none !important; order: 11; flex-basis: 100%;
    padding-left: 0 !important; border-left: 0 !important; padding-top: 4px; }
  .elx-navtoggle:checked ~ .elx-hdr-phone { display: flex !important; }
  .elx-foot-grid { grid-template-columns: 1fr 1fr !important; gap: 30px !important; }
  .elx-foot-inner { padding-left: 22px !important; padding-right: 22px !important; }
}
@media (max-width: 680px) {
  .elx-top, .elx-hdr { padding-left: 18px !important; padding-right: 18px !important; }
  .elx-foot-inner { padding-left: 18px !important; padding-right: 18px !important; }
  .elx-top-tag { display: none !important; }
  .elx-top-meta > span:nth-child(2) { display: none !important; }
  .elx-hdr img { height: 26px !important; }
}
@media (max-width: 520px) {
  .elx-foot-grid { grid-template-columns: 1fr !important; gap: 26px !important; }
  .elx-foot-bot { flex-direction: column; align-items: flex-start; gap: 6px !important; }
}
@media (max-width: 400px) {
  .elx-top, .elx-hdr { padding-left: 14px !important; padding-right: 14px !important; }
  .elx-foot-inner { padding-left: 14px !important; padding-right: 14px !important; }
    .left-zero-mobile {
        left: 0px !important;
    }
    .top-left-zero-mobile {
        left: 0px !important;
        bottom: 0px !important;
    }
    .p-lr-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .mobile-top-75 {
        top: -75px !important;
    }
}

/* ---- mobil dropdown akordeonu ----
   Mobilde <a href="...#Çözümler"> tiklaninca sayfa kayiyordu; onun yerine
   label+checkbox ile alt menu acilir. Masaustunde label gizli, hover aynen kalir. */
.elx-subtoggle { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
.elx-subbtn { display: none; }

@media (max-width: 900px) {
  .elx-mainnav .elx-menuwrap > a { display: none !important; }
  .elx-subbtn {
    display: flex !important; align-items: center; justify-content: space-between; gap: 10px;
    padding: 14px 2px; border-bottom: 1px solid var(--line); cursor: pointer;
    font-family: var(--font-display); font-weight: 700; font-size: 16px; color: var(--navy-500);
  }
  .elx-chev { flex: none; color: var(--orange-500); transition: transform .22s var(--ease-out); }
  .elx-subtoggle:checked ~ .elx-subbtn .elx-chev { transform: rotate(180deg); }
  .elx-subtoggle:focus-visible ~ .elx-subbtn { box-shadow: var(--focus-ring); }

  .elx-subtoggle:checked ~ .elx-mega {
    display: block !important; position: static !important;
    opacity: 1 !important; visibility: visible !important; transform: none !important;
    padding-top: 0 !important;
  }
  .elx-mega > div { border: 0 !important; box-shadow: none !important; background: transparent !important; }
  .elx-mega > div > div { display: block !important; padding: 6px 0 10px !important; max-width: none !important; }
  .elx-megacard { border: 0 !important; padding: 8px 0 4px !important; background: transparent !important; box-shadow: none !important; }
  .elx-megacard::after { display: none !important; }
  .elx-megacard p { display: none !important; }
  .elx-megacard h4 { font-size: 15px !important; }
  .elx-megacard > div:first-child { margin-bottom: 6px !important; }
  .elx-megacard > div:last-child { grid-template-columns: 1fr 1fr !important; border-top: 0 !important; padding-top: 0 !important; }
  .elx-mall { padding-top: 6px !important; }
}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes kn-in{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes kn-bar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes elx-flow{to{stroke-dashoffset:-32}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

/* ============================================================
   ELIPS · TYPOGRAPHY TOKENS
   Manrope = başlıklar & vurgular (700/800)
   Inter   = gövde metni & arayüz (400–600)
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ---- Weights ---- */
  --fw-regular: 400;  /* @kind other */
  --fw-medium:  500;  /* @kind other */
  --fw-semibold:600;  /* @kind other */
  --fw-bold:    700;  /* @kind other */
  --fw-extra:   800;  /* @kind other */

  /* ---- Type scale (px-based, 1.25 ratio anchored at 16) ---- */
  --fs-display: 56px;  /* hero wordmark / büyük başlık */
  --fs-h1:      40px;
  --fs-h2:      32px;
  --fs-h3:      24px;
  --fs-h4:      20px;
  --fs-lg:      18px;  /* lede */
  --fs-base:    16px;  /* gövde */
  --fs-sm:      14px;
  --fs-xs:      12.5px; /* etiket / caption */

  /* ---- Line heights ---- */
  --lh-tight:   1.08;  /* @kind other */
  --lh-snug:    1.25;  /* @kind other */
  --lh-normal:  1.6;   /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-tight:   -0.02em;  /* display / başlık */
  --ls-snug:    -0.01em;
  --ls-normal:  0;        /* @kind other */
  --ls-wide:    0.06em;
  --ls-eyebrow: 0.16em;   /* üst başlık / etiket */

  /* ---- Semantic aliases ---- */
  --text-eyebrow-size:  var(--fs-xs);
  --text-eyebrow-weight: var(--fw-bold);
}

/* ============================================================
   ELIPS · SPACING & SIZING TOKENS
   4px base grid. Generous, kurumsal whitespace.
   ============================================================ */
:root {
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* ---- Layout ---- */
  --container:   1080px;   /* marka kılavuzu max genişlik */
  --container-wide: 1280px;
  --gutter:      24px;
  --section-y:   62px;     /* dikey bölüm boşluğu */

  /* ---- Component sizing ---- */
  --control-h-sm: 32px;
  --control-h-md: 40px;
  --control-h-lg: 48px;
}

/* ============================================================
   ELIPS · EFFECTS — radius, shadow, motion
   Subtle, profesyonel. Soft navy-tinted shadows. No heavy gloss.
   ============================================================ */
:root {
  /* ---- Corner radius ---- */
  --radius-xs:  5px;   /* reklam/banner, küçük öğeler */
  --radius-sm:  8px;   /* buton, input, etiket */
  --radius-md:  12px;  /* küçük kart, note */
  --radius-lg:  14px;  /* kart (standart) */
  --radius-xl:  16px;  /* büyük panel / vizyon-misyon */
  --radius-pill: 999px;

  /* ---- Shadows (navy-tinted, soft) ---- */
  --shadow-xs: 0 1px 2px rgba(20, 40, 80, .06);
  --shadow-sm: 0 2px 8px rgba(20, 40, 80, .07);
  --shadow-md: 0 8px 22px rgba(20, 40, 80, .10);
  --shadow-lg: 0 16px 40px rgba(20, 40, 80, .14);
  --shadow-focus: 0 0 0 3px rgba(46, 111, 181, .35);

  /* ---- Borders ---- */
  --border-width: 1px;  /* @kind other */
  --border-accent-width: 4px;  /* @kind other */

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(.22, .61, .36, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(.65, .05, .36, 1);  /* @kind other */
  --dur-fast:   .12s;  /* @kind other */
  --dur-base:   .18s;  /* @kind other */
  --dur-slow:   .28s;  /* @kind other */

  /* ---- Signature gradient bar (üç çizgi / topbar) ---- */
  --topbar-gradient: linear-gradient(90deg, var(--orange-500) 0 60%, var(--blue-500) 60% 100%);
  --rule-gradient: linear-gradient(90deg, var(--orange-500), var(--navy-500));
  --halo-orange: radial-gradient(circle, rgba(247,144,30,.22), transparent 65%);  /* @kind other */
}

/* ============================================================
   ELIPS DESIGN SYSTEM — global entry point.
   Consumers link this single file. Imports only — no rules here.
   ============================================================ */
/* Elips webfonts — Manrope (display) + Inter (body).
   Both ship from Google Fonts. Türkçe karakter desteği tam (latin-ext). */
/* cyrillic-ext */

*{box-sizing:border-box}
    html{scroll-behavior:smooth}
    section[id]{scroll-margin-top:120px}
    body{margin:0;background:#fff;font-family:var(--font-body);color:var(--ink)}
    /* Infetech-style square button in Elips orange */
    .elx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:14px;line-height:1;padding:20px 40px;color:#fff;background:var(--orange-500);border:0;cursor:pointer;overflow:hidden;z-index:1;transition:color .3s ease}
    .elx-btn::before{content:"";position:absolute;left:50%;top:50%;width:120%;height:0;background:var(--navy-500);border-radius:40px;transform:translate(-50%,-50%) rotate(-45deg);z-index:-1;transition:height .5s ease}
    .elx-btn:hover{color:#fff}
    .elx-btn:hover::before{height:420px}
    .elx-btn.navy{background:var(--navy-500)}
    .elx-btn.navy::before{background:var(--orange-500)}
    .elx-btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.4);padding:18px 38px}
    .elx-btn.ghost::before{background:#fff}
    .elx-btn.ghost:hover{color:var(--navy-500)}
    .elx-nav{transition:color .18s}
    .elx-nav:hover{color:var(--orange-500)}
    .elx-lift{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
    .elx-lift:hover{transform:translateY(-6px);box-shadow:0 26px 54px -20px rgba(22,51,91,.30)}
    .elx-svc{box-shadow:0 14px 40px -22px rgba(22,51,91,.28)}
    .elx-why{transition:background .25s var(--ease-out)}
    .elx-why:hover{background:var(--navy-50)}
    .elx-why .elx-why-bar{transition:width .3s var(--ease-out)}
    .elx-why:hover .elx-why-bar{width:64px}
    .elx-svc .elx-thumb img,.elx-svc image-slot{transition:transform .5s ease}
    .elx-svc:hover .elx-thumb-inner{transform:scale(1.08)}
    .elx-proj-ov{opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease}
    .elx-proj:hover .elx-proj-ov{opacity:1;transform:translateY(0)}
    .elx-proj:hover .elx-proj-veil{opacity:1}
    .elx-social{transition:background .2s,color .2s}
    .elx-social:hover{background:var(--orange-500);color:#fff}
    .elx-menuwrap:hover .elx-mega{opacity:1;visibility:visible;transform:translateY(0)}
    .elx-mega{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
    .elx-row{transition:background .15s}
    .elx-row:hover{background:var(--navy-50)}
    .elx-svc-link{transition:color .15s,padding-left .15s}
    .elx-svc-link:hover{color:var(--orange-500);padding-left:5px}
    .elx-cloud{transition:color .2s var(--ease-out),transform .2s var(--ease-out)}
    .elx-cloud:hover{color:var(--orange-500) !important;transform:translateY(-2px)}
    .elx-reveal{opacity:1}
    @keyframes elxmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .elx-marquee{display:flex;width:max-content;align-items:center;animation:elxmarquee 40s linear infinite;will-change:transform}
    .elx-marquee:hover{animation-play-state:paused}
    .elx-marq-mask{-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
    @keyframes elxspin{to{transform:rotate(360deg)}}
    @keyframes elxspinrev{to{transform:rotate(-360deg)}}
    @keyframes elxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
    @keyframes elxpulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}
    @keyframes elxdash{to{stroke-dashoffset:-40}}
    .elx-orbit{transform-origin:center;animation:elxspin 34s linear infinite}
    .elx-orbit-rev{transform-origin:center;animation:elxspinrev 26s linear infinite}
    .elx-float{animation:elxfloat 6s ease-in-out infinite}
    .elx-float-2{animation:elxfloat 7.5s ease-in-out infinite .8s}
    .elx-node-pulse{transform-origin:center;animation:elxpulse 3.4s ease-in-out infinite}
    .elx-flow{stroke-dasharray:6 10;animation:elxdash 1.6s linear infinite}
    .elx-spin-a{animation:elxspin 42s linear infinite}
    .elx-spin-b{animation:elxspinrev 30s linear infinite}
    .elx-spin-c{animation:elxspin 22s linear infinite}
    .elx-spin-rim{animation:elxspin 16s linear infinite}
    .elx-hex-slow{animation:elxspin 70s linear infinite}
    @keyframes elxcyc3{0%{opacity:0;transform:translate(-50%,5px)}4%{opacity:1;transform:translate(-50%,0)}28%{opacity:1;transform:translate(-50%,0)}33%{opacity:0;transform:translate(-50%,-4px)}100%{opacity:0;transform:translate(-50%,-4px)}}
    @keyframes elxcyc4{0%{opacity:0;transform:translate(-50%,5px)}3%{opacity:1;transform:translate(-50%,0)}21%{opacity:1;transform:translate(-50%,0)}25%{opacity:0;transform:translate(-50%,-4px)}100%{opacity:0;transform:translate(-50%,-4px)}}
    .elx-cyc3{animation:elxcyc3 12s ease-in-out infinite}
    .elx-cyc4{animation:elxcyc4 16s ease-in-out infinite}
    @keyframes elxscanY{0%{transform:translateY(0)}100%{transform:translateY(132px)}}
    .elx-scanY{animation:elxscanY 3.2s ease-in-out infinite alternate}
    @keyframes elxled{0%,100%{opacity:.2}50%{opacity:1}}
    .elx-led{animation:elxled 2.4s ease-in-out infinite}
    @keyframes elxconv{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
    .elx-conv{transform-box:fill-box;transform-origin:center;animation:elxconv 3.6s ease-in-out infinite}
    @keyframes elxdashup{to{stroke-dashoffset:-56}}
    .elx-dashup{animation:elxdashup 1.6s linear infinite}
    @keyframes elxriseY{0%{opacity:0;transform:translateY(14px)}30%{opacity:1;transform:translateY(6px)}100%{opacity:0;transform:translateY(-46px)}}
    .elx-riseY{transform-box:fill-box;transform-origin:center;animation:elxriseY 3.4s ease-in-out infinite}
    @keyframes elxfeedY{0%{opacity:0;transform:translateY(14px)}22%{opacity:1;transform:translateY(4px)}70%{opacity:1;transform:translateY(-6px)}100%{opacity:0;transform:translateY(-20px)}}
    .elx-feedY{animation:elxfeedY 4s ease-in-out infinite}
    @keyframes elxsweepY{0%{transform:translateY(-6px)}100%{transform:translateY(126px)}}
    .elx-sweepY{animation:elxsweepY 2.8s ease-in-out infinite alternate}
    @keyframes elxring{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(1.5)}}
    .elx-ring{transform-box:fill-box;transform-origin:center;animation:elxring 3s ease-out infinite}
    @keyframes elxgrowX{0%{transform:scaleX(.08)}45%{transform:scaleX(1)}80%{transform:scaleX(1)}100%{transform:scaleX(.08)}}
    .elx-growX{transform-box:fill-box;transform-origin:left center;animation:elxgrowX 3.6s ease-in-out infinite}
    @keyframes elxtip{0%{transform:rotate(-8deg)}100%{transform:rotate(8deg)}}
    .elx-tip{transform-box:fill-box;transform-origin:center;animation:elxtip 2.6s ease-in-out infinite alternate}
    .elx-rot{transform-box:fill-box;transform-origin:center;animation:elxspin 9s linear infinite}
    .elx-rot-rev{transform-box:fill-box;transform-origin:center;animation:elxspinrev 14s linear infinite}
    @keyframes elxpop{0%,100%{opacity:.25;transform:translateY(3px) scale(.85)}45%{opacity:1;transform:translateY(0) scale(1)}}
    .elx-pop{transform-box:fill-box;transform-origin:center;animation:elxpop 3s ease-in-out infinite}
    @keyframes elxplug{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
    .elx-plug{transform-box:fill-box;animation:elxplug 2.8s ease-in-out infinite}
    @media (max-width:1240px){.elx-hero-art{transform:scale(.86)}}
    @media (max-width:1100px){.elx-hero-art{transform:scale(.74)}}
    @media (max-width:980px){.elx-hero-art{transform:scale(.62)}}
    .elx-dash-slow{stroke-dasharray:4 10;animation:elxdash 3.4s linear infinite}
    @keyframes elxglow{0%,100%{opacity:.5;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
    .elx-core-glow{animation:elxglow 4.2s ease-in-out infinite}
    @keyframes elxfade{0%,100%{opacity:.35}50%{opacity:.9}}
    .elx-fade{animation:elxfade 5s ease-in-out infinite}
    .elx-carousel{transform-origin:center;animation:elxspin 52s linear infinite}
    .elx-carousel-rev{transform-origin:center;animation:elxspinrev 52s linear infinite}
    .elx-megacard{position:relative;transition:box-shadow .22s var(--ease-out),transform .22s var(--ease-out),border-color .22s}
    .elx-megacard:hover{border-color:rgba(22,51,91,.22);box-shadow:0 18px 40px -22px rgba(22,51,91,.4);transform:translateY(-2px)}
    .elx-megacard:after{content:"";position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--orange-500);transition:width .28s var(--ease-out)}
    .elx-megacard:hover:after{width:100%}
    .elx-mico{transition:transform .3s var(--ease-out),background .3s}
    .elx-megacard:hover .elx-mico{transform:translateY(-2px) rotate(-7deg)}
    @keyframes elxmicoring{0%{transform:scale(.85);opacity:.55}70%{transform:scale(1.35);opacity:0}100%{transform:scale(1.35);opacity:0}}
    .elx-mico-ring{position:absolute;inset:0;border:1.5px solid var(--orange-500);animation:elxmicoring 2.6s ease-out infinite}
    .elx-step:hover .elx-mico{transform:translateY(-3px)}
    .elx-mall{display:inline-flex;align-items:center;gap:7px;transition:gap .2s,color .2s}
    .elx-megacard:hover .elx-mall{gap:11px;color:var(--orange-500)}
    image-slot.elx-logo::part(frame){background:transparent}
    image-slot.elx-logo::part(image){object-fit:contain}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes kn-in{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes kn-bar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes elx-seg{0%{opacity:0;transform:scale(.85)}100%{opacity:1;transform:scale(1)}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes elx-ring{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.7);opacity:0}}
    @keyframes elx-trace{0%{stroke-dashoffset:18}100%{stroke-dashoffset:-100}}
    @keyframes elx-bar-a{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-bar-b{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-slide-l{0%{opacity:0;transform:translateX(-14px)}100%{opacity:1;transform:translateX(0)}}
    @keyframes elx-slide-r{0%{opacity:0;transform:translateX(14px)}100%{opacity:1;transform:translateX(0)}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

*{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;font-family:var(--font-body);color:var(--ink)}
    .elx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:14px;line-height:1;padding:20px 40px;color:#fff;background:var(--orange-500);border:0;cursor:pointer;overflow:hidden;z-index:1;transition:color .3s ease;text-decoration:none}
    .elx-btn::before{content:"";position:absolute;left:50%;top:50%;width:120%;height:0;background:var(--navy-500);border-radius:40px;transform:translate(-50%,-50%) rotate(-45deg);z-index:-1;transition:height .5s ease}
    .elx-btn:hover::before{height:420px}
    .elx-btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.4);padding:18px 38px}
    .elx-btn.ghost::before{background:#fff}
    .elx-btn.ghost:hover{color:var(--navy-500)}
    .elx-nav{transition:color .18s}
    .elx-nav:hover{color:var(--orange-500)}
    .elx-social{transition:background .2s,color .2s}
    .elx-social:hover{background:var(--orange-500);color:#fff}
    .elx-idx{transition:padding-left .2s var(--ease-out),color .2s,background .2s}
    .elx-idx:hover{padding-left:8px;background:rgba(255,255,255,.06)}
    .elx-tile{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
    .elx-tile:hover{transform:translateY(-5px);box-shadow:0 26px 54px -22px rgba(22,51,91,.32)}
    .elx-node::after{content:"";position:absolute;top:47px;left:calc(50% + 58px);width:calc(100% - 116px);height:2px;background:repeating-linear-gradient(90deg,rgba(22,51,91,.28) 0 6px,transparent 6px 12px)}
    .elx-node:last-child::after{display:none}
    @keyframes elxscaley{0%,100%{transform:scaleY(.42)}50%{transform:scaleY(1)}}
    .elx-scaleY{animation:elxscaley 4.6s ease-in-out infinite}
    @keyframes elxmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .elx-marquee{display:flex;width:max-content;align-items:center;animation:elxmarquee 34s linear infinite;will-change:transform}
    .elx-marquee:hover{animation-play-state:paused}
    .elx-marq-mask{-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
    @keyframes elxslide{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:translateX(0)}}
    .elx-slide-a,.elx-slide-b{animation:elxslide .45s var(--ease-out)}
    @keyframes elxspin{to{transform:rotate(360deg)}}
    @keyframes elxspinr{to{transform:rotate(-360deg)}}
    @keyframes elxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
    @keyframes elxdash{to{stroke-dashoffset:-30}}
    .elx-orbit{transform-origin:center;animation:elxspin 64s linear infinite}
    .elx-orbit-rev{transform-origin:center;animation:elxspinr 64s linear infinite}
    .elx-cfloat{animation:elxfloat 6s ease-in-out infinite}
    .elx-benefit:hover{background:linear-gradient(90deg,rgba(247,144,30,.07),transparent 62%)}
    .elx-flow{stroke-dasharray:5 9;animation:elxdash 1.5s linear infinite}

/* ============================================================
   ELIPS · RESPONSIVE LAYER — Bulut Çözümleri
   Sayfa gövdesi inline style ile yazıldığı için mobil kurallar
   !important ile ezilir. Kırılımlar: 1180 / 1000 / 900 / 680 / 520 / 400
   ============================================================ */
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
img, video { max-width: 100%; }

/* ---- Mobil menü (CSS-only toggle) ---- */
.elx-navtoggle { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
.elx-burger {
  display: none; flex-direction: column; justify-content: center; gap: 5px;
  width: 44px; height: 44px; padding: 11px; flex: none; cursor: pointer;
  background: var(--navy-50); order: 3; margin-left: auto;
}
.elx-burger span { display: block; height: 2px; background: var(--navy-500); transition: transform .25s var(--ease-out), opacity .18s; }
.elx-navtoggle:checked ~ .elx-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.elx-navtoggle:checked ~ .elx-burger span:nth-child(2) { opacity: 0; }
.elx-navtoggle:checked ~ .elx-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.elx-navtoggle:focus-visible ~ .elx-burger { box-shadow: var(--focus-ring); }

/* ============================================================
   ≤1180px — kenar boşluklarını daralt, başlıkları küçült
   ============================================================ */
@media (max-width: 1180px) {
  .elx-sec, .elx-sec-b0, .elx-sec-sm, .elx-hero-inner, .elx-foot-inner,
  .elx-top, .elx-hdr { padding-left: 28px !important; padding-right: 28px !important; }
  .elx-h1 { font-size: 46px !important; }
  .elx-h2 { font-size: 34px !important; }
  .elx-split { gap: 44px !important; }
  .elx-hero-grid { gap: 40px !important; }
}

/* ============================================================
   ≤1000px — çok kolonlu ızgaralar daralır
   ============================================================ */
@media (max-width: 1000px) {
  .elx-steps { grid-template-columns: repeat(3, 1fr) !important; gap: 42px 18px !important; }
  .elx-node::after { display: none !important; }
  .elx-statnum { font-size: 36px !important; }
  .elx-factstat { font-size: 40px !important; }
  .elx-ref { font-size: 20px !important; }
  .elx-refdot { margin: 0 26px !important; }
}

/* ============================================================
   ≤900px — mobil menü devreye girer, ana ızgaralar tek kolona iner
   ============================================================ */
@media (max-width: 900px) {
  /* Tipografi */
  .elx-h1 { font-size: 38px !important; }
  .elx-h2 { font-size: 30px !important; }

  /* Üst şerit */
  .elx-top { justify-content: center !important; gap: 14px !important; padding-top: 8px !important; padding-bottom: 8px !important; }
  .elx-top-meta { gap: 16px !important; flex-wrap: wrap; justify-content: center; }

  /* Başlık / menü */
  .elx-hdr { flex-wrap: wrap; gap: 12px !important; padding-top: 12px !important; padding-bottom: 12px !important; }
  .elx-burger { display: flex; }
  .elx-mainnav {
    display: none !important; order: 10; flex-basis: 100%;
    margin-left: 0 !important; flex-direction: column; align-items: stretch; gap: 0 !important;
  }
  .elx-navtoggle:checked ~ .elx-mainnav { display: flex !important; }
  .elx-mainnav a { padding: 14px 2px !important; border-bottom: 1px solid var(--line); font-size: 16px !important; }
  .elx-hdr-phone {
    display: none !important; order: 11; flex-basis: 100%;
    padding-left: 0 !important; border-left: 0 !important; padding-top: 4px;
  }
  .elx-navtoggle:checked ~ .elx-hdr-phone { display: flex !important; }

  /* Hero */
  .elx-hero { min-height: 0 !important; }
  .elx-hero-inner { padding-top: 40px !important; padding-bottom: 48px !important; }
  .elx-hero-grid { grid-template-columns: 1fr !important; gap: 30px !important; }
  .elx-hero-art { height: 320px !important; }
  .elx-crumb { margin-bottom: 26px !important; }

  /* Bölüm dolguları */
  .elx-sec { padding-top: 64px !important; padding-bottom: 64px !important; }
  .elx-sec-b0 { padding-top: 64px !important; }

  /* Neden buluta geçilir — görsel metnin altına iner */
  .elx-split { grid-template-columns: 1fr !important; gap: 34px !important; }
  .elx-split > div:first-child { order: 2; }
  .elx-art-460 { height: 340px !important; }

  /* Platform sekmeleri — yatay kaydırmalı şerit */
  .elx-tabstrip {
    display: flex !important; overflow-x: auto; gap: 10px !important;
    margin-bottom: 22px !important; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  .elx-tabstrip::-webkit-scrollbar { display: none; }
  .elx-tab { flex: 0 0 148px; scroll-snap-align: start; padding: 18px 10px 16px !important; border-bottom: 1px solid var(--line) !important; }
  .elx-tabpanel { grid-template-columns: 1fr !important; }
  .elx-tabmedia { min-height: 280px !important; border-right: 0 !important; border-bottom: 1px solid var(--line) !important; }
  .elx-tabbody { padding: 30px 26px !important; }

  /* Faydalar / iletişim */
  .elx-2col-56 { grid-template-columns: 1fr !important; }
  .elx-contact-grid { grid-template-columns: 1fr !important; gap: 36px !important; }

  /* Footer */
  .elx-foot-grid { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
  .elx-foot-inner { padding-top: 52px !important; }
}

/* ============================================================
   ≤860px — karşılaştırma tablosu kart yığınına dönüşür
   ============================================================ */
@media (max-width: 860px) {
  .elx-cmp-head { display: none !important; }
  .elx-cmp-row { grid-template-columns: 1fr !important; }
  .elx-cmp-row > div { padding: 16px 18px !important; }
  .elx-cmp-row > div:nth-child(2),
  .elx-cmp-row > div:nth-child(3) {
    border-left: 0 !important; display: grid !important;
    grid-template-columns: auto 1fr; column-gap: 11px; align-items: center;
  }
  .elx-cmp-row > div:nth-child(2)::before,
  .elx-cmp-row > div:nth-child(3)::before {
    grid-column: 1 / -1; margin-bottom: 7px;
    font-family: var(--font-display); font-weight: 800; font-size: 10.5px;
    letter-spacing: .14em; text-transform: uppercase;
  }
  .elx-cmp-row > div:nth-child(2)::before { content: "Genel BT Firmaları"; color: var(--grey-l); }
  .elx-cmp-row > div:nth-child(3)::before { content: "Elips ile"; color: var(--orange-500); }
}

/* ============================================================
   ≤800px — 4'lü sayaçlar ve 5'li adımlar ikişerli
   ============================================================ */
@media (max-width: 800px) {
  .elx-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 30px 24px !important; }
  .elx-steps { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ============================================================
   ≤680px — telefon düzeni
   ============================================================ */
@media (max-width: 680px) {
  .elx-sec, .elx-sec-b0, .elx-sec-sm, .elx-hero-inner, .elx-foot-inner,
  .elx-top, .elx-hdr { padding-left: 18px !important; padding-right: 18px !important; }
  .elx-sec { padding-top: 48px !important; padding-bottom: 48px !important; }
  .elx-sec-b0 { padding-top: 48px !important; }
  .elx-sec-sm { padding-top: 32px !important; padding-bottom: 36px !important; }

  /* Tipografi */
  .elx-h1 { font-size: 32px !important; line-height: 1.12 !important; }
  .elx-h2 { font-size: 26px !important; }
  .elx-h3 { font-size: 21px !important; }
  .elx-lede { font-size: 16px !important; margin-bottom: 28px !important; }
  .elx-step-t { font-size: 18px !important; }
  .elx-statnum { font-size: 32px !important; }

  /* Butonlar */
  .elx-btn { padding: 16px 24px !important; font-size: 13px !important; letter-spacing: 1px !important; }
  .elx-btn.ghost { padding: 14px 22px !important; }

  /* Üst şerit — çalışma saati satırını gizle, logoyu küçült */
  .elx-top-tag { display: none !important; }
  .elx-top-meta > span:nth-child(2) { display: none !important; }
  .elx-hdr img { height: 26px !important; }

  /* Hero */
  .elx-hero-art { height: 250px !important; }
  .elx-crumb { font-size: 12.5px !important; gap: 6px !important; }

  /* Referans şeridi */
  .elx-ref { font-size: 17px !important; }
  .elx-refdot { margin: 0 18px !important; }

  /* İkili ızgaralar tek kolona */
  .elx-2col-40, .elx-2col-30 { grid-template-columns: 1fr !important; gap: 0 !important; }
  .elx-2col-30 { gap: 22px !important; margin-bottom: 24px !important; }
  .elx-art-460 { height: 260px !important; }

  /* Sekme paneli */
  .elx-tabmedia { min-height: 220px !important; }
  .elx-tabbody { padding: 24px 18px !important; }

  /* Rakam/fact şeridi — tam yığın kuralları elx-shared.css ≤900px */
  .elx-factstat { font-size: 32px !important; }
  .elx-factbody p { font-size: 15.5px !important; }

  /* Form */
  .elx-formcard { padding: 26px 20px !important; }

  /* SSS */
  .elx-faq-btn { padding: 18px 14px !important; gap: 12px !important; }
  .elx-faq-btn > span:first-child { gap: 10px !important; }
  .elx-faq-q { font-size: 15.5px !important; }
  .elx-faq-btn > span:last-child { width: 32px !important; height: 32px !important; }
  .elx-faq-a { padding: 0 14px 22px 14px !important; font-size: 14px !important; }
  .elx-faq-cta { padding: 20px 18px !important; text-align: center; }
}

/* ============================================================
   ≤520px — dar telefon
   ============================================================ */
@media (max-width: 520px) {
  .elx-steps { grid-template-columns: 1fr !important; gap: 38px !important; }
  .elx-2col-16 { grid-template-columns: 1fr !important; }
  .elx-foot-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .elx-foot-bot { flex-direction: column; align-items: flex-start; gap: 6px !important; }

  /* Fayda satırları: metrik üstte, açıklama altta */
  .elx-benefit { grid-template-columns: 1fr !important; gap: 10px !important; padding: 20px 0 !important; }
  .elx-benefit > div:first-child { text-align: left !important; }
  .elx-benefit > div:last-child { border-left: 0 !important; padding-left: 0 !important; }

  .elx-tab { flex: 0 0 132px; }
  .elx-faq-cta { flex-direction: column; gap: 14px !important; }
}

/* ============================================================
   ≤400px — en dar cihazlar
   ============================================================ */
@media (max-width: 400px) {
  .elx-h1 { font-size: 27px !important; }
  .elx-h2 { font-size: 23px !important; }
  .elx-sec, .elx-sec-b0, .elx-sec-sm, .elx-hero-inner, .elx-foot-inner,
  .elx-top, .elx-hdr { padding-left: 14px !important; padding-right: 14px !important; }
  .elx-btn { width: 100%; padding: 15px 18px !important; }
  .elx-hero-art { height: 230px !important; }
  .elx-stats { gap: 26px 16px !important; }
    .left-zero-mobile {
        left: 0px !important;
    }
    .top-left-zero-mobile {
        left: 0px !important;
        bottom: 0px !important;
    }
    .p-lr-16 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .mobile-top-75 {
        top: -75px !important;
    }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  .elx-marquee, .elx-orbit, .elx-orbit-rev, .elx-cfloat, .elx-scaleY, .elx-flow { animation: none !important; }
  html { scroll-behavior: auto; }
}

*{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;font-family:var(--font-body);color:var(--ink)}
    .elx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:14px;line-height:1;min-height:58px;box-sizing:border-box;padding:0 40px;color:#fff;background:var(--orange-500);border:0;cursor:pointer;overflow:hidden;z-index:1;transition:color .3s ease;text-decoration:none}
    .elx-btn::before{content:"";position:absolute;left:50%;top:50%;width:120%;height:0;background:var(--navy-500);border-radius:40px;transform:translate(-50%,-50%) rotate(-45deg);z-index:-1;transition:height .5s ease}
    .elx-btn:hover::before{height:420px}
    .elx-btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.4);padding:0 38px;min-height:58px}
    .elx-btn.ghost::before{background:#fff}
    .elx-btn.ghost:hover{color:var(--navy-500)}
    .elx-nav{transition:color .18s}
    .elx-nav:hover{color:var(--orange-500)}
    .elx-social{transition:background .2s,color .2s}
    .elx-social:hover{background:var(--orange-500);color:#fff}
    .elx-idx{transition:padding-left .2s var(--ease-out),color .2s,background .2s}
    .elx-idx:hover{padding-left:8px;background:rgba(255,255,255,.06)}
    .elx-idx:hover .elx-idx-no{color:var(--orange-500)}
    .elx-tile{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
    .elx-tile:hover{transform:translateY(-5px);box-shadow:0 26px 54px -22px rgba(22,51,91,.32)}
    .elx-tile .elx-tile-bar{transition:width .35s var(--ease-out)}
    .elx-tile:hover .elx-tile-bar{width:100%}
    .elx-tile:hover .elx-zoom{transform:scale(1.06)}
    .elx-zoom{transition:transform .6s var(--ease-out)}
    .elx-node::after{content:"";position:absolute;top:47px;left:calc(50% + 58px);width:calc(100% - 116px);height:2px;background:repeating-linear-gradient(90deg,rgba(22,51,91,.28) 0 6px,transparent 6px 12px)}
    .elx-node:last-child::after{display:none}
    @keyframes elxmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .elx-marquee{display:flex;width:max-content;align-items:center;animation:elxmarquee 34s linear infinite;will-change:transform}
    .elx-marquee:hover{animation-play-state:paused}
    .elx-marq-mask{-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
    @keyframes elxslide{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:translateX(0)}}
    .elx-slide-a,.elx-slide-b{animation:elxslide .45s var(--ease-out)}
    @keyframes elxspin{to{transform:rotate(360deg)}}
    @keyframes elxspinr{to{transform:rotate(-360deg)}}
    @keyframes elxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
    @keyframes elxpulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.95;transform:scale(1.15)}}
    @keyframes elxdash{to{stroke-dashoffset:-30}}
    .elx-svc-carousel{transform-origin:center;animation:elxspin 60s linear infinite}
    .elx-svc-carousel-rev{transform-origin:center;animation:elxspinr 60s linear infinite}
    .elx-svc-float{animation:elxfloat 6s ease-in-out infinite}
    .elx-svc-pulse{transform-origin:center;animation:elxpulse 3s ease-in-out infinite}
    .elx-svc-flow{stroke-dasharray:5 9;animation:elxdash 1.5s linear infinite}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.8;transform:scale(1.12)}}
    @keyframes hpf-vis{0%,1%{opacity:0;transform:translateY(12px)}5%,22%{opacity:1;transform:translateY(0)}27%,100%{opacity:0;transform:translateY(-10px)}}
    @keyframes hpf-dot{0%,1%{width:18px;background:rgba(255,255,255,.25)}5%,22%{width:40px;background:var(--orange-500)}27%,100%{width:18px;background:rgba(255,255,255,.25)}}
    @keyframes kn-in{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes kn-bar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

*{box-sizing:border-box}
    html{scroll-behavior:smooth}
    section[id]{scroll-margin-top:120px}
    body{margin:0;background:#fff;font-family:var(--font-body);color:var(--ink)}
    a{color:var(--blue-500)}
    a:hover{color:var(--orange-500)}
    .elx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:14px;line-height:1;min-height:58px;padding:0 40px;color:#fff;background:var(--orange-500);border:0;cursor:pointer;overflow:hidden;z-index:1;transition:color .3s ease;text-decoration:none}
    .elx-btn::before{content:"";position:absolute;left:50%;top:50%;width:120%;height:0;background:var(--navy-500);border-radius:40px;transform:translate(-50%,-50%) rotate(-45deg);z-index:-1;transition:height .5s ease}
    .elx-btn:hover{color:#fff}
    .elx-btn:hover::before{height:420px}
    .elx-btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.4);padding:0 38px}
    .elx-btn.ghost::before{background:#fff}
    .elx-btn.ghost:hover{color:var(--navy-500)}
    .elx-nav{transition:color .18s}
    .elx-nav:hover{color:var(--orange-500)}
    .elx-lift{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
    .elx-lift:hover{transform:translateY(-6px);box-shadow:0 26px 54px -20px rgba(22,51,91,.30)}
    .elx-social{transition:background .2s,color .2s}
    .elx-social:hover{background:var(--orange-500);color:#fff}
    .elx-menuwrap:hover .elx-mega{opacity:1;visibility:visible;transform:translateY(0)}
    .elx-mega{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
    .elx-row{transition:background .15s}
    .elx-row:hover{background:var(--navy-50)}
    .elx-svc-link{transition:color .15s,padding-left .15s}
    .elx-svc-link:hover{color:var(--orange-500);padding-left:5px}
    .elx-megacard{position:relative;transition:box-shadow .22s var(--ease-out),transform .22s var(--ease-out),border-color .22s}
    .elx-megacard:hover{border-color:rgba(22,51,91,.22);box-shadow:0 18px 40px -22px rgba(22,51,91,.4);transform:translateY(-2px)}
    .elx-megacard:after{content:"";position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--orange-500);transition:width .28s var(--ease-out)}
    .elx-megacard:hover:after{width:100%}
    .elx-mall{display:inline-flex;align-items:center;gap:7px;transition:gap .2s,color .2s}
    .elx-megacard:hover .elx-mall{gap:11px;color:var(--orange-500)}
    @keyframes elxmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .elx-marquee{display:flex;width:max-content;align-items:center;animation:elxmarquee 44s linear infinite;will-change:transform}
    .elx-marquee:hover{animation-play-state:paused}
    .elx-marq-mask{-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
    @keyframes elxspin{to{transform:rotate(360deg)}}
    @keyframes elxspinrev{to{transform:rotate(-360deg)}}
    @keyframes elxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
    @keyframes elxdash{to{stroke-dashoffset:-40}}
    @keyframes elxrise{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    .elx-orbit{transform-origin:center;animation:elxspin 40s linear infinite}
    .elx-orbit-rev{transform-origin:center;animation:elxspinrev 30s linear infinite}
    .elx-float{animation:elxfloat 6s ease-in-out infinite}
    .elx-flow{stroke-dasharray:6 10;animation:elxdash 1.8s linear infinite}
    .elx-tier{transform-box:fill-box;animation:elxrise 6.4s ease-in-out infinite}
    .elx-node{position:relative}
    .elx-node::after{content:"";position:absolute;top:47px;left:calc(50% + 58px);width:calc(100% - 116px);height:2px;background:repeating-linear-gradient(90deg,rgba(22,51,91,.28) 0 6px,transparent 6px 12px)}
    .elx-node:last-child::after{display:none}
    image-slot.elx-portrait::part(frame){background:var(--navy-50)}
    image-slot#ab-team-photo::part(image){object-fit:contain;object-position:center center;background:#fff}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes tst-vis{0%,1%{opacity:0;transform:translateY(14px)}6%,28%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(-10px)}}
    @keyframes tst-dot{0%,1%{width:18px;background:var(--line)}6%,28%{width:40px;background:var(--orange-500)}34%,100%{width:18px;background:var(--line)}}
    @keyframes kn-in{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes kn-bar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-rise-in{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-ring{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.6);opacity:0}}
    @keyframes elx-orbit{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
    @keyframes elx-dash{to{stroke-dashoffset:-40}}
    @keyframes elx-bars{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes kn-in{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes kn-bar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-check{0%{opacity:0;transform:translateY(8px) scale(.9)}100%{opacity:1;transform:translateY(0) scale(1)}}
    @keyframes elx-ring{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.6);opacity:0}}
    @keyframes kv-row{0%,4%{opacity:.35;transform:translateY(6px)}12%,100%{opacity:1;transform:translateY(0)}}
    @keyframes kv-tick{0%,6%{opacity:0;transform:scale(.4)}14%,100%{opacity:1;transform:scale(1)}}
    @keyframes kv-dot{0%,6%{background:var(--line)}14%,100%{background:var(--success)}}
    @keyframes kv-seal{0%,72%{opacity:0;transform:scale(.85)}82%,100%{opacity:1;transform:scale(1)}}
    @keyframes kv-sweep{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
    @keyframes kv-node{0%,3%{opacity:.25;transform:translate(-50%,-50%) scale(.94)}11%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
    @keyframes kv-chk{0%,7%{opacity:0;transform:scale(.3)}14%,100%{opacity:1;transform:scale(1)}}
    @keyframes kv-chkbg{0%,7%{background:var(--line)}14%,100%{background:var(--success)}}
    @keyframes kv-arc{0%{stroke-dashoffset:1256}80%,100%{stroke-dashoffset:0}}
    @keyframes kv-core-out{0%,74%{opacity:1;transform:scale(1)}84%,100%{opacity:0;transform:scale(.9)}}
    @keyframes kv-core-in{0%,74%{opacity:0;transform:scale(.9)}84%,100%{opacity:1;transform:scale(1)}}
    @keyframes kv-line{0%,5%{transform:scaleX(0)}13%,100%{transform:scaleX(1)}}
    @keyframes kv-bar{0%{width:0%}12%{width:16%}24%{width:33%}36%{width:50%}48%{width:66%}60%{width:83%}72%,100%{width:100%}}
    @keyframes kv-glow{0%,70%{opacity:.25}85%,100%{opacity:1}}
    @keyframes kv-scan{0%{transform:translateY(-100%)}100%{transform:translateY(900%)}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes kn-in{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes kn-bar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes elx-merge{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

*{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;font-family:var(--font-body);color:var(--ink)}
    .elx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:14px;line-height:1;padding:20px 40px;color:#fff;background:var(--orange-500);border:0;cursor:pointer;overflow:hidden;z-index:1;transition:color .3s ease;text-decoration:none}
    .elx-btn::before{content:"";position:absolute;left:50%;top:50%;width:120%;height:0;background:var(--navy-500);border-radius:40px;transform:translate(-50%,-50%) rotate(-45deg);z-index:-1;transition:height .5s ease}
    .elx-btn:hover::before{height:420px}
    .elx-btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.4);padding:18px 38px}
    .elx-btn.ghost::before{background:#fff}
    .elx-btn.ghost:hover{color:var(--navy-500)}
    .elx-nav{transition:color .18s}
    .elx-nav:hover{color:var(--orange-500)}
    .elx-social{transition:background .2s,color .2s}
    .elx-social:hover{background:var(--orange-500);color:#fff}
    .elx-idx{transition:padding-left .2s var(--ease-out),color .2s,background .2s}
    .elx-idx:hover{padding-left:8px;background:rgba(255,255,255,.06)}
    .elx-idx:hover .elx-idx-no{color:var(--orange-500)}
    .elx-tile{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
    .elx-tile:hover{transform:translateY(-5px);box-shadow:0 26px 54px -22px rgba(22,51,91,.32)}
    .elx-node::after{content:"";position:absolute;top:47px;left:calc(50% + 54px);width:calc(100% - 108px);height:2px;background:repeating-linear-gradient(90deg,rgba(247,144,30,.65) 0 7px,transparent 7px 13px)}
    .elx-node:last-child::after{display:none}
    @keyframes elxmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .elx-marquee{display:flex;width:max-content;align-items:center;animation:elxmarquee 34s linear infinite;will-change:transform}
    .elx-marquee:hover{animation-play-state:paused}
    .elx-marq-mask{-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
    @keyframes elxslide{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:translateX(0)}}
    .elx-slide-a,.elx-slide-b{animation:elxslide .45s var(--ease-out)}
    @keyframes elxfactin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
    .elx-fact-a,.elx-fact-b{animation:elxfactin .55s var(--ease-out) both}
    @keyframes elxprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
    .elx-prog{transform-origin:left;animation:elxprog 7s linear forwards}
    .elx-tab:hover .elx-prog{animation-play-state:paused}
    @keyframes elxspin{to{transform:rotate(360deg)}}
    @keyframes elxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
    @keyframes elxdash{to{stroke-dashoffset:-30}}
    .elx-orbit{transform-origin:center;animation:elxspin 60s linear infinite}
    .elx-cfloat{animation:elxfloat 6s ease-in-out infinite}
    @keyframes elxspinrev{to{transform:rotate(-360deg)}}
    @keyframes elxpulse{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
    .elx-node-pulse{transform-box:fill-box;transform-origin:center;animation:elxpulse 3.4s ease-in-out infinite}
    @keyframes elxled{0%,100%{opacity:.2}50%{opacity:1}}
    .elx-led{animation:elxled 2.4s ease-in-out infinite}
    .elx-spin-slow{animation:elxspin 14s linear infinite}
    @keyframes elxhalo{0%,100%{opacity:.06;transform:scale(.94)}50%{opacity:.3;transform:scale(1.05)}}
    .elx-halo{transform-box:fill-box;transform-origin:center;animation:elxhalo 5.2s ease-in-out infinite}
    .elx-orb-sweep{animation:elxspin 26s linear infinite}
    @keyframes elxuptime{0%{stroke-dashoffset:107}60%,100%{stroke-dashoffset:1}}
    .elx-uptime{animation:elxuptime 4.2s ease-in-out infinite}
    @keyframes elxroam{0%,100%{transform:translateX(0)}50%{transform:translateX(150px)}}
    .elx-roam{animation:elxroam 9s ease-in-out infinite}
    @keyframes elxbar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
    .elx-bar{transform-box:fill-box;transform-origin:bottom;animation:elxbar 2.6s ease-in-out infinite}
    @keyframes elxdraw{0%{stroke-dashoffset:520}70%,100%{stroke-dashoffset:0}}
    .elx-draw{stroke-dasharray:520;animation:elxdraw 5s ease-in-out infinite}
    @keyframes elxblink{0%,45%,100%{opacity:.15}50%,90%{opacity:1}}
    .elx-blink{animation:elxblink 3.2s steps(1,end) infinite}
    .elx-orb-rev{animation:elxspinrev 34s linear infinite}
    @keyframes elxfadecyc{0%,100%{opacity:0}18%,60%{opacity:1}}
    .elx-fadecyc{animation:elxfadecyc 6s ease-in-out infinite}
    @keyframes elxring{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(1.5)}}
    .elx-ring{transform-box:fill-box;transform-origin:center;animation:elxring 3s ease-out infinite}
    @keyframes elxpop{0%,100%{opacity:.25;transform:translateY(3px) scale(.85)}45%{opacity:1;transform:translateY(0) scale(1)}}
    .elx-pop{transform-box:fill-box;transform-origin:center;animation:elxpop 3s ease-in-out infinite}
    @keyframes elxgrowX{0%{transform:scaleX(.08)}45%{transform:scaleX(1)}80%{transform:scaleX(1)}100%{transform:scaleX(.08)}}
    .elx-growX{transform-box:fill-box;transform-origin:left center;animation:elxgrowX 3.6s ease-in-out infinite}
    @keyframes elxsweepY{0%{transform:translateY(-4px)}100%{transform:translateY(30px)}}
    .elx-sweepY{transform-box:fill-box;animation:elxsweepY 2.8s ease-in-out infinite alternate}
    .elx-rot{transform-box:fill-box;transform-origin:center;animation:elxspin 9s linear infinite}
    .elx-rot-rev{transform-box:fill-box;transform-origin:center;animation:elxspinrev 14s linear infinite}
    @keyframes elxplug{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
    .elx-plug{transform-box:fill-box;animation:elxplug 2.8s ease-in-out infinite}
    @keyframes elxtip{0%{transform:rotate(-8deg)}100%{transform:rotate(8deg)}}
    .elx-tip{transform-box:fill-box;transform-origin:center;animation:elxtip 2.6s ease-in-out infinite alternate}
    .elx-flow{stroke-dasharray:6 10;animation:elxdash 1.6s linear infinite}
    .elx-dash-slow{stroke-dasharray:4 10;animation:elxdash 3.4s linear infinite}
    @keyframes elxwave{0%{opacity:.8;transform:scale(.5)}100%{opacity:0;transform:scale(1.4)}}
    .elx-wave{transform-box:fill-box;transform-origin:center bottom;animation:elxwave 2.6s ease-out infinite}
    .elx-lat-slow{transform-origin:230px 230px;animation:elxspin 64s linear infinite}
    .elx-lat-rev{transform-origin:230px 230px;animation:elxspinrev 44s linear infinite}
    @keyframes elxcyc3{0%{opacity:0;transform:translate(-50%,5px)}4%{opacity:1;transform:translate(-50%,0)}28%{opacity:1;transform:translate(-50%,0)}33%{opacity:0;transform:translate(-50%,-4px)}100%{opacity:0;transform:translate(-50%,-4px)}}
    .elx-cyc3{animation:elxcyc3 12s ease-in-out infinite}
    @media (max-width:1240px){.elx-net-art{transform:scale(.88)}}
    @media (max-width:1100px){.elx-net-art{transform:scale(.76)}}

    .elx-flow{stroke-dasharray:5 9;animation:elxdash 1.5s linear infinite}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes kn-in{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes kn-bar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-grow-x{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes kn-in{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes kn-bar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes elx-grow-x{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes elx-spin{to{transform:rotate(360deg)}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

*{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;font-family:var(--font-body);color:var(--ink)}
    .elx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:14px;line-height:1;padding:20px 40px;color:#fff;background:var(--orange-500);border:0;cursor:pointer;overflow:hidden;z-index:1;transition:color .3s ease;text-decoration:none}
    .elx-btn::before{content:"";position:absolute;left:50%;top:50%;width:120%;height:0;background:var(--navy-500);border-radius:40px;transform:translate(-50%,-50%) rotate(-45deg);z-index:-1;transition:height .5s ease}
    .elx-btn:hover::before{height:420px}
    .elx-btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.4);padding:18px 38px}
    .elx-btn.ghost::before{background:#fff}
    .elx-btn.ghost:hover{color:var(--navy-500)}
    .elx-nav{transition:color .18s}
    .elx-nav:hover{color:var(--orange-500)}
    .elx-social{transition:background .2s,color .2s}
    .elx-social:hover{background:var(--orange-500);color:#fff}
    .elx-idx{transition:padding-left .2s var(--ease-out),color .2s,background .2s}
    .elx-idx:hover{padding-left:8px;background:rgba(255,255,255,.06)}
    .elx-idx:hover .elx-idx-no{color:var(--orange-500)}
    .elx-tile{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
    .elx-tile:hover{transform:translateY(-5px);box-shadow:0 26px 54px -22px rgba(22,51,91,.32)}
    .elx-node::after{content:"";position:absolute;top:47px;left:calc(50% + 58px);width:calc(100% - 116px);height:2px;background:repeating-linear-gradient(90deg,rgba(22,51,91,.28) 0 6px,transparent 6px 12px)}
    .elx-node:last-child::after{display:none}
    @keyframes elxheroring{0%,100%{opacity:.18}50%{opacity:.5}}
    .elx-heroring{transform-box:fill-box;transform-origin:center;animation:elxheroring 6s ease-in-out infinite}
    .elx-heroring-2{transform-box:fill-box;transform-origin:center;animation:elxheroring 6s ease-in-out infinite 3s}
    @keyframes elxsubcyc{0%{opacity:0}4%{opacity:1}28%{opacity:1}33%{opacity:0}100%{opacity:0}}
    .elx-subcyc{animation:elxsubcyc 12s ease-in-out infinite}
    @keyframes elxwave{0%{transform:scale(.7);opacity:.75}70%,100%{transform:scale(1.35);opacity:0}}
    .elx-wave{transform-box:fill-box;transform-origin:center;animation:elxwave 4s ease-out infinite}
    .elx-wave-2{transform-box:fill-box;transform-origin:center;animation:elxwave 4s ease-out infinite 2s}
    @keyframes elxfadecycle{0%,100%{opacity:.28}45%{opacity:.9}}
    .elx-fadecycle{animation:elxfadecycle 5.6s ease-in-out infinite}
    @keyframes elxorbdash{to{stroke-dashoffset:-1100}}
    .elx-orbdash{animation:elxorbdash 10s linear infinite}
    @keyframes elxvmfloat{0%,100%{transform:translateY(0);opacity:.85}50%{transform:translateY(-6px);opacity:1}}
    .elx-vmfloat{transform-box:fill-box;animation:elxvmfloat 5s ease-in-out infinite}
    @keyframes elxhypsweep{0%,100%{opacity:.25}50%{opacity:.8}}
    .elx-hypsweep{animation:elxhypsweep 3.6s ease-in-out infinite}
    @keyframes elxisorise{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
    .elx-iso-a{transform-box:fill-box;animation:elxisorise 6.4s ease-in-out infinite}
    .elx-iso-b{transform-box:fill-box;animation:elxisorise 6.4s ease-in-out infinite .8s}
    .elx-iso-c{transform-box:fill-box;animation:elxisorise 6.4s ease-in-out infinite 1.6s}
    @keyframes elxmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .elx-marquee{display:flex;width:max-content;align-items:center;animation:elxmarquee 34s linear infinite;will-change:transform}
    .elx-marquee:hover{animation-play-state:paused}
    .elx-marq-mask{-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
    @keyframes elxslide{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:translateX(0)}}
    .elx-slide-a,.elx-slide-b{animation:elxslide .45s var(--ease-out)}
    @keyframes elxspin{to{transform:rotate(360deg)}}
    @keyframes elxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
    @keyframes elxdash{to{stroke-dashoffset:-30}}
    .elx-orbit{transform-origin:center;animation:elxspin 60s linear infinite}
    .elx-cfloat{animation:elxfloat 6s ease-in-out infinite}
    .elx-flow{stroke-dasharray:5 9;animation:elxdash 1.5s linear infinite}

*{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;font-family:var(--font-body);color:var(--ink)}
    .elx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:14px;line-height:1;padding:20px 40px;color:#fff;background:var(--orange-500);border:0;cursor:pointer;overflow:hidden;z-index:1;transition:color .3s ease;text-decoration:none}
    .elx-btn::before{content:"";position:absolute;left:50%;top:50%;width:120%;height:0;background:var(--navy-500);border-radius:40px;transform:translate(-50%,-50%) rotate(-45deg);z-index:-1;transition:height .5s ease}
    .elx-btn:hover::before{height:420px}
    .elx-btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.4);padding:18px 38px}
    .elx-btn.ghost::before{background:#fff}
    .elx-btn.ghost:hover{color:var(--navy-500)}
    .elx-nav{transition:color .18s}
    .elx-nav:hover{color:var(--orange-500)}
    .elx-social{transition:background .2s,color .2s}
    .elx-social:hover{background:var(--orange-500);color:#fff}
    .elx-idx{transition:padding-left .2s var(--ease-out),color .2s,background .2s}
    .elx-idx:hover{padding-left:8px;background:rgba(255,255,255,.06)}
    .elx-idx:hover .elx-idx-no{color:var(--orange-500)}
    .elx-tile{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
    .elx-tile:hover{transform:translateY(-5px);box-shadow:0 26px 54px -22px rgba(22,51,91,.32)}
    @keyframes elxspin{to{transform:rotate(360deg)}}
    @keyframes elxspinr{to{transform:rotate(-360deg)}}
    @keyframes elxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
    @keyframes elxdash{to{stroke-dashoffset:-30}}
    .elx-orbit{transform-origin:center;animation:elxspin 72s linear infinite}
    .elx-orbit-rev{transform-origin:center;animation:elxspinr 72s linear infinite}
    .elx-cfloat{animation:elxfloat 6s ease-in-out infinite}
    .elx-flow{stroke-dasharray:5 9;animation:elxdash 1.5s linear infinite}
    .elx-node::after{content:"";position:absolute;top:47px;left:calc(50% + 58px);width:calc(100% - 116px);height:2px;background:repeating-linear-gradient(90deg,rgba(22,51,91,.22) 0 6px,transparent 6px 12px)}
    .elx-node:last-child::after{display:none}
    @keyframes elxmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .elx-marquee{display:flex;width:max-content;align-items:center;animation:elxmarquee 34s linear infinite;will-change:transform}
    .elx-marquee:hover{animation-play-state:paused}
    .elx-marq-mask{-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
    @keyframes elxslide{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:translateX(0)}}
    .elx-slide-a,.elx-slide-b{opacity:1}
    @keyframes elxscan{0%{transform:translateY(10px);opacity:0}14%{opacity:.95}86%{opacity:.95}100%{transform:translateY(400px);opacity:0}}
    .elx-scan{animation:elxscan 4.6s cubic-bezier(.42,0,.58,1) infinite}
    @keyframes elxlayer{0%,100%{stroke-opacity:.13}50%{stroke-opacity:.42}}
    .elx-layer{animation:elxlayer 4s ease-in-out infinite}
    @keyframes elxnodep{0%,100%{transform:scale(.65);opacity:.35}50%{transform:scale(1.2);opacity:1}}
    .elx-nodep{transform-box:fill-box;transform-origin:center;animation:elxnodep 2.8s ease-in-out infinite}
    @keyframes elxcorep{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}
    .elx-corep{transform-box:fill-box;transform-origin:center;animation:elxcorep 3.6s ease-in-out infinite}
    @keyframes elxfactin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
    .elx-fact-a,.elx-fact-b{animation:elxfactin .55s var(--ease-out) both}
    @keyframes elxprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
    .elx-prog-run{animation:elxprog 7s linear forwards}
    @keyframes elxicp{0%,100%{transform:scale(1)}50%{transform:scale(1.13)}}
    .elx-ic-pulse{animation:elxicp 2.6s ease-in-out infinite}
    @keyframes elxicb{0%,100%{opacity:1}50%{opacity:.5}}
    .elx-ic-blink{animation:elxicb 2.2s ease-in-out infinite}
    .elx-ic-spin{animation:elxspin 11s linear infinite}
    @keyframes elxthreat{0%{transform:translateX(-196px);opacity:0}12%{opacity:1}54%{transform:translateX(-152px);opacity:1}62%{transform:translateX(-152px);opacity:0}100%{transform:translateX(-152px);opacity:0}}
    .elx-threat{animation:elxthreat 4.4s cubic-bezier(.4,0,.2,1) infinite}
    @keyframes elxburst{0%,50%{transform:scale(.2);opacity:0}58%{transform:scale(1);opacity:.9}72%,100%{transform:scale(1.7);opacity:0}}
    .elx-burst{transform-box:fill-box;transform-origin:center;animation:elxburst 4.4s ease-out infinite}
    @keyframes elxcore{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:.75;transform:scale(1.08)}}
    .elx-core-halo{transform-box:fill-box;transform-origin:center;animation:elxcore 3.6s ease-in-out infinite}
    @keyframes elxringpulse{0%,100%{stroke-opacity:.18}50%{stroke-opacity:.5}}
    .elx-ringp{animation:elxringpulse 4.4s ease-in-out infinite}
    @keyframes elxsweepfade{0%{opacity:.55}70%{opacity:.12}100%{opacity:.55}}
    @keyframes elxicsway{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
    .elx-ic-sway{animation:elxicsway 3s ease-in-out infinite}
    @keyframes elxglowring{0%{box-shadow:0 0 0 0 rgba(247,144,30,.32)}70%{box-shadow:0 0 0 11px rgba(247,144,30,0)}100%{box-shadow:0 0 0 0 rgba(247,144,30,0)}}
    .elx-ic-glow{animation:elxglowring 3.2s ease-out infinite}
    @keyframes elxicwob{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.06)}}
    .elx-ic-wob{animation:elxicwob 3.4s ease-in-out infinite}
    .elx-scene{transition:opacity .55s var(--ease-out)}
    @keyframes elxSceneIn{from{opacity:0;transform:scale(.965) translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
    .elx-scene-on{opacity:1}
    .elx-scene-off{opacity:0;pointer-events:none}
    .elx-scene svg{overflow:visible}
    @keyframes elxIsoRise{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    .elx-iso-a{transform-box:fill-box;animation:elxIsoRise 5.4s ease-in-out infinite}
    .elx-iso-b{transform-box:fill-box;animation:elxIsoRise 6.2s ease-in-out infinite .9s}
    .elx-iso-c{transform-box:fill-box;animation:elxIsoRise 6.9s ease-in-out infinite 1.8s}
    @keyframes elxWaveOut{0%{transform:scale(.45);opacity:.6}100%{transform:scale(1.35);opacity:0}}
    .elx-wave{transform-box:fill-box;transform-origin:center;animation:elxWaveOut 3.6s ease-out infinite}
    .elx-wave-2{transform-box:fill-box;transform-origin:center;animation:elxWaveOut 3.6s ease-out infinite 1.8s}
    @keyframes elxSweepIso{0%{transform:translate(-4px,-2px);opacity:0}10%{opacity:.95}90%{opacity:.95}100%{transform:translate(190px,110px);opacity:0}}
    .elx-sweep-iso{transform-box:fill-box;animation:elxSweepIso 5.4s ease-in-out infinite}
    @keyframes elxBlinkSoft{0%,100%{opacity:.3}50%{opacity:1}}
    .elx-blink{animation:elxBlinkSoft 2.4s ease-in-out infinite}
    .elx-blink-2{animation:elxBlinkSoft 2.9s ease-in-out infinite .9s}
    .elx-scene svg [stroke="var(--orange-500)"],.elx-scene svg [stroke="#F7901E"]{filter:url(#elxGlowSoft)}
    .elx-scene svg [fill="var(--orange-500)"],.elx-scene svg [fill="#F7901E"]{filter:url(#elxGlowSoft)}
    @keyframes elxAmbient{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}
    .elx-ambient{transform-box:view-box;transform-origin:center;animation:elxAmbient 7s ease-in-out infinite}
    @keyframes elxSweepRot{to{transform:rotate(360deg)}}
    .elx-sweep{transform-box:view-box;animation:elxSweepRot 22s linear infinite}
    @keyframes elxDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    .elx-drift{transform-box:fill-box;animation:elxDrift 5.5s ease-in-out infinite}
    .elx-drift-2{transform-box:fill-box;animation:elxDrift 6.8s ease-in-out infinite .9s}
    @keyframes elxShimmer{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-320}}
    .elx-shimmer{stroke-dasharray:2 14;animation:elxShimmer 6s linear infinite}
    @keyframes elxcyc3{0%{opacity:0;transform:translateY(4px)}5%{opacity:1;transform:none}28%{opacity:1;transform:none}33%{opacity:0;transform:translateY(-3px)}100%{opacity:0;transform:translateY(-3px)}}
    .elx-cyc3{animation:elxcyc3 12s ease-in-out infinite}
    @keyframes elxAtk{0%{opacity:0;transform:translate(var(--ax,60px),var(--ay,-40px)) scale(.6)}18%{opacity:.95}60%{opacity:.95;transform:translate(0,0) scale(1)}70%{opacity:.85;transform:translate(calc(var(--ax,60px) * .24),calc(var(--ay,-40px) * .24)) scale(.9)}100%{opacity:0;transform:translate(calc(var(--ax,60px) * .6),calc(var(--ay,-40px) * .6)) scale(.5)}}
    .elx-atk{transform-box:fill-box;animation:elxAtk 4.4s cubic-bezier(.4,.1,.2,1) infinite}
    @keyframes elxImpact{0%,52%{opacity:0;transform:scale(.4)}60%{opacity:.8;transform:scale(1)}78%{opacity:0;transform:scale(1.7)}100%{opacity:0}}
    .elx-impact{transform-box:fill-box;transform-origin:center;animation:elxImpact 4.4s ease-out infinite}
    @media (max-width:1240px){.elx-hero-art{transform:scale(.9)}}
    @media (max-width:1080px){.elx-hero-art{transform:scale(.76)}}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes elx-seg{0%{opacity:0;transform:scale(.85)}100%{opacity:1;transform:scale(1)}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --tc-blue:#0f6fde;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes tc-in{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes tc-bar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @keyframes tc-vis{0%,1%{opacity:0;transform:translateY(12px)}6%,22%{opacity:1;transform:translateY(0)}28%,100%{opacity:0;transform:translateY(-10px)}}
    @keyframes tc-act{0%,1%{background:#fff;border-color:var(--line)}6%,22%{background:var(--bg);border-color:var(--orange-300)}28%,100%{background:#fff;border-color:var(--line)}}
    @keyframes tc-actdot{0%,1%{background:var(--navy-50);color:var(--navy-500)}6%,22%{background:var(--orange-500);color:#fff}28%,100%{background:var(--navy-50);color:var(--navy-500)}}
    @keyframes tc-grow{0%{transform:scaleY(.25)}60%,100%{transform:scaleY(1)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-grow{0%{transform:scaleY(.35)}55%,100%{transform:scaleY(1)}}
    @keyframes elx-draw{to{stroke-dashoffset:0}}
    @keyframes elx-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}

*{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;font-family:var(--font-body);color:var(--ink)}
    .elx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:14px;line-height:1;padding:20px 40px;color:#fff;background:var(--orange-500);border:0;cursor:pointer;overflow:hidden;z-index:1;transition:color .3s ease;text-decoration:none}
    .elx-btn::before{content:"";position:absolute;left:50%;top:50%;width:120%;height:0;background:var(--navy-500);border-radius:40px;transform:translate(-50%,-50%) rotate(-45deg);z-index:-1;transition:height .5s ease}
    .elx-btn:hover::before{height:420px}
    .elx-btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.4);padding:18px 38px}
    .elx-btn.ghost::before{background:#fff}
    .elx-btn.ghost:hover{color:var(--navy-500)}
    .elx-nav{transition:color .18s}
    .elx-nav:hover{color:var(--orange-500)}
    .elx-social{transition:background .2s,color .2s}
    .elx-social:hover{background:var(--orange-500);color:#fff}
    .elx-idx{transition:padding-left .2s var(--ease-out),color .2s,background .2s}
    .elx-idx:hover{padding-left:8px;background:rgba(255,255,255,.06)}
    .elx-idx:hover .elx-idx-no{color:var(--orange-500)}
    .elx-tile{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
    .elx-tile:hover{transform:translateY(-5px);box-shadow:0 26px 54px -22px rgba(22,51,91,.32)}
    @keyframes elxplat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
    .elx-plat{animation:elxplat 5.4s ease-in-out infinite}
    @keyframes elxorbdash{to{stroke-dashoffset:-712}}
    .elx-orbdash{animation:elxorbdash 9s linear infinite}
    @keyframes elxarcspin{0%,100%{opacity:.35}50%{opacity:1}}
    .elx-arcspin{animation:elxarcspin 3.4s ease-in-out infinite}
    @keyframes elxsatpulse{0%{transform:scale(.85);opacity:.7}70%,100%{transform:scale(1.5);opacity:0}}
    .elx-satpulse{transform-box:fill-box;transform-origin:center;animation:elxsatpulse 3.2s ease-out infinite}
    .elx-node::after{content:"";position:absolute;top:47px;left:calc(50% + 58px);width:calc(100% - 116px);height:2px;background:repeating-linear-gradient(90deg,rgba(22,51,91,.3) 0 7px,transparent 6px 12px)}
    .elx-node:last-child::after{display:none}
    @keyframes elxmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .elx-marquee{display:flex;width:max-content;align-items:center;animation:elxmarquee 34s linear infinite;will-change:transform}
    .elx-marquee:hover{animation-play-state:paused}
    .elx-marq-mask{-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
    @keyframes elxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
    @keyframes elxled{0%,100%{opacity:.3}50%{opacity:1}}
    @keyframes elxbar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
    @keyframes elxspin2{to{transform:rotate(360deg)}}
    .elx-ic-blink{display:inline-block;transform-origin:50% 50%;animation:elxspin2 2.6s linear infinite}
    @keyframes elxpulsedot{0%,100%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}
    .elx-pulsedot{display:inline-block;animation:elxpulsedot 1.6s ease-in-out infinite}
    @keyframes elxdash{to{stroke-dashoffset:-32}}
    @keyframes elxsweep{0%{transform:translateY(-100%)}100%{transform:translateY(400%)}}
    .elx-dcfloat{animation:elxfloat 6s ease-in-out infinite}
    @keyframes elxgrow{0%{stroke-dashoffset:34}100%{stroke-dashoffset:0}}
    .elx-grow{stroke-dasharray:34;animation:elxgrow 2.2s ease-in-out infinite alternate}
    @keyframes elxneedle{0%,100%{transform:rotate(-26deg)}50%{transform:rotate(26deg)}}
    .elx-needle{transform-box:fill-box;transform-origin:50% 100%;animation:elxneedle 2.6s ease-in-out infinite}
    @keyframes elxcheck{0%,10%{stroke-dashoffset:20}60%,100%{stroke-dashoffset:0}}
    .elx-check{stroke-dasharray:20;animation:elxcheck 2.8s ease-in-out infinite}
    @keyframes elxringp2{0%,100%{opacity:.2;transform:scale(.88)}50%{opacity:.55;transform:scale(1.06)}}
    .elx-ringp2{transform-origin:center;animation:elxringp2b 2.6s ease-in-out infinite}
    @keyframes elxringp2b{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes elxnodepulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
    .elx-node-pulse{transform-box:fill-box;transform-origin:center;animation:elxnodepulse 1.8s ease-in-out infinite}
    .elx-led{transform-origin:center;animation:elxled 1.6s ease-in-out infinite}
    .elx-eq{transform-origin:bottom;animation:elxbar 1.3s ease-in-out infinite}
    .elx-flow{stroke-dasharray:5 9;animation:elxdash 1.4s linear infinite}

*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
    :root{
      --font-display:'Manrope','Inter',system-ui,sans-serif;
      --font-body:'Inter',system-ui,sans-serif;
      --ease-out:cubic-bezier(.22,.61,.36,1);
      --container:1240px;
      --halo-orange:radial-gradient(closest-side,rgba(247,144,30,.20),transparent);
      --halo-blue:radial-gradient(closest-side,rgba(46,111,181,.28),transparent);
    }
    a{color:var(--blue-500);text-decoration:none}
    a:hover{color:var(--blue-600)}
    @keyframes elx-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
    @keyframes elx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes elx-rise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes elx-grow-x{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}
/* ---- "%98 Musteri Bagliligi" rozeti (DanismanlikHizmetlerimiz) ----
   left:-40px kutuyu kendi kapsayicisinin solundan tasiriyor; masaustunde
   yeterli bosluk oldugu icin sorun yok ama mobilde kapsayici dar
   oldugundan rozet ekranin disina tasiyordu. Yalnizca left sifirlanir,
   bottom:-72px (dikey konum) aynen kalir. */
@media (max-width: 900px) {
  [style*="left: -40px"][style*="bottom: -72px"] { left: auto !important; }
}

/* ---- "Servis Operasyon Paneli" (HpYetkiliServis hero gorseli) ----
   Kapsayici sabit height:420px tasiyor; masaustunde 460px genislikte
   baslik + 3 satir rahat sigarken, mobilde hero grid tek kolona inince
   kutu daralip metinler sarınca 420px yetmiyor ve son satir (Saha
   servis agi) kartin disina tasiyordu. Sadece mobilde yukseklik
   icerige gore serbest birakilir; ic kart u-h-full oldugundan onu da
   otomatik takip eder. */
@media (max-width: 900px) {
  .elx-ops-panel-frame { height: auto !important; }
}

/* ---- Anasayfa "Cozumler" kartlari: "Incele" hizasi ----
   Alti kartin icerik uzunluklari farkli oldugundan "Incele" baglantisi
   karttan karta farkli yukseklikte kaliyordu. Kart dikey flex yapilir,
   ayrac satiri + baglanti kartin tabanina itilir; boylece "Incele"
   tum kartlarda ayni hizada durur. */
.elx-svc { display: flex; flex-direction: column; }
.elx-svc > div:last-child { flex: 1 1 auto; display: flex; flex-direction: column; }
.elx-svc > div:last-child > div.u-border-t-line { margin-top: auto; }
.elx-svc > div:last-child > a:last-child { align-self: flex-start; }

/* ---- "38+ yil" rozeti (DanismanlikHizmetlerimiz, Yaklasimimiz) ----
   left:-64px rozet gorselin solundan bilerek tasiyor; genis ekranda
   yeterli bosluk var ama <=1440px'te grid'in sol kenari viewport'a
   yaklastigindan rozet ekran disina tasip kirpiliyordu ("sifira sifir"
   gorunum). Dar masaustunde tasma azaltilir, mobilde akisa cekilir. */
@media (max-width: 1440px) {
  [style*="left: -64px"][style*="top: -58px"] { left: -12px !important; }
}
@media (max-width: 900px) {
  [style*="left: -64px"][style*="top: -58px"] { left: 0 !important; }
}

/* ---- Mega menu: think-cell CTA'nin karttan ayrismasi ----
   think-cell kutusu "Akilli Baski Cozumleri" megacard'inin icinde;
   uzerine gelince kartin hover animasyonu da tetiklenip think-cell
   baski cozumlerinin bir urunuymus gibi algilaniyordu. tc-cta hover
   iken kartin kalkma/golge/serit efektleri devre disi birakilir. */
.elx-megacard:has(.elx-tc-cta:hover) { transform: none; box-shadow: none; border-color: var(--line); }
.elx-megacard:has(.elx-tc-cta:hover)::after { width: 0; }
.elx-megacard:has(.elx-tc-cta:hover) .elx-mico { transform: none; }

/* ---- .elx-ic-blink cakismasi (SiberGuvenlik "Is surekliligi" ikonu) ----
   Iki sayfa blogu ayni sinifi farkli tanimliyor: SiberGuvenlik blogu
   opaklik yanip sonmesi (elxicb), daha sonra gelen bir baska blok ise
   360 derece donme (elxspin2) tanimliyor. Kaskadda donme kazandigi icin
   "Firmalar Neden Ihtiyac Duyar?" altindaki Is surekliligi ikonu fir
   donuyordu. Sinifi kullanan tum ikonlar (activity/nabiz) yanip sonme
   amacli; donme tanimi burada geri alinir. */
.elx-ic-blink { animation: elxicb 2.2s ease-in-out infinite; }