/*!
 * Ino Tema — ana stil
 * zohi · https://zohi.tr
 */

/* =====================================================================
   1. Değişkenler ve temel
   ===================================================================== */
:root{
	--ino-ana:#221A3F;
	--ino-vurgu:#AA182D;
	--ino-ikincil:#7360F8;
	--ino-footer:#18132D;
	--ino-zemin:#F8F7FA;
	--ino-font:"PT Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	--ino-kose:20px;

	--ana-2:color-mix(in srgb,var(--ino-ana) 88%,#fff);
	--vurgu-koyu:color-mix(in srgb,var(--ino-vurgu) 85%,#000);
	--vurgu-acik:color-mix(in srgb,var(--ino-vurgu) 60%,#fff);
	--ikincil-acik:color-mix(in srgb,var(--ino-ikincil) 55%,#fff);
	--metin:#16131D;
	--soluk:#6F6A7C;
	--soluk-koyu:#C8C2D8;
	--cizgi:#E8E4EE;
	--yumusak:#F3F1F7;
	--yesil:#2C8A70;
	--golge:0 24px 70px rgba(34,26,63,.12);
	--golge-hafif:0 12px 35px rgba(34,26,63,.08);
	--gecis:cubic-bezier(.2,.8,.2,1);
	--header-h:78px;
}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 20px)}
body{margin:0;font-family:var(--ino-font);font-size:16px;line-height:1.6;color:var(--metin);background:var(--d-zemin,#fff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
body.menu-acik{overflow:hidden}
img,svg,video{max-width:100%;height:auto}
img{display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,h5,h6{color:var(--d-baslik,var(--ino-ana));line-height:1.15;margin:0 0 .5em;letter-spacing:-.02em}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--ino-ikincil);outline-offset:3px;border-radius:6px}
::selection{background:color-mix(in srgb,var(--ino-ikincil) 25%,transparent)}
.kap{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.icerik-dar{max-width:820px}
.icerik-orta{max-width:880px;text-align:center}
.ekran-okuyucu{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla-link{position:fixed;left:16px;top:-60px;z-index:999;background:var(--ino-ana);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;transition:top .2s}
.atla-link:focus{top:16px}
.ikon{flex:none;vertical-align:middle}
.yapiskan{position:sticky;top:calc(var(--header-h) + 24px)}
.site-icerik,.site-footer,.footer-cta-bolum{overflow-x:clip}
.entegrasyon{overflow:hidden}

/* =====================================================================
   2. Butonlar, başlıklar, ortak parçalar
   ===================================================================== */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:15px;line-height:1.1;cursor:pointer;white-space:nowrap;overflow:hidden;isolation:isolate;transition:transform .25s var(--gecis),box-shadow .25s,background .25s,border-color .25s,color .25s}
.btn-ok{display:inline-flex;transition:transform .25s var(--gecis)}
.btn:hover .btn-ok{transform:translateX(4px)}
.btn-ana{background:var(--ino-vurgu);color:#fff;box-shadow:0 10px 25px color-mix(in srgb,var(--ino-vurgu) 24%,transparent)}
.btn-ana:hover{transform:translateY(-2px);background:var(--vurgu-koyu);box-shadow:0 16px 32px color-mix(in srgb,var(--ino-vurgu) 32%,transparent)}
.btn-cizgi{background:var(--d-yuzey,#fff);border-color:var(--d-cizgi,rgba(34,26,63,.14));color:var(--d-baslik,var(--ino-ana))}
.btn-cizgi:hover{border-color:var(--ino-ana);transform:translateY(-2px)}
.btn-beyaz{background:#fff;color:var(--ino-ana)}
.btn-beyaz:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.2)}
.btn-seffaf{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.04)}
.btn-seffaf:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5)}
.btn-kucuk{min-height:40px;padding:0 14px;font-size:14px;border-radius:10px}
.btn-buyuk{min-height:54px;padding:0 24px;font-size:16px;border-radius:14px}
.btn-tam{width:100%}
.btn-parla:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-120%);animation:parla 4.5s ease-in-out 2s infinite}
@keyframes parla{0%,70%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}
.metin-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.metin-link .ikon{transition:transform .25s var(--gecis)}
.metin-link:hover{color:var(--d-vurgu,var(--ino-vurgu))}
.metin-link:hover .ikon{transform:translateX(4px)}

.ust-baslik{display:inline-flex;align-items:center;gap:10px;color:var(--d-vurgu,var(--ino-vurgu));font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ust-baslik:before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.bolum-basligi{max-width:720px;margin-bottom:42px}
.bolum-basligi.ortali{margin-inline:auto;text-align:center}
.bolum-basligi.ortali .ust-baslik:after{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.bolum-baslik{margin:12px 0 14px;font-size:clamp(32px,4vw,50px);line-height:1.04;letter-spacing:-.035em}
.bolum-metin{margin:0;font-size:18px;line-height:1.65;color:var(--soluk)}
.vurgu{color:var(--d-vurgu,var(--ino-vurgu))}
.bolum{position:relative;padding:clamp(72px,9vw,110px) 0}
.bolum-yumusak{background:var(--ino-zemin)}
.bolum-koyu{background:var(--ino-ana);color:#fff;overflow:hidden}
.bolum-koyu .bolum-baslik,.bolum-koyu h3{color:#fff}
.bolum-koyu .bolum-metin{color:var(--soluk-koyu)}
.bolum-koyu .ust-baslik{color:#FF8D9D}
.bolum-koyu .vurgu{color:#FF8D9D}
.koyu-desen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% -10%,color-mix(in srgb,var(--ino-ikincil) 30%,transparent),transparent 40%),radial-gradient(circle at -5% 110%,color-mix(in srgb,var(--ino-vurgu) 20%,transparent),transparent 35%)}
.koyu-desen:after{content:"";position:absolute;inset:0;opacity:.07;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 70% 0,#000,transparent 70%);-webkit-mask-image:radial-gradient(circle at 70% 0,#000,transparent 70%)}
.bolum-bas-yan{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}
.bolum-bas-yan .bolum-basligi{margin-bottom:0}
.rozet{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;border:1px solid var(--d-cizgi,rgba(34,26,63,.1));background:var(--d-cam,rgba(255,255,255,.8));backdrop-filter:blur(8px);color:var(--d-baslik,var(--ino-ana));font-size:13px;font-weight:700}
.rozet-nokta{position:relative;width:8px;height:8px;border-radius:50%;background:var(--ino-vurgu)}
.rozet-nokta:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ino-vurgu);animation:nabiz 2s ease-out infinite}
@keyframes nabiz{from{transform:scale(.5);opacity:1}to{transform:scale(1.8);opacity:0}}
.onay-liste{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.onay-liste li{display:flex;align-items:flex-start;gap:10px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.onay-liste li .ikon{flex:0 0 26px;height:26px;padding:5px;border-radius:8px;background:#E9F5F1;color:var(--yesil)}
.onay-liste--iki{grid-template-columns:1fr 1fr}
.onay-liste--acik li{color:#fff}
.onay-liste--acik li .ikon{background:rgba(255,255,255,.12);color:#9FE3CE}
.bolum-koyu .onay-liste li{color:#fff}
.form-kart{position:relative;background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);border-radius:24px;padding:clamp(22px,3vw,34px);box-shadow:var(--golge)}
.form-kart-bas h2{font-size:28px;margin-bottom:6px}
.form-kart-bas p{color:var(--soluk);margin-bottom:22px}
.form-yedek{padding:24px;border:1px dashed var(--d-cizgi,#d6cfde);border-radius:16px;background:var(--ino-zemin)}
.form-yedek .btn{margin:4px 6px 0 0}
.bos-sonuc{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:48px 24px;border:1px dashed var(--d-cizgi,#d6cfde);border-radius:20px;background:var(--ino-zemin);color:var(--soluk);margin-top:20px}
.bos-sonuc .ikon{color:var(--ino-ikincil)}
.bos-sonuc[hidden]{display:none}
.kirinti ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0 0 22px;padding:0;font-size:13px;color:var(--soluk)}
.kirinti li{display:flex;align-items:center;gap:6px}
.kirinti li+li:before{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);opacity:.6}
.kirinti a:hover{color:var(--d-vurgu,var(--ino-vurgu))}
.kirinti [aria-current] span{color:var(--d-baslik,var(--ino-ana));font-weight:700}
.icerik-orta .kirinti ol{justify-content:center}

/* Belirme animasyonları */
.js-hazir .belir{opacity:0;transform:translateY(22px);transition:opacity .7s var(--gecis),transform .7s var(--gecis)}
.js-hazir .belir[data-gecikme="1"]{transition-delay:.08s}
.js-hazir .belir[data-gecikme="2"]{transition-delay:.16s}
.js-hazir .belir[data-gecikme="3"]{transition-delay:.24s}
.js-hazir .belir[data-gecikme="4"]{transition-delay:.32s}
.js-hazir .belir.gorunur{opacity:1;transform:none}
.efekt-kapali .belir{opacity:1!important;transform:none!important}

/* Fareyi izleyen ışık */
[data-isik]{position:relative;isolation:isolate}
[data-isik]:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--ino-ikincil) 14%,transparent),transparent 45%)}
[data-isik]:hover:before{opacity:1}
.kart-kapla:after{content:"";position:absolute;inset:0;z-index:2}

/* =====================================================================
   3. Header ve mega menü
   ===================================================================== */
.ust-bar{background:var(--ino-ana);color:#DCD7E8;font-size:13px;position:relative;z-index:91}
.ust-bar-ic{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px}
.ust-bar-duyuru{margin:0;display:flex;align-items:center;gap:10px;min-width:0}
.ust-bar-duyuru span:not(.ust-bar-rozet){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ust-bar-rozet{background:var(--ino-vurgu);color:#fff;border-radius:99px;padding:2px 9px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;flex:none}
.ust-bar-duyuru a{display:inline-flex;align-items:center;gap:5px;color:#fff;font-weight:700;white-space:nowrap}
.ust-bar-iletisim{display:flex;gap:18px;flex:none}
.ust-bar-iletisim a{display:inline-flex;align-items:center;gap:6px}
.ust-bar-iletisim a:hover,.ust-bar-duyuru a:hover{color:#FF8D9D}

.site-header{position:relative;z-index:90;border-bottom:1px solid var(--d-cizgi,rgba(34,26,63,.07));transition:transform .35s var(--gecis),box-shadow .3s}
.site-header:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--d-cam,rgba(255,255,255,.92));backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);transition:background .3s}
.header-yapiskan .site-header{position:sticky;top:0}
.admin-bar.header-yapiskan .site-header{top:32px}
@media (max-width:782px){.admin-bar.header-yapiskan .site-header{top:0}}
.site-header.kaydirildi{box-shadow:0 10px 30px rgba(34,26,63,.08)}
.site-header.kaydirildi:before,.menu-acik .site-header:before{background:var(--d-cam,rgba(255,255,255,.98))}
.site-header.gizli{transform:translateY(-110%)}
.header-ic{height:var(--header-h);display:flex;align-items:center;gap:28px;transition:height .3s}
.site-header.kaydirildi .header-ic{height:68px}

.marka{display:inline-flex;align-items:center;gap:11px;flex:none}
.marka img{object-fit:contain}
.marka-isaret{position:relative;width:39px;height:39px;border-radius:13px;background:var(--ino-ana);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);flex:none;transition:transform .5s var(--gecis)}
.marka:hover .marka-isaret{transform:rotate(-8deg) scale(1.05)}
.marka-isaret:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;left:9px;top:7px}
.marka-isaret:after{content:"";position:absolute;width:20px;height:11px;border:3px solid #fff;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-28deg);left:9px;top:17px}
.marka-yazi{font-size:25px;font-weight:700;color:var(--d-baslik,var(--ino-ana));letter-spacing:-.04em;line-height:1}
.marka-on{color:var(--d-vurgu,var(--ino-vurgu))}
.marka--acik .marka-isaret{background:#fff}
.marka--acik .marka-isaret:before{background:var(--ino-ana)}
.marka--acik .marka-isaret:after{border-top-color:var(--ino-ana);border-right-color:var(--ino-ana)}
.marka--acik .marka-yazi{color:#fff}

.ust-nav{margin-left:8px;height:100%}
.nav-liste{display:flex;align-items:center;gap:2px;height:100%;list-style:none;margin:0;padding:0}
.nav-oge{position:relative;height:100%;display:flex;align-items:center}
.nav-oge.mega-var,.nav-oge.acilir-var{position:static}
.nav-link{position:relative;display:flex;align-items:center;gap:7px;height:44px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:var(--d-baslik,var(--ino-ana));font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.nav-link:hover,.nav-oge.acik>.nav-link{background:var(--yumusak)}
.nav-oge.aktif>.nav-link{color:var(--ino-vurgu)}
.nav-oge.aktif>.nav-link:after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:currentColor}
.nav-ok{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s var(--gecis)}
.nav-oge.acik .nav-ok{transform:rotate(225deg) translate(-2px,-2px)}

.mega,.acilir{position:absolute;top:calc(100% - 6px);left:var(--mega-sol,16px);width:min(var(--mega-genislik,760px),calc(100vw - 32px));z-index:95;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s,transform .3s var(--gecis),visibility .22s;pointer-events:none}
.mega:before,.acilir:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-oge.acik>.mega,.nav-oge.acik>.acilir{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mega-ic{display:grid;grid-template-columns:minmax(0,1fr);background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);border-radius:20px;box-shadow:0 30px 80px rgba(34,26,63,.16);overflow:hidden}
.mega--panelli .mega-ic{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.mega--kart.mega--panelli .mega-ic{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.mega-ana{padding:18px}
.mega-baslik{padding:6px 8px 12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk)}
.mega-izgara{display:grid;grid-template-columns:repeat(var(--sutun,1),minmax(0,1fr));gap:4px}
.mega-oge{display:flex;align-items:flex-start;gap:13px;padding:11px 12px;border-radius:14px;color:var(--d-baslik,var(--ino-ana));transition:background .2s,transform .25s var(--gecis)}
.mega-oge:hover,.mega-oge.aktif{background:var(--yumusak)}
.mega-oge:hover{transform:translateX(3px)}
.mega-ikon{flex:0 0 38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--d-ton,#F4F1F9);color:var(--d-vurgu,var(--ino-vurgu));transition:background .25s,color .25s,transform .35s var(--gecis)}
.mega-oge:hover .mega-ikon{background:var(--ino-ana);color:#fff;transform:rotate(-6deg)}
.mega-yazi{min-width:0}
.mega-yazi b{display:block;font-size:15px;line-height:1.3}
.mega-yazi small{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:var(--soluk)}
.mega-rozet{display:inline-block;font-style:normal;font-size:10px;padding:1px 6px;border-radius:99px;background:var(--ino-vurgu);color:#fff;vertical-align:2px}
.mega-kart{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:14px;text-align:center;transition:background .2s}
.mega-kart:hover,.mega-kart.aktif{background:var(--yumusak)}
.mega-kart-gorsel{position:relative;display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:1px solid var(--cizgi);background:var(--ino-zemin);box-shadow:0 2px 6px rgba(34,26,63,.05)}
.mega-kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--gecis)}
.mega-kart:hover .mega-kart-gorsel img{transform:scale(1.07)}
.mega-kart-gorsel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(34,26,63,.18));opacity:0;transition:opacity .3s}
.mega-kart:hover .mega-kart-gorsel:after{opacity:1}
.mega-kart-bos{position:absolute;inset:0;display:grid;place-items:center;color:var(--ino-ikincil)}
.mega-kart-ad{font-size:13.5px;font-weight:700;line-height:1.3;color:var(--d-baslik,var(--ino-ana))}
.mega-panel{background:var(--d-ton,#F6F6F7);padding:20px;display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--cizgi)}
.mega-panel-liste{display:grid;gap:2px}
.mega-panel-liste .mega-oge:hover{background:var(--d-yuzey,#fff)}
.mega-video{position:relative;display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:16/9;background:var(--ino-ana)}
.mega-video img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--gecis),opacity .3s}
.mega-video:hover img{transform:scale(1.05);opacity:.85}
.mega-oynat{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ino-vurgu);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.mega-oynat:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:nabiz 2s ease-out infinite}
.mega-oynat .ikon{fill:currentColor;margin-left:3px}
.mega-panel-baslik{margin-top:6px;font-size:17px;font-weight:700;line-height:1.25;color:var(--d-baslik,var(--ino-ana))}
.mega-panel-metin{margin:0;font-size:13.5px;line-height:1.55;color:var(--soluk)}
.acilir{width:260px}
.acilir ul{list-style:none;margin:0;padding:10px;background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);border-radius:16px;box-shadow:var(--golge)}
.acilir a{display:block;padding:10px 12px;border-radius:10px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.acilir a:hover{background:var(--yumusak)}
.js-hazir .nav-oge .mega,.js-hazir .nav-oge .acilir{transition:opacity .22s,transform .3s var(--gecis),visibility .22s}
.mega-izgara>*{opacity:0;transform:translateY(8px);transition:opacity .3s,transform .4s var(--gecis)}
.nav-oge.acik .mega-izgara>*,.nav-oge.acik .mega-panel>*{opacity:1;transform:none}
.mega-panel>*{opacity:0;transform:translateY(8px);transition:opacity .3s .12s,transform .4s .12s var(--gecis)}
.nav-oge.acik .mega-izgara>*:nth-child(2){transition-delay:.03s}
.nav-oge.acik .mega-izgara>*:nth-child(3){transition-delay:.06s}
.nav-oge.acik .mega-izgara>*:nth-child(4){transition-delay:.09s}
.nav-oge.acik .mega-izgara>*:nth-child(5){transition-delay:.12s}
.nav-oge.acik .mega-izgara>*:nth-child(6){transition-delay:.15s}
.nav-oge.acik .mega-izgara>*:nth-child(7){transition-delay:.18s}
.nav-oge.acik .mega-izgara>*:nth-child(8){transition-delay:.21s}

.header-aksiyon{margin-left:auto;display:flex;align-items:center;gap:8px}
.header-giris{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-radius:10px;font-weight:700;color:var(--d-baslik,var(--ino-ana));white-space:nowrap}
.header-giris:hover{background:var(--yumusak)}

.mobil-dugme{display:none;margin-left:auto;width:46px;height:46px;border:0;border-radius:13px;background:var(--yumusak);color:var(--d-baslik,var(--ino-ana));align-items:center;justify-content:center;cursor:pointer}
.hamburger{position:relative;width:20px;height:14px}
.hamburger i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .35s var(--gecis),opacity .2s,top .35s var(--gecis)}
.hamburger i:nth-child(1){top:0}.hamburger i:nth-child(2){top:6px}.hamburger i:nth-child(3){top:12px}
.menu-acik .hamburger i:nth-child(1){top:6px;transform:rotate(45deg)}
.menu-acik .hamburger i:nth-child(2){opacity:0;transform:scaleX(0)}
.menu-acik .hamburger i:nth-child(3){top:6px;transform:rotate(-45deg)}

.mobil-cekmece{position:fixed;left:0;right:0;top:var(--cekmece-ust,var(--header-h));bottom:0;z-index:89;background:rgba(24,19,45,.35);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.menu-acik .mobil-cekmece{opacity:1;visibility:visible}
.mobil-cekmece-ic{height:100%;overflow:auto;overscroll-behavior:contain;background:var(--d-yuzey,#fff);padding:14px 20px 40px;transform:translateY(-14px);transition:transform .4s var(--gecis)}
.menu-acik .mobil-cekmece-ic{transform:none}
.mobil-liste{list-style:none;margin:0;padding:0}
.mobil-liste>li{border-bottom:1px solid var(--cizgi);opacity:0;transform:translateY(8px);transition:opacity .35s,transform .45s var(--gecis)}
.menu-acik .mobil-liste>li{opacity:1;transform:none}
.menu-acik .mobil-liste>li:nth-child(2){transition-delay:.04s}
.menu-acik .mobil-liste>li:nth-child(3){transition-delay:.08s}
.menu-acik .mobil-liste>li:nth-child(4){transition-delay:.12s}
.menu-acik .mobil-liste>li:nth-child(5){transition-delay:.16s}
.menu-acik .mobil-liste>li:nth-child(6){transition-delay:.2s}
.mobil-link,.mobil-grup-bas{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 2px;border:0;background:none;text-align:left;font-size:17px;font-weight:700;color:var(--d-baslik,var(--ino-ana));cursor:pointer}
.mobil-link.aktif,.mobil-grup.aktif>.mobil-grup-bas{color:var(--ino-vurgu)}
.mobil-arti{position:relative;width:26px;height:26px;border-radius:8px;background:var(--yumusak)}
.mobil-arti:before,.mobil-arti:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;margin:-1px 0 0 -5.5px;border-radius:2px;background:currentColor;transition:transform .3s var(--gecis)}
.mobil-arti:after{transform:rotate(90deg)}
.mobil-grup.acik .mobil-arti:after{transform:rotate(0)}
.mobil-alt{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--gecis)}
.mobil-grup.acik .mobil-alt{grid-template-rows:1fr}
.mobil-alt-ic{overflow:hidden;display:grid;gap:2px}
.mobil-grup.acik .mobil-alt-ic{padding-bottom:14px}
.mobil-alt-link{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;color:var(--soluk);font-weight:700;font-size:15px}
.mobil-alt-link:hover,.mobil-alt-link.aktif{background:var(--yumusak);color:var(--ino-ana)}
.mobil-alt-tumu{color:var(--d-vurgu,var(--ino-vurgu))}
.mobil-ikon{flex:0 0 32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--d-ton,#F4F1F9);color:var(--d-vurgu,var(--ino-vurgu))}
.mobil-aksiyon{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.mobil-iletisim{display:grid;gap:10px;margin-top:22px;padding:16px;border-radius:16px;background:var(--ino-zemin)}
.mobil-iletisim a{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}

/* =====================================================================
   4. Anasayfa — Hero ve maket
   ===================================================================== */
.hero,.uyg-hero,.hata-sayfa{position:relative;overflow:hidden;padding:clamp(56px,8vw,96px) 0 clamp(56px,6vw,72px);background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--ino-ikincil) 16%,transparent),transparent 30%),radial-gradient(circle at 6% 88%,color-mix(in srgb,var(--ino-vurgu) 8%,transparent),transparent 30%),linear-gradient(180deg,var(--d-ton,#FBFAFD) 0%,var(--d-yuzey,#fff) 85%)}
.hero-desen{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(34,26,63,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(34,26,63,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 78%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.hero-imlec-isik{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(360px circle at var(--hx,50%) var(--hy,50%),color-mix(in srgb,var(--ino-ikincil) 13%,transparent),transparent 60%)}
[data-imlec].imlec-aktif .hero-imlec-isik{opacity:1}
.hero-kure{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;animation:suzul 14s ease-in-out infinite}
.hero-kure--1{width:360px;height:360px;right:-80px;top:-100px;background:color-mix(in srgb,var(--ino-ikincil) 18%,transparent)}
.hero-kure--2{width:260px;height:260px;left:-90px;bottom:-60px;background:color-mix(in srgb,var(--ino-vurgu) 10%,transparent);animation-delay:-6s}
@keyframes suzul{0%,100%{transform:translate(0,0)}33%{transform:translate(-30px,24px)}66%{transform:translate(20px,-18px)}}
.hero-ic,.uyg-hero-ic{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(34px,5vw,64px);align-items:center}
.hero-baslik{margin:22px 0 22px;font-size:clamp(42px,6vw,74px);line-height:.98;letter-spacing:-.05em}
.hero-baslik .vurgu{background-image:linear-gradient(90deg,color-mix(in srgb,var(--ino-vurgu) 24%,transparent),color-mix(in srgb,var(--ino-ikincil) 24%,transparent));background-repeat:no-repeat;background-position:0 92%;background-size:100% .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:alti-ciz 1.1s .6s var(--gecis) both}
@keyframes alti-ciz{from{background-size:0 .12em}to{background-size:100% .12em}}
.donen-metin{display:inline-block}
.hero-baslik .vurgu.donen{display:block;width:fit-content;min-height:1em;white-space:nowrap}
.donen .donen-metin:after{content:"";display:inline-block;width:3px;height:.8em;margin-left:4px;vertical-align:-.04em;border-radius:2px;background:var(--ino-vurgu);animation:imlec-yanip .9s steps(1) infinite}
@keyframes imlec-yanip{50%{opacity:0}}
.hero-metin{max-width:640px;margin:0;font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--soluk)}
.hero-butonlar{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-kanit{display:flex;align-items:center;gap:16px;margin-top:32px;font-size:14px;color:var(--soluk)}
.hero-kanit strong{color:var(--d-baslik,var(--ino-ana))}
.kanit-avatarlar{display:flex;flex:none}
.kanit-avatarlar i{width:40px;height:40px;margin-left:-10px;border-radius:50%;border:3px solid #fff;background:#fff;box-shadow:0 4px 12px rgba(34,26,63,.12);display:grid;place-items:center;overflow:hidden}
.kanit-avatarlar i:first-child{margin-left:0}
.kanit-avatarlar img{width:100%;height:100%;object-fit:contain;padding:5px}
.hero-gorsel{position:relative}
.hero-resim{border-radius:26px;overflow:hidden;box-shadow:0 35px 100px rgba(34,26,63,.18)}

.maket{position:relative;padding:12px;border:1px solid var(--d-cizgi,rgba(34,26,63,.09));border-radius:28px;background:var(--d-yuzey,#fff);box-shadow:0 35px 100px rgba(34,26,63,.18);transform:perspective(1200px) rotateY(var(--ry,-4deg)) rotateX(var(--rx,2deg));transform-style:preserve-3d;transition:transform .5s var(--gecis)}
.maket:before{content:"";position:absolute;inset:18px -24px -24px 28px;z-index:-1;border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--ino-vurgu) 14%,transparent),color-mix(in srgb,var(--ino-ikincil) 14%,transparent));filter:blur(28px)}
.maket-parilti{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(500px circle at var(--gx,30%) var(--gy,0%),rgba(255,255,255,.35),transparent 40%);mix-blend-mode:soft-light}
.maket-kabuk{border:1px solid var(--d-cizgi,#EEEAF3);border-radius:20px;overflow:hidden;background:var(--d-ton,#F8F7FA)}
.maket-ust{height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--d-yuzey,#fff);border-bottom:1px solid var(--d-cizgi,#ECE8F0)}
.maket-noktalar{display:flex;gap:5px}
.maket-noktalar i{width:9px;height:9px;border-radius:50%;background:#DAD6E1}
.maket-noktalar i:first-child{background:#E46B79}.maket-noktalar i:nth-child(2){background:#F2C66D}
.maket-arama{display:flex;align-items:center;gap:6px;height:30px;flex:1;max-width:260px;margin-left:12px;padding:0 10px;border-radius:9px;background:var(--d-ton,#F4F2F7);color:#A29CB0;font-size:11px;white-space:nowrap;overflow:hidden}
.maket-kullanici{margin-left:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ino-ana);color:#fff;font-size:10px;font-weight:700}
.maket-govde{display:grid;grid-template-columns:64px 1fr;min-height:430px}
.maket-yan{background:var(--ino-ana);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:12px}
.maket-yan i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.08)}
.maket-yan i.aktif{background:rgba(255,255,255,.14);color:#fff}
.maket-icerik{padding:20px;min-width:0}
.maket-baslik{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px}
.maket-baslik small{display:block;font-size:11px;color:var(--soluk)}
.maket-baslik strong{display:block;font-size:21px;color:var(--d-baslik,var(--ino-ana));letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.maket-dugme{flex:none;height:32px;padding:0 12px;display:flex;align-items:center;border-radius:9px;background:var(--ino-ana);color:#fff;font-size:11px;font-weight:700}
.maket-metrikler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.maket-metrik{background:var(--d-yuzey,#fff);border:1px solid var(--d-cizgi,#ECE8F0);border-radius:14px;padding:12px 13px}
.maket-metrik small{display:block;font-size:10px;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.maket-metrik b{display:block;margin-top:3px;font-size:23px;color:var(--d-baslik,var(--ino-ana));letter-spacing:-.03em}
.maket-metrik em{display:block;margin-top:2px;font-size:10px;font-style:normal;color:var(--yesil);font-weight:700}
.maket-izgara{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:10px}
.maket-kart{background:var(--d-yuzey,#fff);border:1px solid var(--d-cizgi,#ECE8F0);border-radius:14px;padding:14px;min-height:200px}
.maket-kart-baslik{margin-bottom:10px;font-size:11px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.maket-grafik{height:130px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid var(--d-cizgi,#ECE8F0);background:repeating-linear-gradient(0deg,transparent 0 31px,var(--d-ton,#F3F1F6) 31px 32px)}
.maket-grafik span{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--ino-ikincil),var(--ikincil-acik));transform-origin:bottom;animation:cubuk-buyu 1s calc(.4s + var(--i) * .07s) var(--gecis) both}
.maket-grafik span:nth-child(2n){background:linear-gradient(180deg,var(--ino-vurgu),var(--vurgu-acik))}
@keyframes cubuk-buyu{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.maket-satir{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--d-cizgi,#F0EDF3);animation:satir-gir .6s calc(.8s + var(--i) * .1s) var(--gecis) both}
.maket-satir:last-child{border:0}
@keyframes satir-gir{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.maket-avatar{flex:0 0 26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--d-ton,#EEEAF5);color:var(--d-baslik,var(--ino-ana));font-size:10px;font-weight:700}
.maket-cizgi{flex:1;min-width:0}
.maket-cizgi b{display:block;font-size:10px;color:var(--d-baslik,var(--ino-ana));line-height:1.2}
.maket-cizgi i{display:block;height:5px;width:80%;margin-top:4px;border-radius:99px;background:#E7E3EC}
.maket-durum{width:34px;height:15px;border-radius:99px;background:#DDF1EA}
.maket-durum.bekliyor{background:#FCEBD3}
.maket-bildirim{position:absolute;left:-28px;bottom:54px;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 16px 11px 11px;border-radius:14px;background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);box-shadow:var(--golge);font-size:13px;font-weight:700;color:var(--d-baslik,var(--ino-ana));transform:translateZ(50px);animation:bildirim-yuz 5s ease-in-out infinite}
.maket-bildirim-ikon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#E9F5F1;color:var(--yesil)}
.maket-bildirim.degisiyor .maket-bildirim-metin{animation:metin-degis .5s}
@keyframes metin-degis{0%{opacity:1}40%{opacity:0;transform:translateY(-6px)}60%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
@keyframes bildirim-yuz{0%,100%{transform:translateY(0) translateZ(50px)}50%{transform:translateY(-8px) translateZ(50px)}}
.maket-rozet{position:absolute;right:28px;top:-16px;z-index:4;display:flex;align-items:center;gap:6px;padding:9px 13px;border-radius:99px;background:var(--ino-ana);color:#fff;font-size:12px;font-weight:700;box-shadow:0 14px 30px rgba(34,26,63,.3);transform:translateZ(40px);animation:bildirim-yuz 6s -2s ease-in-out infinite}

/* İstatistik */
.istatistik-bolum{position:relative;z-index:2;padding:26px 0 clamp(64px,7vw,84px)}
.istatistik-serit{display:grid;grid-template-columns:1.2fr repeat(var(--adet,4),minmax(0,1fr));border:1px solid var(--cizgi);border-radius:22px;background:var(--d-yuzey,#fff);box-shadow:var(--golge-hafif);overflow:hidden}
.uyg-fayda .istatistik-serit,.istatistik-serit:not(:has(.istatistik-giris)){grid-template-columns:repeat(var(--adet,4),minmax(0,1fr))}
.istatistik-serit>div{padding:24px 26px;border-right:1px solid var(--cizgi)}
.istatistik-serit>div:last-child{border-right:0}
.istatistik-giris{display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px;line-height:1.35;color:var(--d-baslik,var(--ino-ana));background:linear-gradient(135deg,var(--ino-zemin),var(--d-yuzey,#fff))}
.istatistik-giris .ikon{color:var(--d-vurgu,var(--ino-vurgu))}
.istatistik b{display:block;font-size:clamp(26px,3vw,34px);line-height:1.1;letter-spacing:-.035em;color:var(--d-baslik,var(--ino-ana));font-variant-numeric:tabular-nums}
.istatistik>span{font-size:14px;color:var(--soluk)}
.istatistik .sayac-sonek{font-size:inherit;color:var(--d-vurgu,var(--ino-vurgu))}
.istatistik-serit--koyu{background:var(--ino-ana);border-color:var(--ino-ana)}
.istatistik-serit--koyu>div{border-color:rgba(255,255,255,.1)}
.istatistik-serit--koyu b{color:#fff}
.istatistik-serit--koyu .istatistik>span{color:var(--soluk-koyu)}
.istatistik-serit--koyu .sayac-sonek{color:#FF8D9D}

/* Uygulamalar */
.modul-izgara{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.modul-kart{display:flex;flex-direction:column;min-height:250px;padding:28px;border-radius:var(--ino-kose);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);transition:background .3s,border-color .3s,transform .4s var(--gecis)}
.modul-kart:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);transform:translateY(-6px)}
.modul-kart[data-isik]:before{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.12),transparent 45%)}
.modul-ikon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#fff;color:var(--ino-ana);transition:transform .5s var(--gecis),background .3s,color .3s}
.modul-kart:hover .modul-ikon{transform:rotate(-8deg) scale(1.06);background:var(--ino-vurgu);color:#fff}
.modul-kart h3{margin:22px 0 8px;font-size:22px}
.modul-kart p{margin:0 0 22px;color:var(--soluk-koyu);line-height:1.55}
.modul-link{margin-top:auto;display:flex;align-items:center;gap:8px;font-weight:700;color:#fff}
.modul-link .ikon{transition:transform .3s var(--gecis)}
.modul-kart:hover .modul-link .ikon{transform:translateX(5px)}
.modul-gizli{display:none}
.modul-izgara.hepsi .modul-gizli{display:flex;animation:kart-gel .6s calc(var(--i) * .06s) var(--gecis) both}
@keyframes kart-gel{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.modul-hepsi[aria-expanded="true"] .btn-ok{transform:rotate(180deg)}

/* Platform */
.platform-izgara{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,80px);align-items:center}
.platform-yazi .bolum-basligi{margin-bottom:0}
.ozellik-liste{display:grid;gap:12px;margin-top:30px}
.ozellik{display:flex;gap:15px;padding:16px;border:1px solid var(--cizgi);border-radius:16px;background:var(--d-yuzey,#fff);transition:border-color .3s,box-shadow .3s,transform .35s var(--gecis)}
.ozellik:hover{border-color:color-mix(in srgb,var(--ino-ikincil) 40%,var(--cizgi));box-shadow:var(--golge-hafif);transform:translateX(6px)}
.ozellik i{flex:0 0 38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--d-ton,#F1EEF7);color:var(--d-vurgu,var(--ino-vurgu));font-style:normal;font-weight:700;transition:.3s}
.ozellik:hover i{background:var(--ino-vurgu);color:#fff}
.ozellik strong{display:block;color:var(--d-baslik,var(--ino-ana))}
.ozellik span{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--soluk)}
.platform-gorsel{position:relative;min-height:520px}
.pv-kart{position:absolute;border-radius:20px;background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);box-shadow:var(--golge)}
.pv-ana{inset:30px 0 40px 64px;padding:26px;background:linear-gradient(145deg,var(--d-yuzey,#fff),var(--d-ton,#F7F5FA))}
.pv-yan{left:0;bottom:0;width:190px;padding:18px;z-index:3;text-align:center;animation:bildirim-yuz 7s ease-in-out infinite}
.pv-yuzen{right:-14px;top:0;width:196px;padding:18px;z-index:3;animation:bildirim-yuz 6s -3s ease-in-out infinite}
.pv-baslik{font-size:13px;color:var(--soluk)}
.pv-buyuk{margin:6px 0;font-size:31px;font-weight:700;letter-spacing:-.03em;color:var(--d-baslik,var(--ino-ana))}
.pv-trend{font-size:12px;font-weight:700;color:var(--yesil)}
.pv-alt{font-size:12px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.akis{display:flex;align-items:center;gap:6px;margin-top:26px}
.akis-adim{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border:1px solid var(--cizgi);border-radius:14px;background:var(--d-yuzey,#fff);text-align:center;font-size:12px;font-weight:700;line-height:1.25;color:var(--d-baslik,var(--ino-ana))}
.akis-no{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--d-ton,#EEEAF5);color:#B6AFC4;transition:background .4s,color .4s}
.gorunur .akis-adim .akis-no{animation:adim-onay .5s calc(.6s + var(--i) * .55s) forwards}
@keyframes adim-onay{to{background:var(--yesil);color:#fff}}
.akis-ok{flex:0 0 26px;height:2px;background:var(--cizgi);position:relative;overflow:hidden}
.akis-ok i{position:absolute;inset:0;background:var(--ino-ikincil);transform:translateX(-100%)}
.gorunur .akis-ok i{animation:akis-dol 2.2s .6s ease-in-out infinite}
@keyframes akis-dol{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
.pv-cubuklar{display:flex;align-items:flex-end;gap:7px;height:130px;margin-top:28px}
.pv-cubuklar span{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:#DAD5E4;transform:scaleY(0);transform-origin:bottom;transition:transform .9s calc(var(--i) * .06s) var(--gecis)}
.gorunur .pv-cubuklar span{transform:scaleY(1)}
.pv-cubuklar span:nth-child(2),.pv-cubuklar span:nth-child(5){background:var(--ino-vurgu)}
.pv-cubuklar span:nth-child(3),.pv-cubuklar span:nth-child(7){background:var(--ino-ikincil)}
.halka{--oran:86;--d:0;position:relative;width:112px;height:112px;margin:18px auto 12px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ino-vurgu) 0 calc(var(--d) * .36%),var(--ino-ikincil) calc(var(--d) * .36%) calc(var(--d) * 1%),#E5E1EC calc(var(--d) * 1%));transition:--d 1.4s}
.gorunur .halka{--d:var(--oran)}
@property --d{syntax:"<number>";inherits:true;initial-value:0}
.halka:after{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}
.halka span{position:relative;z-index:1;font-size:20px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}

/* Neden */
.neden-izgara,.deger-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.deger-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}
.neden-kart{position:relative;overflow:hidden;padding:28px;border-radius:var(--ino-kose);background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);transition:transform .4s var(--gecis),box-shadow .4s,border-color .3s}
.neden-kart:hover{transform:translateY(-6px);box-shadow:var(--golge);border-color:transparent}
.neden-kart:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--ino-vurgu),var(--ino-ikincil));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--gecis)}
.neden-kart:hover:after{transform:scaleX(1)}
.neden-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
.neden-ikon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--d-ton,#F4F1F9),var(--d-yuzey,#fff));border:1px solid var(--cizgi);color:var(--d-vurgu,var(--ino-vurgu));transition:transform .5s var(--gecis)}
.neden-kart:hover .neden-ikon{transform:rotate(-10deg) scale(1.08)}
.neden-etiket{font-size:12px;font-weight:700;color:var(--ino-ikincil);background:color-mix(in srgb,var(--ino-ikincil) 10%,var(--d-yuzey,#fff));padding:5px 10px;border-radius:99px}
.neden-kart h3{font-size:20px;margin-bottom:8px}
.neden-kart p{margin:0;color:var(--soluk);line-height:1.6}
.neden-no{position:absolute;z-index:-1;right:18px;bottom:6px;font-size:72px;font-weight:700;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px #F0EDF4;pointer-events:none;transition:-webkit-text-stroke-color .3s}
.neden-kart:hover .neden-no{-webkit-text-stroke-color:color-mix(in srgb,var(--ino-ikincil) 30%,#fff)}

/* Paketler */
.paket-izgara{display:grid;grid-template-columns:repeat(var(--adet,3),minmax(0,1fr));gap:18px;align-items:stretch}
.paket{position:relative;display:flex;flex-direction:column;padding:30px;border-radius:24px;background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);transition:transform .4s var(--gecis),box-shadow .4s}
.paket:hover{transform:translateY(-6px);box-shadow:var(--golge)}
.paket--one{border-color:transparent;background:linear-gradient(var(--d-yuzey,#fff),var(--d-yuzey,#fff)) padding-box,linear-gradient(135deg,var(--ino-vurgu),var(--ino-ikincil)) border-box;border:2px solid transparent;box-shadow:0 30px 70px rgba(34,26,63,.14);transform:translateY(-10px)}
.paket--one:hover{transform:translateY(-16px)}
.paket-rozet{position:absolute;right:20px;top:-13px;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:99px;background:linear-gradient(90deg,var(--ino-vurgu),var(--ino-ikincil));color:#fff;font-size:11px;font-weight:700;letter-spacing:.03em;box-shadow:0 8px 20px color-mix(in srgb,var(--ino-vurgu) 30%,transparent)}
.paket-rozet .ikon{fill:currentColor}
.paket-etiket{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--d-vurgu,var(--ino-vurgu))}
.paket h3{margin:8px 0;font-size:30px}
.paket p{margin:0 0 20px;color:var(--soluk);line-height:1.5}
.paket-cizgi{height:1px;margin:0 0 18px;background:var(--cizgi)}
.paket-liste{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:10px}
.paket-liste li{display:flex;align-items:center;gap:9px;font-size:14.5px;color:var(--d-metin,#3B3745)}
.paket-liste .ikon{flex:0 0 22px;height:22px;padding:4px;border-radius:7px;background:#E9F5F1;color:var(--yesil)}
.paket .btn{margin-top:auto}

/* Yorumlar kaydırıcı */
.kaydirici-oklar{display:flex;gap:10px;flex:none}
.kaydirici-ok{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;transition:background .25s,transform .25s,opacity .25s}
.kaydirici-ok:hover{background:#fff;color:var(--ino-ana);transform:scale(1.06)}
.kaydirici-ok:disabled{opacity:.35;pointer-events:none}
.kaydirici{position:relative}
.kaydirici-iz{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px) / 3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 10px;cursor:grab}
.kaydirici-iz::-webkit-scrollbar{display:none}
.kaydirici-iz.surukleniyor{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.yorum-kart{position:relative;display:flex;flex-direction:column;margin:0;min-height:320px;padding:26px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);scroll-snap-align:start;transition:background .3s,border-color .3s}
.yorum-kart:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
.yorum-kart:before{content:"“";position:absolute;right:20px;top:-18px;font-size:120px;line-height:1;font-weight:700;color:rgba(255,255,255,.06)}
.yorum-yildiz{display:flex;gap:2px;color:#FFC857;margin-bottom:16px}
.yorum-yildiz .ikon{fill:currentColor}
.yorum-kart blockquote{margin:0 0 24px}
.yorum-kart blockquote p{margin:0;font-size:17px;line-height:1.62;color:#E8E4F0}
.yorum-kisi{display:flex;align-items:center;gap:12px;margin-top:auto}
.yorum-kisi img,.yorum-bas-harf{width:52px;height:52px;border-radius:15px;object-fit:cover;background:#fff;flex:none}
.yorum-bas-harf{display:grid;place-items:center;color:var(--ino-ana);font-weight:700;font-size:20px}
.yorum-kisi strong{display:block;color:#fff}
.yorum-kisi small{display:block;margin-top:2px;color:#BFB9D0;font-size:13px}
.yorum-etiket{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:#FF9CAC;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.kaydirici-noktalar{display:flex;justify-content:center;gap:8px;margin-top:22px}
.kaydirici-noktalar button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.25);cursor:pointer;transition:width .35s var(--gecis),background .3s}
.kaydirici-noktalar button.aktif{width:28px;background:#fff}

/* Kayan logolar */
.logolar-bolum{padding:clamp(56px,7vw,80px) 0;overflow:hidden}
.logolar-bas{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.logolar-baslik{margin:0;font-size:18px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.kayan-alan{display:grid;gap:14px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.kayan{overflow:hidden}
.kayan-iz{display:flex;gap:14px;width:max-content;animation:kay var(--sure,60s) linear infinite}
.kayan--ters .kayan-iz{animation-direction:reverse}
.kayan:hover .kayan-iz{animation-play-state:paused}
@keyframes kay{to{transform:translateX(calc(-50% - 7px))}}
.kayan-logo{display:grid;place-items:center;width:180px;height:88px;padding:18px 24px;border-radius:18px;border:1px solid var(--cizgi);background:#fff;transition:border-color .3s,box-shadow .3s,transform .3s}
.kayan-logo img{max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .35s,opacity .35s}
.kayan-logo:hover{border-color:#d8d1df;box-shadow:var(--golge-hafif);transform:translateY(-3px)}
.kayan-logo:hover img{filter:none;opacity:1}

/* Entegrasyon */
.entegrasyon-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,80px);align-items:center}
.entegrasyon-yazi .bolum-basligi{margin-bottom:0}
.entegrasyon-liste{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.entegrasyon-liste li{display:flex;flex-direction:column;gap:2px;padding:14px;border:1px solid var(--cizgi);border-radius:14px;background:var(--d-yuzey,#fff);transition:.3s}
.entegrasyon-liste li:hover{border-color:var(--ino-ikincil);transform:translateY(-3px)}
.entegrasyon-liste li>span,.entegrasyon-liste li>img{width:28px;height:28px;margin-bottom:6px;border-radius:8px;display:grid;place-items:center;background:var(--ino-ana);color:#fff;font-size:13px;font-weight:700;object-fit:contain}
.entegrasyon-liste b{color:var(--d-baslik,var(--ino-ana));font-size:15px}
.entegrasyon-liste small{color:var(--soluk);font-size:12px}
.orbit-alan{position:relative;aspect-ratio:1;max-width:520px;width:100%;margin-inline:auto}
.orbit-halka{position:absolute;border-radius:50%;border:1px dashed var(--d-cizgi,#D9D3E3)}
.orbit-halka--1{inset:4%}
.orbit-halka--2{inset:26%;border-style:solid;border-color:var(--cizgi);background:radial-gradient(circle,color-mix(in srgb,var(--ino-ikincil) 8%,transparent),transparent 70%)}
.orbit-merkez{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--ino-ana);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;box-shadow:0 30px 70px rgba(34,26,63,.35),0 0 0 14px color-mix(in srgb,var(--ino-ana) 6%,transparent);z-index:2}
.orbit-merkez:before{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ino-ikincil) 40%,transparent);animation:nabiz 2.8s ease-out infinite}
.orbit-merkez .marka-isaret{background:#fff}
.orbit-merkez .marka-isaret:before{background:var(--ino-ana)}
.orbit-merkez .marka-isaret:after{border-top-color:var(--ino-ana);border-right-color:var(--ino-ana)}
.orbit-merkez b{font-size:15px;letter-spacing:-.02em}
.orbit{position:absolute;inset:4%;animation:don 50s linear infinite}
.orbit-oge{position:absolute;left:50%;top:50%;width:0;height:0}
.orbit-oge{transform:rotate(calc(360deg / var(--adet) * var(--i))) translate(0,calc(-1 * min(46vw,240px)))}
.orbit-cip{position:absolute;left:0;top:0;transform:translate(-50%,-50%) rotate(calc(-360deg / var(--adet) * var(--i)));white-space:nowrap}
.orbit-cip{display:flex;align-items:center;justify-content:center;min-width:80px;padding:10px 14px;border-radius:14px;background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);box-shadow:var(--golge-hafif);font-size:13px;font-weight:700;color:var(--d-baslik,var(--ino-ana));animation:ters-don 50s linear infinite}
.orbit-cip img{max-height:26px;width:auto}
@keyframes don{to{transform:rotate(360deg)}}
@keyframes ters-don{from{transform:translate(-50%,-50%) rotate(calc(-360deg / var(--adet) * var(--i)))}to{transform:translate(-50%,-50%) rotate(calc(-360deg / var(--adet) * var(--i) - 360deg))}}
.orbit-alan:hover .orbit,.orbit-alan:hover .orbit-cip{animation-play-state:paused}

/* SSS */
.sss-izgara{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(34px,6vw,70px);align-items:start}
.sss-sol .bolum-basligi{margin-bottom:24px}
.sss-destek{display:flex;gap:14px;align-items:center;padding:16px;margin-bottom:18px;border-radius:16px;background:var(--ino-zemin);border:1px solid var(--cizgi)}
.sss-destek-ikon{flex:0 0 46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--ino-ana);color:#fff}
.sss-destek strong{display:block;color:var(--d-baslik,var(--ino-ana))}
.sss-destek span{font-size:14px;color:var(--soluk)}
.sss-destek a{color:var(--d-vurgu,var(--ino-vurgu));font-weight:700}
.sss-liste{border-top:1px solid var(--cizgi)}
.sss-oge{border-bottom:1px solid var(--cizgi)}
.sss-oge summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;list-style:none;cursor:pointer;font-size:18px;font-weight:700;line-height:1.35;color:var(--d-baslik,var(--ino-ana));transition:color .2s}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary:hover{color:var(--d-vurgu,var(--ino-vurgu))}
.sss-isaret{position:relative;flex:0 0 34px;height:34px;border-radius:50%;border:1px solid var(--cizgi);transition:background .3s,border-color .3s,transform .4s var(--gecis)}
.sss-isaret:before,.sss-isaret:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--ino-vurgu);transition:transform .35s var(--gecis),background .3s}
.sss-isaret:after{transform:rotate(90deg)}
.sss-oge[open] .sss-isaret{background:var(--ino-vurgu);border-color:var(--ino-vurgu);transform:rotate(180deg)}
.sss-oge[open] .sss-isaret:before,.sss-oge[open] .sss-isaret:after{background:#fff}
.sss-oge[open] .sss-isaret:after{transform:rotate(0)}
.sss-cevap{overflow:hidden}
.sss-cevap p{margin:0 50px 22px 0;color:var(--soluk);line-height:1.7}
.sss-oge.kapaniyor .sss-cevap,.sss-oge.aciliyor .sss-cevap{transition:height .35s var(--gecis)}

/* Demo */
.demo-izgara{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,6vw,70px);align-items:center}
.demo-yazi .bolum-basligi{margin-bottom:0}
.demo-telefon{display:inline-flex;align-items:center;gap:14px;margin-top:28px;padding:12px 18px 12px 12px;border-radius:16px;background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);color:var(--d-baslik,var(--ino-ana));transition:.3s}
.demo-telefon:hover{border-color:var(--ino-vurgu);transform:translateY(-3px)}
.demo-telefon .ikon{width:44px;height:44px;padding:11px;border-radius:12px;background:var(--ino-vurgu);color:#fff}
.demo-telefon small{display:block;font-size:12px;color:var(--soluk)}
.demo-telefon span{font-size:19px;font-weight:700}

/* Blog kartları */
.yazi-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.yazi-kart{position:relative;display:flex;flex-direction:column;border-radius:var(--ino-kose);background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);overflow:hidden;transition:transform .4s var(--gecis),box-shadow .4s}
.yazi-kart:hover{transform:translateY(-6px);box-shadow:var(--golge)}
.yazi-kart-gorsel{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ino-zemin)}
.yazi-kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--gecis)}
.yazi-kart:hover .yazi-kart-gorsel img{transform:scale(1.06)}
.yazi-kart-yer{position:absolute;inset:0;display:grid;place-items:center;color:var(--ino-ikincil);background:linear-gradient(135deg,var(--d-ton,#F4F1F9),var(--d-yuzey,#fff))}
.yazi-kart-govde{display:flex;flex-direction:column;flex:1;padding:22px}
.yazi-kart-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:12px;font-size:13px;color:var(--soluk)}
.yazi-kategori{position:relative;z-index:3;display:inline-block;padding:4px 10px;border-radius:99px;background:color-mix(in srgb,var(--ino-vurgu) 9%,var(--d-yuzey,#fff));color:var(--d-vurgu,var(--ino-vurgu));font-size:12px;font-weight:700}
.yazi-kart-baslik{margin:0 0 10px;font-size:20px;line-height:1.3}
.yazi-kart-baslik a{background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .4s var(--gecis)}
.yazi-kart:hover .yazi-kart-baslik a{background-size:100% 2px}
.yazi-kart-baslik a:after{content:"";position:absolute;inset:0;z-index:2}
.yazi-kart-ozet{color:var(--soluk)}
.yazi-kart-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-weight:700;font-size:14px;color:var(--d-baslik,var(--ino-ana))}
.yazi-kart-link .ikon{transition:transform .3s var(--gecis)}
.yazi-kart:hover .yazi-kart-link{color:var(--d-vurgu,var(--ino-vurgu))}
.yazi-kart:hover .yazi-kart-link .ikon{transform:translateX(5px)}
.yazi-kart--buyuk{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}
.yazi-kart--buyuk .yazi-kart-gorsel{aspect-ratio:auto;min-height:340px}
.yazi-kart--buyuk .yazi-kart-govde{padding:clamp(24px,4vw,44px);justify-content:center}
.yazi-kart--buyuk .yazi-kart-baslik{font-size:clamp(24px,2.6vw,34px)}
.yazi-kart--buyuk .yazi-kart-link{margin-top:14px}
.kategori-cipleri{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.kategori-cipleri a{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:99px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);font-weight:700;font-size:14px;color:var(--d-baslik,var(--ino-ana));transition:.2s}
.kategori-cipleri a span{font-size:12px;opacity:.6}
.kategori-cipleri a:hover{border-color:#cfc8d8}
.kategori-cipleri a.aktif{background:var(--ino-ana);border-color:var(--ino-ana);color:#fff}
.sayfalama{margin-top:44px}
.sayfalama ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}
.sayfalama .page-numbers{min-width:44px;height:44px;padding:0 10px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);font-weight:700;color:var(--d-baslik,var(--ino-ana));transition:.2s}
.sayfalama a.page-numbers:hover{border-color:var(--ino-ana)}
.sayfalama .current{background:var(--ino-ana);border-color:var(--ino-ana);color:#fff}
.sayfalama .dots{border:0;background:none}
.arama-formu{position:relative;display:flex;align-items:center;gap:8px;max-width:560px;padding:6px 6px 6px 16px;border:1px solid var(--cizgi);border-radius:16px;background:var(--d-yuzey,#fff);box-shadow:var(--golge-hafif)}
.arama-formu>.ikon{color:var(--soluk)}
.arama-formu input{flex:1;min-width:0;height:44px;border:0;background:none;font-size:16px;outline:0}
.arama-formu:focus-within{border-color:var(--ino-ikincil)}
.icerik-orta .arama-formu,.hata-ic .arama-formu{margin-inline:auto}

/* Mobil uygulama */
.mobil-kutu{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;padding:clamp(34px,5vw,64px);border-radius:32px;background:linear-gradient(135deg,var(--ino-zemin),var(--d-yuzey,#fff));border:1px solid var(--cizgi)}
.mobil-desen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 50%,color-mix(in srgb,var(--ino-ikincil) 20%,transparent),transparent 40%)}
.mobil-yazi{position:relative}
.mobil-yazi .bolum-basligi{margin-bottom:0}
.mobil-yazi .magaza-rozetleri{margin-top:28px}
.telefon-alan{position:relative;display:flex;justify-content:center;padding:10px 0}
.telefon{position:relative;width:270px;aspect-ratio:9/18.5;padding:11px;border-radius:44px;background:#1b1530;box-shadow:0 40px 90px rgba(34,26,63,.35),inset 0 0 0 2px #3a325a;transform:perspective(1000px) rotateY(var(--ry,-8deg)) rotateX(var(--rx,4deg));transition:transform .5s var(--gecis)}
.telefon:before{content:"";position:absolute;left:50%;top:18px;width:90px;height:24px;margin-left:-45px;border-radius:99px;background:#1b1530;z-index:3}
.telefon-ekran{position:relative;height:100%;overflow:hidden;border-radius:34px;background:var(--d-ton,#F7F5FA);padding:44px 16px 16px;display:flex;flex-direction:column;gap:12px}
.telefon-ekran img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tel-ust{position:absolute;left:24px;right:24px;top:14px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.tel-ust i{width:20px;height:9px;border-radius:3px;border:1.5px solid var(--ino-ana)}
.tel-selam small{display:block;font-size:11px;color:var(--soluk)}
.tel-selam b{font-size:17px;color:var(--d-baslik,var(--ino-ana))}
.tel-kart{padding:14px;border-radius:16px;background:var(--d-yuzey,#fff)}
.tel-kart--koyu{background:var(--ino-ana);color:#fff}
.tel-kart small{display:block;font-size:11px;opacity:.75}
.tel-kart b{font-size:22px}
.tel-ilerleme{display:block;height:6px;margin-top:8px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}
.tel-ilerleme i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#FF8D9D,#B0A7FF);transition:width 1.6s .5s var(--gecis)}
.gorunur .tel-ilerleme i{width:62%}
.tel-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tel-izgara span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 2px;border-radius:12px;background:var(--d-yuzey,#fff);font-size:9.5px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.tel-izgara .ikon{color:var(--d-vurgu,var(--ino-vurgu))}
.tel-liste{display:grid;gap:7px}
.tel-liste div{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--d-yuzey,#fff);font-size:10.5px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.tel-liste i{width:8px;height:8px;border-radius:50%;flex:none}
.tel-liste i.yesil{background:var(--yesil)}.tel-liste i.mor{background:var(--ino-ikincil)}.tel-liste i.kirmizi{background:var(--ino-vurgu)}
.telefon-balon{position:absolute;display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:14px;background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);box-shadow:var(--golge);font-size:13px;font-weight:700;color:var(--d-baslik,var(--ino-ana));animation:bildirim-yuz 6s ease-in-out infinite}
.telefon-balon .ikon{color:var(--yesil)}
.telefon-balon--1{left:0;top:26%}
.telefon-balon--2{right:0;bottom:22%;animation-delay:-3s}
.telefon-balon--2 .ikon{color:var(--ino-ikincil)}

/* =====================================================================
   5. Footer
   ===================================================================== */
.footer-cta-bolum{position:relative;z-index:2;padding:0 0 clamp(56px,6vw,80px)}
.site-icerik>.footer-cta-bolum:first-child,.anasayfa-cta{padding-top:clamp(20px,3vw,40px)}
.cta-kutu{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:clamp(34px,5vw,56px) clamp(26px,5vw,58px);border-radius:30px;color:#fff;background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--ino-ikincil) 34%,transparent),transparent 38%),radial-gradient(circle at 5% 100%,color-mix(in srgb,var(--ino-vurgu) 30%,transparent),transparent 34%),var(--ino-ana)}
.cta-kutu:before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
.cta-isik{position:absolute;width:260px;height:260px;border-radius:50%;left:var(--mx,70%);top:var(--my,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);pointer-events:none;transition:left .3s,top .3s}
.cta-yazi{position:relative}
.cta-kutu h2{margin:0 0 12px;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.035em}
.cta-kutu .vurgu{color:#FF8D9D}
.cta-kutu p{margin:0;max-width:600px;font-size:17px;color:var(--soluk-koyu)}
.cta-aksiyon{position:relative;display:flex;flex-wrap:wrap;gap:10px;flex:none}

.site-footer{position:relative;overflow:hidden;padding:72px 0 26px;background:var(--ino-footer);color:#fff}
.footer-desen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--ino-ikincil) 16%,transparent),transparent 35%)}
.footer-izgara{position:relative;display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,.85fr)) 1.1fr;gap:clamp(24px,4vw,48px)}
.footer-marka p{margin:18px 0 20px;max-width:300px;color:#AAA4BB;line-height:1.6}
.footer-sosyal{display:flex;gap:8px;margin-bottom:22px}
.footer-sosyal a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);color:#DCD7E8;transition:.25s}
.footer-sosyal a:hover{background:#fff;color:var(--ino-ana);transform:translateY(-3px)}
.magaza-rozetleri{display:flex;flex-wrap:wrap;gap:8px}
.magaza-rozet{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#fff;font-weight:700;font-size:14px;line-height:1.1;transition:.25s}
.magaza-rozet small{display:block;font-size:10px;font-weight:400;opacity:.7}
.magaza-rozet:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.magaza-rozet--koyu{background:var(--ino-ana);border-color:var(--ino-ana)}
.magaza-rozet--koyu:hover{background:var(--ana-2)}
.footer-baslik{margin:0 0 16px;font-size:15px;color:#fff;letter-spacing:0}
.footer-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer-liste a,.footer-adres{display:inline-flex;align-items:flex-start;gap:9px;color:#AAA4BB;font-size:14px;line-height:1.45;transition:color .2s,transform .25s var(--gecis)}
.footer-liste a:hover{color:#fff;transform:translateX(3px)}
.footer-liste .ikon{margin-top:1px;color:#FF8D9D}
.footer-iletisim .btn{margin-top:18px}
.footer-alt{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);font-size:13px;color:#878095}
.footer-alt p{margin:0}
.footer-alt .footer-liste{display:flex;flex-wrap:wrap;gap:6px 18px}
.footer-alt .footer-liste a{font-size:13px;color:#878095}
.footer-alt .footer-liste a:hover{color:#fff}
.gelistirici a{color:#DCD7E8;font-weight:700}
.gelistirici a:hover{color:#FF8D9D}

.yukari-dugme,.whatsapp-dugme{position:fixed;right:20px;z-index:80;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 14px 30px rgba(34,26,63,.25);transition:opacity .3s,transform .4s var(--gecis)}
.yukari-dugme{bottom:20px;background:var(--d-yuzey,#fff);color:var(--d-baslik,var(--ino-ana));opacity:0;transform:translateY(20px) scale(.8);pointer-events:none}
.yukari-dugme.gorunur{opacity:1;transform:none;pointer-events:auto}
.yukari-dugme:hover{background:var(--ino-ana);color:#fff}
.yukari-halka{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.yukari-halka circle{fill:none;stroke:var(--ino-vurgu);stroke-width:2.5;stroke-dasharray:138.2;stroke-dashoffset:calc(138.2 - 138.2 * var(--ilerleme,0));transition:stroke-dashoffset .1s}
.whatsapp-dugme{bottom:82px;background:#25D366;color:#fff}
.whatsapp-dugme:hover{transform:scale(1.08)}

.ino-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(15,11,30,.86);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
.ino-lightbox.acik{opacity:1}
.ino-lightbox-ic{position:relative;width:min(1000px,100%);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 40px 100px rgba(0,0,0,.5);transform:scale(.94);transition:transform .4s var(--gecis)}
.ino-lightbox.acik .ino-lightbox-ic{transform:none}
.ino-lightbox iframe{width:100%;height:100%;border:0}
.ino-lightbox-kapat{position:absolute;right:16px;top:16px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:var(--ino-ana);display:grid;place-items:center;cursor:pointer}

/* =====================================================================
   6. İç sayfa başlıkları
   ===================================================================== */
.sayfa-basi{position:relative;overflow:hidden;padding:clamp(44px,6vw,80px) 0 clamp(48px,6vw,76px);background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--ino-ikincil) 14%,transparent),transparent 34%),linear-gradient(180deg,var(--d-ton,#FBFAFD),var(--d-yuzey,#fff))}
.sayfa-basi-desen{position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:linear-gradient(rgba(34,26,63,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(34,26,63,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent 90%);-webkit-mask-image:linear-gradient(#000,transparent 90%)}
.sayfa-basi-isik{position:absolute;width:500px;height:500px;right:-160px;top:-240px;border-radius:50%;background:color-mix(in srgb,var(--ino-ikincil) 12%,transparent);filter:blur(20px);animation:suzul 16s ease-in-out infinite}
.sayfa-basi-ic{position:relative}
.sayfa-basi-ic.iki-sutun{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(34px,6vw,70px);align-items:center}
.sayfa-baslik{margin:13px 0 18px;font-size:clamp(38px,5.2vw,64px);line-height:1;letter-spacing:-.045em}
.sayfa-basi-metin{max-width:680px;margin:0;font-size:clamp(17px,1.5vw,19px);line-height:1.62;color:var(--soluk)}
.sayfa-basi-ek{margin-top:26px}
.sayfa-basi--ortali .sayfa-basi-yazi,.sayfa-basi--blog .sayfa-basi-yazi{text-align:center}
.sayfa-basi--ortali .kirinti ol,.sayfa-basi--blog .kirinti ol{justify-content:center}
.sayfa-basi--ortali .sayfa-basi-metin,.sayfa-basi--blog .sayfa-basi-metin{margin-inline:auto}
.sayfa-basi--ortali .arama-formu,.sayfa-basi--blog .arama-formu,.sss-ara{margin-inline:auto}
.sayfa-basi .hero-butonlar{margin-top:0}
.guncelleme{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px;border-radius:99px;background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);font-size:13px;font-weight:700;color:var(--soluk)}

/* =====================================================================
   7. Referanslar
   ===================================================================== */
.kanit-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kanit-kart{padding:24px;border-radius:18px;background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);box-shadow:0 14px 40px rgba(34,26,63,.06)}
.kanit-kart strong{display:block;font-size:36px;letter-spacing:-.04em;line-height:1.1;color:var(--d-baslik,var(--ino-ana))}
.kanit-kart span{font-size:14px;color:var(--soluk)}
.kanit-kart--koyu{grid-column:1/-1;background:var(--ino-ana);border:0;position:relative;overflow:hidden}
.kanit-kart--koyu:after{content:"";position:absolute;width:240px;height:240px;right:-80px;top:-100px;border-radius:50%;background:color-mix(in srgb,var(--ino-ikincil) 30%,transparent)}
.kanit-kart--koyu strong{font-size:24px;letter-spacing:-.02em;color:#fff;margin-bottom:6px;position:relative}
.kanit-kart--koyu span{color:var(--soluk-koyu);position:relative}
.mini-logolar{position:relative;display:flex;margin-top:18px}
.mini-logo{width:50px;height:50px;margin-left:-9px;border-radius:14px;border:3px solid var(--ino-ana);background:#fff;display:grid;place-items:center;padding:7px;transition:transform .3s var(--gecis)}
.mini-logo:first-child{margin-left:0}
.mini-logo:hover{transform:translateY(-4px);z-index:1}
.mini-logo img{max-width:100%;max-height:100%;object-fit:contain}
.mini-logo--sayi{background:var(--ino-vurgu);color:#fff;font-size:13px;font-weight:700}
.referans-bolum{padding-top:clamp(56px,7vw,90px)}
.referans-bolum .bolum-bas-yan{margin-bottom:30px}
.filtre-serit{position:sticky;top:var(--header-h);z-index:40;padding:14px 0;background:var(--d-cam,rgba(255,255,255,.94));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.filtre-serit.yapisti{border-bottom-color:var(--cizgi);box-shadow:0 10px 24px rgba(34,26,63,.05)}
.admin-bar .filtre-serit{top:calc(var(--header-h) + 32px)}
.filtre-ic{display:flex;align-items:center;justify-content:space-between;gap:16px}
.filtreler{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.filtreler::-webkit-scrollbar{display:none}
.filtre{flex:none;display:inline-flex;align-items:center;gap:6px;padding:10px 15px;border-radius:999px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);color:var(--d-baslik,var(--ino-ana));font-weight:700;font-size:14px;cursor:pointer;transition:.2s}
.filtre:hover{border-color:#cfc8d8}
.filtre.aktif{background:var(--ino-ana);border-color:var(--ino-ana);color:#fff}
.filtre-sayi{min-width:22px;padding:1px 6px;border-radius:99px;background:var(--yumusak);font-size:11px;color:var(--soluk)}
.filtre.aktif .filtre-sayi{background:rgba(255,255,255,.16);color:#fff}
.filtre-ara{flex:0 0 220px;display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);color:var(--soluk)}
.filtre-ara:focus-within{border-color:var(--ino-ikincil)}
.filtre-ara input{flex:1;min-width:0;border:0;background:none;outline:0;font-size:14px;color:var(--d-baslik,var(--ino-ana))}
.sonuc-metin{margin:24px 0 16px;font-size:14px;color:var(--soluk)}
.logo-izgara{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.logo-kart{position:relative;margin:0;height:142px;display:flex;align-items:center;justify-content:center;padding:26px;border-radius:18px;border:1px solid var(--cizgi);background:#fff;overflow:hidden;box-shadow:0 7px 22px rgba(34,26,63,.025);transition:transform .35s var(--gecis),box-shadow .35s,border-color .3s,opacity .35s}
.logo-kart img{max-width:100%;max-height:70px;width:auto;height:auto;object-fit:contain;transition:transform .45s var(--gecis),filter .3s}
.logo-kart figcaption{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;background:linear-gradient(transparent,rgba(255,255,255,.96) 40%);font-size:12px;font-weight:700;color:var(--ino-ana);text-align:center;transform:translateY(100%);transition:transform .35s var(--gecis)}
.logo-kart:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(34,26,63,.09);border-color:#d8d1df}
.logo-kart:hover img{transform:translateY(-8px) scale(.94)}
.logo-kart:hover figcaption{transform:none}
.logo-kart.gizle,.logo-kart.sinir-disi{display:none}
.daha-fazla{display:flex;justify-content:center;margin-top:26px}
.daha-fazla[hidden]{display:none}
.logo-kart.giris{animation:logo-gir .45s calc(var(--i) * .03s) var(--gecis) both}
@keyframes logo-gir{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:none}}
.sektor-izgara{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(34px,6vw,70px);align-items:start}
.sektor-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sektor-kart{padding:24px;border-radius:18px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);transition:transform .35s var(--gecis),box-shadow .35s}
.sektor-kart:hover{transform:translateY(-5px);box-shadow:var(--golge-hafif)}
.sektor-ikon{width:44px;height:44px;margin-bottom:18px;border-radius:12px;display:grid;place-items:center;background:var(--d-ton,#F2EFF8);color:var(--d-vurgu,var(--ino-vurgu))}
.sektor-kart h3{margin:0 0 7px;font-size:19px}
.sektor-kart p{margin:0;font-size:14.5px;line-height:1.55;color:var(--soluk)}

/* =====================================================================
   8. Uygulama sayfası
   ===================================================================== */
.uyg-hero{padding-top:clamp(40px,5vw,64px)}
.uyg-ikon-kucuk{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:var(--ino-ana);color:#fff}
.uyg-hero .hero-baslik{font-size:clamp(38px,5.2vw,64px)}
.uyg-rozetler{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:28px 0 0;padding:0}
.uyg-rozetler li{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.uyg-rozetler .ikon{color:var(--yesil)}
.ekran-cerceve{position:relative;padding:0;border-radius:20px;background:var(--d-yuzey,#fff);border:1px solid var(--d-cizgi,rgba(34,26,63,.09));box-shadow:0 35px 90px rgba(34,26,63,.18);overflow:hidden;transform:perspective(1200px) rotateY(var(--ry,-3deg)) rotateX(var(--rx,1deg));transition:transform .5s var(--gecis)}
.ekran-cerceve-ust{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:var(--d-ton,#F6F5F9);border-bottom:1px solid var(--cizgi)}
.ekran-cerceve-ust i{width:9px;height:9px;border-radius:50%;background:#DAD6E1}
.ekran-cerceve-ust i:first-child{background:#E46B79}.ekran-cerceve-ust i:nth-child(2){background:#F2C66D}
.ekran-cerceve-ust span{margin-left:12px;padding:3px 12px;border-radius:7px;background:var(--d-yuzey,#fff);font-size:11px;color:var(--soluk)}
.ekran-cerceve img{width:100%}
.uyg-fayda{padding-top:0}
.numara-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.numara-kart{position:relative;overflow:hidden;padding:24px;border-radius:18px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);transition:transform .35s var(--gecis),box-shadow .35s,border-color .3s}
.numara-kart:hover{transform:translateY(-5px);box-shadow:var(--golge-hafif);border-color:transparent}
.numara{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:12px;background:var(--ino-ana);color:#fff;font-weight:700;font-size:14px;transition:background .3s,transform .4s var(--gecis)}
.numara-kart:hover .numara{background:var(--ino-vurgu);transform:rotate(-8deg)}
.numara-kart h3{font-size:18px;margin-bottom:6px}
.numara-kart p{margin:0;font-size:14.5px;line-height:1.55;color:var(--soluk)}
.vitrin-satir{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(34px,6vw,70px);align-items:center}
.vitrin-satir+.vitrin-satir{margin-top:clamp(56px,7vw,90px)}
.vitrin-satir.ters .vitrin-gorsel{order:2}
.vitrin-yazi .bolum-basligi{margin-bottom:0}
.uyg-pratik .bolum-basligi{margin-bottom:36px}
.pratik-izgara{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pratik-kart{display:flex;gap:16px;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);transition:background .3s,transform .35s var(--gecis)}
.pratik-kart:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}
.pratik-ikon{flex:0 0 46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--ino-vurgu)}
.pratik-kart h3{font-size:17px;margin-bottom:4px}
.pratik-kart p{margin:0;font-size:14px;color:var(--soluk-koyu);line-height:1.5}
.ilgili-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ilgili-kart{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);transition:.3s}
.ilgili-kart:hover{border-color:var(--ino-ana);transform:translateY(-3px);box-shadow:var(--golge-hafif)}
.ilgili-ikon{flex:0 0 42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--d-ton,#F4F1F9);color:var(--d-vurgu,var(--ino-vurgu));transition:.3s}
.ilgili-kart:hover .ilgili-ikon{background:var(--ino-ana);color:#fff}
.ilgili-yazi{min-width:0}
.ilgili-yazi b{display:block;font-size:14.5px;line-height:1.3;color:var(--d-baslik,var(--ino-ana))}
.ilgili-yazi small{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:var(--soluk)}
.ilgili-ok{margin-left:auto;color:var(--soluk);transition:transform .3s var(--gecis)}
.ilgili-kart:hover .ilgili-ok{transform:translate(3px,-3px);color:var(--d-vurgu,var(--ino-vurgu))}

/* =====================================================================
   9. Hakkımızda
   ===================================================================== */
.yil-rozet{position:relative;width:min(340px,80vw);aspect-ratio:1;margin-inline:auto}
.yil-halka{position:absolute;inset:0;animation:don 30s linear infinite}
.yil-halka svg{width:100%;height:100%;overflow:visible}
.yil-halka text{font-size:12.5px;font-weight:700;letter-spacing:.24em;fill:var(--ino-ana)}
.yil-orta{position:absolute;inset:18%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ino-ana);color:#fff;box-shadow:0 30px 70px rgba(34,26,63,.3);text-align:center}
.yil-orta:before{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--ino-ikincil) 60%,transparent)}
.yil-orta b{font-size:clamp(54px,7vw,80px);line-height:1;letter-spacing:-.05em}
.yil-orta>span{font-size:14px;line-height:1.25;color:var(--soluk-koyu)}
.hikaye-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,6vw,70px);align-items:center}
.hikaye-gorsel img{border-radius:24px;box-shadow:var(--golge)}
.hikaye-yazi .bolum-basligi{margin-bottom:26px}
.misyon-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.misyon-kart{padding:22px;border-radius:18px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff)}
.misyon-kart>span{width:42px;height:42px;margin-bottom:14px;border-radius:12px;display:grid;place-items:center;background:var(--ino-ana);color:#fff}
.misyon-kart h3{font-size:18px;margin-bottom:6px}
.misyon-kart p{margin:0;font-size:14.5px;line-height:1.55;color:var(--soluk)}
.ekip-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ekip-kart{margin:0;text-align:center}
.ekip-foto{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#EEEAF5,#fff);display:grid;place-items:center}
.ekip-foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3);transition:transform .6s var(--gecis),filter .4s}
.ekip-kart:hover .ekip-foto img{transform:scale(1.06);filter:none}
.ekip-foto span{font-size:56px;font-weight:700;color:var(--ino-ikincil)}
.ekip-foto a{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fff;color:var(--ino-ana);transform:translateY(60px);transition:transform .4s var(--gecis)}
.ekip-kart:hover .ekip-foto a{transform:none}
.ekip-kart figcaption{padding-top:14px}
.ekip-kart strong{display:block;color:var(--d-baslik,var(--ino-ana))}
.ekip-kart figcaption span{font-size:14px;color:var(--soluk)}
.ikili-kutu-bolum{padding-top:0}
.ikili-kutular{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ikili-kutu{position:relative;overflow:hidden;padding:clamp(28px,4vw,44px);border-radius:26px;border:1px solid var(--cizgi);background:var(--ino-zemin)}
.ikili-kutu--koyu{background:var(--ino-ana);border-color:var(--ino-ana);color:#fff}
.ikili-kutu--koyu h3{color:#fff}
.ikili-kutu--koyu p{color:var(--soluk-koyu)}
.ikili-ikon{width:52px;height:52px;margin-bottom:20px;border-radius:15px;display:grid;place-items:center;background:var(--ino-vurgu);color:#fff}
.ikili-kutu h3{font-size:26px}
.ikili-kutu p{color:var(--soluk);margin-bottom:22px}
.renk-paleti{display:flex;gap:8px;margin-bottom:22px}
.renk-paleti i{width:44px;height:44px;border-radius:12px;border:1px solid var(--cizgi);transition:transform .3s var(--gecis)}
.renk-paleti i:hover{transform:translateY(-4px) rotate(-6deg)}

/* =====================================================================
   10. Zaman çizelgesi
   ===================================================================== */
.yil-seridi{position:sticky;top:var(--header-h);z-index:40;background:var(--d-cam,rgba(255,255,255,.94));backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi)}
.admin-bar .yil-seridi{top:calc(var(--header-h) + 32px)}
.yil-seridi-ic{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.yil-seridi-ic::-webkit-scrollbar{display:none}
.yil-seridi-ic a{flex:none;padding:8px 14px;border-radius:99px;font-weight:700;font-size:14px;color:var(--soluk);transition:.25s}
.yil-seridi-ic a:hover{color:var(--d-baslik,var(--ino-ana));background:var(--yumusak)}
.yil-seridi-ic a.aktif{background:var(--ino-ana);color:#fff}
.zaman{position:relative;list-style:none;margin:0 auto;padding:0;max-width:1000px}
.zaman-cizgi{position:absolute;left:50%;top:0;bottom:60px;width:2px;margin-left:-1px;background:var(--cizgi);border-radius:2px}
.zaman-dolum{position:absolute;left:0;top:0;width:100%;height:calc(var(--zaman,0) * 100%);border-radius:2px;background:linear-gradient(180deg,var(--ino-vurgu),var(--ino-ikincil))}
.zaman-oge{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:44px}
.zaman-nokta{position:absolute;left:50%;top:26px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#fff;border:3px solid var(--cizgi);z-index:2;transition:border-color .4s,transform .4s var(--gecis),box-shadow .4s}
.zaman-oge.gorunur .zaman-nokta{border-color:var(--ino-vurgu);transform:scale(1.15);box-shadow:0 0 0 6px color-mix(in srgb,var(--ino-vurgu) 12%,transparent)}
.zaman-kart{position:relative;padding:24px 26px;border-radius:20px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);box-shadow:var(--golge-hafif);opacity:0;transition:opacity .7s var(--gecis),transform .7s var(--gecis),box-shadow .3s}
.zaman-oge.sol .zaman-kart{grid-column:1;transform:translateX(-40px)}
.zaman-oge.sag .zaman-kart{grid-column:2;transform:translateX(40px)}
.zaman-oge.gorunur .zaman-kart{opacity:1;transform:none}
.efekt-kapali .zaman-kart{opacity:1;transform:none!important}
.zaman-kart:hover{box-shadow:var(--golge)}
.zaman-kart:before{content:"";position:absolute;top:28px;width:14px;height:14px;background:var(--d-yuzey,#fff);border:1px solid var(--cizgi);transform:rotate(45deg)}
.zaman-oge.sol .zaman-kart:before{right:-8px;border-left:0;border-bottom:0}
.zaman-oge.sag .zaman-kart:before{left:-8px;border-right:0;border-top:0}
.zaman-yil{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:99px;background:color-mix(in srgb,var(--ino-vurgu) 9%,var(--d-yuzey,#fff));color:var(--d-vurgu,var(--ino-vurgu));font-weight:700;font-size:13px}
.zaman-kart h3{font-size:21px;margin-bottom:6px}
.zaman-kart p{margin:0;color:var(--soluk);line-height:1.6}
.zaman-kart img{margin-top:14px;border-radius:12px}
.zaman-buyuk-yil{position:absolute;top:0;font-size:clamp(60px,8vw,104px);font-weight:700;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px #E6E1EE;pointer-events:none;opacity:0;transition:opacity .8s .2s,transform .8s .2s var(--gecis)}
.zaman-oge.sol .zaman-buyuk-yil{left:calc(50% + 50px);transform:translateY(20px)}
.zaman-oge.sag .zaman-buyuk-yil{right:calc(50% + 50px);transform:translateY(20px)}
.zaman-oge.gorunur .zaman-buyuk-yil{opacity:1;transform:none}
.zaman-son{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:2;margin:0 auto;width:max-content;padding:12px 20px;border-radius:99px;background:var(--ino-ana);color:#fff;font-weight:700}

/* =====================================================================
   11. İletişim
   ===================================================================== */
.iletisim-bolum{padding-top:0;margin-top:-24px}
.iletisim-kartlar{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--adet,4),minmax(0,1fr));gap:14px;margin-bottom:clamp(40px,5vw,60px)}
.iletisim-kart{display:flex;flex-direction:column;gap:4px;padding:24px;border-radius:20px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);box-shadow:var(--golge-hafif);transition:transform .35s var(--gecis),box-shadow .35s}
a.iletisim-kart:hover{transform:translateY(-5px);box-shadow:var(--golge)}
.iletisim-ikon{width:48px;height:48px;margin-bottom:12px;border-radius:14px;display:grid;place-items:center;background:var(--ino-ana);color:#fff;transition:background .3s,transform .4s var(--gecis)}
a.iletisim-kart:hover .iletisim-ikon{background:var(--ino-vurgu);transform:rotate(-8deg)}
.iletisim-kart small{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.iletisim-kart strong{font-size:17px;line-height:1.35;color:var(--d-baslik,var(--ino-ana));word-break:break-word}
.iletisim-kart span{font-size:13px;color:var(--soluk)}
.iletisim-izgara{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:22px;align-items:start}
.iletisim-yan{display:grid;gap:14px}
.iletisim-koyu{position:relative;overflow:hidden;padding:30px;border-radius:24px;background:var(--ino-ana);color:#fff}
.iletisim-koyu h3{position:relative;color:#fff;font-size:24px}
.iletisim-koyu .onay-liste{position:relative;margin-top:14px}
.iletisim-sosyal{position:relative;display:flex;gap:8px;margin-top:26px}
.iletisim-sosyal a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);transition:.25s}
.iletisim-sosyal a:hover{background:#fff;color:var(--ino-ana)}
.iletisim-giris{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);color:var(--d-baslik,var(--ino-ana));transition:.3s}
.iletisim-giris:hover{border-color:var(--ino-ana);transform:translateY(-3px)}
.iletisim-giris>span{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--d-ton,#F4F1F9);color:var(--d-vurgu,var(--ino-vurgu))}
.iletisim-giris strong{display:block}
.iletisim-giris small{color:var(--soluk)}
.iletisim-giris>.ikon{margin-left:auto}
.harita-bolum{padding:0 0 clamp(56px,6vw,80px)}
.harita-cerceve{width:min(1200px,calc(100% - 40px));margin-inline:auto;height:420px;border-radius:26px;overflow:hidden;border:1px solid var(--cizgi);background:linear-gradient(135deg,var(--d-ton,#EEEAF5),var(--d-ton,#F8F7FA));position:relative}
.harita-cerceve iframe{width:100%;height:100%;border:0;filter:saturate(.8)}
.harita-yukle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:repeating-linear-gradient(45deg,transparent 0 22px,rgba(34,26,63,.03) 22px 44px);color:var(--d-baslik,var(--ino-ana));cursor:pointer}
.harita-yukle .ikon{width:60px;height:60px;padding:16px;margin-bottom:6px;border-radius:50%;background:var(--ino-vurgu);color:#fff;box-shadow:0 0 0 12px color-mix(in srgb,var(--ino-vurgu) 12%,transparent);animation:bildirim-yuz 3s ease-in-out infinite}
.harita-yukle small{color:var(--soluk);max-width:420px;text-align:center}

/* =====================================================================
   12. Sayfa / yazı içerikleri
   ===================================================================== */
.bolum-sayfa,.bolum-yazi{padding-top:clamp(40px,5vw,60px)}
.yazi-duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(30px,5vw,60px);align-items:start}
.yazi-duzen--toc-sol{grid-template-columns:260px minmax(0,1fr);max-width:1100px}
.yazi-duzen.toc-yok{grid-template-columns:minmax(0,1fr);max-width:820px}
.yazi-yan{min-width:0}
.yazi-yan[hidden]{display:none}
.toc{padding:20px;border-radius:18px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);margin-bottom:16px}
.toc[hidden]{display:none}
.toc-baslik{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
[data-toc] ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:55vh;overflow:auto;counter-reset:toc}
[data-toc] a{position:relative;display:block;padding:7px 10px 7px 14px;border-radius:9px;font-size:14px;line-height:1.35;color:var(--soluk);transition:.2s}
[data-toc] a:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--cizgi);transition:background .2s}
[data-toc] a.alt{padding-left:26px;font-size:13px}
[data-toc] a:hover{color:var(--d-baslik,var(--ino-ana));background:var(--yumusak)}
[data-toc] a.aktif{color:var(--ino-vurgu);font-weight:700}
[data-toc] a.aktif:before{background:var(--ino-vurgu)}
.yan-kutu{position:relative;overflow:hidden;padding:26px;border-radius:22px;border:1px solid var(--cizgi);background:var(--ino-zemin)}
.yan-kutu--koyu{background:var(--ino-ana);border-color:var(--ino-ana);color:#fff}
.yan-kutu--koyu h3{position:relative;color:#fff;font-size:21px}
.yan-kutu--koyu p{position:relative;color:var(--soluk-koyu);font-size:15px}
.yan-kutu-ikon{position:relative;width:46px;height:46px;margin-bottom:16px;border-radius:13px;display:grid;place-items:center;background:var(--ino-vurgu);color:#fff}
.yan-kutu .btn{position:relative}

.yazi-icerik{font-size:18px;line-height:1.78;color:var(--d-metin,#2A2533);min-width:0}
.yazi-icerik>*:first-child{margin-top:0}
.yazi-icerik h2{margin:1.9em 0 .6em;font-size:clamp(26px,3vw,34px)}
.yazi-icerik h3{margin:1.6em 0 .5em;font-size:clamp(21px,2.4vw,25px)}
.yazi-icerik h4{margin:1.4em 0 .5em;font-size:19px}
.yazi-icerik p,.yazi-icerik ul,.yazi-icerik ol{margin:0 0 1.2em}
.yazi-icerik a{color:var(--d-vurgu,var(--ino-vurgu));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.yazi-icerik a:hover{text-decoration-thickness:2px}
.yazi-icerik ul,.yazi-icerik ol{padding-left:1.3em}
.yazi-icerik li{margin-bottom:.45em}
.yazi-icerik ul li::marker{color:var(--d-vurgu,var(--ino-vurgu))}
.yazi-icerik ol li::marker{color:var(--d-vurgu,var(--ino-vurgu));font-weight:700}
.yazi-icerik blockquote{position:relative;margin:1.6em 0;padding:22px 26px 22px 30px;border-radius:0 18px 18px 0;border-left:4px solid var(--ino-vurgu);background:var(--ino-zemin);font-size:19px;color:var(--d-baslik,var(--ino-ana))}
.yazi-icerik blockquote p:last-child{margin:0}
.yazi-icerik img{border-radius:16px;height:auto}
.yazi-icerik figure{margin:1.6em 0}
.yazi-icerik figcaption{margin-top:8px;font-size:14px;color:var(--soluk);text-align:center}
.yazi-icerik table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.yazi-icerik th,.yazi-icerik td{padding:12px 14px;border:1px solid var(--cizgi);text-align:left}
.yazi-icerik th{background:var(--ino-zemin);color:var(--d-baslik,var(--ino-ana))}
.yazi-icerik hr{margin:2.4em 0;border:0;height:1px;background:var(--cizgi)}
.yazi-icerik code{padding:2px 6px;border-radius:6px;background:var(--yumusak);font-size:.9em}
.yazi-icerik pre{padding:18px;border-radius:14px;background:var(--ino-ana);color:#fff;overflow:auto;font-size:14px}
.yazi-icerik .alignwide{margin-inline:-60px}
.yazi-icerik .alignfull{margin-inline:calc(50% - 50vw)}
.yazi-icerik iframe{max-width:100%;border-radius:14px}
.yazi-icerik h2[id],.yazi-icerik h3[id]{scroll-margin-top:calc(var(--header-h) + 30px)}
.sayfa-basi--yazi{padding-bottom:clamp(28px,4vw,44px)}
.sayfa-basi--yazi .yazi-kategori{margin-bottom:4px}
.sayfa-basi--yazi .kirinti li[aria-current]{display:none}
.sayfa-basi--yazi .kirinti li:nth-last-child(2):after{content:none}
.sayfa-basi--yazi .sayfa-baslik{font-size:clamp(34px,4.6vw,56px)}
.yazi-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:14px;color:var(--soluk)}
.yazi-meta span{display:inline-flex;align-items:center;gap:7px}
.yazi-yazar img{width:32px;height:32px;border-radius:50%}
.yazi-yazar{font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.yazi-kapak img{width:100%;border-radius:26px;box-shadow:var(--golge);max-height:620px;object-fit:cover}
.okuma-cubugu{position:fixed;left:0;right:0;top:0;z-index:120;height:3px;pointer-events:none}
.okuma-cubugu span{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--oku,0));background:linear-gradient(90deg,var(--ino-vurgu),var(--ino-ikincil))}
.admin-bar .okuma-cubugu{top:32px}
.yazi-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--cizgi)}
.etiketler{display:flex;flex-wrap:wrap;gap:6px}
.etiketler a{padding:6px 12px;border-radius:99px;background:var(--yumusak);font-size:13px;font-weight:700;color:var(--d-baslik,var(--ino-ana))!important;text-decoration:none!important}
.paylas{display:flex;align-items:center;gap:6px}
.paylas>span{margin-right:4px;font-size:14px;font-weight:700;color:var(--d-baslik,var(--ino-ana))}
.paylas a,.paylas button{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);color:var(--d-baslik,var(--ino-ana))!important;cursor:pointer;transition:.25s}
.paylas a:hover,.paylas button:hover{background:var(--ino-ana);color:#fff!important;transform:translateY(-3px)}
.paylas button.kopyalandi{background:var(--yesil);color:#fff!important}
.yazar-kutu{display:flex;gap:18px;align-items:center;margin-top:30px;padding:22px;border-radius:20px;background:var(--ino-zemin)}
.yazar-kutu img{border-radius:18px}
.yazar-kutu p{margin:4px 0 0;font-size:15px;color:var(--soluk)}
.sayfa-linkleri{display:flex;gap:6px;margin-top:20px}
.tam-genislik-icerik{min-height:40vh}
.yorum-alani{font-size:16px}
.yorum-listesi{list-style:none;padding:0}
.yorum-listesi .comment-body{padding:18px;margin-bottom:12px;border:1px solid var(--cizgi);border-radius:16px}
.comment-form input:not([type=submit]):not([type=checkbox]),.comment-form textarea{width:100%;padding:12px 14px;border:1px solid var(--cizgi);border-radius:12px}

/* SSS sayfası */
.sss-ara{display:flex;align-items:center;gap:10px;max-width:620px;height:62px;padding:0 20px;border-radius:18px;border:1px solid var(--cizgi);background:var(--d-yuzey,#fff);box-shadow:var(--golge);color:var(--soluk)}
.sss-ara:focus-within{border-color:var(--ino-ikincil)}
.sss-ara input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:17px;color:var(--d-baslik,var(--ino-ana))}
.sss-sayfa{padding-top:clamp(40px,5vw,60px)}
.sss-sayfa-izgara{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(30px,5vw,60px);align-items:start;max-width:1060px}
.sss-sayfa-izgara:not(:has(.sss-kategoriler)){grid-template-columns:minmax(0,1fr);max-width:860px}
.sss-kategoriler .yapiskan{display:grid;gap:4px}
.sss-kat{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:0;border-radius:12px;background:none;font-weight:700;color:var(--soluk);text-align:left;cursor:pointer;transition:.2s}
.sss-kat span{font-size:12px;padding:1px 8px;border-radius:99px;background:var(--yumusak)}
.sss-kat:hover{color:var(--d-baslik,var(--ino-ana));background:var(--yumusak)}
.sss-kat.aktif{background:var(--ino-ana);color:#fff}
.sss-kat.aktif span{background:rgba(255,255,255,.16)}
.sss-oge.gizle{display:none}
.sss-oge mark{background:color-mix(in srgb,var(--ino-ikincil) 22%,transparent);color:inherit;border-radius:4px;padding:0 2px}
.sss-ek{margin-top:40px}
.hesap-bolum{padding-top:clamp(36px,4vw,56px)}

/* 404 */
.hata-sayfa{min-height:70vh;display:flex;align-items:center;text-align:center}
.hata-ic{position:relative}
.hata-sayi{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;font-size:clamp(110px,18vw,220px);font-weight:700;line-height:1;letter-spacing:-.06em;color:var(--d-baslik,var(--ino-ana))}
.hata-sayi span:first-child{animation:bildirim-yuz 4s ease-in-out infinite}
.hata-sayi span:last-child{animation:bildirim-yuz 4s -2s ease-in-out infinite}
.hata-sifir{position:relative;width:.72em;height:.9em;border-radius:50%;border:.14em solid var(--ino-vurgu)}
.hata-sifir i{position:absolute;width:.18em;height:.18em;left:50%;top:50%;margin:-.09em 0 0 -.09em;border-radius:50%;background:var(--ino-ikincil);animation:goz-gezin 3s ease-in-out infinite}
@keyframes goz-gezin{0%,100%{transform:translate(-.12em,-.05em)}50%{transform:translate(.12em,.08em)}}
.hata-ic h1{font-size:clamp(28px,3.4vw,42px)}
.hata-ic>p{max-width:560px;margin:0 auto 24px;color:var(--soluk);font-size:18px}
.hata-linkler{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}

/* Form entegrasyonu */
.form-kart .ino-form-gonder{margin-top:4px}
.demo-bolum .form-kart{border-radius:28px}

/* =====================================================================
   13. Duyarlı düzen
   ===================================================================== */
@media (max-width:1180px){
	.footer-izgara{grid-template-columns:1.2fr repeat(3,minmax(0,1fr))}
	.footer-iletisim{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:10px 30px;align-items:start}
	.footer-iletisim .footer-liste{grid-template-columns:repeat(2,auto);gap:10px 30px}
	.footer-iletisim .btn{margin:0;grid-column:1}
	.numara-izgara,.ilgili-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
	.logo-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1100px){
	.hero-ic,.uyg-hero-ic,.platform-izgara,.sss-izgara,.demo-izgara,.entegrasyon-izgara,.sektor-izgara,.hikaye-izgara,.sayfa-basi-ic.iki-sutun{grid-template-columns:minmax(0,1fr)}
	.hero-gorsel,.uyg-hero-gorsel{max-width:700px;width:100%;margin-inline:auto}
	.platform-gorsel{max-width:680px;width:100%;margin-inline:auto}
	.istatistik-serit{grid-template-columns:repeat(var(--adet,4),minmax(0,1fr))}
	.istatistik-giris{grid-column:1/-1;border-right:0!important;border-bottom:1px solid var(--cizgi)}
	.modul-izgara,.neden-izgara,.pratik-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
	.deger-izgara,.ekip-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
	.yazi-duzen,.yazi-duzen--toc-sol{grid-template-columns:minmax(0,1fr)}
	.yazi-yan .yapiskan{position:static}
	.yazi-duzen--toc-sol .yazi-yan{order:-1}
	.iletisim-izgara{grid-template-columns:minmax(0,1fr)}
	.iletisim-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mobil-kutu{grid-template-columns:minmax(0,1fr)}
	.kaydirici-iz{grid-auto-columns:calc((100% - 16px) / 2)}
	.sayfa-basi-sag{max-width:620px}
	.orbit-alan{max-width:440px}
	.orbit-oge{transform:rotate(calc(360deg / var(--adet) * var(--i))) translate(0,calc(-1 * min(40vw,202px)))}
}
@media (max-width:860px){
	:root{--header-h:70px}
	.kap{width:min(100% - 32px,1200px)}
	.bolum-bas-yan{flex-direction:column;align-items:flex-start;gap:20px}
	.paket-izgara{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}
	.paket--one{transform:none}
	.paket--one:hover{transform:translateY(-6px)}
	.yazi-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
	.yazi-kart--buyuk{grid-template-columns:minmax(0,1fr)}
	.yazi-kart--buyuk .yazi-kart-gorsel{min-height:0;aspect-ratio:16/9}
	.cta-kutu{flex-direction:column;align-items:flex-start;gap:26px}
	.footer-izgara{grid-template-columns:1fr 1fr}
	.footer-marka{grid-column:1/-1}
	.footer-iletisim{display:block}
	.footer-iletisim .footer-liste{grid-template-columns:1fr}
	.footer-iletisim .btn{margin-top:18px}
	.logo-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
	.filtre-ic{flex-direction:column;align-items:stretch}
	.filtre-ara{flex-basis:auto}
	.numara-izgara,.ilgili-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
	.vitrin-satir{grid-template-columns:minmax(0,1fr)}
	.vitrin-satir.ters .vitrin-gorsel{order:0}
	.zaman-cizgi{left:18px}
	.zaman-oge{grid-template-columns:1fr;gap:0;padding-left:52px}
	.zaman-nokta{left:18px}
	.zaman-oge.sol .zaman-kart,.zaman-oge.sag .zaman-kart{grid-column:1;transform:translateX(30px)}
	.zaman-oge.gorunur .zaman-kart{transform:none}
	.zaman-oge.sol .zaman-kart:before,.zaman-oge.sag .zaman-kart:before{left:-8px;right:auto;border:1px solid var(--cizgi);border-right:0;border-top:0}
	.zaman-buyuk-yil{display:none}
	.zaman-son{margin-left:0}
	.sss-sayfa-izgara{grid-template-columns:minmax(0,1fr)}
	.sss-kategoriler .yapiskan{position:static;display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}
	.sss-kat{flex:none;gap:8px}
	.misyon-kartlar{grid-template-columns:1fr}
	.ikili-kutular{grid-template-columns:1fr}
	.maket-bildirim{left:8px;bottom:-18px}
	.maket-rozet{right:8px;top:-14px}
	.pv-yuzen{right:0}
	.harita-cerceve{height:320px}
	.yazi-icerik .alignwide{margin-inline:0}
}
@media (max-width:640px){
	.hero-baslik{font-size:clamp(38px,11vw,48px)}
		.hero-butonlar .btn{width:100%}
	.hero-kanit{align-items:flex-start}
	.maket{transform:none!important;padding:7px;border-radius:20px}
	.maket-kabuk{border-radius:15px}
	.maket-arama,.maket-yan{display:none}
	.maket-govde{grid-template-columns:1fr;min-height:0}
	.maket-icerik{padding:14px}
	.maket-metrikler{gap:6px}
	.maket-metrik{padding:9px}
	.maket-metrik b{font-size:18px}
	.maket-izgara{grid-template-columns:1fr}
	.maket-liste{display:none}
	.maket-kart{min-height:0}
	.maket-grafik{height:100px}
	.istatistik-serit{grid-template-columns:1fr 1fr}
	.istatistik-serit>div{border-right:0!important;border-bottom:1px solid var(--cizgi)}
	.istatistik-serit--koyu>div{border-color:rgba(255,255,255,.1)}
	.istatistik-serit>.istatistik:nth-of-type(odd){border-right:1px solid var(--cizgi)!important}
	.istatistik{padding:18px!important}
	.modul-izgara,.neden-izgara,.pratik-izgara,.deger-izgara,.sektor-kartlar,.yazi-izgara,.numara-izgara,.ilgili-izgara,.iletisim-kartlar{grid-template-columns:minmax(0,1fr)}
	.kanit-kart{padding:18px}.kanit-kart strong{font-size:28px}
	.modul-kart{min-height:0}
	.platform-gorsel{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
	.pv-kart{position:relative;inset:auto;width:auto;animation:none}
	.pv-ana{grid-column:1/-1;padding:18px}
	.pv-yan,.pv-yuzen{padding:14px;right:auto;left:auto;top:auto;bottom:auto}
	.halka{width:86px;height:86px}
	.akis-adim{font-size:10.5px;padding:10px 4px}
	.akis-ok{flex-basis:12px}
	.kaydirici-iz{grid-auto-columns:88%}
	.kaydirici-oklar{display:none}
	.entegrasyon-liste{grid-template-columns:1fr 1fr}
	.orbit-cip{min-width:0;padding:7px 10px;font-size:11px}
	.orbit-oge{transform:rotate(calc(360deg / var(--adet) * var(--i))) translate(0,calc(-1 * 38vw))}
	.logo-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
	.logo-kart{height:112px;padding:18px}
	.logo-kart img{max-height:54px}
	.kayan-logo{width:140px;height:72px;padding:14px 18px}
	.onay-liste--iki{grid-template-columns:1fr}
	.telefon{width:230px}
	.telefon-balon{display:none}
	.footer-izgara{grid-template-columns:1fr 1fr;gap:28px 18px}
	.footer-iletisim{grid-column:1/-1}
	.footer-alt{flex-direction:column;align-items:flex-start}
	.mobil-aksiyon{grid-template-columns:1fr}
	.sss-oge summary{font-size:16px}
	.sss-cevap p{margin-right:0}
	.yazi-icerik{font-size:17px}
	.yazi-alt{flex-direction:column;align-items:flex-start}
	.cta-aksiyon,.cta-aksiyon .btn{width:100%}
	.arama-formu .btn{padding:0 12px}
	.ust-bar-iletisim{display:none}
	.filtre-serit{top:var(--header-h)}
}
@media (max-width:420px){
	.istatistik b{font-size:24px}
	.maket-metrikler{grid-template-columns:1fr 1fr}
	.maket-metrik:last-child{display:none}
}

/* Hareketi azalt */
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
	.js-hazir .belir,.zaman-kart{opacity:1!important;transform:none!important}
	.kayan-iz{animation:none!important}
	.kayan{overflow-x:auto}
}
.efekt-kapali *,.efekt-kapali *:before,.efekt-kapali *:after{animation:none!important}
.efekt-kapali .maket,.efekt-kapali .telefon,.efekt-kapali .ekran-cerceve{transform:none}

/* Yazdırma */
@media print{
	.site-header,.site-footer,.footer-cta-bolum,.yukari-dugme,.whatsapp-dugme,.okuma-cubugu,.yazi-yan,.ust-bar{display:none!important}
	.belir{opacity:1!important;transform:none!important}
}

/* =====================================================================
   14. Üye girişi düğmesi, tema düğmesi, logo modları (1.0.2)
   ===================================================================== */
.header-giris{background:var(--giris-zemin,#F1EEF6);color:var(--giris-renk,#221A3F);padding:0 15px;height:44px;border-radius:12px;transition:background .2s,color .2s,transform .25s var(--gecis)}
.header-giris:hover{background:var(--giris-zemin-hover,#E0DAE9);color:var(--giris-renk-hover,#221A3F)}
.header-giris:active{transform:scale(.97)}
.site-header .header-ic{width:min(1360px,calc(100% - 40px));gap:20px}
.header-aksiyon>*{flex-shrink:0}
@media (max-width:1400px){
	.header-aksiyon .tema-anahtar-ikon{display:none}
	.header-aksiyon .tema-anahtar{padding:0 2px;margin-right:0}
}
.ust-nav{margin-left:0}
.header-aksiyon{gap:6px}
@media (max-width:1160px){
	.header-aksiyon .btn{padding:0 12px;font-size:14px}
}
@media (max-width:1340px){
	.site-header .header-ic{gap:14px}
	.header-aksiyon .header-giris{width:44px;padding:0;justify-content:center}
	.header-aksiyon .header-giris span{display:none}
}
@media (max-width:1240px){
	.site-header .header-ic{width:calc(100% - 32px);gap:10px}
	.nav-link{padding:0 8px;font-size:14.5px}
	.header-aksiyon .tema-dugme{width:40px}
	.header-aksiyon .btn{padding:0 14px}
	.header-aksiyon .btn-ok{display:none}
}
.mobil-aksiyonlar{display:none;margin-left:auto;align-items:center;gap:8px}
.mobil-aksiyonlar .mobil-dugme{display:inline-flex;margin-left:0}
.header-giris--mobil{height:46px;border-radius:13px;font-size:14.5px}

.tema-dugme{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--d-baslik,var(--ino-ana));cursor:pointer;overflow:hidden;transition:background .2s}
.tema-dugme:hover{background:var(--yumusak)}
.tema-dugme--mobil{width:46px;height:46px;border-radius:13px;background:var(--yumusak)}
.tema-ikon{grid-area:1/1;display:grid;place-items:center;transition:transform .5s var(--gecis),opacity .3s}
.tema-ikon--gunes{opacity:0;transform:rotate(-90deg) scale(.4)}
html[data-tema="koyu"] .tema-ikon--ay{opacity:0;transform:rotate(90deg) scale(.4)}
html[data-tema="koyu"] .tema-ikon--gunes{opacity:1;transform:none}

.tema-anahtar{display:inline-flex;align-items:center;gap:7px;flex:none;height:44px;margin-right:4px;padding:0 4px;border:0;border-radius:12px;background:transparent;color:var(--d-baslik,var(--ino-ana));cursor:pointer}
.tema-anahtar-ikon{display:grid;place-items:center;opacity:.4;transition:opacity .3s,transform .5s var(--gecis)}
.tema-anahtar-ikon--gunes{opacity:1}
.tema-anahtar-ray{position:relative;display:block;width:44px;height:24px;border-radius:99px;background:var(--giris-zemin,#F1EEF6);box-shadow:inset 0 0 0 1px var(--d-cizgi,rgba(34,26,63,.12));transition:background .3s}
.tema-anahtar-top{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ino-ana);box-shadow:0 2px 6px rgba(34,26,63,.25);transition:transform .35s var(--gecis),background .3s}
.tema-anahtar:hover .tema-anahtar-ray{background:var(--giris-zemin-hover,#E0DAE9)}
.tema-anahtar:focus-visible{outline:2px solid var(--ino-ikincil);outline-offset:2px}
html[data-tema="koyu"] .tema-anahtar-ikon--gunes{opacity:.4;transform:rotate(-45deg)}
html[data-tema="koyu"] .tema-anahtar-ikon--ay{opacity:1}
html[data-tema="koyu"] .tema-anahtar-ray{background:var(--giris-koyu-zemin,#2A2344);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
html[data-tema="koyu"] .tema-anahtar:hover .tema-anahtar-ray{background:var(--giris-koyu-zemin-hover,#3B3360)}
html[data-tema="koyu"] .tema-anahtar-top{transform:translateX(20px);background:#fff}

.marka .logo-mod-koyu{display:none}
html[data-tema="koyu"] .marka .logo-mod-acik{display:none}
html[data-tema="koyu"] .marka .logo-mod-koyu{display:block}
.logo-beyazlat{filter:brightness(0) invert(1)}
.logo-karart{filter:brightness(0)}

@media (max-width:560px){
	.header-giris--mobil{width:46px;padding:0;justify-content:center}
	.header-giris--mobil span{display:none}
}
@media (max-width:374px){
	.site-header .header-ic{width:calc(100% - 28px);gap:8px}
	.site-header .marka-yazi{font-size:21px}
	.site-header .marka img{max-width:120px;object-fit:contain}
	.mobil-aksiyonlar{gap:5px}
	.mobil-aksiyonlar .mobil-dugme,.tema-dugme--mobil,.header-giris--mobil{width:40px;height:40px;border-radius:12px}
}

/* Header altı boşluklar (panelden) ve üstten hizalama */
.hero{padding-top:var(--anasayfa-ust,32px)}
.sayfa-basi,.uyg-hero{padding-top:var(--sayfa-ust,44px)}
.uyg-hero-ic,.sayfa-basi-ic.iki-sutun{align-items:start}
@media (max-width:640px){
	.hero{padding-top:var(--anasayfa-ust-mobil,24px)}
	.sayfa-basi,.uyg-hero{padding-top:var(--sayfa-ust-mobil,24px)}
}

/* Uygulama tanıtım videosu */
.uyg-video-izgara{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(34px,6vw,72px);align-items:center}
.uyg-video-yazi .bolum-basligi{margin-bottom:22px}
.uyg-video-medya{position:relative}
.uyg-video-medya:before{content:"";position:absolute;inset:-18px -18px auto auto;width:62%;height:70%;border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--ino-ikincil) 22%,transparent),color-mix(in srgb,var(--ino-vurgu) 14%,transparent));z-index:-1}
.uyg-video-kart{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:6px solid var(--d-yuzey,#fff);border-radius:24px;overflow:hidden;background:var(--ino-ana);box-shadow:var(--golge);cursor:pointer;isolation:isolate}
.uyg-video-kart img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .7s var(--gecis)}
.uyg-video-kart:hover img{transform:scale(1.07)}
.uyg-video-perde{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,19,45,.05),rgba(24,19,45,.45))}
.uyg-video-oynat{position:absolute;left:50%;top:50%;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ino-vurgu);box-shadow:0 18px 40px rgba(0,0,0,.3);transition:transform .35s var(--gecis)}
.uyg-video-oynat:before{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(255,255,255,.75);animation:nabiz 2s ease-out infinite}
.uyg-video-oynat .ikon{fill:currentColor;margin-left:4px}
.uyg-video-kart:hover .uyg-video-oynat{transform:scale(1.08)}
.uyg-video-etiket{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.94);color:#221A3F;font-size:13px;font-weight:700}
.uyg-video-etiket .ikon{color:#FF0033}
.uyg-hero-gorsel{position:relative}
.uyg-video-cip{position:absolute;z-index:6;left:28px;top:-18px;display:inline-flex;align-items:center;gap:9px;padding:8px 15px 8px 8px;border:1px solid var(--d-cizgi,rgba(34,26,63,.08));border-radius:99px;background:var(--d-yuzey,#fff);color:var(--d-baslik,var(--ino-ana));font:inherit;font-size:14px;font-weight:700;box-shadow:var(--golge-hafif);cursor:pointer;transition:transform .3s var(--gecis),box-shadow .3s}
.uyg-video-cip span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ino-vurgu);color:#fff}
.uyg-video-cip span .ikon{fill:currentColor;margin-left:2px}
.uyg-video-cip:hover{transform:translateY(-3px);box-shadow:var(--golge)}
@media (max-width:1100px){
	.uyg-video-izgara{grid-template-columns:minmax(0,1fr)}
	.uyg-video-medya:before{inset:-12px -8px auto auto}
}
@media (max-width:640px){
	.uyg-video-oynat{width:62px;height:62px;margin:-31px 0 0 -31px}
	.uyg-video-cip{left:14px;font-size:13px}
	.uyg-video-kart{border-width:4px;border-radius:18px}
}

/* =====================================================================
   15. Koyu tema
   ===================================================================== */
html[data-tema="koyu"]{
	color-scheme:dark;
	--metin:var(--k-metin,#DCD7E8);
	--soluk:var(--k-soluk,#A39DB6);
	--cizgi:var(--k-cizgi,#2E2748);
	--yumusak:var(--k-yumusak,#26203F);
	--ino-zemin:var(--k-yuzey2,#14102A);
	--golge:0 24px 70px rgba(0,0,0,.45);
	--golge-hafif:0 12px 35px rgba(0,0,0,.35);
	--d-zemin:var(--k-zemin,#0E0A1C);
	--d-yuzey:var(--k-yuzey,#1A1530);
	--d-ton:var(--k-ton,#251F3D);
	--d-cam:rgba(14,10,28,.86);
	--d-baslik:#fff;
	--d-metin:var(--k-metin,#DCD7E8);
	--d-cizgi:var(--k-cizgi,#2E2748);
	--d-vurgu:color-mix(in srgb,var(--ino-vurgu) 45%,#FFB3BE);
}
html[data-tema="koyu"] body{background:var(--k-zemin,#0E0A1C)}
html.tema-geciyor *,html.tema-geciyor *:before,html.tema-geciyor *:after{transition:background-color .35s ease,border-color .35s ease,color .25s ease!important}
html[data-tema="koyu"] .header-giris{background:var(--giris-koyu-zemin,#2A2344);color:var(--giris-koyu-renk,#fff)}
html[data-tema="koyu"] .header-giris:hover{background:var(--giris-koyu-zemin-hover,#3B3360);color:var(--giris-koyu-renk,#fff)}
html[data-tema="koyu"] .marka--koyu .marka-isaret{background:#fff}
html[data-tema="koyu"] .marka--koyu .marka-isaret:before{background:var(--ino-ana)}
html[data-tema="koyu"] .marka--koyu .marka-isaret:after{border-top-color:var(--ino-ana);border-right-color:var(--ino-ana)}
html[data-tema="koyu"] .hero,html[data-tema="koyu"] .uyg-hero,html[data-tema="koyu"] .hata-sayfa{background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--ino-ikincil) 22%,transparent),transparent 32%),radial-gradient(circle at 6% 88%,color-mix(in srgb,var(--ino-vurgu) 14%,transparent),transparent 30%),linear-gradient(180deg,var(--k-yuzey2,#14102A) 0%,var(--k-zemin,#0E0A1C) 85%)}
html[data-tema="koyu"] .sayfa-basi{background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--ino-ikincil) 20%,transparent),transparent 36%),linear-gradient(180deg,var(--k-yuzey2,#14102A),var(--k-zemin,#0E0A1C))}
html[data-tema="koyu"] .hero-desen,html[data-tema="koyu"] .sayfa-basi-desen{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}
html[data-tema="koyu"] .mega-ic,html[data-tema="koyu"] .acilir ul{box-shadow:0 30px 80px rgba(0,0,0,.55)}
html[data-tema="koyu"] .mega-panel{background:var(--k-yuzey2,#14102A)}
html[data-tema="koyu"] .mobil-cekmece{background:rgba(0,0,0,.5)}
html[data-tema="koyu"] .maket,html[data-tema="koyu"] .paket--one{box-shadow:0 30px 80px rgba(0,0,0,.5)}
html[data-tema="koyu"] .maket-grafik{border-bottom-color:var(--k-cizgi,#2E2748)}
html[data-tema="koyu"] .btn-cizgi:hover,html[data-tema="koyu"] .ilgili-kart:hover,html[data-tema="koyu"] .iletisim-giris:hover,html[data-tema="koyu"] .sayfalama a.page-numbers:hover{border-color:color-mix(in srgb,var(--ino-ikincil) 70%,#fff)}
html[data-tema="koyu"] .bolum-yumusak{background:var(--k-yuzey2,#14102A)}
html[data-tema="koyu"] .kayan-logo,html[data-tema="koyu"] .logo-kart{border-color:transparent}
html[data-tema="koyu"] .logo-kart figcaption{background:linear-gradient(transparent,rgba(255,255,255,.96) 40%);color:#221A3F}
html[data-tema="koyu"] input:not([type=checkbox]):not([type=radio]):not([type=submit]),html[data-tema="koyu"] select,html[data-tema="koyu"] textarea{background-color:var(--k-yuzey2,#14102A);border-color:var(--k-cizgi,#2E2748);color:var(--k-metin,#DCD7E8)}
html[data-tema="koyu"] ::placeholder{color:color-mix(in srgb,var(--k-soluk,#A39DB6) 75%,transparent)}
html[data-tema="koyu"] .yazi-icerik a{color:color-mix(in srgb,var(--ino-ikincil) 60%,#fff)}
html[data-tema="koyu"] .yazi-icerik pre{background:var(--k-yuzey2,#14102A);border-color:var(--k-cizgi,#2E2748)}
html[data-tema="koyu"] .halka:after{background:var(--k-yuzey,#1A1530)}
html[data-tema="koyu"] .neden-no,html[data-tema="koyu"] .zaman-buyuk-yil{-webkit-text-stroke-color:var(--k-cizgi,#2E2748)}
html[data-tema="koyu"] .neden-kart:hover .neden-no{-webkit-text-stroke-color:color-mix(in srgb,var(--ino-ikincil) 45%,transparent)}
html[data-tema="koyu"] .maket-cizgi i{background-color:var(--k-cizgi,#2E2748)}
:where(html[data-tema="koyu"]) .pv-cubuklar span,:where(html[data-tema="koyu"]) .maket-noktalar i,:where(html[data-tema="koyu"]) .ekran-cerceve-ust i{background:#3A3358}
html[data-tema="koyu"] .sss-oge{border-color:var(--k-cizgi,#2E2748)}