/* Innovex · Hizmetler — "Dört uzmanlık. Tek hedef."
   Gece zeminde bento kartlar; her kartın içinde hizmeti anlatan canlı bir sahne:
   01 bütçe kanallara akar · 02 afişin katmanları kurulur · 03 zaman çizelgesi oynar · 04 kimlik sistemi oturur.
   Kartlar zeminli, kenarlıksız; vurgu ışıkla. Hareketi innovex-hizmetler.js sürüyor. */
.ixs{
  --ixs-k:#FC2B4A;          /* Innovex mercan kırmızısı */
  --ixs-g:#0B0B10;          /* gece */
  --ixs-g2:#111117;
  --ixs-krem:#F4EEE6;
  --ixs-y2:rgba(255,255,255,.7);
  --ixs-y3:rgba(255,255,255,.52);
  --ixs-koyu:#16161C;
  --ixs-koyu2:#5E5A57;
  --ixs-ease:cubic-bezier(.2,.75,.15,1);
  position:relative;isolation:isolate;overflow:hidden;
  padding:140px 0;background:var(--ixs-g);color:#fff;
  font-family:var(--font);-webkit-font-smoothing:antialiased;
}
.ixs *,.ixs *::before,.ixs *::after{box-sizing:border-box}
.ixs-kap{position:relative;width:min(1168px,100% - 48px);margin-inline:auto}

/* =========================================================
   Başlık
   ========================================================= */
.ixs-bas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);align-items:end;gap:28px 72px;margin-bottom:64px}
.ixs-ust{margin:0 0 22px;font-size:12.5px;line-height:1.4;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ixs-k)}
.innovex-page .ixs-baslik{margin:0;color:#fff;font-size:clamp(40px,4.6vw,64px);font-weight:760;line-height:1.02;letter-spacing:-.035em;font-variation-settings:"opsz" 32}
.ixs-baslik .ixs-s{display:block;overflow:hidden;padding:0 .06em .14em 0;margin-bottom:-.14em}
.ixs-baslik .ixs-s>span{display:block}
.ixs-baslik .ixs-vurgu{color:var(--ixs-k)}
.ixs-giris{margin:0;padding-bottom:4px;font-size:18px;line-height:1.6;color:var(--ixs-y2)}

/* =========================================================
   Bento ızgara + kart
   ========================================================= */
.ixs-izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.ixs-kart{
  --isik:rgba(255,255,255,.08);--ikincil:var(--ixs-y2);--cip:rgba(255,255,255,.07);--hale:rgba(252,43,74,.5);
  position:relative;isolation:isolate;grid-column:span 5;display:flex;flex-direction:column;min-width:0;
  padding:26px 32px 32px;border-radius:24px;overflow:hidden;
  container-type:inline-size;   /* sahneler kartın iç genişliğine göre uyarlanır */
  transition:transform .7s var(--ixs-ease),box-shadow .7s var(--ixs-ease)}
.ixs-kart--reklam,.ixs-kart--kimlik{grid-column:span 7}
/* imleci izleyen ışık (kenarlık değil, yüzeye düşen aydınlık) */
.ixs-kart::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(520px circle at var(--mx,50%) var(--my,-30%),var(--isik),transparent 46%);opacity:0;transition:opacity .6s ease}
/* dokunmatikte hover takılı kalmasın */
@media (hover:hover){
  .ixs-kart:hover::before{opacity:1}
  .ixs-kart:hover{transform:translateY(-4px);box-shadow:0 44px 90px -46px var(--hale)}
}

.ixs-kart--reklam{background:radial-gradient(110% 80% at 0% 0%,rgba(252,43,74,.11),rgba(252,43,74,0) 55%),linear-gradient(180deg,#17171E,#121218);color:#fff}
.ixs-kart--kreatif{--isik:rgba(255,255,255,.55);--ikincil:rgba(22,22,28,.74);--cip:rgba(255,255,255,.45);background:#F6CFCB;color:var(--ixs-koyu)}
.ixs-kart--video{--isik:rgba(255,255,255,.3);--ikincil:rgba(11,11,16,.8);--cip:rgba(11,11,16,.12);--hale:rgba(252,43,74,.75);background:var(--ixs-k);color:var(--ixs-g)}
.ixs-kart--kimlik{--isik:rgba(255,255,255,.8);--ikincil:var(--ixs-koyu2);--cip:rgba(22,22,28,.065);background:var(--ixs-krem);color:var(--ixs-koyu)}

.ixs-kust{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin:0;font-size:13.5px;line-height:1.3;font-weight:600}

.ixs-sahne{position:relative;z-index:1;flex:1 0 auto;min-height:300px;margin:22px 0 28px}

.ixs-metin{position:relative;z-index:1}
.innovex-page .ixs-kbaslik{margin:0;font-size:clamp(26px,2.25vw,31px);font-weight:740;line-height:1.1;letter-spacing:-.03em;font-variation-settings:"opsz" 32}
.ixs-metin p{margin:14px 0 0;max-width:35em;font-size:17px;line-height:1.6;color:var(--ikincil)}
.ixs-cip{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.ixs-cip li{padding:7px 12px;border-radius:999px;background:var(--cip);font-size:12.5px;font-weight:600;line-height:1.2}

/* alt satır */
.ixs-son{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px 40px;margin-top:56px}
.ixs-son p{margin:0;max-width:50em;font-size:18px;line-height:1.55;color:var(--ixs-y2)}
.ixs-son p b{color:#fff;font-weight:600}
.ixs-btn{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 24px 0 26px;border-radius:12px;background:var(--ixs-k);color:#fff;font-size:16px;font-weight:600;text-decoration:none;white-space:nowrap;
  box-shadow:0 14px 36px -14px rgba(252,43,74,.8);transition:box-shadow .3s ease,transform .3s ease,background-color .3s}
.ixs-btn:hover{background:#ff3d5a;box-shadow:0 18px 44px -12px rgba(252,43,74,.95);transform:translateY(-1px)}
.ixs-btn svg{transition:transform .3s ease}
.ixs-btn:hover svg{transform:translate(2px,-2px)}
.innovex-page .ixs-btn:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* =========================================================
   01 · Reklam — bütçe akışı
   ========================================================= */
.ixsa{display:flex;flex-direction:column}
.ixsa-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.86)}
.ixsa-etiket{display:inline-flex;align-items:center;gap:9px}
.ixsa-etiket i{width:7px;height:7px;border-radius:50%;background:var(--ixs-k);box-shadow:0 0 0 4px rgba(252,43,74,.18),0 0 12px rgba(252,43,74,.8)}
.ixsa-alan{position:relative;flex:1;display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:0 80px;margin:14px 0 16px}
.ixsa-yol{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.ixsa-cizgi{fill:none;stroke:var(--ixs-k);stroke-linecap:round}
.ixsa-kaynak{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.ixsa-orb{position:relative;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;color:#fff;font-size:25px;font-weight:700;line-height:1;
  background:radial-gradient(circle at 34% 30%,#FF8C9C 0%,#FC2B4A 52%,#B40E29 100%);
  box-shadow:0 0 24px 6px rgba(252,43,74,.18),0 0 46px rgba(252,43,74,.55),inset 0 -6px 14px rgba(0,0,0,.2)}
/* nabız: keskin halka yerine bulanık hale yayılır */
.ixsa-orb::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 14px 3px rgba(252,43,74,.5);animation:ixsa-nabiz 2.6s ease-out infinite}
@keyframes ixsa-nabiz{from{transform:scale(1);opacity:.9}to{transform:scale(1.85);opacity:0}}
.ixsa-kaynak b{margin-top:16px;font-size:14px;font-weight:650;line-height:1.2}
.ixsa-kaynak small{margin-top:3px;font-size:11.5px;color:var(--ixs-y3)}
.ixsa-kanallar{position:relative;z-index:1;display:grid;gap:12px;margin:0;padding:0;list-style:none}
.ixsa-k{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) 42px;align-items:center;gap:14px;padding:14px 16px;border-radius:13px;background:#1D1D25;overflow:hidden;
  transition:background-color .7s ease,box-shadow .7s ease}
.ixsa-k::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.07) 50%,rgba(255,255,255,0) 70%);transform:translateX(-110%)}
.ixsa.tarama .ixsa-k::after{animation:ixsa-tara 1.3s ease-in-out infinite}
.ixsa.tarama .ixsa-k:nth-child(2)::after{animation-delay:.15s}
.ixsa.tarama .ixsa-k:nth-child(3)::after{animation-delay:.3s}
@keyframes ixsa-tara{to{transform:translateX(110%)}}
.ixsa-ad{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap}
.ixsa-ad small{display:grid;font-size:11px;font-weight:500;color:var(--ixs-y3)}
.ixsa-ad small>span{grid-area:1/1;transition:opacity .45s ease,transform .5s var(--ixs-ease)}
.ixsa-ad .ixsa-en{opacity:0;transform:translateY(5px);color:#FF6B81;font-weight:600}
.ixsa-bar{height:7px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.ixsa-bar i{display:block;height:100%;width:60%;border-radius:inherit;background:linear-gradient(90deg,rgba(252,43,74,.45),rgba(252,43,74,.9))}
.ixsa-oran{font-size:15px;font-weight:650;letter-spacing:-.01em;text-align:right;font-variant-numeric:tabular-nums}
.ixsa-k.lider{background:#2B1620;box-shadow:0 16px 36px -18px rgba(252,43,74,.85),inset 0 0 26px rgba(252,43,74,.14)}
.ixsa-k.lider .ixsa-bar i{background:linear-gradient(90deg,#FC2B4A,#FF7F93);box-shadow:0 0 12px rgba(252,43,74,.9)}
.ixsa-k.lider .ixsa-ad small>span:first-child{opacity:0;transform:translateY(-5px)}
.ixsa-k.lider .ixsa-ad .ixsa-en{opacity:1;transform:none}
.ixsa-ad .pl-ikon{margin-right:.45em}
.ixsa-sinyal{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}
.ixsa-sinyal span{padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--ixs-y3);transition:background-color .45s ease,color .45s ease,box-shadow .45s ease}
.ixsa-sinyal span.on{background:rgba(252,43,74,.17);color:#fff;box-shadow:0 0 22px -6px rgba(252,43,74,.7)}
.ixsa-not{margin-left:auto;font-style:normal;font-weight:500;color:var(--ixs-y2);opacity:0;transform:translateX(8px);transition:opacity .5s ease,transform .6s var(--ixs-ease)}
.ixsa-not.on{opacity:1;transform:none}
@container (max-width:560px){
  .ixsa-alan{grid-template-columns:96px minmax(0,1fr);gap:0 44px}
  .ixsa-not{display:none}
}
@container (max-width:420px){
  .ixsa-alan{grid-template-columns:62px minmax(0,1fr);gap:0 26px}
  .ixsa-orb{width:52px;height:52px;font-size:20px;box-shadow:0 0 18px 5px rgba(252,43,74,.18),0 0 34px rgba(252,43,74,.55),inset 0 -5px 12px rgba(0,0,0,.2)}
  .ixsa-kaynak b{margin-top:12px;font-size:12.5px}
  .ixsa-kaynak small{display:none}
  .ixsa-k{grid-template-columns:minmax(0,1fr) 38px;grid-template-rows:auto auto;gap:7px 10px;padding:9px 12px}
  .ixsa-ad{font-size:12.5px}
  .ixsa-bar{grid-column:1/-1;grid-row:2}
  .ixsa-oran{grid-column:2;grid-row:1;font-size:14px}
  .ixsa-sinyal{gap:6px;font-size:11.5px}
  .ixsa-sinyal span{padding:5px 9px}
}

/* =========================================================
   02 · Kreatif — katmanları kurulan afiş
   ========================================================= */
.ixsk{display:grid;grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:10px}
.ixsk-tuval{position:relative;align-self:stretch;display:grid;place-items:center;perspective:1300px;perspective-origin:50% 30%}
.ixsk-yigin{
  --p-zemin:#0B0B10;--p-vurgu:#FC2B4A;--p-metin:#F4EEE6;--p-urun:#F4EEE6;--p-cta:#F4EEE6;--p-ctay:#0B0B10;
  position:relative;width:156px;height:195px;transform-style:preserve-3d;
  transform:translateY(46px) rotateX(57deg) rotateZ(-38deg);
  transition:transform 1.25s var(--ixs-ease),opacity .5s ease}
.ixsk-yigin[data-v="b"]{--p-zemin:#F4EEE6;--p-metin:#0B0B10;--p-urun:#0B0B10;--p-cta:#0B0B10;--p-ctay:#F4EEE6}
.ixsk-yigin.duz{transform:translateY(-6px) rotateX(0deg) rotateZ(0deg) scale(1.2)}
.ixsk-yigin.sonuk{opacity:0}
.ixsk-yigin.anlik,.ixsk-yigin.anlik *{transition:none!important}
.ixsk-l{position:absolute;inset:0;border-radius:9px;transform-style:preserve-3d;opacity:0;
  transform:translateZ(calc(var(--z) * 29px + 80px));transition:transform .85s var(--ixs-ease),opacity .45s ease}
.ixsk-l.on{opacity:1;transform:translateZ(calc(var(--z) * 29px))}
.ixsk-yigin.duz .ixsk-l{transform:translateZ(calc(var(--z) * .5px))}
/* ayrık görünümde her katman yarı saydam bir cam levha gibi okunur */
.ixsk-l::before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.09);box-shadow:0 18px 30px -18px rgba(120,20,40,.3);transition:opacity .7s ease}
.ixsk-yigin.duz .ixsk-l::before{opacity:0}
/* ayrıkken katman içeriği hafif gölgeyle levhadan ayrışır; birleşince gölge kalkar */
.ixsk-l:not(.ixsk-l1)>*{filter:drop-shadow(0 3px 4px rgba(90,20,35,.38));transition:filter .7s ease}
.ixsk-yigin.duz .ixsk-l>*{filter:none}
.ixsk-l1{background:var(--p-zemin);box-shadow:0 40px 50px -30px rgba(110,18,38,.55);transition:transform .85s var(--ixs-ease),opacity .45s ease,background-color .6s ease}
.ixsk-l1::before{display:none}
.ixsk-l svg{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
.ixsk-f-vurgu{fill:var(--p-vurgu)}
.ixsk-f-metin{fill:var(--p-metin);transition:fill .6s}
.ixsk-f-urun{fill:var(--p-urun);transition:fill .6s}
.ixsk-s-vurgu{fill:none;stroke:var(--p-vurgu)}
.ixsk-bas{position:absolute;left:9px;top:5px;font-size:47px;font-weight:900;line-height:1;letter-spacing:-.05em;color:var(--p-metin);transition:color .6s}
.ixsk-alt{position:absolute;left:11px;top:56px;font-size:8.5px;font-weight:600;line-height:1;color:var(--p-metin);opacity:.72;transition:color .6s}
.ixsk-cta{position:absolute;left:11px;bottom:10px;height:16px;padding:0 13px;border-radius:8px;background:var(--p-cta);color:var(--p-ctay);font-size:7.5px;font-weight:700;line-height:16px;transition:background-color .6s,color .6s}
.ixsk-logo{position:absolute;right:10px;bottom:12px;font-size:9px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--p-metin);transition:color .6s}
/* birleşince üstünden geçen parıltı */
.ixsk-yigin::after{content:"";position:absolute;inset:0;border-radius:9px;pointer-events:none;transform:translateZ(3px);
  background:linear-gradient(115deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.34) 50%,rgba(255,255,255,0) 62%) no-repeat;background-size:260% 100%;background-position:130% 0;opacity:0}
.ixsk-yigin.parla::after{opacity:1;background-position:-30% 0;transition:background-position 1.3s ease .1s,opacity .3s}
.ixsk-hazir{position:absolute;left:50%;bottom:4px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.62);color:var(--ixs-koyu);font-size:11px;font-weight:600;white-space:nowrap;
  opacity:0;transform:translate(-50%,6px);transition:opacity .45s ease,transform .6s var(--ixs-ease)}
.ixsk-hazir i{width:6px;height:6px;border-radius:50%;background:var(--ixs-k);box-shadow:0 0 8px rgba(252,43,74,.8)}
.ixsk-hazir.on{opacity:1;transform:translate(-50%,0)}
.ixsk-panel{padding:12px 8px 10px;border-radius:14px;background:rgba(255,255,255,.48);color:var(--ixs-koyu)}
.ixsk-panel p{margin:0 6px 8px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(22,22,28,.5)}
.ixsk-panel ol{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.ixsk-panel li{position:relative;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;font-size:12.5px;font-weight:600;line-height:1.2;opacity:.36;
  transition:opacity .4s ease,background-color .4s ease,box-shadow .4s ease}
.ixsk-panel svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.ixsk-panel li::after{content:"";margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--ixs-k);opacity:0;transform:scale(.3);transition:opacity .3s,transform .4s var(--ixs-ease)}
.ixsk-panel li.aktif{opacity:1;background:#fff;box-shadow:0 8px 18px -10px rgba(252,43,74,.7)}
.ixsk-panel li.tamam{opacity:.95}
.ixsk-panel li.aktif::after,.ixsk-panel li.tamam::after{opacity:1;transform:none}
@container (max-width:380px){
  .ixsk{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:6px}
  .ixsk-tuval{min-height:254px}
  .ixsk-yigin{scale:.86}
  .ixsk-hazir{bottom:-6px}
  .ixsk-panel{padding:6px;background:rgba(255,255,255,.4)}
  .ixsk-panel p{display:none}
  .ixsk-panel ol{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:2px}
  .ixsk-panel li{padding:6px 7px;font-size:11px;gap:5px}
  .ixsk-panel li svg{display:none}
  .ixsk-panel li::after{display:none}
}

/* =========================================================
   03 · Video — zaman çizelgesi ve oynatma imleci
   ========================================================= */
.ixsv-editor{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:var(--ixs-g);color:#fff;box-shadow:0 34px 60px -34px rgba(70,0,14,.75)}
.ixsv-ekran{position:relative;flex:1;min-height:128px;display:grid;place-items:center;border-radius:10px;background:#16161D;overflow:hidden}
.ixsv-kare{--q:0;position:relative;width:199px;height:112px;border-radius:6px;overflow:hidden;background:#0B0B10;transition:width .9s var(--ixs-ease);box-shadow:0 14px 30px -14px rgba(0,0,0,.8)}
.ixsv-kare.o11{width:112px}
.ixsv-kare.o916{width:63px}
.ixsv-s{position:absolute;inset:0;opacity:0;transition:opacity .22s ease}
.ixsv-s.on{opacity:1}
.ixsv-s1{background:#0B0B10}
.ixsv-gunes{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-36px 0 0 -23px;border-radius:50%;background:var(--ixs-k);box-shadow:0 0 34px rgba(252,43,74,.65);
  transform:translateY(calc((1 - min(1, var(--q) * 1.7)) * 60px))}
.ixsv-s1 b{position:absolute;left:0;right:0;bottom:13px;text-align:center;font-size:15px;font-weight:800;letter-spacing:-.03em;color:var(--ixs-krem);
  opacity:calc(var(--q) * 3 - .9);transform:translateY(calc((1 - min(1, var(--q) * 2)) * 8px))}
.ixsv-s2{background:var(--ixs-krem)}
.ixsv-s2 svg{position:absolute;left:50%;top:50%;width:72px;height:auto;margin:-24px 0 0 -36px;
  transform:translateX(calc((1 - min(1, var(--q) * 1.5)) * -110px)) rotate(calc((1 - min(1, var(--q) * 1.5)) * -8deg))}
.ixsv-iz-cizgi{position:absolute;left:0;right:0;top:50%;height:12px;margin-top:-2px;opacity:calc(1 - var(--q) * 1.6);
  background:linear-gradient(90deg,rgba(252,43,74,0),rgba(252,43,74,.55)) 0 0/70% 2px no-repeat,linear-gradient(90deg,rgba(252,43,74,0),rgba(252,43,74,.4)) 10% 7px/55% 2px no-repeat}
.ixsv-s3{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--ixs-k);color:var(--ixs-g)}
.ixsv-s3 b{font-size:22px;font-weight:800;letter-spacing:-.04em;line-height:1;transform:scale(calc(.82 + min(1, var(--q) * 2) * .18))}
.ixsv-s3 span{padding:4px 10px;border-radius:999px;background:var(--ixs-g);color:#fff;font-size:8.5px;font-weight:700;opacity:calc(var(--q) * 3 - .8)}
.ixsv-oran{position:absolute;right:9px;top:8px;padding:3px 7px;border-radius:6px;background:rgba(255,255,255,.07);color:var(--ixs-y3);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}
.ixsv-kontrol{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:600;color:var(--ixs-y2)}
.ixsv-oyna{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ixs-k);box-shadow:0 0 14px -2px rgba(252,43,74,.8)}
.ixsv-oyna svg{width:10px;height:10px;fill:#fff}
.ixsv-oyna .dur{display:none}
.ixsv.oynuyor .ixsv-oyna .oyna{display:none}
.ixsv.oynuyor .ixsv-oyna .dur{display:block}
.ixsv-tc{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.ixsv-bicim{margin-left:auto;display:flex;gap:3px}
.ixsv-bicim span{padding:3px 7px;border-radius:6px;color:rgba(255,255,255,.42);font-size:10.5px;font-variant-numeric:tabular-nums;transition:background-color .4s,color .4s}
.ixsv-bicim span.on{background:rgba(252,43,74,.2);color:#fff}
.ixsv-zaman{--p:0;--lbl:18px;position:relative;display:grid;gap:5px}
.ixsv-cetvel{position:relative;height:15px;margin-left:var(--lbl);font-size:9px;line-height:1;color:rgba(255,255,255,.38);font-variant-numeric:tabular-nums;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 1px,rgba(255,255,255,0) 1px 8.333%) 0 100%/100% 4px no-repeat}
.ixsv-cetvel span{position:absolute;top:0;left:calc(var(--a) * 1%);padding-left:3px}
.ixsv-iz{display:grid;grid-template-columns:var(--lbl) minmax(0,1fr);align-items:center;height:20px}
.ixsv-iz b{font-size:9px;font-weight:700;color:rgba(255,255,255,.36)}
.ixsv-serit{position:relative;height:100%;border-radius:5px;background:rgba(255,255,255,.035)}
.ixsv-klip{position:absolute;top:0;bottom:0;left:calc(var(--a) * 1%);width:calc((var(--b) - var(--a)) * 1% - 2px);display:flex;align-items:center;padding:0 7px;border-radius:5px;overflow:hidden;
  font-size:9.5px;font-weight:650;white-space:nowrap;opacity:.5;transition:opacity .35s ease,box-shadow .35s ease}
.ixsv-klip:nth-child(1){background:var(--ixs-k);color:#fff}
.ixsv-klip:nth-child(2){background:#E6DACA;color:var(--ixs-g)}
.ixsv-klip:nth-child(3){background:#F6CFCB;color:var(--ixs-g)}
.ixsv-klip.on{opacity:1;box-shadow:0 0 18px -3px rgba(252,43,74,.75)}
.ixsv-klip:nth-child(n+2).on{box-shadow:0 0 18px -3px rgba(255,255,255,.45)}
.ixsv-yazi{position:absolute;top:3px;bottom:3px;left:calc(var(--a) * 1%);width:calc((var(--b) - var(--a)) * 1%);display:flex;align-items:center;padding:0 7px;border-radius:4px;
  background:rgba(255,255,255,.1);font-size:9px;font-weight:600;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;transition:background-color .3s,color .3s}
.ixsv-yazi.on{background:rgba(255,255,255,.26);color:#fff}
.ixsv-kf{position:absolute;top:50%;left:calc(var(--a) * 1%);width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:rgba(255,255,255,.55);transform:rotate(45deg);border-radius:1px;transition:background-color .3s,box-shadow .3s}
.ixsv-kf.on{background:#fff;box-shadow:0 0 8px rgba(255,255,255,.9)}
.ixsv-dalga{display:flex;align-items:center;gap:2px;padding:0 3px;background:none}
.ixsv-dalga i{flex:1;min-width:1px;border-radius:1px;background:rgba(255,255,255,.22);transition:background-color .2s}
.ixsv-dalga i.gecti{background:#FF6B81}
.ixsv-imlec{position:absolute;top:0;bottom:-3px;left:calc(var(--lbl) + (100% - var(--lbl)) * var(--p));width:2px;margin-left:-1px;border-radius:1px;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.6);pointer-events:none;transition:opacity .25s}
.ixsv-imlec::before{content:"";position:absolute;top:-1px;left:50%;width:11px;height:12px;margin-left:-5.5px;background:var(--ixs-k);clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%)}
.ixsv.sifir .ixsv-imlec{opacity:0}

/* =========================================================
   04 · Kimlik — sistem oturur, temas noktalarına yayılır
   ========================================================= */
.ixsm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.ixsm-pano{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:20px 20px 18px;border-radius:16px;background:rgba(255,255,255,.62)}
.ixsm-logo{display:flex;align-items:center;gap:16px}
.ixsm-isaret{width:96px;height:96px;flex:none;overflow:visible}
.ixsm-kilavuz>*{fill:none;stroke:rgba(22,22,28,.32);stroke-width:.7;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ixs-ease),stroke .8s ease}
.ixsm-kilavuz>.on{stroke-dashoffset:0}
.ixsm-isaret.soluk .ixsm-kilavuz>*{stroke:rgba(22,22,28,.11)}
.ixsm-dolu{transform-origin:50px 50px;transform:scale(.6);opacity:0;transition:transform .9s cubic-bezier(.2,.9,.25,1.2),opacity .5s ease}
.ixsm-dolu.on{transform:none;opacity:1}
.ixsm-ad{font-size:58px;font-weight:800;line-height:1;letter-spacing:-.06em;color:var(--ixs-g);opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .8s var(--ixs-ease)}
.ixsm-ad.on{opacity:1;transform:none}
.ixsm-renk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.ixsm-renk li{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:var(--ixs-koyu2);opacity:0;transform:translateY(-10px);transition:opacity .45s ease,transform .7s var(--ixs-ease)}
.ixsm-renk li.on{opacity:1;transform:none}
.ixsm-renk i{height:34px;border-radius:8px;background:var(--c);box-shadow:0 8px 16px -10px rgba(40,20,20,.5)}
.ixsm-yazi{display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .8s var(--ixs-ease)}
.ixsm-yazi.on{opacity:1;transform:none}
.ixsm-yazi b{font-size:34px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--ixs-g)}
.ixsm-yazi span{font-size:11.5px;line-height:1.35;color:var(--ixs-koyu2)}

.ixsm-uyg{position:relative;min-height:260px}
.ixsm-u{position:absolute;margin:0;display:flex;flex-direction:column;align-items:center;gap:9px}
.ixsm-u figcaption{font-size:11px;font-weight:600;color:var(--ixs-koyu2);white-space:nowrap;transition:color .4s}
.ixsm-yuz{position:relative;overflow:hidden;background:rgba(22,22,28,.07);transition:background-color .6s ease,box-shadow .7s ease}
.ixsm-yuz>*{opacity:0;transition:opacity .5s ease .15s,transform .7s var(--ixs-ease) .1s}
.ixsm-u.on .ixsm-yuz>*{opacity:1}
.ixsm-u.on figcaption{color:var(--ixs-koyu)}
.ixsm-u.on .ixsm-yuz{animation:ixsm-hale 1.1s ease-out}
@keyframes ixsm-hale{0%{box-shadow:0 0 0 0 rgba(252,43,74,0),0 18px 30px -18px rgba(60,20,20,.4)}30%{box-shadow:0 0 42px 4px rgba(252,43,74,.42),0 18px 30px -18px rgba(60,20,20,.4)}100%{box-shadow:0 0 60px 10px rgba(252,43,74,0),0 18px 30px -18px rgba(60,20,20,.4)}}
.ixsm-kartvizit{left:0;top:6px;transform:rotate(-6deg)}
.ixsm-kartvizit .ixsm-yuz{width:168px;height:100px;border-radius:9px}
.ixsm-kartvizit.on .ixsm-yuz{background:#fff;box-shadow:0 18px 30px -18px rgba(60,20,20,.4)}
.ixsm-kartvizit svg{position:absolute;left:14px;top:14px;width:24px;height:24px}
.ixsm-kartvizit b{position:absolute;left:44px;top:14px;font-size:20px;font-weight:800;line-height:1;letter-spacing:-.06em;color:var(--ixs-g)}
.ixsm-kartvizit i{position:absolute;left:14px;height:4px;border-radius:2px;background:rgba(22,22,28,.16)}
.ixsm-kartvizit i:nth-of-type(1){bottom:26px;width:62px}
.ixsm-kartvizit i:nth-of-type(2){bottom:16px;width:42px}
.ixsm-kartvizit span{position:absolute;right:0;top:0;bottom:0;width:12px;background:var(--ixs-k)}
.ixsm-ambalaj{right:8px;top:0;transform:rotate(4deg)}
.ixsm-ambalaj .ixsm-yuz{width:100px;height:136px;border-radius:12px 12px 16px 16px}
.ixsm-ambalaj.on .ixsm-yuz{background:var(--ixs-k);box-shadow:0 18px 30px -18px rgba(60,20,20,.4)}
.ixsm-ambalaj .ixsm-yuz::before{content:"";position:absolute;left:10px;right:10px;top:12px;height:3px;border-radius:2px;background:rgba(22,22,28,.1);transition:background-color .6s}
.ixsm-ambalaj.on .ixsm-yuz::before{background:rgba(255,255,255,.35)}
.ixsm-ambalaj svg{position:absolute;left:50%;top:30px;width:56px;height:56px;margin-left:-28px}
.ixsm-ambalaj b{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:22px;font-weight:800;line-height:1;letter-spacing:-.06em;color:var(--ixs-krem)}
.ixsm-ambalaj i{position:absolute;left:50%;bottom:13px;width:30px;height:3px;margin-left:-15px;border-radius:2px;background:rgba(244,238,230,.55)}
.ixsm-ikon{left:22px;bottom:0}
.ixsm-sosyal{right:0;bottom:0;transform:rotate(-2deg)}
.ixsm-sosyal .ixsm-yuz{width:178px;height:58px;border-radius:14px}
.ixsm-sosyal.on .ixsm-yuz{background:#fff;box-shadow:0 18px 30px -18px rgba(60,20,20,.4)}
.ixsm-sosyal svg{position:absolute;left:11px;top:11px;width:36px;height:36px}
.ixsm-sosyal b{position:absolute;left:55px;top:15px;font-size:11.5px;font-weight:700;line-height:1;color:var(--ixs-g)}
.ixsm-sosyal i{position:absolute;left:55px;top:33px;width:44px;height:4px;border-radius:2px;background:rgba(22,22,28,.15)}
.ixsm-sosyal span{position:absolute;right:10px;top:50%;margin-top:-10px;height:20px;padding:0 9px;border-radius:10px;background:var(--ixs-k);color:#fff;font-size:9px;font-weight:700;line-height:20px}
.ixsm-ikon .ixsm-yuz{width:64px;height:64px;border-radius:17px}
.ixsm-ikon.on .ixsm-yuz{background:var(--ixs-g);box-shadow:0 18px 30px -16px rgba(20,10,15,.55)}
.ixsm-ikon svg{position:absolute;inset:9px;width:46px;height:46px}
@container (max-width:580px){
  .ixsm{gap:16px}
  .ixsm-pano{padding:16px}
  .ixsm-isaret{width:80px;height:80px}
  .ixsm-ad{font-size:48px}
  .ixsm-kartvizit .ixsm-yuz{width:140px;height:84px}
  .ixsm-kartvizit svg{left:12px;top:12px;width:20px;height:20px}
  .ixsm-kartvizit b{left:38px;top:12px;font-size:17px}
  .ixsm-ambalaj{right:2px}
  .ixsm-ambalaj .ixsm-yuz{width:86px;height:118px}
  .ixsm-ambalaj svg{top:24px;width:46px;height:46px;margin-left:-23px}
  .ixsm-ambalaj b{font-size:19px;bottom:20px}
  .ixsm-ikon{left:6px}
  .ixsm-ikon .ixsm-yuz{width:54px;height:54px;border-radius:15px}
  .ixsm-ikon svg{inset:8px;width:38px;height:38px}
  .ixsm-sosyal .ixsm-yuz{width:150px;height:52px}
  .ixsm-sosyal svg{left:9px;top:9px;width:34px;height:34px}
  .ixsm-sosyal b{left:50px;top:13px;font-size:10.5px}
  .ixsm-sosyal i{left:50px;top:30px;width:34px}
  .ixsm-sosyal span{right:8px;height:18px;margin-top:-9px;padding:0 7px;font-size:8px;line-height:18px}
}
@container (max-width:440px){
  .ixsm{grid-template-columns:1fr;gap:16px}
  .ixsm-pano{gap:14px;padding:16px}
  .ixsm-isaret{width:76px;height:76px}
  .ixsm-ad{font-size:48px}
  .ixsm-renk i{height:28px}
  .ixsm-uyg{min-height:250px}
  .ixsm-kartvizit{left:4px;top:10px}
  .ixsm-ambalaj{right:6px;top:2px}
  .ixsm-ikon{left:14px}
}

/* =========================================================
   Görünme hareketi (yalnız betik çalışıyorsa)
   ========================================================= */
.ixs.js .ixs-baslik .ixs-s>span{transform:translateY(110%);transition:transform 1.1s var(--ixs-ease)}
.ixs.js .ixs-baslik .ixs-s:nth-child(2)>span{transition-delay:.1s}
.ixs.js .ixs-ust,.ixs.js .ixs-giris,.ixs.js .ixs-son{opacity:0;transform:translateY(14px);transition:opacity .9s ease,transform 1s var(--ixs-ease)}
.ixs.js .ixs-giris{transition-delay:.25s}
.ixs.js:not(.gor) .ixs-kart{opacity:0}
.ixs.gor .ixs-baslik .ixs-s>span,.ixs.gor .ixs-ust,.ixs.gor .ixs-giris{transform:none;opacity:1}
.ixs.gor .ixs-son{opacity:1;transform:none;transition-delay:.7s}
.ixs.gor .ixs-kart{animation:ixs-yuksel 1.1s var(--ixs-ease) backwards;animation-delay:calc(.2s + var(--i,0) * .1s)}
@keyframes ixs-yuksel{from{opacity:0;transform:translateY(36px)}}

/* görünmeyen sahnede döngüsel CSS hareketleri durur */
.ixs-sahne.dur *,.ixs-sahne.dur *::before,.ixs-sahne.dur *::after{animation-play-state:paused!important}

/* =========================================================
   Tablet ve mobil
   ========================================================= */
@media (max-width:1099px){
  .ixs{padding:112px 0}
  .ixs-bas{grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:24px 48px;margin-bottom:52px}
  .ixs-giris{font-size:17px}
  .ixs-kart{padding:24px 26px 28px}
  .ixs-metin p{font-size:16px}
}
@media (max-width:899px){
  .ixs-bas{grid-template-columns:1fr;margin-bottom:44px}
  .ixs-giris{max-width:36em}
  .ixs-izgara{grid-template-columns:minmax(0,1fr);gap:16px}
  .ixs-kart,.ixs-kart--reklam,.ixs-kart--kimlik{grid-column:auto}
  .ixs-son{margin-top:44px}
}
@media (max-width:699px){
  .ixs{padding:88px 0}
  .ixs-kap{width:calc(100% - 32px)}
  .ixs-ust{margin-bottom:16px}
  .ixs-bas{gap:20px;margin-bottom:36px}
  .ixs-giris{font-size:16.5px}
  .ixs-kart{padding:20px 18px 24px;border-radius:20px}
  .ixs-kust{font-size:13px;gap:10px}
  .ixs-sahne{min-height:290px;margin:18px 0 22px}
  .ixs-sahne.ixsm{min-height:0}
  .innovex-page .ixs-kbaslik{font-size:25px}
  .ixs-metin p{margin-top:12px;font-size:16px}
  .ixs-cip{margin-top:16px;gap:6px}
  .ixs-cip li{font-size:12px;padding:6px 10px}
  .ixs-son{margin-top:36px}
  .ixs-son p{font-size:16.5px}
  .ixs-btn{height:50px;padding:0 20px 0 22px;font-size:15.5px}
}

/* =========================================================
   Hareket azaltılmış: her sahne anlamlı tek kare (betik kareyi kurar)
   ========================================================= */
.ixs.durgun *,.ixs.durgun *::before,.ixs.durgun *::after{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){
  .ixs .ixs-baslik .ixs-s>span,.ixs .ixs-ust,.ixs .ixs-giris,.ixs .ixs-son,.ixs .ixs-kart{opacity:1!important;transform:none!important;animation:none!important}
  .ixsa-orb::after{animation:none}
  .ixs-kart:hover{transform:none}
}

/* sitenin ".innovex-page main h2/h3" kuralları boyutu ve aralığı eziyordu */
.innovex-page .ixs-baslik{letter-spacing:-.035em}
.innovex-page .ixs-kbaslik{letter-spacing:-.03em}