/* Dil seçimi (TR/EN), 26.10.2026 */
.head-cta .dil{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid #d5d9e2;border-radius:999px;background:#fff;font-size:13px;font-weight:600;letter-spacing:.03em;color:#1B2B4B;text-decoration:none;line-height:1;white-space:nowrap}
.head-cta .dil:hover,.head-cta .dil:focus-visible{border-color:#1B2B4B}
.nav>li.dil-li{display:none}
@media (max-width:600px){.head-cta .dil{display:none}.site-head .nav>li.dil-li{display:block}}
html[lang="en"] .menu-btn::after{content:"Menu"}
html[lang="en"] .head-cta .btn{white-space:nowrap}
@media (max-width:600px){html[lang="en"] .site-head .head-cta .btn{width:auto;padding:0 12px;font-size:13px}}
@media (max-width:380px){html[lang="en"] .site-head .head-cta .btn{padding:0 9px;font-size:12px}}

/* Gorunum yenileme - Yon C (teknoloji vurgulu), 30.10.2026 */
/* YON C - Teknoloji vurgulu (yalniz gorunum) */
.ht-kat{background:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1.4px) 0 0/6px 6px,linear-gradient(90deg,rgba(20,33,58,.92) 0%,rgba(27,43,75,.70) 48%,rgba(27,43,75,.25) 100%),linear-gradient(0deg,rgba(20,33,58,.55),transparent 45%)}
.ana.ana-l .ht h1 .aj-renk{color:#FF6B6C}
.ana-ek-ust,.ana-ek-n{font-family:'IBM Plex Mono',ui-monospace,monospace}
.ana-ek-ust{letter-spacing:1px}
.ana-ek-ust::before{content:"// ";opacity:.7}
.ana.ana-l .ak-grup:nth-child(even)::before{background:linear-gradient(rgba(27,43,75,.05) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(27,43,75,.05) 1px,transparent 1px) 0 0/28px 28px,#F4F6FA}
.ana.ana-l .ak-liste a{position:relative;padding-left:16px;border-bottom-color:rgba(27,43,75,.10)}
.ana.ana-l .ak-liste a::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:rgba(27,43,75,.15);transition:background .2s,box-shadow .2s}
.ana.ana-l .ak-liste a:hover::before{background:#E54C4D;box-shadow:0 0 12px rgba(229,76,77,.6)}
.ana.ana-l .ak-liste li:nth-child(-n+2) a::before{top:4px}
.ana.ana-l .ak-foto img{border-radius:6px;outline:1px solid rgba(27,43,75,.15);outline-offset:6px}
/* SSCSign grubu ve surec: koyu, nokta izgara */
.ana.ana-l .ak-grup:nth-child(3)::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:-1;background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0/10px 10px,linear-gradient(135deg,#1B2B4B,#14213A)}
.ana.ana-l .ak-grup:nth-child(3) .ak-bas h2,.ana.ana-l .ak-grup:nth-child(3) .ak-liste b,.ana.ana-l .ak-grup:nth-child(3) .ak-liste a:hover b{color:#fff}
.ana.ana-l .ak-grup:nth-child(3) .ak-bas p,.ana.ana-l .ak-grup:nth-child(3) .ak-liste small{color:#C9D3E6}
.ana.ana-l .ak-grup:nth-child(3) .ak-liste a{border-bottom-color:rgba(255,255,255,.12)}
.ana.ana-l .ak-grup:nth-child(3) .ak-liste a::before{background:rgba(255,255,255,.2)}
.ana.ana-l .ak-grup:nth-child(3) .ak-foto img{outline-color:rgba(255,255,255,.25)}
.ana-ek.ana-ek-z{background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/10px 10px,#14213A}
.ana-ek.ana-ek-z h2,.ana-ek.ana-ek-z h3{color:#fff}
.ana-ek.ana-ek-z p{color:#AAB4C8}
.ana-ek-adim{border-top:1px solid rgba(255,255,255,.18);position:relative}
.ana-ek-n{font-size:34px;font-weight:500;color:#FF6B6C;text-shadow:0 0 18px rgba(229,76,77,.45)}
.ana-ek-biz li{border-left:2px solid #E54C4D;background:linear-gradient(90deg,rgba(229,76,77,.06),transparent)}
.ana-ek-cta{background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/8px 8px,radial-gradient(600px 260px at 50% 100%,rgba(229,76,77,.22),transparent 70%),#1B2B4B}
.ana.ana-l .ana-foot{background:#0F1A2E}
.ana-l .ana-foot,.ana-l .ana-foot a{color:#AAB4C8}
.ana-l .ana-foot a:hover{color:#F59C9D}
.ana main .eyebrow{font-family:'IBM Plex Mono',ui-monospace,monospace}
@supports (animation-timeline:view()){
 @media (prefers-reduced-motion:no-preference){
  .ana .ak-grup,.ana .ana-ek-adim>div,.ana .ana-ek-biz li{animation:yon-bel linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
  @keyframes yon-bel{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
 }
}
.ana.ana-l .ak-dizin{padding-bottom:0}
/* Ic sayfalar - Yon C */
.secim-l .c-pill{font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:500;letter-spacing:.03em;border-radius:6px}
.secim-l .c-pill:not(.c-pill-coral):not(.c-pill-white)::before{content:"// ";opacity:.6}
.secim-l .c-hero{background:linear-gradient(rgba(27,43,75,.045) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(27,43,75,.045) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(180deg,#EEF1F6 0%,#fff 100%)}
.secim-l .c-sec.c-soft{background:linear-gradient(rgba(27,43,75,.04) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(27,43,75,.04) 1px,transparent 1px) 0 0/28px 28px,#F4F6FA}
.secim-l .c-checkcard{background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0/10px 10px,linear-gradient(160deg,#2A3E66,#14213A)}
.secim-l main .c-benefits .c-num,.secim-l main .c-benefits li:nth-child(n) .c-num,.secim-l .c-steps li::before{font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:500;border-radius:6px;box-shadow:0 0 16px rgba(229,76,77,.35)}
.secim-l .c-benefits>li,.secim-l .c-uses>li,.secim-l .c-steps>li,.secim-l .card,.secim-l .c-card{transition:border-color .2s,box-shadow .2s,transform .2s}
.secim-l .c-benefits>li:hover,.secim-l .c-uses>li:hover,.secim-l .c-steps>li:hover,.secim-l .card:hover,.secim-l .c-card:hover{border-color:rgba(229,76,77,.55);box-shadow:0 0 0 1px rgba(229,76,77,.25),0 18px 36px -22px rgba(27,43,75,.45);transform:translateY(-2px)}
.secim-l .hero-shot img,.secim-l .c-hero-art img{outline:1px solid rgba(27,43,75,.15);outline-offset:6px}
.site-foot{background:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px) 0 0/10px 10px,#0F1A2E}
@supports (animation-timeline:view()){
 @media (prefers-reduced-motion:no-preference){
  .secim-l .c-benefits>li,.secim-l .c-steps>li,.secim-l .c-uses>li,.secim-l .card.proj,.secim-l .c-card{animation:yon-bel linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
 }
}

/* Ana sayfa: acilis fotografinin altinda kayan logo bandi (30.10.2026) */
.ana .lgk{position:absolute;left:0;right:0;bottom:0;z-index:3;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:1px solid rgba(27,43,75,.08);padding-block:12px;overflow:hidden}
.ana .lgk-iz{display:flex;width:max-content;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ana .lgk-iz{width:100%}
.ana .lgk-s{display:flex;align-items:center;flex:none;gap:44px;margin:0;padding:0 44px 0 0;list-style:none;animation:lgk-kay 150s linear infinite}
.ana .lgk:hover .lgk-s{animation-play-state:paused}
.ana .lgk-s li{flex:none;height:48px;display:grid;place-items:center}
.ana .lgk-s img{display:block;height:auto;width:auto;max-height:44px;max-width:150px;object-fit:contain;mix-blend-mode:multiply}
@keyframes lgk-kay{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.ana .lgk-s{animation:none}.ana .lgk-iz{overflow-x:auto}}
.ana .lgk ~ .ht-ic{padding-bottom:120px}
.ana .ht:has(.lgk) .ht-s figcaption{bottom:88px}
@media (max-width:760px){.ana .lgk{padding-block:9px}.ana .lgk-s{gap:28px;padding-right:28px;animation-duration:120s}.ana .lgk-s li{height:36px}.ana .lgk-s img{max-height:32px;max-width:110px}.ana .ht:has(.lgk) .ht-s figcaption{bottom:66px}}

/* Ana sayfa: giris arka plani fotografsiz, teknoloji dokulu 30.10.2026 */
.ana .ht{background:#1B2B4B}
.ana .ht-slayt,.ana .ht-nok{display:none}
.ana .ht-kat{background:
 radial-gradient(rgba(255,255,255,.10) 1px,transparent 1.5px) 0 0/8px 8px,
 linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/56px 56px,
 linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/56px 56px,
 radial-gradient(700px 360px at 88% 100%,rgba(229,76,77,.28),transparent 70%),
 radial-gradient(900px 500px at 10% 0%,rgba(42,62,102,.9),transparent 70%),
 linear-gradient(135deg,#1B2B4B 0%,#14213A 100%)}

/* Alt sayfalar: ust bolum ana sayfa girisiyle ayni teknoloji dokusu (30.10.2026) */
.secim-l .c-hero,.secim-l .page-hero{color:#fff;background:
 radial-gradient(rgba(255,255,255,.10) 1px,transparent 1.5px) 0 0/8px 8px,
 linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/56px 56px,
 linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/56px 56px,
 radial-gradient(700px 360px at 92% 100%,rgba(229,76,77,.24),transparent 70%),
 radial-gradient(900px 500px at 10% 0%,rgba(42,62,102,.9),transparent 70%),
 linear-gradient(135deg,#1B2B4B 0%,#14213A 100%)}
.secim-l .c-hero h1,.secim-l .page-hero h1,.secim-l .c-hero h2,.secim-l .page-hero h2{color:#fff}
.secim-l .c-hero p,.secim-l .page-hero p,.secim-l .c-hero .c-lead,.secim-l .page-hero .lead{color:#C9D3E6}
.secim-l .c-hero .crumbs,.secim-l .page-hero .crumbs,.secim-l .c-hero .crumbs a,.secim-l .page-hero .crumbs a,.secim-l .c-hero .crumbs span,.secim-l .page-hero .crumbs span{color:#AAB4C8}
.secim-l .c-hero .c-pill,.secim-l .page-hero .c-pill{background:rgba(255,255,255,.10)!important;color:#fff!important}
.secim-l .page-hero .eyebrow,.secim-l .c-hero .eyebrow{color:#FF6B6C}
.secim-l .c-hero a:not(.btn):not([data-ai]):not(.chip),.secim-l .page-hero a:not(.btn):not([data-ai]):not(.chip){color:#fff}
.secim-l .c-hero .btn:not(.btn-line),.secim-l .page-hero .btn:not(.btn-line){background:#E54C4D;border-color:#E54C4D;color:#fff}
.secim-l .c-hero .btn:not(.btn-line):hover,.secim-l .page-hero .btn:not(.btn-line):hover{background:#C93A3C;border-color:#C93A3C}
.secim-l .c-hero .btn-line,.secim-l .page-hero .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.secim-l .c-hero .btn-line:hover,.secim-l .page-hero .btn-line:hover{background:rgba(255,255,255,.12);color:#fff}
.secim-l .c-hero .ssc-ai,.secim-l .page-hero .ssc-ai{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.secim-l .c-hero .ssc-ai__baslik,.secim-l .page-hero .ssc-ai__baslik{color:#fff}
.secim-l .c-hero .ssc-ai__not,.secim-l .page-hero .ssc-ai__not{color:#AAB4C8}
.secim-l .c-hero .hero-shot img,.secim-l .c-hero .c-hero-art img,.secim-l .page-hero img{outline-color:rgba(255,255,255,.25)}

/* Ana sayfa: giris tek parca buyuk ekran (yekpare videowall) gorunumu 30.10.2026 */
.ana .ht{background:radial-gradient(1200px 500px at 50% 55%,#1A2A4A 0%,#0B1322 70%),#0B1322}
.ana .ht-kat{inset:92px max(16px,3.5vw) 104px;border-radius:14px;border:9px solid #05080F;
 box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 80px -20px rgba(0,0,0,.7),0 0 120px -10px rgba(80,130,220,.35);
 background:
 linear-gradient(160deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 28%),
 radial-gradient(rgba(255,255,255,.11) 1px,transparent 1.5px) 0 0/7px 7px,
 radial-gradient(700px 360px at 85% 100%,rgba(229,76,77,.30),transparent 70%),
 radial-gradient(900px 500px at 10% 0%,rgba(52,82,140,.9),transparent 70%),
 linear-gradient(135deg,#1F3360 0%,#14213A 100%)}
.ana .ht-kat::after{content:"";position:absolute;left:50%;bottom:-9px;width:46px;height:3px;margin-left:-23px;border-radius:2px;background:#E54C4D;box-shadow:0 0 10px rgba(229,76,77,.8)}
.ana .ht-ic{padding-left:max(28px,2vw);padding-right:max(28px,2vw)}
@media (max-width:760px){.ana .ht-kat{inset:78px 10px 70px;border-width:6px;border-radius:10px}.ana .ht-ic{padding-left:28px;padding-right:28px}}

/* Ana sayfa: kayan logo bandi ekranin icinde, en altta 30.10.2026 */
.ana .ht-kat{bottom:28px}
.ana .lgk{left:calc(max(16px,3.5vw) + 9px);right:calc(max(16px,3.5vw) + 9px);bottom:37px;z-index:2;border-radius:0 0 6px 6px;border-top:1px solid rgba(255,255,255,.5);padding-block:10px;background:rgba(255,255,255,.96)}
.ana .lgk-s li{height:42px}
.ana .lgk-s img{max-height:38px}
.ana .lgk ~ .ht-ic{padding-bottom:150px}
@media (max-width:760px){.ana .ht-kat{bottom:22px}.ana .lgk{left:16px;right:16px;bottom:28px;padding-block:7px;border-radius:0 0 5px 5px}.ana .lgk-s li{height:32px}.ana .lgk-s img{max-height:28px}}

/* Ana sayfa: ekran cercevesi biraz kalin 30.10.2026 */
.ana .ht-kat{border-width:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 0 0 1px rgba(255,255,255,.10),0 30px 80px -20px rgba(0,0,0,.7),0 0 120px -10px rgba(80,130,220,.35)}
.ana .ht-kat::after{bottom:-14px}
.ana .lgk{left:calc(max(16px,3.5vw) + 14px);right:calc(max(16px,3.5vw) + 14px);bottom:42px}
@media (max-width:760px){.ana .ht-kat{border-width:9px}.ana .ht-kat::after{bottom:-9px}.ana .lgk{left:19px;right:19px;bottom:31px}}

/* Ana sayfa: ekran icindeki slogan 3B (WebGL, ayni ekran icinde) 30.10.2026 */
.ana .ht-kat .s3d{position:absolute;inset:0;width:100%;height:100%;border-radius:4px;pointer-events:none;z-index:1}
.ana .ht.s3d-on h1 .aj-soluk,.ana .ht.s3d-on h1 .aj-renk{color:transparent!important;text-shadow:none!important}
.ana .ht.s3d-on .ht-ic{z-index:2}

/* Ana sayfa: ekran icindeki yazilar sola, ekran kenarindan sabit mesafe (yayin agi icin yer) - 30.10.2026 */
@media (min-width:761px){.ana .ht.s3d-on .ht-ic{max-width:none;margin-left:calc(max(16px,3.5vw) + 38px);margin-right:calc(max(16px,3.5vw) + 38px);padding-left:0;padding-right:0}}