/* Seçilmiş İşler, SSS ve footer. Kendi sınıf alanı (ila-*) içinde; eski katmanlara dayanmaz. */

.ila-eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ila-accent);
}
.ila-eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}

.ila-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 22px;border-radius:var(--ila-radius-sm);
  background:var(--ila-cta);color:var(--ila-accent-ink);
  font-size:15px;font-weight:700;white-space:nowrap;
  transition:background-color .18s var(--ila-ease),transform .18s var(--ila-ease);
}
.ila-btn:hover{background:#fff}
.ila-btn:active{transform:translateY(1px)}
.ila-btn--ghost{background:transparent;color:var(--ila-text);box-shadow:inset 0 0 0 1px var(--ila-line-strong)}
.ila-btn--ghost:hover{background:rgba(242,245,243,.06)}
.ila-btn:focus-visible,.ila-textlink:focus-visible,.ila-foot a:focus-visible,.ila-faq__item summary:focus-visible,.ila-work__rail:focus-visible,.ila-card__name a:focus-visible{
  outline:2px solid var(--ila-accent);outline-offset:3px;border-radius:var(--ila-radius-xs);
}

.ila-textlink{
  display:inline-flex;align-items:center;gap:8px;
  font-size:15px;font-weight:700;color:var(--ila-text);
  background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;
  padding-bottom:3px;transition:background-size .3s var(--ila-ease);
}
.ila-textlink:hover{background-size:100% 1px}
.ila-textlink span{transition:transform .2s var(--ila-ease)}
.ila-textlink:hover span{transform:translateX(4px)}

/* Hero: video başlamadan önce görünen kare = videonun ilk karesi (cihaza göre), video aynı karenin üstünden başlar */
.home-hero-stage__poster{position:absolute;inset:0;display:block}
.home-hero-stage__poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.home-hero-stage__media .home-hero-stage__video{position:relative;z-index:1;background:transparent}
@media (max-width:860px){.home-hero-stage__poster img{object-position:66% 50%}}

/* Hizmet anlatımının son adımı, içerik bitince boş alan bırakmasın */
.service-story{padding-bottom:48px}
.service-story__chapter:last-child{min-height:0;padding-bottom:0}
@media (max-width:720px){.service-story{padding-bottom:32px}}

/* WhatsApp butonları: "Bir Merhaba Yeter 👋" — el ekrana girince bir kez, üzerine gelince yeniden sallanır */
.ila-wave{display:inline-block;margin-left:.3em;transform-origin:70% 80%;line-height:1}
a:hover .ila-wave,a:focus-visible .ila-wave,.ila-wave.is-waving{animation:ila-wave 1.1s ease-in-out}
@keyframes ila-wave{0%,62%,100%{transform:rotate(0)}10%{transform:rotate(16deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}
@media (prefers-reduced-motion:reduce){.ila-wave,a:hover .ila-wave,.ila-wave.is-waving{animation:none}}

/* ---------- İmzamızı Taşıyanlar ---------- */
.ila-work{padding:72px 0 88px}
.ila-work__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.ila-work__title{margin:14px 0 0;max-width:22ch;font-size:clamp(28px,2.6vw,40px);line-height:1.12;font-weight:700;letter-spacing:-.02em;color:var(--ila-text)}
.ila-work__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;margin:0 auto;padding:0;list-style:none}
.ila-work__item{min-width:0}

.ila-card{position:relative;display:flex;flex-direction:column;gap:18px}
.ila-card__media{
  position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--ila-radius-md);
  background:var(--ila-surface-raised);box-shadow:inset 0 0 0 1px var(--ila-line);
}
.ila-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ila-ease)}
.ila-card__body{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 16px}
.ila-card__name{margin:0;font-size:18px;font-weight:700;line-height:1.3;color:var(--ila-text)}
.ila-card__name a{color:inherit}
.ila-card__name a::after{content:"";position:absolute;inset:0;border-radius:var(--ila-radius-md)}
.ila-card__sector{font-size:13px;font-weight:600;color:var(--ila-text-secondary);white-space:nowrap}
.ila-card__summary{grid-column:1/-1;margin:0;font-size:15px;line-height:1.55;color:var(--ila-muted)}
@media (hover:hover){
  .ila-card:hover .ila-card__media img{transform:scale(1.035)}
}

/* ---------- SSS ---------- */
.ila-faq{padding:72px 0 104px}
.ila-faq__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.ila-faq__intro{position:sticky;top:120px}
.ila-faq__title{margin:14px 0 16px;max-width:16ch;font-size:clamp(28px,2.6vw,40px);line-height:1.12;font-weight:700;letter-spacing:-.02em;color:var(--ila-text)}
.ila-faq__lead{margin:0 0 28px;max-width:40ch;font-size:16px;line-height:1.6;color:var(--ila-muted)}
.ila-faq__list{border-top:1px solid rgba(242,245,243,.06)}
.ila-faq__item{border-bottom:1px solid rgba(242,245,243,.06)}
.ila-faq__item summary{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:24px 0;cursor:pointer;list-style:none;
  font-size:17px;font-weight:600;line-height:1.45;color:var(--ila-text);
}
.ila-faq__item summary::-webkit-details-marker{display:none}
.ila-faq__item summary:hover .ila-faq__q{color:#fff}
.ila-faq__q{transition:color .18s ease}
.ila-faq__icon{position:relative;flex:none;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ila-line-strong)}
.ila-faq__icon::before,.ila-faq__icon::after{
  content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;
  background:var(--ila-text);transition:transform .25s var(--ila-ease);
}
.ila-faq__icon::after{transform:rotate(90deg)}
.ila-faq__item[open] .ila-faq__icon::after{transform:rotate(0)}
.ila-faq__a{padding:0 52px 26px 0}
.ila-faq__a p{margin:0;font-size:16px;line-height:1.7;color:var(--ila-muted)}
.ila-faq__item[open] .ila-faq__a{animation:ila-faq-open .32s var(--ila-ease)}
@keyframes ila-faq-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- Footer ---------- */
.ila-foot{background:#121C1C;color:var(--ila-text)}
.ila-foot__cta{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:88px 0 40px}
.ila-foot__title{margin:0;max-width:20ch;font-size:clamp(28px,2.6vw,40px);line-height:1.12;font-weight:700;letter-spacing:-.02em}
.ila-foot__actions{display:flex;flex-wrap:wrap;gap:12px}
.ila-foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:56px 0}
.ila-foot__logo{display:inline-block}
.ila-foot__logo img{width:auto;height:40px}
.ila-foot__claim{margin:20px 0 0;max-width:22ch;font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--ila-text)}
.ila-foot__desc{margin:10px 0 0;max-width:34ch;font-size:15px;line-height:1.6;color:var(--ila-muted)}
.ila-foot__col h3{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ila-text-secondary)}
.ila-foot__col ul,.ila-foot__legal ul{margin:0;padding:0;list-style:none}
.ila-foot__col li+li{margin-top:10px}
.ila-foot__col a{
  font-size:15px;color:var(--ila-muted);
  background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;
  transition:color .18s ease,background-size .3s var(--ila-ease);
}
.ila-foot__col a:hover{color:var(--ila-text);background-size:100% 1px}
.ila-foot__contact a{color:var(--ila-text)}
.ila-foot__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:8px 0 40px}
.ila-foot__legal ul{display:flex;flex-wrap:wrap;gap:8px 20px}
.ila-foot__legal a,.ila-foot__legal p{margin:0;font-size:13px;color:var(--ila-text-secondary)}
.ila-foot__legal a:hover{color:var(--ila-text)}

/* Footer alttan açılır: içerik bir sayfa gibi üstünden kalkar. Yalnız footer ekrana sığdığında. */
@media (min-width:1025px) and (min-height:700px){
  .site-shell > :is(main, .home-hero-stage):has(+ .ila-foot){
    position:relative;z-index:1;background:var(--ila-ink);
    border-radius:0 0 28px 28px;
    box-shadow:0 24px 48px -12px rgba(0,0,0,.55);
  }
  .site-shell > .ila-foot{position:sticky;bottom:0;z-index:0}
  .site-shell > .ila-foot > *{
    transform:translateY(calc((1 - var(--ila-reveal, 1)) * 90px));
    opacity:calc(.35 + .65 * var(--ila-reveal, 1));
  }
}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
  .ila-work__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ila-faq__grid{grid-template-columns:1fr;gap:40px}
  .ila-faq__intro{position:static}
  .ila-foot__grid{grid-template-columns:1fr 1fr;gap:40px 24px}
  .ila-foot__brand{grid-column:1/-1}
}

/* ---------- Mobil ---------- */
@media (max-width:720px){
  .ila-work{padding:48px 0 56px}
  .ila-work__head{margin-bottom:28px}
  .ila-work__all{display:none}
  .ila-work__title,.ila-faq__title,.ila-foot__title{font-size:26px}

  /* yatay, dokunmayla kaydırılan ray; bir sonraki kart kenardan görünür */
  .ila-work__rail{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ila-work__rail::-webkit-scrollbar{display:none}
  .ila-work .ila-work__list.container{display:flex;gap:14px;width:max-content;min-width:100%;max-width:none;margin:0;padding:0 16px}
  .ila-work__item{flex:0 0 calc((100vw - 32px) * .86);scroll-snap-align:start}
  .ila-card{gap:14px}
  .ila-card__name{font-size:17px}
  .ila-card__summary{font-size:14px}

  .ila-faq{padding:48px 0 72px}
  .ila-faq__item summary{padding:20px 0;font-size:16px;gap:16px}
  .ila-faq__a{padding:0 0 22px}
  .ila-faq__a p{font-size:15px}
  .ila-faq__lead{margin-bottom:24px}

  .ila-foot__cta{flex-direction:column;align-items:stretch;gap:24px;padding:64px 0 48px}
  .ila-foot__actions{display:grid;grid-template-columns:1fr;gap:10px}
  .ila-foot__actions .ila-btn{width:100%}
  .ila-foot__grid{padding:40px 0 32px;gap:32px 20px}
  .ila-foot__contact{grid-column:1/-1}
  .ila-foot__legal{flex-direction:column;align-items:flex-start;padding-bottom:calc(32px + 76px + env(safe-area-inset-bottom))}
  .ila-foot__legal ul{gap:10px 16px}
}

/* mobilde "Tüm işler" bağlantısı rayın altında */
.ila-work__more{display:none}
@media (max-width:720px){.ila-work__more{display:block;margin-top:24px}}

/* ---------- Giriş hareketi ----------
   İçerik CSS ile hiç gizlenmez. JS yalnız ilk ekranın altında kalan öğelere data-ila-pending ekler
   ve ekrana girince kaldırır; JS çalışmazsa her şey olduğu gibi görünür. */
[data-ila-reveal]{transition:opacity .6s var(--ila-ease),transform .7s var(--ila-ease);transition-delay:calc(min(var(--i,0),6) * 70ms)}
[data-ila-reveal="row"]{transition-delay:calc(min(var(--i,0),6) * 45ms)}
[data-ila-pending]{opacity:0;transform:translateY(18px)}
[data-ila-pending][data-ila-reveal="line"]{transform:translateY(.45em)}

@media (prefers-reduced-motion:reduce){
  [data-ila-reveal]{transition:none}
  [data-ila-pending]{opacity:1;transform:none}
  .ila-card__media img,.ila-faq__icon::before,.ila-faq__icon::after,.ila-btn,.ila-textlink,.ila-textlink span{transition:none}
  .ila-faq__item[open] .ila-faq__a{animation:none}
}

/* ---------- Referanslar arşivi: alt alta kartlar + sayfalama ---------- */
.ila-pager{display:flex;align-items:center;justify-content:center;gap:12px 20px;flex-wrap:wrap;margin-top:56px}
.ila-pager__list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.ila-pager__num,.ila-pager__step{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 14px;border-radius:var(--ila-radius-sm);font-size:15px;font-weight:700;color:var(--ila-muted);transition:background-color .18s ease,color .18s ease}
.ila-pager__num{box-shadow:inset 0 0 0 1px var(--ila-line)}
.ila-pager a:hover{color:var(--ila-text);background:rgba(242,245,243,.06)}
.ila-pager__num.is-current{background:var(--ila-cta);color:var(--ila-accent-ink);box-shadow:none}
.ila-pager__step.is-disabled{opacity:.35}
.ila-pager a:focus-visible{outline:2px solid var(--ila-accent);outline-offset:3px}
.ila-pager__gap{display:none}
.ila-work--archive{padding-top:28px}
@media (max-width:720px){
  .ila-work--archive .ila-work__rail{overflow:visible}
  .ila-work--archive .ila-work__list.container{display:grid;grid-template-columns:1fr;gap:36px;width:min(100% - 32px,1280px);min-width:0;margin:0 auto;padding:0}
  .ila-work--archive .ila-work__item{flex:none}
  .ila-work--archive{padding-top:20px}
  .ila-pager{margin-top:40px;gap:4px;flex-wrap:nowrap}
  .ila-pager__list{flex-wrap:nowrap;gap:4px}
  .ila-pager__num,.ila-pager__step{min-width:38px;height:42px;padding:0 6px;font-size:14px}
  .ila-pager__label,.ila-pager__list .is-far{display:none}
  .ila-pager__gap{display:flex;align-items:flex-end;justify-content:center;width:16px;padding-bottom:10px;color:var(--ila-muted)}
}

/* Hizmetler mega menü: 3 kolon + görsel, sade */
.site-header .nav-mega-menu.ila-mega{left:0;right:0;width:auto;display:block;padding:44px 48px 30px;border-radius:var(--ila-radius-md);border:1px solid rgba(242,245,243,.09);background:#0E1916;box-shadow:0 32px 70px rgba(0,0,0,.45);transform:translateY(10px)}
.site-header .nav-menu__item--mega:hover .nav-mega-menu.ila-mega,.site-header .nav-menu__item--mega:focus-within .nav-mega-menu.ila-mega,.site-header .nav-menu__item--mega.is-open .nav-mega-menu.ila-mega{transform:translateY(0)}
.ila-mega__body{display:grid;grid-template-columns:1.1fr .95fr 1.05fr minmax(280px,1.1fr);gap:32px}
.ila-mega__label{display:block;margin:0 0 22px;color:var(--ila-text-secondary);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
.ila-mega__list{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.ila-mega__link{display:inline-flex;align-items:center;gap:10px;padding:10px 0;color:var(--ila-text);font-size:19px;font-weight:500;line-height:1.3;letter-spacing:-.01em;transition:color .18s ease}
.ila-mega__arrow{width:16px;height:16px;flex:none;opacity:0;transform:translate(-4px,4px);transition:opacity .18s ease,transform .18s ease}
.ila-mega__link:hover,.ila-mega__link:focus-visible,.ila-mega__link.is-current{color:#86F0A7}
.ila-mega__link:hover .ila-mega__arrow,.ila-mega__link:focus-visible .ila-mega__arrow,.ila-mega__link.is-current .ila-mega__arrow{opacity:1;transform:none}
.ila-mega__feature{display:flex;flex-direction:column;color:var(--ila-text)}
.ila-mega__feature .ila-mega__label{margin-bottom:16px}
.ila-mega__feature img{width:100%;aspect-ratio:1.8;height:auto;object-fit:cover;border-radius:var(--ila-radius-sm);transition:transform .5s var(--ila-ease)}
.ila-mega__feature:hover img{transform:scale(1.02)}
.ila-mega__feature-link,.ila-mega__all,.ila-mega__talk{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500}
.ila-mega__feature-link{margin-top:16px;color:var(--ila-muted)}
.ila-mega__feature-link .ila-mega__arrow,.ila-mega__all .ila-mega__arrow,.ila-mega__talk .ila-mega__arrow{opacity:1;transform:none;transition:transform .18s ease}
.ila-mega__feature:hover .ila-mega__feature-link,.ila-mega__all:hover{color:var(--ila-text)}
.ila-mega__feature:hover .ila-mega__arrow,.ila-mega__all:hover .ila-mega__arrow,.ila-mega__talk:hover .ila-mega__arrow{transform:translate(2px,-2px)}
.ila-mega__foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px}
.ila-mega__all{color:var(--ila-muted)}
.ila-mega__talk{color:#86F0A7}
.ila-mega a:focus-visible{outline:2px solid var(--ila-accent);outline-offset:4px;border-radius:4px}
@media (max-width:1180px){
  .site-header .nav-mega-menu.ila-mega{padding:36px 36px 26px}
  .ila-mega__body{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .ila-mega__feature{display:none}
  .ila-mega__link{font-size:17px}
}
.site-header .nav-menu .ila-mega a::before,.site-header .nav-menu .ila-mega a::after{content:none}
.site-header .nav-menu .ila-mega__link{color:var(--ila-text)}
.site-header .nav-menu .ila-mega__link:hover,.site-header .nav-menu .ila-mega__link:focus-visible,.site-header .nav-menu .ila-mega__link.is-current,.site-header .nav-menu .ila-mega__talk{color:#86F0A7}
.site-header .nav-menu .ila-mega__label{color:var(--ila-text-secondary)}
.site-header .nav-menu .ila-mega__all,.site-header .nav-menu .ila-mega__feature-link{color:var(--ila-muted)}
.site-header .nav-menu .ila-mega__all:hover,.site-header .nav-menu .ila-mega__feature:hover .ila-mega__feature-link{color:var(--ila-text)}

/* İç sayfalar: içerik kartlarını saran dış çerçeveler kaldırıldı; içerik doğrudan sayfada başlar */
body .service-premium__hero,body .page-hero-shell,body .packages-explainer__shell,body .service-premium__closing,body .service-premium__related,body .software-city-rating,body .software-city-faq,body .theme-product-card--benefits,body .theme-product-card--rating,body .theme-product-card--faqs{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
body .service-premium__hero::before,body .service-premium__hero::after,body .page-hero-shell::before,body .page-hero-shell::after,body .packages-explainer__shell::before,body .packages-explainer__shell::after,body .service-premium__closing::before,body .service-premium__related::before,body .software-city-rating::before,body .software-city-faq::before,body .theme-product-card--benefits::before,body .theme-product-card--rating::before,body .theme-product-card--faqs::before{content:none!important}
body .service-premium__hero{padding:24px 0 0!important}
body .page-hero-shell__copy{padding-left:0!important;padding-right:0!important}
body .packages-explainer__shell,body .service-premium__related,body .software-city-rating,body .software-city-faq,body .theme-product-card--benefits,body .theme-product-card--rating,body .theme-product-card--faqs{padding-left:0!important;padding-right:0!important}
body .service-premium__closing{padding:0!important}
body .page-hero-section{padding-top:32px!important;padding-bottom:40px!important}
body .page-hero-shell__copy{padding-top:0!important}
body .page-hero-shell:not(.page-hero-shell--packages) .page-hero-shell__copy::before{content:none!important}
@media (max-width:720px){body .page-hero-section{padding-top:20px!important;padding-bottom:48px!important}body .service-premium__hero{padding-top:12px!important}}
body .software-city-rating__eyebrow,body .software-city-faq__eyebrow,body .theme-product-card__eyebrow{width:fit-content;max-width:100%}

/* İç sayfalar: anasayfadaki video sahnesi, kısa bant olarak header'ın arkasında; alttan site rengine gradyanla biter */
body.has-ila-stage .site-shell{position:relative;isolation:isolate}
.ila-stage{position:absolute;inset:0 0 auto;height:clamp(440px,36vw,600px);z-index:1;overflow:hidden;pointer-events:none}
.ila-stage__media{position:absolute;inset:0;background:var(--ila-ink)}
.ila-stage__poster img,.ila-stage__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.ila-stage__poster img{object-position:50% 50%}
.ila-stage__video{opacity:0;transition:opacity 1s var(--ila-ease)}
.ila-stage__video.is-playing{opacity:1}
.ila-stage__scrim{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(6,11,11,.62) 0%,rgba(6,11,11,.22) 24%,rgba(6,11,11,.3) 50%,rgba(6,11,11,.82) 80%,#060B0B 100%),
  linear-gradient(90deg,rgba(6,11,11,.78) 0%,rgba(6,11,11,.4) 40%,rgba(6,11,11,.06) 100%)}
body.has-ila-stage .site-header,body.has-ila-stage.site-is-scrolled .site-header{position:relative;inset:auto;z-index:60;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
body.has-ila-stage .site-header::before,body.has-ila-stage .site-header::after{display:none!important}
body.has-ila-stage .nav-meta,body.has-ila-stage .nav{background:transparent!important;border:0!important;box-shadow:none!important}
body.has-ila-stage .site-header+.mobile-drawer{z-index:70}
body.has-ila-stage main{position:relative;z-index:2}
@media (max-width:767px){
  .ila-stage{height:400px}
  .ila-stage__poster img,.ila-stage__video{object-position:62% 58%}
  .ila-stage__poster img{object-position:50% 50%}
  .ila-stage__scrim{background:linear-gradient(180deg,rgba(6,11,11,.62) 0%,rgba(6,11,11,.34) 26%,rgba(6,11,11,.56) 60%,#060B0B 100%)}
}

/* İç sayfa scroll hareketi: başlık maskeyle, kartlar sırayla, görseller kırpmayla açılır. Yalnız ilk ekranın altındakiler; JS yoksa her şey görünür */
body.has-ila-stage .ui-reveal:not([data-ila-m]){opacity:1!important;transform:none!important;transition:none!important}
[data-ila-m]{transition:opacity .7s var(--ila-ease),transform .85s var(--ila-ease),clip-path .9s var(--ila-ease);transition-delay:calc(var(--ila-d,0) * 75ms)}
[data-ila-m][data-ila-wait]{opacity:0;transform:translate3d(0,28px,0)}
[data-ila-m="head"]{clip-path:inset(-.3em -.3em -.3em -.3em)}
[data-ila-m="head"][data-ila-wait]{transform:translate3d(0,.55em,0);clip-path:inset(0 0 100% 0)}
[data-ila-m="text"][data-ila-wait]{transform:translate3d(0,16px,0)}
[data-ila-m="media"]{clip-path:inset(0 0 0 0 round 0)}
[data-ila-m="media"][data-ila-wait]{opacity:.001;transform:scale(1.045);clip-path:inset(9% 7% 9% 7% round 16px)}
@media (prefers-reduced-motion:reduce){[data-ila-m]{transition:none}[data-ila-m][data-ila-wait]{opacity:1;transform:none;clip-path:none}}
@media print{[data-ila-m][data-ila-wait]{opacity:1;transform:none;clip-path:none}}
body.has-ila-stage .site-shell > main,body.has-ila-stage .site-shell > main:has(+ .ila-foot){background:linear-gradient(180deg,rgba(6,11,11,0) 0,rgba(6,11,11,0) clamp(330px,calc(36vw - 108px),490px),#060B0B clamp(330px,calc(36vw - 108px),490px))}
@media (max-width:767px){body.has-ila-stage .site-shell > main,body.has-ila-stage .site-shell > main:has(+ .ila-foot){background:linear-gradient(180deg,rgba(6,11,11,0) 0,rgba(6,11,11,0) 328px,#060B0B 328px)}}

/* Sayfa açılışı: hero içeriği ilk boyamadan itibaren sırayla gelir (yalnız CSS; JS beklenmez, flaş yok).
   Başlık ve görseller yalnız kayar, solmaz: LCP ilk karede boyanır. */
@media (prefers-reduced-motion:no-preference){
  @keyframes ila-enter{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
  @keyframes ila-rise{from{transform:translate3d(0,26px,0)}to{transform:none}}
  @keyframes ila-rise-media{from{transform:translate3d(0,40px,0) scale(.97)}to{transform:none}}
  body.has-ila-stage main>nav.breadcrumb{animation:ila-enter .7s var(--ila-ease) both}
  body.has-ila-stage main>section:first-of-type :is(.about-premium__copy,.service-premium__copy,.page-hero-shell__copy,.theme-catalog-section__copy,.ila-work__head>div,.services-index-page__head,.legal-document__intro)>*{animation:ila-enter .85s var(--ila-ease) both;animation-delay:calc(var(--ila-n,1) * 90ms)}
  body.has-ila-stage main>section:first-of-type :is(.about-premium__copy,.service-premium__copy,.page-hero-shell__copy,.theme-catalog-section__copy,.ila-work__head>div,.services-index-page__head,.legal-document__intro)>:is(h1,h1+*){animation-name:ila-rise}
  body.has-ila-stage main>section:first-of-type :is(.about-premium__visual,.service-premium__visual)>*{animation:ila-rise-media 1.1s var(--ila-ease) .15s both}
  body.has-ila-stage main>section:first-of-type :is(.services-index-page__grid,.theme-catalog-grid)>*{animation:ila-rise .9s var(--ila-ease) both;animation-delay:calc(260ms + var(--ila-n,1) * 70ms)}
  body.has-ila-stage main>section:first-of-type :is(.about-premium__copy,.service-premium__copy,.page-hero-shell__copy,.theme-catalog-section__copy,.ila-work__head>div,.services-index-page__head,.legal-document__intro,.services-index-page__grid,.theme-catalog-grid)>*:nth-child(2){--ila-n:2}
  body.has-ila-stage main>section:first-of-type :is(.about-premium__copy,.service-premium__copy,.page-hero-shell__copy,.theme-catalog-section__copy,.ila-work__head>div,.services-index-page__head,.legal-document__intro,.services-index-page__grid,.theme-catalog-grid)>*:nth-child(3){--ila-n:3}
  body.has-ila-stage main>section:first-of-type :is(.about-premium__copy,.service-premium__copy,.page-hero-shell__copy,.theme-catalog-section__copy,.ila-work__head>div,.services-index-page__head,.legal-document__intro,.services-index-page__grid,.theme-catalog-grid)>*:nth-child(4){--ila-n:4}
  body.has-ila-stage main>section:first-of-type :is(.about-premium__copy,.service-premium__copy,.page-hero-shell__copy,.theme-catalog-section__copy,.ila-work__head>div,.services-index-page__head,.legal-document__intro,.services-index-page__grid,.theme-catalog-grid)>*:nth-child(5){--ila-n:5}
  body.has-ila-stage main>section:first-of-type :is(.about-premium__copy,.service-premium__copy,.page-hero-shell__copy,.theme-catalog-section__copy,.ila-work__head>div,.services-index-page__head,.legal-document__intro,.services-index-page__grid,.theme-catalog-grid)>*:nth-child(n+6){--ila-n:6}
}
/* Masaüstünde kaydırma hareketi daha belirgin */
@media (min-width:861px){
  [data-ila-m][data-ila-wait]{transform:translate3d(0,44px,0) scale(.985)}
  [data-ila-m="head"][data-ila-wait]{transform:translate3d(0,.6em,0)}
  [data-ila-m="text"][data-ila-wait]{transform:translate3d(0,22px,0)}
  [data-ila-m="media"][data-ila-wait]{transform:scale(1.07)}
}

/* Hizmet detay sayıları: ekrana girince sıfırdan değerine sayar; genişlik sabit, kayma olmaz */
.service-premium__proof-card strong{font-variant-numeric:tabular-nums}

/* Footer: başlık masaüstünde iki satır; sözleşmeler ve telif ortalı, önünde gri Meta ve Google Partner işaretleri */
.ila-foot__title{max-width:none}
.ila-foot__legal{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px}
.ila-foot__legal ul{justify-content:center}
.ila-foot__copy{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px}
.ila-foot__badges{display:inline-flex;align-items:center;gap:18px}
.ila-foot__badge{display:inline-flex;align-items:center;gap:6px;color:#97A39F;font-size:13px;font-weight:600;letter-spacing:-.01em}
.ila-foot__badge svg{flex:none}
@media (max-width:860px){
  .ila-foot__br{display:none}
  .ila-foot__legal{align-items:center}
}

/* Kenar ışığı: buton ve vurgu kartlarının kenarında dolaşan yeşil ışık (iyzads tarzı).
   Ince bir halka maskesinin içinde dönen conic-gradient; animasyon yalnız 'rotate' (GPU), öğe ekrandayken çalışır. */
.ila-ring{position:absolute;inset:0;z-index:3;border-radius:inherit;padding:var(--ila-ring-w,1.5px);pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.ila-ring>i{position:absolute;left:50%;top:50%;width:var(--ila-ring-size,600px);aspect-ratio:1;translate:-50% -50%;
  background:conic-gradient(from 0deg,transparent 0 58%,var(--ila-ring-tail,rgba(80,201,152,.18)) 78%,var(--ila-ring-head,#86F0A7) 96%,#F4FFF8 98.5%,transparent 100%);
  animation:ila-ring-spin var(--ila-ring-speed,12s) linear infinite;animation-play-state:paused}
.is-lit>.ila-ring>i{animation-play-state:running}
@keyframes ila-ring-spin{to{rotate:360deg}}
/* Butonlar: açık zeminde koyu yeşil ışık, hızlı tur; eski SVG izi gizlenir */
html body .ila-cta-trace[data-motion-trace] .ila-cta-runner{display:none!important}
.ila-ring-cta{--ila-ring-w:2px;--ila-ring-speed:3.2s;--ila-ring-head:#0B6B42;--ila-ring-tail:rgba(11,107,66,.22)}
.ila-ring-cta>.ila-ring>i{background:conic-gradient(from 0deg,transparent 0 55%,var(--ila-ring-tail) 78%,var(--ila-ring-head) 97%,#22C55E 99%,transparent 100%)}
/* Vurgu kartları: kendi konumu yoksa göreli yap */
.ila-ring-host{position:relative}
.ila-ring-host:not(.ila-ring-cta),.service-premium__proof-card,.services-index-page__card{--ila-ring-speed:13s;--ila-ring-w:1.6px;--ila-ring-tail:rgba(80,201,152,.3)}
.ila-ring-cta{position:relative;isolation:isolate}
@media (prefers-reduced-motion:reduce){.ila-ring>i{animation:none;rotate:200deg}}

/* Erişilebilirlik: küçük etiketlerde en az 4.5:1 kontrast */
.service-story__chapter-index span{color:#84958E}
.pricing-sheet__card-top h2{margin:0;padding-right:128px;font-size:clamp(30px,3.4vw,39px);line-height:.98;letter-spacing:-.058em}
@media (max-width:860px){.pricing-sheet__card-top h2{padding-right:0;font-size:32px}}