/* ==========================================================================
   LUMINA AAI - 120 FPS SMOOTH SCROLLING & SUBTLE 3D MICRO-INTERACTIONS
   ========================================================================== */

/* 1. Lenis Smooth Scrolling Core */
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* 2. Global Momentum & Rendering Optimization */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  overscroll-behavior-y: none;
}

/* 3. Offscreen Content Rendering Containment (Reduces Scroll-Time CPU/GPU Overhead) */
section, 
footer, 
[data-framer-name="Section"],
[data-framer-name="Footer"] {
  content-visibility: auto;
  contain-intrinsic-size: 1px 700px;
}

/* 4. Ensure 100% Visibility */
[data-framer-appear-id],
[style*="opacity:0.001"],
[style*="opacity: 0.001"] {
  opacity: 1 !important;
}

/* ==========================================================================
   5. COMPLETE BUTTON & CONTAINER OVERFLOW & ROUNDED CORNER FIX
   ========================================================================== */

/* Prevent button containers, wrappers, and groups from cutting off on hover */
[data-framer-name="Buttons"],
[data-framer-name="Button"],
[data-framer-name="Button/Rating"],
[data-framer-name="CTA"],
.framer-29kqiz,
.framer-5fpi4j,
.framer-k6obpk,
.framer-hacaxs,
.framer-pvbif0,
.framer-1ljyikq,
.framer-9dskd4,
.framer-35xbvk-container,
.framer-zioy4m-container,
.framer-pn5ej5-container,
.framer-9p0uya-container,
.framer-1knkz5y-container,
div[class*="-container"] {
  overflow: visible !important;
}

/* Ensure all buttons have visible overflow, perfect 10px rounded corners, and proper display */
a[class*="framer-Il1td"],
a[class*="framer-1nvacmp"],
a[class*="framer-dd37wi"],
.framer-Il1td,
.framer-1nvacmp,
[data-framer-name="White"],
[data-framer-name="Purple"],
[data-framer-name="Grey"],
[data-framer-name="Primary"],
[data-framer-name="Secondary"] {
  overflow: visible !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

/* Ensure border overlay pseudo-elements align with rounded corners seamlessly */
.framer-Il1td[data-border="true"]::after,
.framer-Il1td [data-border="true"]::after,
a[class*="framer-Il1td"]::after,
.framer-1nvacmp::after {
  border-radius: inherit !important;
  box-sizing: border-box !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* ==========================================================================
   6. REFINED SUBTLE 3D MICRO-ELEVATION (SMOOTH & LIGHTWEIGHT)
   ========================================================================== */

/* Subtle 3D Card Elevation */
[data-framer-name="Card"],
[data-framer-name="Bento Card"],
[data-framer-name="Project Card"],
[data-framer-name="Pricing Card"],
[data-framer-name="Service Card"] {
  transition: transform 0.28s cubic-bezier(0.22, 0.8, 0.22, 1),
              box-shadow 0.28s cubic-bezier(0.22, 0.8, 0.22, 1),
              border-color 0.25s ease !important;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

[data-framer-name="Card"]:hover,
[data-framer-name="Bento Card"]:hover,
[data-framer-name="Project Card"]:hover,
[data-framer-name="Pricing Card"]:hover,
[data-framer-name="Service Card"]:hover {
  transform: translate3d(0, -3.5px, 0) !important;
  box-shadow: 0 12px 28px -6px rgba(0, 0, 0, 0.65),
              0 0 18px -3px rgba(124, 58, 237, 0.22) !important;
  border-color: rgba(168, 85, 247, 0.3) !important;
}

/* Subtle 3D Button Micro-Lift */
[data-framer-name="Button"],
[data-framer-name="CTA"],
a[class*="framer-Il1td"],
button[class*="framer-Il1td"] {
  transition: transform 0.2s cubic-bezier(0.22, 0.8, 0.22, 1),
              box-shadow 0.2s cubic-bezier(0.22, 0.8, 0.22, 1) !important;
}

[data-framer-name="Button"]:hover,
[data-framer-name="CTA"]:hover,
a[class*="framer-Il1td"]:hover,
button[class*="framer-Il1td"]:hover {
  transform: translate3d(0, -1.5px, 0) !important;
}

/* Subtle Project Image Micro-Scale */
[data-framer-name="Project Card"]:hover img,
[data-framer-name="Card"]:hover [data-framer-name="Image"] img {
  transform: scale3d(1.025, 1.025, 1) !important;
  transition: transform 0.35s cubic-bezier(0.22, 0.8, 0.22, 1) !important;
}