/* =========================
   Hizmet Page — hizmet.css
   Prefix: ak-
========================= */

.ak-hizmet{ width:100%; }

/* Intro */
.ak-hizmetIntro{
  padding: 28px 0 34px;
}

.ak-hizmetIntro__grid{
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 18px;
  align-items:start;
}

.ak-hizmetKicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.20);
  margin-bottom: 12px;
}
.ak-hizmetKicker i{
  color: rgba(120,210,255,.95);
}
.ak-hizmetIntro__lead{
  margin: 0 0 14px;
  max-width: 80ch;
  color: rgba(245,247,251,.82);
  line-height: 1.8;
  font-size: 16px;
}

.ak-hizmetIntro__actions{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* TOC (sticky) */
.ak-hizmetTOC{
  position: sticky;
  top: 88px;
}
.ak-hizmetTOC__card{
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 60px rgba(0,0,0,.28);
  padding: 14px;
}
.ak-hizmetTOC__title{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 800;
  margin-bottom: 10px;
}
.ak-hizmetTOC__title i{ color: rgba(120,210,255,.95); }

.ak-hizmetTOC__nav{
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.ak-hizmetTOC__a{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  text-decoration:none;
  color: rgba(245,247,251,.88);
  background: rgba(0,0,0,.12);
  border: 1px solid rgba(255,255,255,.08);
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.ak-hizmetTOC__a:hover{
  transform: translateY(-1px);
  border-color: rgba(42,167,255,.45);
  background: rgba(255,255,255,.06);
}
.ak-hizmetTOC__a.is-active{
  border-color: rgba(42,167,255,.65);
  background: rgba(42,167,255,.10);
}

/* Sections */
.ak-hizmetSection{
  padding: 58px 0;
}
.ak-hizmetSection--soft{
  background:
    radial-gradient(1200px 420px at 10% 15%, rgba(42,167,255,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.00));
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.ak-hizmetHead{
  margin-bottom: 18px;
  max-width: 920px;
}
.ak-hizmetHead__title{
  margin:0 0 8px;
  font-size: clamp(22px, 2.2vw, 34px);
  font-weight: 900;
  letter-spacing: .2px;
}
.ak-hizmetHead__desc{
  margin:0;
  color: rgba(245,247,251,.74);
  line-height: 1.7;
}

.ak-hizmetTitle{
  margin:0 0 10px;
  font-size: clamp(20px, 2.0vw, 30px);
  font-weight: 900;
}
.ak-hizmetP{
  margin:0;
  color: rgba(245,247,251,.76);
  line-height: 1.75;
}

/* Cards */
.ak-hizmetCards{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.ak-hCard{
  border-radius: 22px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.26);
  backdrop-filter: blur(10px);
  padding: 18px 16px;
  overflow:hidden;
  position: relative;
}
.ak-hCard::before{
  content:"";
  position:absolute;
  inset: -40% -30%;
  background:
    radial-gradient(380px 240px at 20% 30%, rgba(42,167,255,.18), transparent 60%),
    radial-gradient(320px 220px at 80% 25%, rgba(11,74,134,.18), transparent 60%);
  transform: rotate(10deg);
  opacity: .9;
  pointer-events:none;
}
.ak-hCard__icon{
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  margin-bottom: 10px;
  background: radial-gradient(120px 70px at 30% 20%, rgba(120,210,255,.18), rgba(255,255,255,0));
  border: 1px solid rgba(120,210,255,.18);
}
.ak-hCard__icon i{
  font-size: 18px;
  color: rgba(120,210,255,.95);
}
.ak-hCard__title{
  position: relative;
  margin:0 0 8px;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.25;
}
.ak-hCard__text{
  position: relative;
  margin:0;
  color: rgba(245,247,251,.76);
  line-height: 1.75;
  font-size: 14px;
}

/* Split */
.ak-hizmetSplit{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items:start;
}
.ak-hizmetSplit--compact{
  grid-template-columns: .95fr 1.05fr;
}
.ak-hizmetList{
  margin: 12px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.ak-hizmetList li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(245,247,251,.80);
}
.ak-hizmetList i{ color: rgba(120,210,255,.95); margin-top:2px; }

.ak-hizmetNote{
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(0,0,0,.14);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(245,247,251,.75);
  line-height: 1.7;
}

/* Stats */
.ak-hizmetStats{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 12px;
}
.ak-stat{
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  padding: 14px;
  box-shadow: 0 14px 45px rgba(0,0,0,.20);
}
.ak-stat__n{
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}
.ak-stat__t{
  margin-top: 8px;
  color: rgba(245,247,251,.72);
  font-size: 13px;
  line-height: 1.5;
}

.ak-hizmetCardGlass{
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  padding: 14px;
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 60px rgba(0,0,0,.24);
}
.ak-hizmetCardGlass__title{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 800;
  margin-bottom: 8px;
}
.ak-hizmetCardGlass__title i{ color: rgba(120,210,255,.95); }
.ak-hizmetCardGlass__text{
  margin:0;
  color: rgba(245,247,251,.76);
  line-height: 1.75;
}

/* Steps */
.ak-steps{
  margin: 0;
  padding: 0;
  list-style: none;
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.ak-step{
  display:grid;
  grid-template-columns: 16px 1fr;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 16px 55px rgba(0,0,0,.20);
}
.ak-step__dot{
  width: 12px;
  height: 12px;
  border-radius: 999px;
  margin-top: 6px;
  background: rgba(42,167,255,.85);
  box-shadow: 0 0 0 6px rgba(42,167,255,.12);
}
.ak-step__t{
  margin:0 0 4px;
  font-weight: 900;
}
.ak-step__d{
  margin:0;
  color: rgba(245,247,251,.75);
  line-height: 1.7;
  font-size: 14px;
}

/* Checklist grid */
.ak-checkGrid{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.ak-check{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
}
.ak-check i{
  color: rgba(120,210,255,.95);
  margin-top: 2px;
}
.ak-check span{
  color: rgba(245,247,251,.78);
  line-height: 1.7;
  font-size: 14px;
}

/* FAQ */
.ak-faq{ display:flex; flex-direction: column; gap: 10px; }
.ak-faqItem{
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  overflow:hidden;
  box-shadow: 0 16px 55px rgba(0,0,0,.20);
}
.ak-faqQ{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 14px;
  background: transparent;
  border:0;
  color: rgba(245,247,251,.92);
  font-weight: 800;
  cursor:pointer;
  text-align:left;
}
.ak-faqQ i{
  transition: transform .18s ease;
  opacity: .9;
}
.ak-faqItem.is-open .ak-faqQ i{
  transform: rotate(180deg);
}
.ak-faqA{
  padding: 0 14px 14px;
}
.ak-faqA p{
  margin:0;
  color: rgba(245,247,251,.76);
  line-height: 1.8;
  font-size: 14px;
}

/* CTA */
.ak-hizmetCTA{
  padding: 26px 0 70px;
}
.ak-ctaCard{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 16px;
  border-radius: 22px;
  background:
    radial-gradient(900px 300px at 20% 20%, rgba(42,167,255,.20), transparent 60%),
    linear-gradient(135deg, rgba(11,74,134,.60), rgba(6,20,40,.40));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 22px 75px rgba(0,0,0,.28);
}
.ak-ctaCard__t{
  margin:0 0 6px;
  font-weight: 900;
  font-size: 22px;
}
.ak-ctaCard__d{
  margin:0;
  color: rgba(245,247,251,.80);
  line-height: 1.7;
  max-width: 70ch;
}
.ak-ctaCard__right{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Reveal anim (markalar/ürünler ile aynı mantık) */
[data-ak-reveal]{
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: transform .7s cubic-bezier(.2,.8,.2,1), opacity .7s ease;
  will-change: transform, opacity;
}
[data-ak-reveal].is-inview{
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Responsive */
@media (max-width: 1020px){
  .ak-hizmetIntro__grid{ grid-template-columns: 1fr; }
  .ak-hizmetTOC{ position: relative; top: 0; }
  .ak-hizmetCards{ grid-template-columns: 1fr; }
  .ak-hizmetSplit{ grid-template-columns: 1fr; }
  .ak-hizmetStats{ grid-template-columns: 1fr; }
  .ak-checkGrid{ grid-template-columns: 1fr; }
  .ak-ctaCard{ flex-direction: column; align-items: flex-start; }
}