/* Axera Creative demo portfolio — shared finishing layer */
html { -webkit-text-size-adjust: 100%; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { background-color: rgba(127,127,127,.06); }
a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #60a5fa;
  outline-offset: 3px;
}
button, [role="button"] { cursor: pointer; }

/* İlk ekran içeriği ağ/animasyon gecikmesinde dahi görünür kalır. */
.hero .reveal,
main > section:first-child .reveal {
  opacity: 1 !important;
  transform: none !important;
}

::selection { background: #60a5fa; color: #07111f; }

.axera-demo-toast {
  position: fixed;
  z-index: 2147483000;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: min(390px, calc(100vw - 32px));
  padding: 13px 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  color: #f8fafc;
  background: rgba(8,12,18,.92);
  box-shadow: 0 18px 48px rgba(0,0,0,.28);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  font: 600 12px/1.4 Arial, Helvetica, sans-serif;
  opacity: 0;
  pointer-events: none;
  transform: translateY(16px) scale(.98);
  transition: opacity .25s ease, transform .35s cubic-bezier(.16,1,.3,1);
}
.axera-demo-toast.is-visible { opacity: 1; transform: translateY(0) scale(1); }
.axera-demo-toast__dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #60a5fa; box-shadow: 0 0 0 5px rgba(96,165,250,.13); }

button:disabled { cursor: wait; opacity: .72; }

@media (max-width: 760px) {
  header .links,
  header .navlinks,
  header .nav-side,
  header nav.nav { display: none !important; }

  header.nav .wrap,
  header.nav > .wrap,
  header.nav { min-width: 0; }

  header.nav .brand,
  header.nav .logo { min-width: 0; max-width: 72vw; }

  section:first-of-type > .absolute.bottom-10 { display: none !important; }
  h1, h2 { text-wrap: balance; }
  .axera-demo-toast { left: 16px; right: 16px; bottom: max(14px, env(safe-area-inset-bottom)); border-radius: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}