:root {
  color-scheme: light;
  --pucka-bg: #f4f2f8;
  --pucka-ink: #071126;
  --pucka-muted: #667085;
  --pucka-line: rgba(7, 17, 38, 0.1);
  --pucka-card: #ffffff;
  --pucka-blue: #4857ff;
  --pucka-cyan: #16c7dd;
  --pucka-navy: #071036;
}

html,
body {
  background: var(--pucka-bg) !important;
  color: var(--pucka-ink) !important;
}

.pucka-brand {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}

.pucka-brand img {
  display: block;
  height: auto;
  max-height: 4.25rem;
  object-fit: contain;
  width: 100%;
}

.pucka-brand--header {
  background: #050505;
  border-radius: 999px;
  justify-content: center;
  padding: 0.45rem 0.9rem;
  width: clamp(9.5rem, 13vw, 11rem);
}

.pucka-brand--footer {
  margin-bottom: 1.25rem;
  width: min(14rem, 100%);
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.pucka-fallback-menu {
  background: rgba(255, 255, 255, 0.98);
  border-top: 1px solid var(--pucka-line);
  box-shadow: 0 20px 40px rgba(7, 17, 38, 0.12);
  padding: 1rem 1.5rem 1.25rem;
}

.pucka-fallback-menu[hidden],
.pucka-services-menu[hidden] {
  display: none !important;
}

.pucka-fallback-menu a,
.pucka-services-menu a {
  display: block;
  border-radius: 0.75rem;
  color: var(--pucka-muted);
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.7rem 0.85rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.pucka-fallback-menu a:hover,
.pucka-services-menu a:hover {
  background: rgba(72, 87, 255, 0.08);
  color: var(--pucka-ink);
}

.pucka-fallback-menu .pucka-submenu {
  margin: 0.15rem 0 0.35rem 1rem;
}

.pucka-fallback-menu .pucka-submenu a {
  font-size: 0.78rem;
  padding-block: 0.5rem;
}

.pucka-services-menu {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--pucka-line);
  border-radius: 1.25rem;
  box-shadow: 0 24px 70px rgba(7, 17, 38, 0.14);
  display: grid;
  gap: 0.25rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  left: 50%;
  margin-top: 0.75rem;
  padding: 1rem;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: min(42rem, calc(100vw - 2rem));
  z-index: 60;
}

.pucka-services-menu strong {
  color: var(--pucka-ink);
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
}

.pucka-services-menu span {
  color: var(--pucka-muted);
  display: block;
  font-size: 0.75rem;
  line-height: 1.35;
  margin-top: 0.2rem;
}

main [style*="opacity: 0"][style*="translate"] {
  opacity: 1 !important;
  transform: none !important;
}

body.bg-\[\#0a0a0f\],
.bg-\[\#0a0a0f\],
.bg-\[\#0d0d15\],
.bg-\[\#111118\] {
  background-color: var(--pucka-bg) !important;
}

main .bg-\[\#111118\],
main .bg-\[\#0d0d15\] {
  background-color: var(--pucka-card) !important;
}

.text-white,
.text-\[\#f0f0f5\] {
  color: var(--pucka-ink) !important;
}

.text-\[\#9090a8\],
.text-\[\#b0b0c8\] {
  color: var(--pucka-muted) !important;
}

.border-white\/5,
.border-white\/8,
.border-white\/10 {
  border-color: var(--pucka-line) !important;
}

header {
  top: 1rem !important;
}

header > div {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(7, 17, 38, 0.08) !important;
  border-radius: 999px;
  box-shadow: 0 22px 70px rgba(7, 17, 38, 0.1);
  height: 5.25rem !important;
  max-width: min(1120px, calc(100vw - 2rem)) !important;
  padding-inline: 1rem !important;
  backdrop-filter: blur(18px);
}

header nav a,
header nav button,
header button.lg\:hidden {
  color: #344054 !important;
}

header nav a:hover,
header nav button:hover,
header button.lg\:hidden:hover {
  background: rgba(72, 87, 255, 0.08) !important;
  color: var(--pucka-ink) !important;
}

header a[href="/iletisim/"].bg-gradient-to-r,
header a[href="/iletisim"].bg-gradient-to-r {
  background: var(--pucka-ink) !important;
  border-radius: 999px !important;
  color: #fff !important;
}

main > section:first-child,
main > div:first-child {
  background:
    radial-gradient(circle at 22% 16%, rgba(143, 235, 208, 0.55), transparent 21rem),
    radial-gradient(circle at 58% 8%, rgba(255, 128, 148, 0.32), transparent 22rem),
    radial-gradient(circle at 86% 24%, rgba(72, 87, 255, 0.18), transparent 18rem),
    var(--pucka-bg) !important;
}

main > section:first-child canvas,
main > section:first-child .blur-\[120px\],
main > section:first-child .blur-\[100px\],
main > div:first-child .blur-\[120px\],
main > div:first-child .blur-\[100px\] {
  display: none !important;
}

main > section:first-child h1,
main > div:first-child h1 {
  color: var(--pucka-ink) !important;
  letter-spacing: -0.04em;
}

main > section:first-child h1 span,
main > div:first-child h1 span {
  background: none !important;
  color: var(--pucka-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}

main > section:first-child .inline-flex,
main > section:first-child a,
main > div:first-child a {
  border-radius: 999px !important;
}

main > section:first-child a.bg-gradient-to-r,
main a.bg-gradient-to-r,
main a[style*="linear-gradient"] {
  background: var(--pucka-ink) !important;
  color: #fff !important;
}

main .rounded-2xl,
main .rounded-3xl {
  border-radius: 1.5rem !important;
}

main .group,
main form,
main .p-8.rounded-2xl,
main .p-12.rounded-3xl {
  box-shadow: 0 24px 70px rgba(7, 17, 38, 0.06);
}

main [style*="rgba(17,17,24"],
main [style*="background:rgba(17,17,24"] {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: var(--pucka-line) !important;
  box-shadow: 0 24px 70px rgba(7, 17, 38, 0.08) !important;
  color: var(--pucka-ink) !important;
}

section a[href="/drone/"].group.relative.flex.flex-col,
section a[href="/hizmetler/produksiyon/"].group.relative.flex.flex-col {
  display: none !important;
}

footer,
footer.bg-\[\#0a0a0f\] {
  background: var(--pucka-navy) !important;
  border: 0 !important;
  color: #fff !important;
  margin: 0 1rem 1rem;
  border-radius: 2rem;
}

footer .pucka-brand--footer img {
  filter: none;
}

footer .text-white,
footer h4,
footer p,
footer a,
footer span {
  color: rgba(255, 255, 255, 0.74) !important;
}

footer h4 {
  color: #fff !important;
}

footer a:hover {
  color: #fff !important;
}

footer .border-white\/5,
footer .border-white\/8 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

@media (max-width: 1023px) {
  .pucka-services-menu {
    display: none !important;
  }
}

@media (max-width: 640px) {
  body {
    overflow-x: hidden;
  }

  .px-6 {
    padding-inline: 1rem;
  }

  .pt-40 {
    padding-top: 7rem;
  }

  .py-24 {
    padding-block: 4rem;
  }

  .p-12 {
    padding: 1.5rem;
  }

  .text-5xl,
  .text-6xl,
  .text-7xl {
    font-size: clamp(2.35rem, 12vw, 3.4rem);
    line-height: 1.05;
  }

  .text-\[10rem\] {
    font-size: 6rem;
  }

  .pucka-brand--header {
    width: 8rem;
  }

  .pucka-brand img {
    max-height: 3.6rem;
  }

  .pucka-brand--footer {
    width: 10.5rem;
  }

  header {
    top: 0.75rem !important;
  }

  header > div {
    height: 4.5rem !important;
    max-width: calc(100vw - 1rem) !important;
    padding-inline: 0.75rem !important;
  }

  .pucka-fallback-menu {
    border-radius: 1.25rem;
    margin: 0.75rem 0.5rem 0;
  }

  footer {
    margin: 0 0.5rem 0.5rem;
    border-radius: 1.5rem;
  }
}