/* Antigua style cursor + floating layer - COMPLETELY DISABLED */

.ag-cursor,
.ag-ring {
  display: none !important;
  position: fixed;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  mix-blend-mode: difference;
  will-change: transform, opacity;
  transform: translate3d(-50%, -50%, 0);
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.15s ease;
}

/* Show cursor/ring only when active (hovering hero) */
.antigravity-active .ag-cursor,
.antigravity-active .ag-ring {
  display: none !important;
  opacity: 0;
}

.ag-cursor {
  display: none !important;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.ag-ring {
  display: none !important;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.65);
  opacity: 0;
  transition: opacity 0.15s ease;
}

/* Apply floating animation to elements that opt in */
[data-ag-float] {
  will-change: transform;
}

/* Suggested container styling for antigravity sections */
.ag-hero {
  position: relative;
  overflow: hidden;
}

/* Optional theme: apply to <body class="antigravity-theme"> */
.antigravity-theme {
  background: radial-gradient(circle at 22% 27%, rgba(255,255,255,0.12), rgba(255,255,255,0) 60%),
              radial-gradient(circle at 75% 38%, rgba(255,255,255,0.08), rgba(255,255,255,0) 60%),
              linear-gradient(140deg, #0b0f1b 0%, #0d1626 52%, #0b0f1b 100%);
  color: #e8eef4;
}

.ag-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.85), rgba(255,255,255,0) 60%),
               radial-gradient(circle at 80% 40%, rgba(255,255,255,0.55), rgba(255,255,255,0) 55%);
  opacity: 0.6;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .ag-cursor, .ag-ring {
    display: none;
  }
  [data-ag-float] {
    transform: none !important;
  }
}
