@charset "utf-8";

.tilt,
.card,
.hizmet-kart,
.blog-kart,
.paket-kart,
.kodp-liste__ogesi {
  --tilt-rx: 0deg;
  --tilt-ry: 0deg;
  --tilt-z: 0px;
  transform-origin: 50% 50%;
}

.card--form.is-tilt,
.card:has(form).is-tilt {
  transform: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .tilt.is-tilt,
  .card.is-tilt,
  .hizmet-kart.is-tilt,
  .blog-kart.is-tilt,
  .paket-kart.is-tilt,
  .kodp-liste__ogesi.is-tilt {
    transform:
      perspective(900px)
      rotateX(var(--tilt-rx))
      rotateY(var(--tilt-ry))
      translate3d(0, var(--tilt-z), 0);
    transition: transform 480ms var(--ease, cubic-bezier(.16, 1, .3, 1));
    will-change: transform;
  }

  .tilt.is-tilt:hover,
  .card.is-tilt:hover,
  .hizmet-kart.is-tilt:hover,
  .blog-kart.is-tilt:hover,
  .paket-kart.is-tilt:hover,
  .kodp-liste__ogesi.is-tilt:hover,
  .tilt.is-tilt:focus-within,
  .card.is-tilt:focus-within,
  .hizmet-kart.is-tilt:focus-within,
  .blog-kart.is-tilt:focus-within,
  .paket-kart.is-tilt:focus-within,
  .kodp-liste__ogesi.is-tilt:focus-within { --tilt-z: -3px; }

  .tilt.is-egiliyor,
  .card.is-egiliyor,
  .hizmet-kart.is-egiliyor,
  .blog-kart.is-egiliyor,
  .paket-kart.is-egiliyor,
  .kodp-liste__ogesi.is-egiliyor { transition-duration: 90ms; }
}

.parilti {
  --x: 50%;
  --y: 50%;
  --parilti-cap: 300px;
  position: relative;
  isolation: isolate;
}

.parilti__isik {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity 320ms var(--ease, cubic-bezier(.16, 1, .3, 1));
  background-image: radial-gradient(
    var(--parilti-cap) circle at var(--x) var(--y),
    rgb(212 33 38 / .13) 0%,
    rgb(212 33 38 / .05) 42%,
    rgb(212 33 38 / 0) 68%
  );
}

@media (hover: hover) and (pointer: fine) {
  .parilti:hover > .parilti__isik,
  .parilti:focus-within > .parilti__isik { opacity: 1; }
}

.section--ink .parilti__isik,
.cta-band.parilti > .parilti__isik {
  --parilti-cap: 340px;
  background-image: radial-gradient(
    var(--parilti-cap) circle at var(--x) var(--y),
    rgb(239 68 68 / .22) 0%,
    rgb(239 68 68 / .08) 45%,
    rgb(239 68 68 / 0) 70%
  );
}

.sayi-akis { perspective: 460px; }

.sayi-akis__grup { display: inline; }

.sayi-akis__hane {
  display: inline-block;
  opacity: 0;
  transform: translateY(.45em) rotateX(-72deg);
  transform-origin: 50% 0%;
  transition:
    opacity 420ms var(--ease, cubic-bezier(.16, 1, .3, 1)),
    transform 620ms var(--ease, cubic-bezier(.16, 1, .3, 1));
  transition-delay: var(--gecikme, 0ms);
}

.sayi-akis.is-gorunur .sayi-akis__hane {
  opacity: 1;
  transform: none;
}

.devre-desen {
  --devre-cizgi: rgb(212 33 38 / .085);
  --devre-nokta: rgb(212 33 38 / .20);
  --devre-boy: 48px;
  position: relative;
  isolation: isolate;
}

.section--ink.devre-desen {
  --devre-cizgi: rgb(255 255 255 / .07);
  --devre-nokta: rgb(239 68 68 / .38);
}

.devre-desen::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(to right, var(--devre-cizgi) 1px, transparent 1px),
    linear-gradient(to bottom, var(--devre-cizgi) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, var(--devre-nokta) 0 1.6px, transparent 2.2px),
    repeating-linear-gradient(45deg,
      transparent 0 34px,
      var(--devre-cizgi) 34px 35px,
      transparent 35px 190px);
  background-size:
    var(--devre-boy) var(--devre-boy),
    var(--devre-boy) var(--devre-boy),
    calc(var(--devre-boy) * 2) calc(var(--devre-boy) * 2),
    auto;
  background-position: 0 0, 0 0, 0 0, 0 0;
  -webkit-mask-image: radial-gradient(ellipse 130% 90% at 50% 0%, #000 0%, transparent 82%);
  mask-image: radial-gradient(ellipse 130% 90% at 50% 0%, #000 0%, transparent 82%);
}

.manyetik {
  --man-x: 0px;
  --man-y: 0px;
  --man-kalk: 0px;
}

@media (hover: hover) and (pointer: fine) {
  .manyetik.is-manyetik {
    transform: translate3d(var(--man-x), calc(var(--man-y) + var(--man-kalk)), 0);
    transition: transform 420ms var(--ease, cubic-bezier(.16, 1, .3, 1));
    will-change: transform;
  }

  .manyetik.is-manyetik:hover,
  .manyetik.is-manyetik:focus-visible { --man-kalk: -2px; }

  .manyetik.is-manyetik:active { --man-kalk: 0px; }

  .manyetik.is-cekiliyor { transition-duration: 120ms; }
}

.kelime-akis__kelime {
  display: inline-block;
  opacity: 0;
  transform: translateY(.42em);
  transition:
    opacity 520ms var(--ease, cubic-bezier(.16, 1, .3, 1)),
    transform 620ms var(--ease, cubic-bezier(.16, 1, .3, 1));
  transition-delay: var(--gecikme, 0ms);
}

.is-gorunur .kelime-akis__kelime,
[data-mikro-kelime="1"].is-gorunur .kelime-akis__kelime {
  opacity: 1;
  transform: none;
}

@media (scripting: enabled) {
  [data-mikro-kelime="1"] .kelime-akis__kelime {
    animation: kelime-guvence 0s linear 1.2s forwards;
  }
}

@keyframes kelime-guvence {
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .tilt.is-tilt,
  .manyetik.is-manyetik {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  .parilti__isik { display: none !important; }

  .kelime-akis__kelime,
  .sayi-akis__hane {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}