/* Raca Bilişim - tasarım sistemi
   Marka: logodan alınan mavi #0868b0 (düğme, bağlantı, vurgu).
   Zemin ve nötrler verabilisim.com'dan: lavanta tonlu kırık beyaz (#F7F6FB), açık lavanta
   bantlar, mürekkep #211E3B, dekoratif mor ışık #7B61FF (yalnız ışık/nokta/çizgi, yazı değil).
   Eğik vurgu kelimeleri Instrument Serif, küçük etiketler Fira Code (Vera ile aynı). */

:root{
  --brand:#0868b0;
  --brand-700:#05528c;
  --brand-900:#083a5e;
  --brand-50:#eef5fc;
  --brand-100:#d9e9f8;

  /* verabilisim.com zemin ve nötrleri */
  --void:#F7F6FB;
  --lav:#EFEDF7;
  --lav-cizgi:#E3E0EF;
  --plasma:#7B61FF;
  /* verabilisim.com'daki dört vurgu rengi: kart kenarı, ikon, etiket sırayla bunları alır.
     r- = süs (kenar, nokta, zemin tonu), y- = aynı rengin yazıda okunur (AA) koyu tonu */
  --r-mavi:#0868b0;  --y-mavi:#05528c;
  --r-mor:#7B61FF;   --y-mor:#6242FF;
  --r-yesil:#10B981; --y-yesil:#047857;
  --r-turuncu:#F97316; --y-turuncu:#C2410C;

  --ink:#211E3B;
  --ink-70:#4A4764;
  --ink-50:#65627E;
  --line:#E3E0EE;
  --line-soft:#ECEAF4;
  --surface:var(--lav);
  --white:#fff;

  --ok:#0f8a5f;
  --warn:#b8620a;

  --wrap:76rem;
  --r:12px;
  --r-lg:22px;
  --shadow-sm:0 1px 2px rgba(33,30,59,.05),0 1px 3px rgba(33,30,59,.04);
  --shadow:0 1px 2px rgba(33,30,59,.04),0 10px 30px -12px rgba(33,30,59,.12);
  --shadow-lg:0 22px 55px -18px rgba(33,30,59,.22);

  /* ev yazı tipi: Alexandria (tüm Vera siteleri ve panelleri) */
  --sans:"Alexandria","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --serif:"Alexandria","Segoe UI",system-ui,-apple-system,Georgia,serif;
  --drama:"Instrument Serif",Georgia,"Times New Roman",serif;
  --mono:"Fira Code",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  /* Sayfanın iki ucundaki esneme (rubber band) alanı komşu zeminle aynı renkte olsun:
     üstte açık zemin, sayfanın alt yarısında footer'ın koyu mavisi. Sınıfı site.js
     kaydırma konumuna göre koyar; betik çalışmazsa üst uç doğru kalır. */
  background:var(--void);
}
html.alt-yarim{background:var(--lav)}
body{
  margin:0;font-family:var(--sans);color:var(--ink);background:var(--void);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
  /* içerik ekrandan kısa kalırsa footer dibe otursun, altta beyaz kalmasın */
  min-height:100vh;display:flex;flex-direction:column;
}
body>main{flex:1 0 auto}
::selection{background:rgba(123,97,255,.28)}
body>.site-foot{flex:none}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand-700);text-decoration:none}
a:hover{color:var(--brand)}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:1.25rem}
@media(min-width:48rem){.wrap{padding-inline:2rem}}

h1,h2,h3,h4,.grup-ad,.foot-ad{margin:0;line-height:1.18;letter-spacing:-.015em;font-weight:700}
.display{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;line-height:1.1}
h1.display{font-size:clamp(2.1rem,1.2rem + 3.2vw,3.6rem)}
h2.display{font-size:clamp(1.65rem,1.1rem + 2vw,2.5rem)}
p{margin:0}
.lede{font-size:clamp(1.05rem,1rem + .35vw,1.2rem);color:var(--ink-70);line-height:1.65}
.eyebrow{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brand-700);display:inline-flex;align-items:center;gap:.55rem}
.eyebrow::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--plasma);
  box-shadow:0 0 0 3px rgba(123,97,255,.16)}
/* başlıktaki eğik vurgu kelimesi: marka mavisinden Vera morunda biten geçiş */
.vurgu{font-family:var(--drama);font-style:italic;font-weight:400;font-size:1.1em;line-height:1;letter-spacing:-.005em;
  padding-right:.06em;color:var(--brand);background:linear-gradient(90deg,var(--brand) 0%,#5a5ce6 60%,var(--plasma) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.muted{color:var(--ink-50)}

/* ---------- düğmeler ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;justify-content:center;
  padding:.72rem 1.3rem;border-radius:999px;font-weight:600;font-size:.94rem;
  border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .06s;
  font-family:inherit;text-align:center;
}
.btn:active{transform:translateY(1px)}
@media(hover:hover){
  .btn{transition:background .15s,border-color .15s,color .15s,transform .3s cubic-bezier(.25,.46,.45,.94)}
  .btn:hover{transform:scale(1.03)}
}
.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);position:relative;overflow:hidden;isolation:isolate}
.btn-primary::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.16);
  transform:translateX(-101%);transition:transform .5s cubic-bezier(.25,.46,.45,.94)}
.btn-primary:hover::after{transform:translateX(0)}
.btn-primary:hover{background:var(--brand-700);border-color:var(--brand-700);color:#fff}
.btn-ghost{background:#fff;color:var(--ink);border-color:rgba(33,30,59,.14)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand-700)}
.btn-light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}
.btn-light:hover{background:rgba(255,255,255,.2);color:#fff}
.btn-lg{padding:.9rem 1.7rem;font-size:1rem}

/* ---------- başlık: ayrık duran yuvarlak menü (verabilisim.com tarzı) ---------- */
/* Başlık şeridi saydam; menü içinde beyaz, kenarları yuvarlak bir kutu olarak durur.
   Kaydırınca içerik kutunun etrafından geçer. */
.site-head{position:sticky;top:0;z-index:60;padding:.75rem .75rem 0;pointer-events:none}
.site-head>.wrap{
  position:relative;pointer-events:auto;max-width:80rem;padding-inline:1.15rem .55rem;
  background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);
  border:1px solid rgba(123,97,255,.15);border-radius:2.5rem;box-shadow:0 4px 30px rgba(33,30,59,.08);
  transition:box-shadow .3s,background-color .3s,border-radius .2s;
}
@media(min-width:48rem){.site-head>.wrap{padding-inline:1.6rem .65rem}}
.site-head.is-stuck>.wrap{background:rgba(255,255,255,.97);box-shadow:0 10px 34px rgba(33,30,59,.12)}
.site-head.menu-acik>.wrap{border-radius:1.5rem}
.head-row{display:flex;align-items:center;gap:1rem;height:62px}
.brand{display:flex;align-items:center;flex:none}
.head-row>.dil-sec{flex:none}
.brand img{height:25px;width:auto}
@media(min-width:48rem){.brand img{height:30px}}
.mainnav{margin-left:auto;display:none;align-items:center;align-self:stretch;gap:.1rem}
@media(min-width:75rem){.mainnav{display:flex}}
.navitem{position:relative;align-self:stretch;display:flex;align-items:center}
.navlink{
  display:inline-flex;align-items:center;gap:.22rem;padding:.5rem .55rem;border-radius:999px;
  font-size:.87rem;font-weight:600;color:var(--ink);background:none;border:0;cursor:pointer;font-family:inherit;white-space:nowrap;
  transition:color .15s,background-color .15s;
}
.navlink:hover{color:var(--brand-700);background:var(--brand-50)}
.navlink svg{transition:transform .18s}
.navitem[data-open="true"] .navlink{color:var(--brand-700);background:var(--brand-50)}
.navitem[data-open="true"] .navlink svg{transform:rotate(180deg)}
.head-cta{margin-left:.35rem;display:none;flex:none;white-space:nowrap;padding:.6rem 1.05rem;font-size:.87rem}
@media(min-width:75rem){.head-cta{display:inline-flex}}

.panel{
  position:absolute;top:calc(100% + .6rem);left:50%;transform:translateX(-50%) translateY(-6px);
  background:#fff;border:1px solid rgba(33,30,59,.08);border-radius:1.25rem;box-shadow:var(--shadow-lg);
  padding:1.5rem;opacity:0;visibility:hidden;transition:opacity .16s,transform .16s,visibility .16s;
}
/* menü ile panel arasındaki boşlukta fare kaysa da panel kapanmasın */
.panel::before{content:"";position:absolute;left:0;right:0;top:-.75rem;height:.75rem}
.navitem[data-open="true"] .panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.panel-wide{width:min(66rem,calc(100vw - 3rem))}
/* en genis panel: menu ogesine degil, menu kutusuna hizalanir ki solu tasmasin */
.navitem-full{position:static}
.panel-full{left:0;right:auto;width:100%;max-width:72rem;transform:translateY(-6px);max-height:calc(100vh - 7rem);overflow-y:auto}
.navitem-full[data-open="true"] .panel-full{transform:translateY(0)}
.panel-narrow{width:23rem;left:auto;right:0;transform:translateY(-6px)}
.navitem[data-open="true"] .panel-narrow{transform:translateY(0)}
.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem 1.75rem}
.panel-col .grup-ad{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin:1.1rem .65rem .35rem}
.panel-col>.grup-ad:first-child{margin-top:0}
.menu-link{display:block;padding:.45rem .65rem;border-radius:10px;color:var(--ink)}
.menu-link:hover{background:var(--brand-50);color:var(--brand-700)}
.menu-link .t{display:block;font-weight:600;font-size:.9rem;line-height:1.35}
.menu-link .d{display:block;font-size:.78rem;color:var(--ink-50);line-height:1.4;margin-top:.05rem}
.menu-link:hover .d{color:var(--ink-70)}
.panel-foot{
  margin-top:1.1rem;padding-top:.95rem;border-top:1px solid var(--line-soft);
  display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between;
}
.panel-foot .hint{font-size:.83rem;color:var(--ink-50)}
.panel-cols-2{columns:2;column-gap:1.5rem}
.panel-cols-2 .menu-link{break-inside:avoid}

/* Hizmetler paneli: liste + yanında açılan Dijital Pazarlama alt menüsü */
.panel-hizmet{left:-.5rem;width:21rem;padding:.8rem;transform:translateY(-6px)}
.navitem[data-open="true"] .panel-hizmet{transform:translateY(0)}
.ph-liste{display:grid;gap:.1rem}
.alt-menu{margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--line-soft)}
.alt-ac{
  width:100%;display:grid;grid-template-columns:1fr auto;column-gap:.6rem;align-items:center;
  text-align:left;border:0;font:inherit;cursor:pointer;background:var(--brand-50);
}
.alt-ac .t,.alt-ac .d{grid-column:1}
.alt-ac .t{color:var(--brand-700)}
.alt-ac svg{grid-column:2;grid-row:1/span 2;color:var(--brand);transition:transform .16s}
.alt-ac:hover,.alt-menu[data-open="true"] .alt-ac{background:var(--brand-100)}
.alt-menu[data-open="true"] .alt-ac svg{transform:translateX(2px)}
.alt-panel{
  position:absolute;top:-1px;left:calc(100% + .5rem);width:20rem;min-height:calc(100% + 2px);
  background:#fff;border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow-lg);
  padding:1rem .8rem;opacity:0;visibility:hidden;transform:translateX(-6px);
  transition:opacity .16s,transform .16s,visibility .16s;
}
.alt-panel::before{content:"";position:absolute;top:0;bottom:0;left:-.6rem;width:.6rem}
.alt-menu[data-open="true"] .alt-panel{opacity:1;visibility:visible;transform:none}
.alt-panel .grup-ad{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin:.2rem .65rem .3rem}
.alt-panel .grup-ad~.grup-ad{margin-top:.9rem}
.alt-panel .menu-link{padding:.38rem .65rem}
.alt-tum{display:inline-flex;gap:.35rem;margin:.85rem .65rem 0;font-size:.85rem;font-weight:600;color:var(--brand-700)}
.alt-tum:hover{color:var(--brand)}

/* mobil menü */
.burger{margin-left:auto;display:inline-flex;padding:.55rem;border:1px solid var(--line);background:#fff;border-radius:999px;cursor:pointer;color:var(--ink)}
@media(min-width:75rem){.burger{display:none}}
.mobilenav{display:none;border-top:1px solid var(--line-soft);padding:.5rem .35rem 1.1rem;max-height:calc(100vh - 6.5rem);max-height:calc(100dvh - 6.5rem);overflow:auto;overscroll-behavior:contain}
.mobilenav.is-open{display:block}
@media(min-width:75rem){.mobilenav{display:none!important}}
.mobilenav details{border-bottom:1px solid var(--line-soft)}
.mobilenav summary{list-style:none;cursor:pointer;padding:.8rem .25rem;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.mobilenav summary::-webkit-details-marker{display:none}
.mobilenav details[open]>summary svg{transform:rotate(180deg)}
.mobilenav .sub{padding:0 .25rem .85rem}
.mobilenav .sub a{display:block;padding:.42rem 0;font-size:.92rem;color:var(--ink-70)}
.mobilenav details.ic{border:0;margin-top:.35rem;border-radius:12px;background:var(--brand-50)}
.mobilenav details.ic>summary{padding:.65rem .8rem;font-size:.95rem;color:var(--brand-700)}
.mobilenav details.ic>.sub{padding:0 .8rem .8rem}
.mobilenav .sub a.alt-tum{display:inline-flex;margin:.5rem 0 0;color:var(--brand-700);font-weight:600}
.mobilenav .flat{display:block;padding:.8rem .25rem;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line-soft)}

/* ---------- bölümler ---------- */
.section{padding-block:clamp(3.25rem,2rem + 5vw,5.5rem)}
.section-tight{padding-block:clamp(2.5rem,1.5rem + 4vw,4rem)}
.section-surface{background:var(--lav);border-block:1px solid var(--lav-cizgi)}
.section-head{max-width:44rem}
.section-head .lede{margin-top:.9rem}
.section-head--center{margin-inline:auto;text-align:center}

.grid{display:grid;gap:1.1rem}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.grid-4{grid-template-columns:repeat(2,1fr)}
@media(min-width:40rem){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:64rem){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}

.card{background:#fff;border:1px solid rgba(33,30,59,.07);border-radius:var(--r-lg);padding:1.5rem;box-shadow:var(--shadow);
  transition:border-color .2s,box-shadow .25s,transform .25s}
a.card:hover{border-color:rgba(123,97,255,.28);box-shadow:var(--shadow-lg);transform:translateY(-3px)}
/* renklendirme: ızgaradaki kartlar sırayla dört vurgu rengini alır (Vera'daki kart kenarları gibi) */
.grid>:nth-child(4n+1),.sektor-liste>:nth-child(4n+1),.sektor-altlar>:nth-child(4n+1){--renk:var(--r-mavi);--renk-yazi:var(--y-mavi)}
.grid>:nth-child(4n+2),.sektor-liste>:nth-child(4n+2),.sektor-altlar>:nth-child(4n+2){--renk:var(--r-mor);--renk-yazi:var(--y-mor)}
.grid>:nth-child(4n+3),.sektor-liste>:nth-child(4n+3),.sektor-altlar>:nth-child(4n+3){--renk:var(--r-yesil);--renk-yazi:var(--y-yesil)}
.grid>:nth-child(4n+4),.sektor-liste>:nth-child(4n+4),.sektor-altlar>:nth-child(4n+4){--renk:var(--r-turuncu);--renk-yazi:var(--y-turuncu)}
.grid>.card:not(.foto-kart){border-top:3px solid var(--renk)}
.grid>.card .icon-badge{background:color-mix(in srgb,var(--renk) 13%,#fff);color:var(--renk-yazi)}
/* kart içindeki <p class="eyebrow"> genel ".card p" kuralına yenilmesin */
.card p.eyebrow{font-size:.72rem;color:var(--brand-700)}
.grid>.card .eyebrow{color:var(--renk-yazi)}
.grid>.card .eyebrow::before{background:var(--renk);box-shadow:0 0 0 3px color-mix(in srgb,var(--renk) 18%,transparent)}
.grid>.card .arrow{color:var(--renk-yazi)}
.grid>a.card:hover{border-color:color-mix(in srgb,var(--renk) 35%,transparent);border-top-color:var(--renk)}
.card h3{font-size:1.06rem;margin-bottom:.45rem}
.card p{font-size:.92rem;color:var(--ink-70)}
.card .arrow{margin-top:1rem;font-size:.85rem;font-weight:600;color:var(--brand-700);display:inline-flex;gap:.35rem;align-items:center}
a.card:hover .arrow span{transform:translateX(3px)}
.card .arrow span{transition:transform .15s}
.icon-badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(8,104,176,.11),rgba(123,97,255,.15));color:var(--brand);display:grid;place-items:center;margin-bottom:1rem}
.icon-badge svg{width:21px;height:21px}

/* ---------- hero ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;
  background:var(--void);border-bottom:1px solid var(--line-soft)}
/* ana sayfa hero'su menü kutusunun arkasından başlar; hareketli zemin menünün çevresinde de görünür */
.hero-ana{margin-top:-6rem;padding-top:6rem}

/* hareketli zemin: ızgara + yavaş kayan ışık lekeleri + akan çizgiler (verabilisim.com tarzı) */
.hero-zemin{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hz-izgara{position:absolute;inset:0;
  background-image:linear-gradient(rgba(33,30,59,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(33,30,59,.05) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 70% 62% at 32% 38%,#000 20%,transparent 100%);
  mask-image:radial-gradient(ellipse 70% 62% at 32% 38%,#000 20%,transparent 100%)}
.hz-leke{position:absolute;border-radius:50%;will-change:transform}
.hz-l1{width:46rem;height:46rem;top:-20rem;right:-14rem;
  background:radial-gradient(closest-side,rgba(123,97,255,.2),rgba(123,97,255,0));animation:hzL1 19s ease-in-out infinite alternate}
.hz-l2{width:38rem;height:38rem;bottom:-18rem;left:-12rem;
  background:radial-gradient(closest-side,rgba(8,104,176,.13),rgba(8,104,176,0));animation:hzL2 23s ease-in-out infinite alternate}
.hz-l3{width:28rem;height:28rem;top:14%;left:36%;
  background:radial-gradient(closest-side,rgba(167,150,255,.17),rgba(167,150,255,0));animation:hzL3 29s ease-in-out infinite alternate}
@keyframes hzL1{to{transform:translate(-10rem,7rem) scale(1.12)}}
@keyframes hzL2{to{transform:translate(9rem,-6rem) scale(1.1)}}
@keyframes hzL3{to{transform:translate(-7rem,5rem) scale(.88)}}
/* çizgiler 1440 px'te kendini tekrar ediyor (tools/hero_dalga.py): bir periyot kayınca dikiş görünmez */
.hz-dalga{position:absolute;left:0;bottom:-2.5rem;width:calc(100% + 1440px);height:680px;
  background:url(../img/hero-dalga.svg) repeat-x 0 0/1440px 680px;animation:hzDalga 70s linear infinite;will-change:transform}
.hz-d2{bottom:-.5rem;background-image:url(../img/hero-dalga-2.svg);animation-duration:110s;animation-direction:reverse;opacity:.9}
@keyframes hzDalga{to{transform:translateX(-1440px)}}

/* hero üst etiketi: hap biçiminde, nabız atan nokta */
.eyebrow-hap::before{display:none}
.eyebrow-hap{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1rem;border:1px solid rgba(123,97,255,.3);
  border-radius:999px;background:rgba(255,255,255,.88)}
.eyebrow-hap .nokta{width:7px;height:7px;border-radius:50%;background:var(--plasma);animation:hzNokta 2.2s ease-out infinite}
@keyframes hzNokta{0%{box-shadow:0 0 0 0 rgba(123,97,255,.45)}70%,100%{box-shadow:0 0 0 7px rgba(123,97,255,0)}}
.hero-in{padding-block:clamp(3rem,1.5rem + 6vw,5.5rem);display:grid;gap:2.75rem}
@media(min-width:64rem){.hero-in{grid-template-columns:1.05fr .95fr;align-items:center;gap:3.5rem}}
.hero h1{margin-bottom:1.15rem}
.hero .lede{max-width:34rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.9rem}
.hero-proof{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:1.75rem 2.5rem}
.hero-proof div strong{display:block;font-family:var(--serif);font-size:1.75rem;font-weight:600;color:var(--ink);line-height:1.1}
.hero-proof div span{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-50)}

/* ana sayfa rakam şeridi: hero'nun altında tam genişlik, dalgaların üstünde okunur yarı saydam kart */
.hero-ana .hero-in{padding-bottom:clamp(2rem,1rem + 3vw,3.25rem)}
.hero-rakam{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:clamp(2.5rem,1.5rem + 3vw,4rem);
  background:rgba(255,255,255,.9);
  border:1px solid rgba(33,30,59,.07);border-radius:1.5rem;box-shadow:var(--shadow)}
.hero-rakam>div{padding:1.1rem 1.25rem}
.hero-rakam>div:nth-child(even){border-left:1px solid var(--line-soft)}
.hero-rakam>div:nth-child(n+3){border-top:1px solid var(--line-soft)}
@media(min-width:48rem){
  .hero-rakam{grid-template-columns:repeat(4,1fr)}
  .hero-rakam>div{padding:1.35rem 1.75rem}
  .hero-rakam>div+div{border-left:1px solid var(--line-soft)}
  .hero-rakam>div:nth-child(n+3){border-top:0}
}
.hero-rakam strong{display:block;font-family:var(--serif);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:600;color:var(--ink);line-height:1.1}
.hero-rakam>div:nth-child(odd) strong{color:var(--brand)}
.hero-rakam span{display:block;margin-top:.45rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-50);line-height:1.5}

.stack-visual{background:rgba(255,255,255,.96);border:1px solid rgba(33,30,59,.07);border-radius:1.5rem;box-shadow:var(--shadow-lg);padding:1.4rem;
  animation:hzSuzul 8s ease-in-out infinite}
@keyframes hzSuzul{50%{transform:translateY(-8px)}}
.stack-visual .sv-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:.9rem;border-bottom:1px solid var(--line-soft);margin-bottom:1rem}
.stack-visual .sv-head b{font-size:.9rem}
.sv-row{display:flex;align-items:center;gap:.8rem;padding:.65rem .3rem;border-radius:9px}
.sv-row+.sv-row{border-top:1px solid var(--line-soft)}
.sv-dot{width:9px;height:9px;border-radius:50%;background:var(--brand);flex:none;position:relative;z-index:1;box-shadow:0 0 0 4px #fff}
/* modülleri birbirine bağlayan omurga çizgisi ve üzerinde akan ışık: veri tek yerden geçiyor */
.sv-akis{position:relative}
.sv-akis::before{content:"";position:absolute;left:calc(.3rem + 4px);top:1.4rem;bottom:1.4rem;width:1px;background:rgba(123,97,255,.25)}
.sv-akis::after{content:"";position:absolute;left:calc(.3rem + 3px);top:1rem;width:3px;height:3.2rem;border-radius:3px;
  background:linear-gradient(180deg,rgba(123,97,255,0),var(--plasma),rgba(123,97,255,0));animation:hzAkis 4.2s cubic-bezier(.45,0,.55,1) infinite}
@keyframes hzAkis{0%{top:.4rem;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:calc(100% - 3.6rem);opacity:0}}
.sv-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--brand);opacity:0;animation:hzNabiz 4.2s ease-out infinite}
.sv-row:nth-child(2) .sv-dot::after{animation-delay:.6s}
.sv-row:nth-child(3) .sv-dot::after{animation-delay:1.25s}
.sv-row:nth-child(4) .sv-dot::after{animation-delay:1.9s}
.sv-row:nth-child(5) .sv-dot::after{animation-delay:2.55s}
.sv-row:nth-child(6) .sv-dot::after{animation-delay:3.2s}
@keyframes hzNabiz{0%{transform:scale(1);opacity:.5}35%{transform:scale(2.9);opacity:0}100%{opacity:0}}
.sv-canli{display:inline-flex;align-items:center;gap:.4rem}
.sv-canli::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);animation:hzCanli 2s ease-out infinite}
@keyframes hzCanli{0%{box-shadow:0 0 0 0 rgba(15,138,95,.45)}70%,100%{box-shadow:0 0 0 6px rgba(15,138,95,0)}}

@media(prefers-reduced-motion:reduce){
  .hz-leke,.hz-dalga,.stack-visual,.sv-dot::after,.sv-canli::before,.eyebrow-hap .nokta{animation:none}
  .sv-akis::after{display:none}
}
.sv-row .n{font-size:.9rem;font-weight:600}
.sv-row .v{margin-left:auto;font-size:.82rem;color:var(--ink-50)}

/* iç sayfaların üst bölümü: düz geçiş yerine Vera zemini, köşede mor ışık, silik ızgara */
.sayfa-bas{position:relative;isolation:isolate;overflow:hidden;background:var(--void)}
.sayfa-bas::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(ellipse 45% 75% at 90% 5%,rgba(123,97,255,.2),transparent 70%),
             radial-gradient(ellipse 35% 60% at 60% 110%,rgba(16,185,129,.08),transparent 70%),
             radial-gradient(ellipse 40% 70% at 0% 100%,rgba(8,104,176,.11),transparent 70%)}
.sayfa-bas::after{content:"";position:absolute;inset:0;z-index:-1;
  background-image:linear-gradient(rgba(33,30,59,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(33,30,59,.045) 1px,transparent 1px);
  background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 65% 90% at 75% 20%,#000 15%,transparent 85%);
  mask-image:radial-gradient(ellipse 65% 90% at 75% 20%,#000 15%,transparent 85%)}

/* ---------- partner şeridi ---------- */
.partners{border-block:1px solid var(--line-soft);background:rgba(255,255,255,.55)}
.partners .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2.5rem;padding-block:1.4rem}
.partners .lbl{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-50)}
.partner-chip{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;color:var(--ink-70)}
.partner-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}

/* ---------- kırıntı ---------- */
.crumbs{font-size:.83rem;color:var(--ink-50);padding-block:1rem;border-bottom:1px solid var(--line-soft)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin-right:.4rem;color:var(--line)}

/* ---------- liste, sss ---------- */
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.ticks li{position:relative;padding-left:1.75rem;font-size:.95rem;color:var(--ink-70)}
.ticks li::before{
  content:"";position:absolute;left:0;top:.42em;width:1.05rem;height:1.05rem;border-radius:50%;
  background:var(--brand-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230868b0' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/.62rem no-repeat;
}
.faq{display:grid;gap:.65rem}
.faq details{background:#fff;border:1px solid rgba(33,30,59,.07);border-radius:1rem;transition:box-shadow .25s,border-color .2s}
.faq details:hover{border-color:rgba(123,97,255,.25)}
.faq details[open]{box-shadow:var(--shadow)}
.faq summary{list-style:none;cursor:pointer;padding:1.05rem 3rem 1.05rem 1.25rem;font-weight:600;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:1.15rem;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:400;color:var(--brand);line-height:1}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 1.5rem 1.25rem 1.25rem;color:var(--ink-70);font-size:.95rem}

/* ---------- CTA bandı ---------- */
.cta-band{position:relative;isolation:isolate;overflow:hidden;background:#fff;color:var(--ink);
  border:1px solid rgba(123,97,255,.16);border-radius:2rem;box-shadow:var(--shadow);
  padding:clamp(2rem,1rem + 3.5vw,3.75rem);display:grid;gap:1.5rem}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(ellipse 50% 90% at 80% 50%,rgba(123,97,255,.16),transparent 70%),
             radial-gradient(ellipse 40% 80% at 0% 100%,rgba(8,104,176,.09),transparent 70%)}
.cta-band::after{content:"";position:absolute;inset:0;z-index:-1;
  background-image:linear-gradient(rgba(33,30,59,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(33,30,59,.045) 1px,transparent 1px);
  background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 70% 90% at 75% 50%,#000 10%,transparent 80%);
  mask-image:radial-gradient(ellipse 70% 90% at 75% 50%,#000 10%,transparent 80%)}
@media(min-width:56rem){.cta-band{grid-template-columns:1.3fr auto;align-items:center;gap:2.5rem}}
.cta-band h2,.cta-band h2.display{color:var(--ink);margin-bottom:.7rem;font-family:var(--drama);font-style:italic;font-weight:400;
  font-size:clamp(2rem,1.3rem + 2.4vw,3.05rem);letter-spacing:-.01em;line-height:1.08}
.cta-band p{color:var(--ink-70)}
.cta-band .btn-light{background:#fff;color:var(--ink);border-color:rgba(33,30,59,.14)}
.cta-band .btn-light:hover{background:#fff;color:var(--brand-700);border-color:var(--brand)}
.cta-band .acts{display:flex;flex-wrap:wrap;gap:.7rem}

/* ---------- alt bilgi ---------- */
.site-foot{background:var(--lav);color:var(--ink-70);margin-top:0;padding-block:3.75rem 2rem;font-size:.9rem;
  border-top:1px solid var(--lav-cizgi);border-radius:2.5rem 2.5rem 0 0}
.foot-grid{display:grid;gap:2.25rem}
@media(min-width:48rem){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.site-foot img{height:28px;width:auto;margin-bottom:1.1rem}
.site-foot .foot-ad{color:var(--ink-50);font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .9rem;font-weight:500}
.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.site-foot a{color:var(--ink-70)}
.site-foot a:hover{color:var(--brand-700)}
.foot-bottom{margin-top:2.75rem;padding-top:1.4rem;border-top:1px solid var(--lav-cizgi);display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between;
  font-family:var(--mono);font-size:.75rem;color:var(--ink-50)}

/* ---------- ERP sihirbazı ---------- */
.wiz{max-width:52rem;margin-inline:auto}
.wiz-progress{display:flex;gap:.4rem;margin-bottom:2rem}
.wiz-progress i{flex:1;height:4px;border-radius:99px;background:var(--line);transition:background .25s}
.wiz-progress i.done{background:var(--brand)}
.wiz-step{display:none}
.wiz-step.is-active{display:block;animation:wizIn .25s ease}
@keyframes wizIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wiz-q{font-family:var(--serif);font-size:clamp(1.5rem,1.1rem + 1.6vw,2.1rem);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.wiz-hint{color:var(--ink-50);font-size:.92rem;margin-top:.6rem}
.wiz-opts{display:grid;gap:.65rem;margin-top:1.9rem}
@media(min-width:38rem){.wiz-opts.two{grid-template-columns:repeat(2,1fr)}}
.wiz-opt{
  display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.1rem;border:1px solid var(--line);
  border-radius:12px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;font-size:1rem;
  transition:border-color .14s,background .14s,box-shadow .14s;width:100%;
}
.wiz-opt:hover{border-color:var(--brand-100);background:var(--brand-50)}
.wiz-opt[aria-pressed="true"],.wiz-opt.is-sel{border-color:var(--brand);background:var(--brand-50);box-shadow:0 0 0 1px var(--brand)}
.wiz-opt .box{
  flex:none;width:20px;height:20px;border:1.5px solid var(--line);border-radius:50%;margin-top:.15rem;
  display:grid;place-items:center;background:#fff;
}
.wiz-step[data-multi="1"] .wiz-opt .box{border-radius:6px}
.wiz-step[data-multi="1"] .wiz-opt .box::after{border-radius:2px}
.wiz-opt.is-sel .box,.wiz-opt[aria-pressed="true"] .box{background:var(--brand);border-color:var(--brand)}
.wiz-opt .box::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;opacity:0;transition:opacity .12s}
.wiz-opt.is-sel .box::after,.wiz-opt[aria-pressed="true"] .box::after{opacity:1}
.wiz-opt .lbl{font-weight:600;line-height:1.35}
.wiz-opt .sub{display:block;font-weight:400;font-size:.85rem;color:var(--ink-50);margin-top:.15rem}
.wiz-nav{display:flex;gap:.7rem;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line-soft)}
.wiz-nav .step-no{margin-left:auto;font-size:.85rem;color:var(--ink-50)}

.wiz-result{display:none}
.wiz-result.is-active{display:block;animation:wizIn .3s ease}
.result-hero{background:linear-gradient(140deg,#211E3B 0%,#2B2766 100%);color:#fff;border-radius:var(--r-lg);padding:clamp(1.75rem,1rem + 3vw,2.75rem)}
.result-hero .eyebrow{color:#CFC7FF}
.result-hero h2{color:#fff;margin:.7rem 0 .5rem}
.result-hero p{color:rgba(255,255,255,.8)}
.result-why{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.18);font-size:.9rem;color:rgba(255,255,255,.78)}
.mod-list{display:grid;gap:.6rem;margin-top:1.25rem}
@media(min-width:38rem){.mod-list{grid-template-columns:repeat(2,1fr)}}
.mod-item{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid var(--line);border-radius:10px;background:#fff}
.mod-item b{font-size:.92rem;display:block}
.mod-item span{font-size:.82rem;color:var(--ink-50)}
.mod-item .num{flex:none;width:22px;height:22px;border-radius:50%;background:var(--brand-50);color:var(--brand-700);font-size:.72rem;font-weight:700;display:grid;place-items:center;margin-top:.1rem}
.scope-grid{display:grid;gap:1rem;margin-top:1.25rem}
@media(min-width:38rem){.scope-grid{grid-template-columns:repeat(3,1fr)}}
.scope-box{border:1px solid var(--line);border-radius:12px;padding:1.1rem}
.scope-box .k{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-50);font-weight:700}
.scope-box .v{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--ink);margin-top:.35rem;line-height:1.15}
.scope-box .n{font-size:.82rem;color:var(--ink-50);margin-top:.3rem}

.wiz-form{display:grid;gap:.9rem;margin-top:1.5rem}
@media(min-width:38rem){.wiz-form .row2{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}}
.field label{display:block;font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-50);margin-bottom:.4rem}
.field input,.field textarea,.field select{
  width:100%;padding:.7rem .85rem;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:.95rem;
  background:#fff;color:var(--ink);
}
.field select{appearance:none;-webkit-appearance:none;padding-right:2.2rem;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2365627E' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right .8rem center/14px no-repeat}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-50)}
.consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;color:var(--ink-50)}
.consent input{margin-top:.2rem}

/* yapışkan başlık altında kalmasın */
#wiz,#wiz-result{scroll-margin-top:96px}
.crumbs,section[id]{scroll-margin-top:96px}

/* mobil düzeltmeler */
@media(max-width:47.99rem){
  .hero-proof{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
  .hero-actions .btn{flex:1 1 100%}
}

/* beyaz bölümün ardından gelen CTA bandında üst boşluğu tekrarlama */
.section:not(.section-surface) + .section-cta{padding-top:0}

/* ---------- karşılaştırma tablosu ---------- */
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
table.cmp{border-collapse:collapse;width:100%;min-width:44rem;font-size:.92rem}
table.cmp th,table.cmp td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top}
table.cmp thead th{background:var(--surface);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-50);position:sticky;top:0}
table.cmp tbody th{font-weight:600;color:var(--ink);width:14rem}
table.cmp tr:last-child td,table.cmp tr:last-child th{border-bottom:0}
table.cmp .yes{color:var(--ok);font-weight:600}
table.cmp .no{color:var(--ink-50)}

/* ---------- ROI hesaplayıcı ---------- */
.roi{display:grid;gap:2rem}
@media(min-width:56rem){.roi{grid-template-columns:1fr 1fr;gap:3rem;align-items:start}}
.roi-field{margin-bottom:1.35rem}
.roi-field label{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;font-weight:600;margin-bottom:.5rem}
.roi-field label b{font-family:var(--serif);font-size:1.15rem;color:var(--brand-700);font-weight:600}
.roi-field input[type=range]{width:100%;accent-color:var(--brand)}
.roi-field .hint{font-size:.8rem;color:var(--ink-50);margin-top:.3rem}
.roi-out{background:linear-gradient(140deg,#211E3B 0%,#2B2766 100%);color:#fff;border-radius:var(--r-lg);padding:1.75rem;position:sticky;top:96px}
.roi-out .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#CFC7FF;font-weight:500}
.roi-out .big{font-family:var(--serif);font-size:clamp(2rem,1.2rem + 2.5vw,2.9rem);font-weight:600;line-height:1.1;margin:.4rem 0 .2rem}
.roi-out .sub{color:rgba(255,255,255,.72);font-size:.88rem}
.roi-out hr{border:0;border-top:1px solid rgba(255,255,255,.16);margin:1.4rem 0}
.roi-row{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;font-size:.9rem}
.roi-row span:last-child{font-weight:600;color:#fff}
.roi-row span:first-child{color:rgba(255,255,255,.75)}

/* ---------- sözlük ---------- */
.sozluk-harf{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}
.sozluk-harf a{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid var(--line);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--ink-70)}
.sozluk-harf a:hover{border-color:var(--brand);color:var(--brand-700);background:var(--brand-50)}
.terim{border-bottom:1px solid var(--line-soft);padding:1.35rem 0}
.terim:last-child{border-bottom:0}
.terim h3{font-size:1.02rem;margin-bottom:.35rem}
.terim p{color:var(--ink-70);font-size:.94rem}
.terim .ilgili{margin-top:.55rem;font-size:.85rem}


/* ---------- çerez bandı ve tercih paneli ---------- */
.cerez{
  position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:85;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--shadow-lg);padding:1.25rem;
}
.cerez[hidden]{display:none}
@media(min-width:56rem){
  .cerez{padding:1.4rem 1.6rem}
  .cerez-in{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;
            max-width:var(--wrap);margin-inline:auto}
}
.cerez h2{font-size:1rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}
.cerez h2 svg{width:18px;height:18px;color:var(--brand);flex:none}
.cerez p{font-size:.87rem;color:var(--ink-70);line-height:1.6;max-width:52rem}
.cerez p a{text-decoration:underline}
.cerez-acts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
@media(min-width:56rem){.cerez-acts{margin-top:0;flex-wrap:nowrap}}
.cerez-acts .btn{padding:.6rem 1.05rem;font-size:.88rem;white-space:nowrap}
.cerez-link{background:none;border:0;font:inherit;font-size:.86rem;font-weight:600;
  color:var(--brand-700);cursor:pointer;text-decoration:underline;padding:.6rem .3rem}
.cerez-link:hover{color:var(--brand)}

/* panel */
.cerez-modal{position:fixed;inset:0;z-index:90;background:rgba(10,25,40,.55);
  display:grid;place-items:end center;padding:0}
.cerez-modal[hidden]{display:none}
@media(min-width:48rem){.cerez-modal{place-items:center;padding:1.5rem}}
.cerez-kutu{background:#fff;width:100%;max-width:46rem;max-height:92vh;display:flex;
  flex-direction:column;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-lg)}
@media(min-width:48rem){.cerez-kutu{border-radius:var(--r-lg);max-height:86vh}}
.cerez-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;
  padding:1.4rem 1.5rem 1rem;border-bottom:1px solid var(--line-soft);flex:none}
.cerez-bas strong{display:block;font-size:1.05rem}
.cerez-bas small{display:block;color:var(--ink-50);font-size:.8rem;margin-top:.15rem}
.cerez-kapat{background:none;border:0;font-size:1.6rem;line-height:1;color:var(--ink-50);
  cursor:pointer;padding:.1rem .3rem;border-radius:6px}
.cerez-kapat:hover{color:var(--ink);background:var(--surface)}
.cerez-sekme{display:flex;gap:.25rem;padding:.75rem 1.5rem 0;border-bottom:1px solid var(--line-soft);
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  flex:none}
.cerez-sekme button{flex:none}
.cerez-sekme::-webkit-scrollbar{display:none}
.cerez-sekme button{background:none;border:0;border-bottom:2px solid transparent;font:inherit;
  font-size:.88rem;font-weight:600;color:var(--ink-50);padding:.55rem .5rem .7rem;cursor:pointer;
  white-space:nowrap;line-height:1.4}
.cerez-sekme button.is-active{color:var(--brand-700);border-bottom-color:var(--brand)}
.cerez-govde{padding:1.35rem 1.5rem;overflow-y:auto;flex:1 1 auto;min-height:0}
.cerez-lead{font-size:.9rem;color:var(--ink-70);margin-bottom:1.1rem;line-height:1.6}

.cerez-kat{border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;margin-bottom:.8rem}
.cerez-kat-bas{display:flex;align-items:flex-start;gap:.85rem}
.cerez-kat-bas > div{flex:1;min-width:0}
.cerez-kat strong{display:block;font-size:.95rem}
.cerez-kat .alt{display:block;font-size:.8rem;color:var(--ink-50);margin-top:.1rem}
.cerez-kat p{font-size:.85rem;color:var(--ink-70);line-height:1.6;margin-top:.7rem}

/* anahtar */
.anahtar{position:relative;flex:none;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}
.anahtar input{position:absolute;opacity:0;width:0;height:0}
.anahtar span{width:42px;height:24px;border-radius:99px;background:var(--line);position:relative;
  transition:background .18s;flex:none}
.anahtar span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;
  border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.anahtar input:checked + span{background:var(--brand)}
.anahtar input:checked + span::after{transform:translateX(18px)}
.anahtar input:focus-visible + span{outline:2px solid var(--brand);outline-offset:2px}
.anahtar.kilitli{cursor:default}
.anahtar.kilitli input:checked + span{background:var(--ok)}
.anahtar small{font-size:.7rem;color:var(--ink-50);white-space:nowrap}

.cerez-tablo{width:100%;border-collapse:collapse;font-size:.84rem}
.cerez-tablo th,.cerez-tablo td{text-align:left;padding:.7rem .6rem;border-bottom:1px solid var(--line-soft);vertical-align:top}
.cerez-tablo thead th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-50);background:var(--surface)}
.cerez-tablo td:first-child{font-weight:600;color:var(--ink)}
.cerez-tablo td{color:var(--ink-70)}
.cerez-sar{overflow-x:auto}
/* Dar ekranda tablo yerine kart: yatay kaydırma gerekmiyor, üç sütun alt alta okunuyor */
@media(max-width:44rem){
  .cerez-tablo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cerez-tablo,.cerez-tablo tbody,.cerez-tablo tr,.cerez-tablo td{display:block;width:100%}
  .cerez-tablo tr{border:1px solid var(--line);border-radius:10px;padding:.85rem 1rem;margin-bottom:.7rem}
  .cerez-tablo td{border:0;padding:0}
  .cerez-tablo td:first-child{font-size:.92rem;margin-bottom:.45rem}
  .cerez-tablo td:not(:first-child){padding-left:0;margin-top:.4rem;font-size:.84rem}
  .cerez-tablo td:nth-child(2)::before{content:"Amaç: ";font-weight:600;color:var(--ink)}
  .cerez-tablo td:nth-child(3)::before{content:"Saklama: ";font-weight:600;color:var(--ink)}
  .cerez-sar{overflow-x:visible}
}
.cerez-liste{margin:0;padding-left:1.15rem;display:grid;gap:.5rem;font-size:.88rem;color:var(--ink-70)}
.cerez-not{font-size:.8rem;color:var(--ink-50);margin-top:1rem;line-height:1.6}

.cerez-alt{display:flex;flex-wrap:wrap;gap:.6rem;padding:1.1rem 1.5rem;border-top:1px solid var(--line-soft);
  background:var(--surface);border-radius:0 0 var(--r-lg) var(--r-lg);flex:none}
.cerez-alt .btn{flex:1 1 auto;padding:.62rem 1rem;font-size:.88rem}
body.cerez-acik{overflow:hidden}

/* ---------- iki sütunlu okuma düzeni ---------- */
/* Dar tek sütun geniş ekranda sağı boş bırakıyordu. Başlık ya da gezinme solda,
   metin sağda; dar ekranda alt alta iner. */
.iki-sutun,.sss-bolum{display:grid;gap:1.25rem}
.iki-sutun > :first-child,.sss-bolum > h2{margin:0}
.iki-sutun > div > :first-child{margin-top:0}
@media(min-width:64rem){
  .iki-sutun,.sss-bolum{grid-template-columns:20rem 1fr;gap:4rem;align-items:start}
  .iki-sutun > .yan,.sss-bolum > h2{position:sticky;top:104px}
}
.iki-sutun .yan h2{margin:0}
.iki-sutun .yan nav{margin-top:1rem;display:grid;gap:.35rem}
.iki-sutun .yan nav a{font-size:.86rem;color:var(--ink-50);line-height:1.45;padding:.15rem 0}
.iki-sutun .yan nav a:hover{color:var(--brand-700)}

/* baslik ile govde ayni yazinin parcasi: aralarinda bolum boslugu olmasin */
.yazi-govde{padding-top:0}

/* blog yazisinin yan sutunu: icindekiler + kisa eylem kutusu */
.yan-kutu{margin-top:1.6rem;padding:1.15rem 1.2rem;border:1px solid var(--line);
  border-radius:var(--r-lg);background:var(--lav)}
.yan-kutu p:last-of-type{margin-bottom:.9rem}
.btn-sm{padding:.5rem .95rem;font-size:.88rem}

/* ---------- referanslar ---------- */
.logo-izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
@media(min-width:40rem){.logo-izgara{grid-template-columns:repeat(3,1fr)}}
@media(min-width:64rem){.logo-izgara{grid-template-columns:repeat(4,1fr)}}
.logo-kutu{background:#fff;display:grid;place-items:center;padding:1.75rem 1.25rem;min-height:8rem}
.logo-kutu img{max-height:56px;width:auto;max-width:100%;object-fit:contain;
  filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}
.logo-kutu:hover img{filter:none;opacity:1}

.yorum{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.75rem;
  display:flex;flex-direction:column}
.yorum blockquote{margin:0;font-size:.97rem;line-height:1.7;color:var(--ink-70);flex:1}
.yorum blockquote::before{content:"";display:block;width:34px;height:3px;border-radius:2px;
  background:var(--brand);margin-bottom:1.1rem}
.yorum-kisi{display:flex;align-items:center;gap:.85rem;margin-top:1.4rem;padding-top:1.2rem;
  border-top:1px solid var(--line-soft)}
.yorum-kisi img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;background:var(--surface)}
.yorum-kisi strong{display:block;font-size:.92rem}
.yorum-kisi span{display:block;font-size:.82rem;color:var(--ink-50)}

/* ---------- dil değiştirici ---------- */
.dil-sec{display:none;align-items:center;justify-content:center;min-width:2.4rem;height:2.1rem;
  margin-left:.4rem;border:1px solid var(--line);border-radius:999px;font-size:.8rem;font-weight:700;
  letter-spacing:.03em;color:var(--ink-70)}
.dil-sec:hover{border-color:var(--brand);color:var(--brand-700);background:var(--brand-50)}
@media(min-width:75rem){.dil-sec{display:inline-flex}}
.mobilenav .dil-sec{display:inline-flex;margin:1rem 0 0}

/* ---------- ikonlu kartlar ---------- */
.sektor-kart{padding:1.25rem 1.35rem}
.sektor-kart .icon-badge{width:38px;height:38px;margin-bottom:.85rem;border-radius:10px}
.sektor-kart .icon-badge svg{width:19px;height:19px}
.grup-baslik{display:flex;align-items:center;gap:.75rem}
.grup-baslik .icon-badge{width:36px;height:36px;margin:0;border-radius:10px;flex:none}
.grup-baslik .icon-badge svg{width:18px;height:18px}
.icon-badge.icon-buyuk{width:56px;height:56px;border-radius:14px;margin:0}
.icon-badge.icon-buyuk svg{width:28px;height:28px}

/* ---------- platform logoları ---------- */
.plat-logo{height:46px;display:flex;align-items:center;margin-bottom:1rem;max-width:100%}
.plat-logo img{max-height:34px;width:auto;max-width:100%;object-fit:contain}
.plat-logo-hero{height:60px;margin-bottom:1.1rem}
.plat-logo-hero img{max-height:48px;max-width:min(220px,100%)}
/* kart içeriği asla sütunu taşırmasın */
.card{min-width:0}
.card > *{max-width:100%}
.partner-logolar{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 2.5rem}
.partner-logolar img{max-height:30px;width:auto;max-width:min(130px,40vw);object-fit:contain;
  filter:grayscale(1);opacity:.65;transition:filter .2s,opacity .2s}
.partner-logolar img:hover{filter:none;opacity:1}

/* ---------- fotoğraflı sektör kartı ---------- */
.foto-kart{position:relative;overflow:hidden;padding:0;display:block;border-radius:var(--r-lg)}
.foto-kart .foto{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--surface)}
.foto-kart .foto img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .35s ease}
a.foto-kart:hover .foto img{transform:scale(1.04)}
.foto-kart .foto::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(33,30,59,0) 45%,rgba(33,30,59,.74) 100%)}
.foto-kart .yazi{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.15rem;z-index:1}
.foto-kart .yazi h3{color:#fff;font-size:1rem;margin:0;line-height:1.3;
  text-shadow:0 1px 3px rgba(8,33,50,.35)}
.foto-kart .yazi p{color:rgba(255,255,255,.85);font-size:.8rem;margin-top:.2rem}
.foto-kart .rozet{position:absolute;top:.85rem;left:.85rem;z-index:1;width:34px;height:34px;
  border-radius:9px;background:rgba(255,255,255,.92);color:var(--brand);display:grid;place-items:center;
  backdrop-filter:blur(4px)}
.foto-kart .rozet svg{width:18px;height:18px}

/* sektör sayfası kapak görseli */
.sektor-kapak{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg);
  aspect-ratio:3/2;background:var(--surface)}
.sektor-kapak img{width:100%;height:100%;object-fit:cover;display:block}

/* fotoğraf + metin birlikte olan kart (EN sektör listesi) */
.foto-kart-govde{padding:0;overflow:hidden}
.foto-kart-govde .foto-kart{border-radius:var(--r-lg) var(--r-lg) 0 0}
.foto-kart-metin{padding:1.25rem 1.4rem 1.4rem}
.foto-kart-metin p{font-size:.9rem;color:var(--ink-70)}

/* ---------- harita (tıklayınca yüklenir) ---------- */
.harita{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  background:var(--surface);aspect-ratio:16/10}
.harita iframe{width:100%;height:100%;border:0;display:block}
.harita-ort{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:.9rem;text-align:center;padding:1.75rem;
  background:
    repeating-linear-gradient(0deg,transparent 0 38px,rgba(33,30,59,.05) 38px 39px),
    repeating-linear-gradient(90deg,transparent 0 38px,rgba(33,30,59,.05) 38px 39px),
    linear-gradient(160deg,var(--lav),#fff)}
.harita-ort svg{width:34px;height:34px;color:var(--brand)}
.harita-ort p{font-size:.88rem;color:var(--ink-70);max-width:26rem;line-height:1.6}
.harita-ort .not{font-size:.78rem;color:var(--ink-50)}

/* iki sütun düzeninde sol taraftaki görsel */
.yan-gorsel{margin-top:1.25rem;border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow);aspect-ratio:3/2;background:var(--surface)}
.yan-gorsel img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- kampanya pop-up'ı (yönetim panelinden yönetilir) ---------- */
.kampanya{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:1.25rem;
  background:rgba(10,25,40,.62);opacity:0;transition:opacity .22s ease}
.kampanya.is-acik{opacity:1}
.kampanya-kutu{position:relative;width:min(30rem,100%);max-height:88vh;
  transform:translateY(14px) scale(.985);transition:transform .26s cubic-bezier(.2,.7,.3,1)}
.kampanya.is-acik .kampanya-kutu{transform:none}
.kampanya-bag{display:block;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg);
  outline-offset:3px}
.kampanya-gorsel{display:block;width:100%;height:auto;max-height:88vh;object-fit:contain;
  border-radius:var(--r-lg);background:var(--white)}
.kampanya-bag .kampanya-gorsel{border-radius:0}
.kampanya-kapat{position:absolute;top:-.6rem;right:-.6rem;z-index:2;width:2.2rem;height:2.2rem;
  display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;
  background:var(--white);color:var(--ink-70);cursor:pointer;box-shadow:var(--shadow)}
.kampanya-kapat:hover{color:var(--ink);border-color:var(--ink-50)}
html.kampanya-acik{overflow:hidden}
@media(max-width:30rem){
  .kampanya{padding:1.5rem 1.1rem}
  .kampanya-kapat{top:-.5rem;right:-.5rem;width:2rem;height:2rem}
}
@media(prefers-reduced-motion:reduce){
  .kampanya,.kampanya-kutu{transition:none}
  .kampanya-kutu{transform:none}
}


/* ================================================================
   22 Eylül 2026: sektör yapısı, kampanyalar, renklendirme
   ================================================================ */

/* menü: Kampanyalar sekmesi vurgulu (Vera'daki "GEO Testi" gibi) */
.navlink-vurgu{color:var(--y-mor)}
.navlink-vurgu::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--r-turuncu);
  animation:hzTuruncu 2.2s ease-out infinite}
@keyframes hzTuruncu{0%{box-shadow:0 0 0 0 rgba(249,115,22,.45)}70%,100%{box-shadow:0 0 0 6px rgba(249,115,22,0)}}
.mobilenav .flat-vurgu{color:var(--y-mor)}

/* menü: sektörler paneli iki bölme; solda ana sektörler, sağda üzerine gelinenin alt sektörleri */
.sektor-cift{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.25rem;align-items:stretch}
.sektor-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem .5rem;align-content:start}
.sektor-ana{display:flex;align-items:center;gap:.6rem;padding:.38rem .5rem;border-radius:10px;
  font-weight:600;font-size:.9rem;color:var(--ink)}
.sektor-ana:hover,.sektor-ana.aktif{background:color-mix(in srgb,var(--renk) 10%,#fff);color:var(--renk-yazi)}
.sektor-altlar{background:var(--lav);border-radius:1rem;padding:1.1rem .9rem}
.sektor-alt{display:none}
.sektor-alt.aktif{display:block}
.sektor-alt-bas{font-weight:700;font-size:1rem;color:var(--renk-yazi);margin:0 .5rem}
.sektor-alt-ozet{font-size:.82rem;color:var(--ink-50);margin:.2rem .5rem .65rem;line-height:1.45}
.sektor-alt-liste.cok{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .5rem}
.sektor-alt .menu-link.menu-alt{padding:.3rem .5rem}
.sektor-alt .alt-tum{margin:.75rem .5rem 0;color:var(--renk-yazi)}
.sa-ikon{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--renk) 13%,#fff);color:var(--renk-yazi)}
.sa-ikon svg{width:16px;height:16px}
.menu-link.menu-alt{padding:.28rem .5rem .28rem 2.95rem;font-size:.85rem;color:var(--ink-70);line-height:1.35}
.menu-link.menu-alt:hover{color:var(--renk-yazi);background:color-mix(in srgb,var(--renk) 7%,#fff)}

/* çip listesi: alt sektörler, diğer sektörler, kampanya bağlantıları */
.cipler{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.cipler a,.cipler span{display:inline-flex;align-items:center;padding:.36rem .85rem;border-radius:999px;background:#fff;
  border:1px solid rgba(33,30,59,.11);font-size:.84rem;font-weight:500;color:var(--ink-70);
  transition:border-color .15s,color .15s,background-color .15s}
.cipler a:hover{border-color:var(--renk,var(--brand));color:var(--renk-yazi,var(--brand-700));
  background:color-mix(in srgb,var(--renk,var(--brand)) 8%,#fff)}
.cipler-buyuk a{padding:.5rem 1.05rem;font-size:.92rem}
/* dokunmatikte çipler ve ok bağlantıları parmakla rahat seçilsin */
@media(max-width:47.99rem){
  .cipler a,.cipler span{padding:.5rem 1rem;font-size:.86rem}
  .cipler-buyuk a{padding:.62rem 1.1rem}
  .card .arrow,.arrow-link,.alt-tum{padding-block:.45rem;min-height:2.25rem;align-items:center}
}
.arrow-link{font-weight:600;font-size:.93rem;color:var(--brand-700)}

/* sektörler sayfası: ana sektör kartı (fotoğraf + alt sektör çipleri) */
.ana-izgara{margin-top:2.25rem}
.card.ana-kart{padding:0;overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:110px}
.ana-foto{position:relative;display:block;aspect-ratio:16/7;overflow:hidden;background:var(--lav)}
.ana-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.ana-kart:hover .ana-foto img{transform:scale(1.03)}
.ana-foto .rozet{position:absolute;top:.9rem;left:.9rem;width:40px;height:40px;border-radius:12px;background:#fff;
  color:var(--renk-yazi);display:grid;place-items:center;box-shadow:var(--shadow)}
.ana-foto .rozet svg{width:20px;height:20px}
.ana-govde{padding:1.35rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.ana-govde h3{font-size:1.28rem;margin:0}
.ana-govde h3 a{color:var(--ink)}
.ana-govde h3 a:hover{color:var(--renk-yazi)}
.ana-govde>p{color:var(--ink-70);font-size:.93rem}
.ana-govde .arrow{margin-top:auto;padding-top:.4rem}

/* ana sektör sayfası: alt sektör kartı, menüden gelen çapa vurgulanır */
.alt-kart{scroll-margin-top:110px;display:flex;flex-direction:column}
.alt-kart h3{font-size:1.1rem}
.alt-kart>p{font-size:.92rem;color:var(--ink-70)}
.alt-kart .arrow{margin-top:auto;padding-top:1rem}
.alt-kart:target{box-shadow:0 0 0 3px color-mix(in srgb,var(--renk) 40%,transparent),var(--shadow-lg)}
.ticks.ticks-kucuk{margin-top:1rem;gap:.42rem}
.ticks.ticks-kucuk li{font-size:.88rem}
.grid>.card .ticks li::before{background-color:color-mix(in srgb,var(--renk) 13%,#fff)}

/* kampanyalar */
.kampanya-bolum{scroll-margin-top:96px}
.kampanya-bas{max-width:50rem}
.kampanya-bas .lede{margin-top:.9rem}
.kampanya-etiket{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-bottom:1.1rem}
.rozet-altin,.rozet-mavi{display:inline-flex;padding:.38rem .9rem;border-radius:999px;font-family:var(--mono);
  font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.rozet-altin{background:linear-gradient(135deg,#f7dc86,#dca63c);color:#3b2a05}
.rozet-mavi{background:linear-gradient(135deg,var(--r-mavi),var(--r-mor));color:#fff}
.kampanya-tarih{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;color:var(--ink-50);padding:.36rem .85rem;
  border:1px solid var(--line);border-radius:999px;background:#fff}
.paket-izgara{margin-top:2.5rem}
.paket-izgara>.paket-silver{--renk:#9AA3B5;--renk-yazi:#4B5566}
.paket-izgara>.paket-gold{--renk:#D9A63C;--renk-yazi:#8A5A00}
.paket-izgara>.paket-platinium{--renk:var(--r-mor);--renk-yazi:var(--y-mor)}
.card.paket{padding:0;overflow:hidden}
/* Paket gorseli artik kampanya afisi: dikey 2:3, afis tam gorunsun diye kirpilmaz. */
.paket-foto{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:var(--lav)}
/* Kampanyanin genel afisi: paketlerin ustunde, ortada, okunur genislikte. */
.kampanya-afis{margin:2rem auto 2.4rem;max-width:26rem}
.kampanya-afis img{width:100%;height:auto;display:block;border-radius:1.25rem;box-shadow:var(--shadow)}
.paket-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.paket:hover .paket-foto img{transform:scale(1.03)}
/* paket adları kaynakta büyük harf: Türkçe büyük harf kuralı SILVER'ı SİLVER yapmasın diye dönüştürülmez */
/* Rozet afisin ustune basilmaz: afisin hem ust hem alt kosesinde icerik var
   (logo ve iletisim satiri). Kart govdesinde, basligin ustunde duruyor. */
.paket-ad{display:inline-block;margin:0 0 .5rem;padding:.4rem .95rem;border-radius:999px;font-family:var(--mono);
  font-size:.74rem;font-weight:500;letter-spacing:.14em;box-shadow:var(--shadow)}
.paket-silver .paket-ad{background:linear-gradient(135deg,#f3f5f8,#bcc4d1);color:#2d3440}
.paket-gold .paket-ad{background:linear-gradient(135deg,#f7dc86,#dca63c);color:#3b2a05}
.paket-platinium .paket-ad{background:linear-gradient(135deg,var(--r-mor),var(--r-mavi));color:#fff}
.paket-govde{padding:1.35rem 1.5rem 1.55rem}
.paket-govde h3{font-size:1.32rem;display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin:0}
.paket-govde h3 span{font-family:var(--mono);font-size:.72rem;font-weight:500;color:var(--ink-50);letter-spacing:.05em;white-space:nowrap}
.paket-rota{font-size:.88rem;color:var(--ink-50);margin-top:.25rem}
.paket-fiyat{margin-top:1rem;display:flex;align-items:baseline;gap:.65rem;flex-wrap:wrap}
.paket-fiyat del{color:var(--ink-50);font-size:.95rem}
.paket-fiyat strong{font-size:1.75rem;color:var(--renk-yazi);letter-spacing:-.01em;line-height:1.1}
.paket-avantaj{display:inline-flex;margin-top:.55rem;padding:.3rem .75rem;border-radius:999px;
  background:color-mix(in srgb,var(--renk) 15%,#fff);color:var(--renk-yazi);font-size:.8rem;font-weight:600}
.paket-ozet{margin-top:.9rem;font-size:.9rem;color:var(--ink-70)}
.kosullar{margin-top:2rem;background:#fff;border:1px solid rgba(33,30,59,.08);border-radius:1rem;padding:0 1.35rem}
.kosullar summary{cursor:pointer;list-style:none;padding:1.05rem 0;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.kosullar summary::-webkit-details-marker{display:none}
.kosullar summary::after{content:"+";color:var(--brand);font-size:1.4rem;font-weight:400;line-height:1}
.kosullar[open] summary::after{content:"–"}
.kosul-ic{display:grid;gap:1.5rem;padding:0 0 1.4rem}
@media(min-width:56rem){.kosul-ic{grid-template-columns:1.4fr 1fr;gap:2.5rem}}
.kosul-ic dl{margin:0;display:grid;gap:.95rem}
.kosul-ic dt{font-weight:600;font-size:.92rem}
.kosul-ic dd{margin:.15rem 0 0;color:var(--ink-70);font-size:.88rem;line-height:1.6}
.kosul-bas{font-weight:600;font-size:.92rem;margin-bottom:.6rem}
.kampanya-yatay{display:grid;gap:2rem;align-items:center}
@media(min-width:56rem){.kampanya-yatay{grid-template-columns:1.3fr .9fr;gap:3.5rem}}
.kampanya-vitrin{position:relative;isolation:isolate;overflow:hidden;border-radius:1.75rem;padding:2.5rem 2rem;min-height:16rem;
  display:grid;place-items:center;align-content:center;gap:1.1rem;text-align:center;color:#fff;box-shadow:var(--shadow-lg);
  background:linear-gradient(140deg,var(--r-mavi) 0%,#3b5fd6 55%,var(--r-mor) 100%)}
.kampanya-vitrin::before{content:"";position:absolute;inset:0;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);
  background-size:36px 36px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 20%,transparent 85%);
  mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 20%,transparent 85%)}
.kampanya-vitrin img{max-height:64px;width:auto;background:#fff;padding:.75rem 1.1rem;border-radius:16px;box-shadow:var(--shadow)}
.kampanya-vitrin p{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}

/* demo ve teklif formu: renkli adımlar, iletişim kutuları, renk şeritli form */
.demo-duzen{display:grid;gap:2.5rem}
@media(min-width:60rem){.demo-duzen{grid-template-columns:1fr 1.1fr;gap:3.5rem;align-items:start}}
.adim-liste{display:grid;gap:.9rem}
.adim-liste>:nth-child(1){--renk:var(--r-mavi);--renk-yazi:var(--y-mavi)}
.adim-liste>:nth-child(2){--renk:var(--r-mor);--renk-yazi:var(--y-mor)}
.adim-liste>:nth-child(3){--renk:var(--r-yesil);--renk-yazi:var(--y-yesil)}
.card.adim{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.35rem;border-top:3px solid var(--renk)}
.adim-no{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);
  font-weight:500;background:color-mix(in srgb,var(--renk) 14%,#fff);color:var(--renk-yazi)}
.adim h3{font-size:1rem;margin-bottom:.3rem}
.adim p{font-size:.9rem;color:var(--ink-70)}
.iletisim-kutu{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem;margin-top:1.1rem}
.iletisim-kutu>:nth-child(1){--renk:var(--r-turuncu);--renk-yazi:var(--y-turuncu)}
.iletisim-kutu>:nth-child(2){--renk:var(--r-mor);--renk-yazi:var(--y-mor)}
.card.ik{display:flex;gap:.85rem;align-items:center;padding:1rem 1.15rem;color:var(--ink);border-top:3px solid var(--renk)}
a.card.ik:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--ink)}
.ik-ikon{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--renk) 14%,#fff);color:var(--renk-yazi)}
.ik-ikon svg{width:19px;height:19px}
.ik b{display:block;font-size:.92rem}
.ik small{display:block;color:var(--ink-50);font-size:.85rem}
.card.form-kart{position:relative;overflow:hidden;padding:2rem;box-shadow:var(--shadow-lg)}
.form-kart::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--r-mavi),var(--r-mor),var(--r-yesil),var(--r-turuncu))}
@media(prefers-reduced-motion:reduce){.navlink-vurgu::after{animation:none}}

/* ana sayfa omurga kartının köşesindeki yıl mührü: halka yazısı yavaşça döner, sayı sabit kalır */
.stack-visual{position:relative}
.stack-visual .sv-head{padding-right:4.4rem}
.yil-muhur{position:absolute;top:-2.9rem;right:-2.4rem;z-index:2;width:7.25rem;height:7.25rem;border-radius:50%;display:grid;place-items:center;
  color:#fff;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),rgba(255,255,255,0) 55%),linear-gradient(135deg,var(--brand) 0%,#5a5ce6 62%,var(--plasma) 100%);
  box-shadow:0 0 0 5px rgba(255,255,255,.92),0 0 0 6px rgba(33,30,59,.06),0 18px 34px -12px rgba(8,104,176,.6)}
.yil-muhur::before{content:"";position:absolute;inset:1.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.34)}
.yil-muhur svg{position:absolute;inset:0;width:100%;height:100%;animation:ymDon 40s linear infinite}
.yil-muhur text{font-family:var(--mono);font-size:7.6px;font-weight:500;fill:#fff;fill-opacity:.92}
.ym-ic{position:relative;text-align:center;line-height:1}
.ym-ic b{display:block;font-family:var(--serif);font-weight:700;font-size:2.3rem;letter-spacing:-.04em}
.ym-ic span{display:block;margin-top:.15rem;font-family:var(--mono);font-size:.55rem;font-weight:500;letter-spacing:.24em;padding-left:.24em;opacity:.92}
@keyframes ymDon{to{transform:rotate(360deg)}}
@media(max-width:47.99rem){
  .yil-muhur{width:5.9rem;height:5.9rem;top:-2.3rem;right:-.35rem}
  .yil-muhur::before{inset:.95rem}
  .ym-ic b{font-size:1.85rem}
  .ym-ic span{font-size:.48rem}
  .stack-visual .sv-head{padding-right:5.2rem}
}
@media(prefers-reduced-motion:reduce){.yil-muhur svg{animation:none}}

/* Raca ana sayfa hero slider'ı (29 Eyl 2026) */
.slider{position:relative;padding-top:clamp(2.25rem,1rem + 4vw,4rem)}
.slaytlar{display:grid}
.slayt,.slayt-kat{grid-area:1/1;display:grid;gap:2rem;align-items:center;
  opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
.slayt.aktif{opacity:1;visibility:visible;transition:opacity .7s ease,visibility 0s}
@media(min-width:64rem){.slayt,.slayt-kat{grid-template-columns:1fr 1.05fr;gap:3.5rem}}
/* yazı blokları aynı yükseklikte (JS --yazi-h): görsel her slaytta aynı yerde durur */
.slayt-yazi,.kat-yazi{min-height:var(--yazi-h,0)}
.slayt-yazi{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
/* sabit katman: slaytlarla aynı geometri, yalnız 18 yıl mührünü taşır, slayt değişince kıpırdamaz */
.slayt-kat{opacity:1;visibility:visible;pointer-events:none;z-index:3}
.slayt-kat .yil-muhur{pointer-events:auto}
.kat-foto{aspect-ratio:1264/848}

/* yazı tarafı: aktif olunca sırayla yukarı süzülür */
.slayt-yazi>*{transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s}
.slayt:not(.aktif) .slayt-yazi>*{transform:translateY(18px);opacity:0}
.slayt.aktif .slayt-yazi>:nth-child(2){transition-delay:.08s}
.slayt.aktif .slayt-yazi>:nth-child(3){transition-delay:.16s}
.slayt.aktif .slayt-yazi>:nth-child(4){transition-delay:.24s}
.slayt-yazi .display{margin-top:.9rem;margin-bottom:0;font-size:clamp(2.1rem,1.2rem + 3.2vw,3.5rem)}
.slayt-alt{margin-top:1.1rem;font-size:clamp(1.05rem,.95rem + .45vw,1.3rem);font-weight:500;color:var(--ink-70);
  display:inline-flex;align-items:center;gap:.7rem}
.slayt-alt::before{content:"";width:1.6rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brand),var(--plasma))}

/* görsel tarafı */
.slayt-gorsel{position:relative;margin-bottom:1.5rem}
.sg-foto{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:1264/848;background:var(--lav)}
.sg-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,58,94,.38));pointer-events:none}
.sg-foto img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.07);transition:transform 7.5s cubic-bezier(.25,.1,.25,1)}
.slayt.aktif .sg-foto img{transform:scale(1)}

/* 1 · dört platform logosu */
.sg-kutu{position:absolute;left:1rem;right:1rem;bottom:-1.5rem;height:4.25rem;padding:0 .6rem;display:flex;align-items:center;justify-content:center;
  gap:.4rem;flex-wrap:nowrap;overflow:hidden;background:rgba(255,255,255,.97);border:1px solid rgba(33,30,59,.07);border-radius:1.1rem;box-shadow:var(--shadow-lg)}
.sg-logolar{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.sg-logolar a{display:grid;place-items:center;height:3.1rem;padding:.4rem .6rem;border-radius:.75rem;transition:background .2s}
.sg-logolar a:hover{background:var(--lav)}
.sg-logolar img{max-height:2.1rem;width:auto;max-width:100%;object-fit:contain}
.slayt-kat .yil-muhur{top:-2.4rem;right:-1.2rem}

/* 2 · bağlı departmanlar: kutucuklar sırayla yanar */
.sg-akis span{position:relative;white-space:nowrap;flex:none;font-size:.82rem;font-weight:600;color:var(--ink);padding:.45rem .8rem;border-radius:999px;
  background:var(--lav);transition:background .4s,color .4s}
.sg-akis span+span::before{content:"";position:absolute;left:-.4rem;top:50%;width:.4rem;height:2px;background:rgba(123,97,255,.35)}
.slayt.aktif .sg-akis span{animation:sgYan 3.6s ease-in-out infinite}
.slayt.aktif .sg-akis span:nth-child(2){animation-delay:0.6s}
.slayt.aktif .sg-akis span:nth-child(3){animation-delay:1.2s}
.slayt.aktif .sg-akis span:nth-child(4){animation-delay:1.8s}
.slayt.aktif .sg-akis span:nth-child(5){animation-delay:2.4s}
.slayt.aktif .sg-akis span:nth-child(6){animation-delay:3.0s}
@keyframes sgYan{0%,26%,100%{background:var(--lav);color:var(--ink)}6%,16%{background:var(--brand);color:#fff}}

/* 3 · sektör etiketleri */
.sg-cipler a{white-space:nowrap;flex:none;font-size:.82rem;font-weight:600;color:var(--brand-700);padding:.45rem .8rem;border-radius:999px;background:var(--lav);
  transition:background .2s,color .2s,transform .5s cubic-bezier(.2,1.4,.3,1),opacity .4s}
.sg-cipler a:hover{background:var(--brand);color:#fff}
.sg-cipler a.sg-tumu{background:var(--brand);color:#fff}
.sg-cipler a.sg-tumu:hover{background:var(--brand-700)}
.slayt:not(.aktif) .sg-cipler a{transform:translateY(8px) scale(.9);opacity:0}
.sg-cipler a:nth-child(1){transition-delay:.3s} .sg-cipler a:nth-child(2){transition-delay:.36s}
.sg-cipler a:nth-child(3){transition-delay:.42s} .sg-cipler a:nth-child(4){transition-delay:.48s}
.sg-cipler a:nth-child(5){transition-delay:.54s} .sg-cipler a:nth-child(6){transition-delay:.6s}
.sg-cipler a:nth-child(7){transition-delay:.66s} .sg-cipler a:nth-child(8){transition-delay:.72s}
.sg-cipler a:hover{transition-delay:0s}

/* kontroller */
.slider-kontrol{display:flex;align-items:center;gap:.75rem;margin-top:2.25rem}
@media(min-width:64rem){.slider-kontrol{margin-top:1rem}}
.sk-ok{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(33,30,59,.12);
  color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s,transform .2s}
.sk-ok:hover{border-color:var(--brand);color:var(--brand)}
.sk-ok svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sk-noktalar{display:flex;gap:.45rem}
.sk-nokta{position:relative;width:2.6rem;height:2.6rem;padding:0;border:0;background:none;cursor:pointer}
.sk-nokta::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:rgba(33,30,59,.14)}
.sk-nokta span{position:absolute;left:0;top:50%;height:4px;margin-top:-2px;width:100%;border-radius:4px;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,var(--brand),var(--plasma))}
.sk-nokta.aktif span{animation:skDol var(--sure,7s) linear forwards}
.slider.durdu .sk-nokta.aktif span{animation-play-state:paused}
.slider.elle .sk-nokta.aktif span{animation:none;transform:scaleX(1)}
@keyframes skDol{to{transform:scaleX(1)}}
.sk-sayac{margin-left:.35rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;color:var(--ink-50)}
.sk-sayac b{color:var(--ink);font-weight:600}

.hero-slider .hero-rakam{margin-top:clamp(2rem,1rem + 2.5vw,3rem)}

@media(max-width:63.99rem){
  .slayt-kat .yil-muhur{top:-1.6rem;right:-.3rem}
  .sg-kutu{height:3.5rem;left:.6rem;right:.6rem;padding:0 .4rem;gap:.3rem}
  .sg-cipler a:nth-child(n+4):not(.sg-tumu){display:none}
  .sg-akis span+span::before{display:none}
  .sg-logolar a{height:2.6rem;padding:.3rem .35rem}
  .sg-logolar img{max-height:1.7rem}
  .sg-akis span,.sg-cipler a{white-space:nowrap;flex:none;font-size:.76rem;padding:.4rem .65rem}
}
/* dar ekranlarda kutu içi tek satıra sığsın (kutu yüksekliği sabit) */
@media(max-width:79.99rem){
  .sg-akis span,.sg-cipler a{font-size:.76rem;padding:.4rem .6rem}
  .sg-kutu{gap:.3rem}
  .sg-akis span+span::before{left:-.3rem;width:.3rem}
}
@media(min-width:64rem) and (max-width:79.99rem){.sg-cipler a:nth-child(n+5):not(.sg-tumu){display:none}}
@media(max-width:30rem){
  .sg-akis span{font-size:.68rem;padding:.34rem .42rem}
  .sg-kutu{gap:.22rem}
}
@media(max-width:23.5rem){.sg-akis span{font-size:.64rem;padding:.32rem .34rem}.sg-kutu{gap:.18rem;padding:0 .3rem}}
@media(prefers-reduced-motion:reduce){
  .slayt,.slayt-yazi>*,.sg-foto img,.sg-cipler a{transition:none!important}
  .sg-foto img{transform:none!important}
  .slayt.aktif .sg-akis span{animation:none}
  .sk-nokta.aktif span{animation:none;transform:scaleX(1)}
}

/* EN menü sağa kaydığı için Hizmetler'in yan kutusu 95rem altında ekrandan taşıyordu: sola açılır (30 Eyl 2026) */
@media(max-width:95rem){
  html[lang="en"] .alt-panel{left:auto;right:calc(100% + .5rem);transform:translateX(6px)}
  html[lang="en"] .alt-panel::before{left:auto;right:-.6rem}
}
/* EN sektör adları uzun: telefonda slayttaki kutuya iki sektör + "tümü" sığar */
@media(max-width:30rem){html[lang="en"] .sg-cipler a:nth-child(n+3):not(.sg-tumu){display:none}}

/* Dokümanlar sayfası: kapaklı kart + biçim başına indirme düğmesi (17 Eki 2026) */
.dokuman-kart{padding:0;overflow:hidden;display:flex;flex-direction:column}
.grid>.card.dokuman-kart{border-top:0}
.dokuman-kapak{display:block;aspect-ratio:16/9;background:var(--surface);border-bottom:1px solid rgba(33,30,59,.07);overflow:hidden}
.dokuman-kapak img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.dokuman-kapak:hover img{transform:scale(1.03)}
.dokuman-govde{padding:1.25rem 1.4rem 1.4rem;display:flex;flex-direction:column;flex:1}
.dokuman-ust{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--brand-700);margin:0 0 .4rem}
.dokuman-ust span+span{color:var(--muted,#666);font-weight:500}
.dokuman-ad{font-size:1.15rem;line-height:1.3;margin:0 0 .5rem}
.dokuman-govde>p:not(.dokuman-ust){font-size:.9rem;margin:0 0 1.1rem}
.dokuman-dosyalar{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}
.dokuman-indir{flex:1 1 100%;justify-content:center;gap:.45rem;white-space:nowrap}
.dokuman-indir small{font-size:.75rem;opacity:.65;font-weight:500}