/* Daud Interactive Network — shared background */
body {
  isolation: isolate;
  --dk-network-pointer-x: 50%;
  --dk-network-pointer-y: 35%;
}
#dk-interactive-network-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block;
  pointer-events: none;
  opacity: 1;
}

/* A stronger, but still restrained, atmosphere around the existing hero visual. */
.hero {
  position: relative;
  isolation: isolate;
}
.hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: 4% -8% -2% 28%;
  opacity: .74;
  background:
    radial-gradient(ellipse at var(--dk-network-pointer-x) var(--dk-network-pointer-y), rgba(108,59,255,.23), transparent 38%),
    radial-gradient(ellipse at 70% 45%, rgba(139,92,246,.18), transparent 56%);
  filter: blur(22px);
}
.hero-visual {
  isolation: isolate;
}
.hero-visual::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 3% 1% 3% 0;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(ellipse at 52% 48%, rgba(108,59,255,.13), transparent 67%);
  filter: blur(16px);
}

/* Enhance existing theme technology chips/cards rather than duplicating them. */
.floating-chip,
.hand-note,
.hero-stats,
.stat-card {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.floating-chip {
  animation: dk-chip-float 5.8s ease-in-out infinite;
  border-color: rgba(139,92,246,.28);
  box-shadow: 0 8px 28px rgba(4,6,18,.16), inset 0 1px 0 rgba(255,255,255,.035);
}
.chip-ai { animation-delay: -1.8s; }
.chip-wordpress { animation-delay: -3.1s; }
.hero-stats { animation: dk-card-float 7s ease-in-out infinite; }

@keyframes dk-chip-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -7px; }
}
@keyframes dk-card-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -4px; }
}

@media (max-width: 700px) {
  #dk-interactive-network-canvas { opacity: .74; }
  .hero::before { inset: 0 -12% 0 0; opacity: .58; filter: blur(28px); }
  .floating-chip, .hero-stats { animation-duration: 7s; }
}
@media (prefers-reduced-motion: reduce) {
  .floating-chip, .hero-stats { animation: none !important; }
  #dk-interactive-network-canvas { opacity: .42; }
}


/* Pointer-driven parallax for existing hero chips and achievement cards. */
.floating-chip,
.hand-note,
.hero-stats {
  transform: translate3d(var(--dk-mouse-x, 0px), var(--dk-mouse-y, 0px), 0);
  transition: transform 180ms ease-out, border-color 220ms ease, box-shadow 220ms ease;
  will-change: transform;
}
.floating-chip {
  transform: translate3d(var(--dk-mouse-x, 0px), var(--dk-mouse-y, 0px), 0)
    rotateX(var(--dk-tilt-y, 0deg)) rotateY(var(--dk-tilt-x, 0deg));
  transform-style: preserve-3d;
}
.floating-chip:hover,
.hero-stats:hover {
  border-color: rgba(167, 139, 250, .62);
  box-shadow: 0 12px 34px rgba(6, 5, 22, .28), 0 0 22px rgba(108, 59, 255, .12);
}
@media (pointer: coarse), (max-width: 700px) {
  .floating-chip, .hand-note, .hero-stats {
    transform: none;
    transition: border-color 220ms ease, box-shadow 220ms ease;
    will-change: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .floating-chip, .hand-note, .hero-stats {
    transform: none !important;
    transition: none !important;
    will-change: auto;
  }
}


/* Custom cursor: violet center dot with a thin circular ring. */
#dk-custom-cursor {
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(226, 218, 255, .78);
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-50%, -50%, 0) scale(1);
  transition: opacity 160ms ease, width 180ms ease, height 180ms ease,
    border-color 180ms ease, background-color 180ms ease, transform 100ms linear;
  will-change: left, top, transform;
}
#dk-custom-cursor::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  background: #b45cff;
  box-shadow: 0 0 12px rgba(180, 92, 255, .48);
  transform: translate(-50%, -50%);
}
#dk-custom-cursor.dk-cursor-visible { opacity: 1; }
#dk-custom-cursor.dk-cursor-hover {
  width: 48px;
  height: 48px;
  border-color: rgba(180, 92, 255, .95);
  background: rgba(108, 59, 255, .08);
}
#dk-custom-cursor.dk-cursor-press { transform: translate3d(-50%, -50%, 0) scale(.86); }
@media (pointer: fine) and (min-width: 701px) {
  html.dk-custom-cursor-enabled,
  html.dk-custom-cursor-enabled body,
  html.dk-custom-cursor-enabled body * { cursor: none !important; }
  html.dk-custom-cursor-enabled input,
  html.dk-custom-cursor-enabled textarea,
  html.dk-custom-cursor-enabled [contenteditable="true"] { cursor: text !important; }
}
@media (pointer: coarse), (max-width: 700px), (prefers-reduced-motion: reduce) {
  #dk-custom-cursor { display: none !important; }
  html.dk-custom-cursor-enabled,
  html.dk-custom-cursor-enabled body,
  html.dk-custom-cursor-enabled body * { cursor: auto !important; }
}