/* 
  HKSEO Premium UI/UX Enhancements
  Targeting "Pro Max" aesthetics and fixing visual glitches
*/

:root {
    --premium-blue: #2563eb;
    --premium-purple: #7c3aed;
    --premium-glass: rgba(255, 255, 255, 0.72);
    --premium-blur: blur(20px);
    --premium-shadow: 0 24px 50px rgba(15, 23, 42, 0.12);
}

/* Fix for overlapping text in Section Headers */
.industry-systems-head,
.local-trust-head,
.service-overview-head,
.skills-head,
.multi-cta-head {
    padding-bottom: 4rem !important;
    margin-bottom: 6rem !important;
    z-index: 10 !important;
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* Ensure gaps between kicker, heading and lead */
}

.industry-systems-grid, 
.local-trust-grid, 
.service-overview-grid {
    position: relative;
    z-index: 20 !important;
    margin-top: 2rem !important;
}

/* Enhancing Section Headings */
.heading {
    text-wrap: balance;
    letter-spacing: -0.04em !important;
}

.heading span {
    display: inline-block;
    background: linear-gradient(135deg, var(--premium-blue), var(--premium-purple));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 20px rgba(37, 99, 235, 0.1));
}

/* Premium Card Enhancements */
.industry-card, .stack-card, .metric-card, .service-overview-card {
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    background: var(--premium-glass) !important;
    backdrop-filter: var(--premium-blur) !important;
    -webkit-backdrop-filter: var(--premium-blur) !important;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.industry-card:hover, .stack-card:hover {
    transform: translateY(-12px) scale(1.02) !important;
    box-shadow: 0 32px 64px rgba(15, 23, 42, 0.15) !important;
    border-color: rgba(37, 99, 235, 0.3) !important;
}

/* Smooth Scrolling Support */
html.lenis {
  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;
}

/* Motion Tokens */
.motion-reveal {
    opacity: 0;
    transform: translateY(30px);
}

.motion-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Hero Section Polish */
.home-title {
    opacity: 0;
    transform: scale(0.95);
    filter: blur(10px);
    animation: premiumEntrance 1s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.2s;
}

@keyframes premiumEntrance {
    to {
        opacity: 1;
        transform: scale(1);
        filter: blur(0);
    }
}

/* Magnetic Button Base */
.btn-magnetic {
    display: inline-block;
    transition: transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}

/* 
   Hero Section styles migrated to authoritative assets/css/pages/home.css
   during Phase 5 Stabilization.
*/