@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500&display=swap');
/* Qonver reference restoration 2026.10.10-responsive-social.1; install once. */
:root { --qv-css-release:"2026.10.10-responsive-social.1"; }
/* ======================================================
   QONVER PRODUCTION FINAL v10 — CLEAN PERFORMANCE BUILD
   Preserves the approved layout, classes, variables, breakpoints,
   interactions, responsive behavior and Qonver brand system.

   Cleaned from the supplied master file:
   - removed the superseded all-in-one legacy source block
   - removed the superseded original background engine block
   - consolidated the Concepts & Systems eyebrow patches
   - removed the temporary solid-background test patches
   - retained the final Futura / Montserrat and unified-button system
   - retained all section-specific layouts and motions
====================================================== */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800;900&display=swap');

/* ======================================================
   SOURCE: 01-original-hero-floating-icons.css  |  uploaded: 1.txt
====================================================== */
/* ======================================================
   QONVER HERO — CLEAN PRODUCTION VERSION
====================================================== */

.qv-hero-stage {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  min-height: 820px;
  padding-top: 180px;
  background: #07070A !important;
  --qv-mx: 0;
  --qv-my: 0;
}

.qv-hero-stage::before,
.qv-hero-stage::after {
  display: none !important;
  content: none !important;
}

/* Hero content always above background */
.qv-hero-content,
.qv-hero-stage .qv-pill-eyebrow,
.qv-hero-stage .qv-heading-xl,
.qv-hero-stage .qv-heading-xl .elementor-heading-title,
.qv-hero-stage .qv-text,
.qv-hero-stage .qv-text p,
.qv-hero-stage .qv-button-row,
.qv-hero-stage .qv-framer-btn,
.qv-hero-stage .qv-framer-btn .elementor-button,
.qv-scroll-cue {
  position: relative !important;
  z-index: 10 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.qv-hero-content {
  max-width: 780px;
}

.qv-hero-stage .qv-heading-xl,
.qv-hero-stage .qv-heading-xl .elementor-heading-title {
  color: #FFFFFF !important;
  text-shadow:
    0 0 18px rgba(255,255,255,0.12),
    0 18px 55px rgba(0,0,0,0.55) !important;
}

.qv-hero-stage .qv-text,
.qv-hero-stage .qv-text p {
  color: #F0F0F6 !important;
  max-width: 680px;
  text-shadow: 0 12px 36px rgba(0,0,0,0.45) !important;
}

.qv-hero-stage .qv-pill-eyebrow {
  margin-bottom: 34px;
}

.qv-hero-stage .qv-heading-xl {
  margin-bottom: 30px;
}

.qv-hero-stage .qv-text {
  margin-bottom: 34px;
}

/* ======================================================
   QONVER HERO FLOATING ICON BACKGROUND
====================================================== */

.qv-hero-stage > .qv-fi-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  pointer-events: none !important;

  background:
    radial-gradient(circle at 76% 26%, rgba(139,44,255,0.30), transparent 27%),
    radial-gradient(circle at 86% 56%, rgba(255,45,117,0.24), transparent 30%),
    radial-gradient(circle at 70% 78%, rgba(255,138,31,0.16), transparent 28%),
    linear-gradient(90deg,
      #07070A 0%,
      #07070A 34%,
      rgba(15,8,22,1) 54%,
      rgba(42,8,40,1) 78%,
      #07070A 100%
    ) !important;
}

.qv-hero-stage > .qv-fi-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0.10;
  background-image:
    linear-gradient(rgba(244,244,242,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,244,242,0.045) 1px, transparent 1px);
  background-size: 68px 68px;
  transform:
    translate3d(
      calc(var(--qv-mx) * -10px),
      calc(var(--qv-my) * -8px),
      0
    );
}

.qv-hero-stage > .qv-fi-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      rgba(7,7,10,0.98) 0%,
      rgba(7,7,10,0.94) 34%,
      rgba(7,7,10,0.62) 54%,
      rgba(7,7,10,0.12) 76%,
      rgba(7,7,10,0.30) 100%
    );
}

.qv-fi-layer {
  position: absolute;
  inset: 0;
  z-index: 3;
  transform:
    translate3d(
      calc(var(--qv-mx) * 18px),
      calc(var(--qv-my) * 12px),
      0
    );
  transition: transform 0.12s linear;
}

/* Icon wrapper */
.qv-fi-card-wrap {
  position: absolute;
  transform:
    translate(-50%, -50%)
    translate3d(
      calc(var(--rx, 0) * 1px),
      calc(var(--ry, 0) * 1px),
      0
    );
  opacity: 0;
  pointer-events: auto !important;
  will-change: transform;
  animation: qvFiIntro 0.8s cubic-bezier(0.22,1,0.36,1) forwards;
  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Icon card */
.qv-fi-card {
  width: 86px;
  height: 86px;
  border-radius: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;

  color: #F4F4F2;

  background:
    linear-gradient(180deg, rgba(18,18,24,0.84), rgba(7,7,10,0.68)) padding-box,
    linear-gradient(135deg, var(--a), var(--b)) border-box;

  border: 1px solid transparent;

  box-shadow:
    0 0 30px color-mix(in srgb, var(--a) 36%, transparent),
    0 0 56px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.14);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  animation: qvFloatA 6s ease-in-out infinite;

  transition:
    transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.qv-fi-card:hover {
  transform: scale(1.15) rotate(0deg) !important;
  border-color: rgba(244,244,242,0.42) !important;
  box-shadow:
    0 0 36px color-mix(in srgb, var(--a) 58%, transparent),
    0 0 76px color-mix(in srgb, var(--b) 36%, transparent),
    0 28px 80px rgba(0,0,0,0.48),
    inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.qv-fi-card svg {
  width: 31px;
  height: 31px;
  color: #F4F4F2;
  filter:
    drop-shadow(0 0 10px var(--a))
    drop-shadow(0 0 20px var(--b));
}

.qv-fi-card span {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 9px;
  font-weight: 700;
  color: rgba(244,244,242,0.76);
  line-height: 1;
  white-space: nowrap;
}

/* Color tones */
.qv-purple { --a: #8B2CFF; --b: #FF2D75; }
.qv-pink { --a: #FF2D75; --b: #FF8A1F; }
.qv-orange { --a: #FF8A1F; --b: #FF2D75; }
.qv-cyan { --a: #00D4FF; --b: #8B2CFF; }

/* Positions — right-weighted, away from the main headline */
.qv-fi-1 { left: 60%; top: 22%; animation-delay: 0.05s; }
.qv-fi-2 { left: 74%; top: 17%; animation-delay: 0.12s; }
.qv-fi-3 { left: 88%; top: 31%; animation-delay: 0.19s; }
.qv-fi-4 { left: 68%; top: 46%; animation-delay: 0.26s; }
.qv-fi-5 { left: 82%; top: 55%; animation-delay: 0.33s; }
.qv-fi-6 { left: 59%; top: 74%; animation-delay: 0.40s; }
.qv-fi-7 { left: 74%; top: 80%; animation-delay: 0.47s; }
.qv-fi-8 { left: 90%; top: 70%; animation-delay: 0.54s; }
.qv-fi-9 { left: 54%; top: 35%; animation-delay: 0.61s; opacity: 0.48 !important; }
.qv-fi-10 { left: 92%; top: 15%; animation-delay: 0.68s; }

.qv-fi-2 .qv-fi-card,
.qv-fi-4 .qv-fi-card,
.qv-fi-8 .qv-fi-card {
  animation-name: qvFloatB;
  animation-duration: 7.4s;
}

.qv-fi-3 .qv-fi-card,
.qv-fi-6 .qv-fi-card,
.qv-fi-9 .qv-fi-card {
  animation-name: qvFloatC;
  animation-duration: 6.8s;
}

/* Hide old background systems if any markup remains */
.qv-hero-stage .qv-hero-arrows-widget,
.qv-hero-stage .qv-hero-arrows-bg,
.qv-hero-stage .qv-cinematic-bg,
.qv-hero-stage .qv-neon-arrow-bg-v2,
.qv-hero-stage .qv-particle-hero-turbo-layer,
.qv-hero-stage .qv-services-particle-layer,
.qv-hero-stage .qv-lite-particle-layer {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Animations */
@keyframes qvFiIntro {
  from {
    opacity: 0;
    transform: translate(-50%, -35%) scale(0.7);
    filter: blur(8px);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    filter: blur(0);
  }
}

@keyframes qvFloatA {
  0%, 100% { transform: translate3d(0,0,0) rotate(-2deg); }
  25% { transform: translate3d(8px,-10px,0) rotate(3deg); }
  50% { transform: translate3d(0,-16px,0) rotate(0deg); }
  75% { transform: translate3d(-8px,-6px,0) rotate(-3deg); }
}

@keyframes qvFloatB {
  0%, 100% { transform: translate3d(0,0,0) rotate(2deg); }
  25% { transform: translate3d(-10px,-8px,0) rotate(-3deg); }
  50% { transform: translate3d(0,12px,0) rotate(1deg); }
  75% { transform: translate3d(8px,-6px,0) rotate(4deg); }
}

@keyframes qvFloatC {
  0%, 100% { transform: translate3d(0,0,0) rotate(0deg); }
  25% { transform: translate3d(6px,10px,0) rotate(3deg); }
  50% { transform: translate3d(-8px,-8px,0) rotate(-2deg); }
  75% { transform: translate3d(9px,-12px,0) rotate(2deg); }
}

/* Mobile */
@media (max-width:1099px) {
  .qv-hero-stage {
    min-height: 740px;
    padding-top: 120px;
  }

  .qv-hero-stage > .qv-fi-bg {
    opacity: 0.50;
  }

  .qv-hero-stage > .qv-fi-bg::after {
    background:
      linear-gradient(180deg,
        rgba(7,7,10,0.70) 0%,
        rgba(7,7,10,0.90) 48%,
        rgba(7,7,10,0.98) 100%
      );
  }

  .qv-fi-card {
    width: 58px;
    height: 58px;
    border-radius: 20px;
  }

  .qv-fi-card svg {
    width: 23px;
    height: 23px;
  }

  .qv-fi-card span {
    display: none;
  }

  .qv-fi-7,
  .qv-fi-8,
  .qv-fi-9,
  .qv-fi-10 {
    display: none;
  }
}
/* ======================================================
   QONVER HERO FLOATING ICONS — FINAL POLISH PATCH
   Magnetic separation + full hero coverage + mobile tuning
====================================================== */

/* Make the icon background own the full hero area */
.qv-hero-stage {
  min-height: 100vh !important;
  background: #07070A !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* Full-height background layer */
.qv-hero-stage > .qv-fi-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 78% 20%, rgba(139,44,255,0.26), transparent 30%),
    radial-gradient(circle at 88% 48%, rgba(255,45,117,0.23), transparent 34%),
    radial-gradient(circle at 70% 82%, rgba(255,138,31,0.16), transparent 32%),
    linear-gradient(90deg,
      #07070A 0%,
      #07070A 32%,
      rgba(16,8,24,1) 52%,
      rgba(42,8,40,1) 78%,
      #07070A 100%
    ) !important;
}

/* Keep a very subtle grid across full height */
.qv-hero-stage > .qv-fi-bg::before {
  display: block !important;
  opacity: 0.075 !important;
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(244,244,242,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,244,242,0.045) 1px, transparent 1px);
  background-size: 68px 68px;
}

/* Premium readability fade */
.qv-hero-stage > .qv-fi-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(7,7,10,0.98) 0%,
      rgba(7,7,10,0.94) 32%,
      rgba(7,7,10,0.62) 53%,
      rgba(7,7,10,0.10) 76%,
      rgba(7,7,10,0.26) 100%
    ) !important;
}

/* Make layer cover full background and respond as one system */
.qv-fi-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  transform:
    translate3d(
      calc(var(--qv-mx, 0) * 18px),
      calc(var(--qv-my, 0) * 12px),
      0
    ) !important;
  transition: transform 0.12s linear !important;
}

/* Critical fix: remove transform animation conflict from icon wrapper */
.qv-fi-card-wrap {
  position: absolute !important;
  opacity: 0;
  pointer-events: none !important;
  will-change: transform !important;

  transform:
    translate(-50%, -50%)
    translate3d(
      calc(var(--rx, 0) * 1px),
      calc(var(--ry, 0) * 1px),
      0
    ) !important;

  animation: qvFiFadeOnly 0.8s cubic-bezier(0.22,1,0.36,1) forwards !important;

  transition:
    transform 0.18s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.18s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* No popup hover. The movement must come from magnetic separation only. */
.qv-fi-card:hover {
  transform: none !important;
}

/* Keep floating animation subtle inside each card */
.qv-fi-card {
  pointer-events: none !important;
  transform-origin: center center !important;
  transition:
    box-shadow 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.32s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Better full-height icon distribution */
.qv-fi-10 { left: 92% !important; top: 10% !important; }
.qv-fi-2  { left: 74% !important; top: 14% !important; }
.qv-fi-1  { left: 60% !important; top: 24% !important; }
.qv-fi-3  { left: 88% !important; top: 34% !important; }
.qv-fi-9  { left: 54% !important; top: 39% !important; opacity: 0.38 !important; }
.qv-fi-4  { left: 68% !important; top: 50% !important; }
.qv-fi-5  { left: 82% !important; top: 60% !important; }
.qv-fi-8  { left: 90% !important; top: 74% !important; }
.qv-fi-6  { left: 60% !important; top: 82% !important; }
.qv-fi-7  { left: 74% !important; top: 88% !important; }

/* Fade-only intro so magnetic transform remains clean */
@keyframes qvFiFadeOnly {
  from {
    opacity: 0;
    filter: blur(8px);
  }

  to {
    opacity: 1;
    filter: blur(0);
  }
}

/* Desktop hero height safety */
@media (min-width: 768px) {
  .qv-hero-stage {
    min-height: 900px !important;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .qv-fi-card {
    width: 72px !important;
    height: 72px !important;
    border-radius: 24px !important;
  }

  .qv-fi-card svg {
    width: 27px !important;
    height: 27px !important;
  }

  .qv-fi-card span {
    font-size: 8px !important;
  }
}

/* Mobile responsive composition */
@media (max-width:1099px) {
  .qv-hero-stage {
    min-height: 760px !important;
    padding-top: 120px !important;
  }

  .qv-hero-stage > .qv-fi-bg {
    opacity: 0.55 !important;
    background:
      radial-gradient(circle at 72% 22%, rgba(139,44,255,0.26), transparent 32%),
      radial-gradient(circle at 88% 52%, rgba(255,45,117,0.20), transparent 36%),
      radial-gradient(circle at 70% 82%, rgba(255,138,31,0.13), transparent 34%),
      #07070A !important;
  }

  .qv-hero-stage > .qv-fi-bg::after {
    background:
      linear-gradient(180deg,
        rgba(7,7,10,0.72) 0%,
        rgba(7,7,10,0.88) 44%,
        rgba(7,7,10,0.98) 100%
      ) !important;
  }

  .qv-fi-layer {
    transform: none !important;
  }

  .qv-fi-card {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    opacity: 0.85 !important;
  }

  .qv-fi-card svg {
    width: 22px !important;
    height: 22px !important;
  }

  .qv-fi-card span {
    display: none !important;
  }

  /* Keep fewer icons on mobile */
  .qv-fi-6,
  .qv-fi-7,
  .qv-fi-8,
  .qv-fi-9,
  .qv-fi-10 {
    display: none !important;
  }

  .qv-fi-1 { left: 78% !important; top: 18% !important; }
  .qv-fi-2 { left: 88% !important; top: 34% !important; }
  .qv-fi-3 { left: 76% !important; top: 52% !important; }
  .qv-fi-4 { left: 90% !important; top: 66% !important; }
  .qv-fi-5 { left: 72% !important; top: 78% !important; }
}
.qv-hero-stage,
.qv-hero-stage > .e-con-inner,
.qv-hero-stage > .elementor-container,
.qv-hero-stage .qv-fi-bg {
  background: transparent !important;
}

.qv-hero-stage::before,
.qv-hero-stage::after,
.qv-hero-stage .qv-hero-arrows-bg,
.qv-hero-stage .qv-hero-arrows-widget,
.qv-hero-stage .qv-services-particles,
.qv-hero-stage .qv-cinematic-bg,
.qv-hero-stage .qv-neon-arrow-bg-v2 {
  display: none !important;
}
/* ======================================================
   HERO — KEEP ICONS, REMOVE ONLY BG OVERLAY
====================================================== */

/* Hero itself transparent so original global BG shows */
.qv-hero-stage,
.qv-hero-stage > .e-con-inner,
.qv-hero-stage > .elementor-container,
.qv-hero-stage .elementor-widget-wrap {
  background: transparent !important;
  background-color: transparent !important;
}

/* Keep floating icons layer active, but remove its background wash */
.qv-hero-stage > .qv-fi-bg {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Remove only overlays/gradients on the icon layer */
.qv-hero-stage > .qv-fi-bg::before,
.qv-hero-stage > .qv-fi-bg::after {
  display: none !important;
  content: none !important;
}

/* Remove old hero background systems only */
.qv-hero-stage::before,
.qv-hero-stage::after,
.qv-hero-stage .qv-hero-arrows-bg,
.qv-hero-stage .qv-hero-arrows-widget,
.qv-hero-stage .qv-services-particles,
.qv-hero-stage .qv-cinematic-bg,
.qv-hero-stage .qv-neon-arrow-bg-v2,
.qv-hero-stage canvas,
.qv-hero-stage [id*="particle"],
.qv-hero-stage [class*="particle"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}


/* ======================================================
   SOURCE: 02-pill-eyebrow.css  |  uploaded: 2.txt
====================================================== */
/* ======================================================
   PILL EYEBROW
====================================================== */

.qv-pill-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  padding: 11px 18px;
  border-radius: 999px;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  font-style: normal !important;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--qv-soft);
  background:
    linear-gradient(rgba(12,10,22,0.92), rgba(12,10,22,0.92)) padding-box,
    linear-gradient(135deg, rgba(139,44,255,0.75), rgba(255,45,117,0.38), rgba(0,212,255,0.42)) border-box;
  border: 1px solid transparent;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    0 16px 46px rgba(139,44,255,0.22);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.qv-pill-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #F4F4F2;
  box-shadow:
    0 0 10px rgba(244,244,242,0.8),
    0 0 22px rgba(139,44,255,0.45);
  flex: 0 0 auto;
  animation: qvDotBlink 2.8s cubic-bezier(0.45, 0, 0.25, 1) infinite;
}

@keyframes qvDotBlink {
  0% {
    opacity: 0.35;
    transform: scale(0.82);
    box-shadow:
      0 0 6px rgba(244,244,242,0.35),
      0 0 14px rgba(139,44,255,0.22);
  }

  45% {
    opacity: 1;
    transform: scale(1);
    box-shadow:
      0 0 10px rgba(244,244,242,0.85),
      0 0 24px rgba(139,44,255,0.48),
      0 0 38px rgba(0,212,255,0.22);
  }

  70% {
    opacity: 0.75;
    transform: scale(0.94);
    box-shadow:
      0 0 8px rgba(244,244,242,0.60),
      0 0 18px rgba(139,44,255,0.34);
  }

  100% {
    opacity: 0.35;
    transform: scale(0.82);
    box-shadow:
      0 0 6px rgba(244,244,242,0.35),
      0 0 14px rgba(139,44,255,0.22);
  }
}

.qv-pill-text {
  display: inline-block;
  background: linear-gradient(90deg, var(--qv-orange) 0%, var(--qv-pink) 38%, var(--qv-purple) 68%, var(--qv-cyan) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}


/* ======================================================
   SOURCE: 03-scroll-cue.css  |  uploaded: 3.txt
====================================================== */
/* ======================================================
   SCROLL CUE
====================================================== */

.qv-scroll-cue {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: fit-content !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 34px !important;
  margin-left: 0 !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: rgba(244,244,242,0.58) !important;
  white-space: nowrap !important;
}

.qv-scroll-cue::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--qv-orange);
  box-shadow: 0 0 22px rgba(255,138,31,0.75);
  animation: qvPulseDot 2.4s ease-in-out infinite;
}

@keyframes qvPulseDot {
  0% { opacity: 0.35; transform: scale(0.75); }
  50% { opacity: 1; transform: scale(1.08); }
  100% { opacity: 0.35; transform: scale(0.75); }
}


/* ======================================================
   SOURCE: 04-cards.css  |  uploaded: 4.txt
====================================================== */
/* ======================================================
   CARDS
====================================================== */

.qv-card {
  background: linear-gradient(180deg, rgba(244,244,242,0.075), rgba(244,244,242,0.035)) !important;
  border: 1px solid rgba(244,244,242,0.12);
  border-radius: var(--qv-radius);
  padding: 32px;
  min-height: 230px;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  transform-style: preserve-3d;
  transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}

.qv-card:hover {
  transform: translateY(-8px);
  border-color: rgba(255,138,31,0.55);
  background: linear-gradient(180deg, rgba(244,244,242,0.10), rgba(244,244,242,0.045)) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.32);
}

/* ======================================================
   PROJECT CARDS
====================================================== */

.qv-project-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.qv-project-card {
  position: relative;
  overflow: hidden;
  min-height: 420px;
  border-radius: 34px;
  border: 1px solid rgba(244,244,242,0.12);
  background: rgba(244,244,242,0.04);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.qv-project-card:hover {
  transform: translateY(-10px);
  border-color: rgba(0,212,255,0.36);
  box-shadow:
    0 32px 90px rgba(0,0,0,0.42),
    0 0 48px rgba(139,44,255,0.12);
}

.qv-project-card img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
  opacity: 0.82;
  transition: transform 0.65s ease, opacity 0.45s ease, filter 0.45s ease;
}

.qv-project-card:hover img {
  transform: scale(1.08);
  opacity: 0.96;
  filter: saturate(1.1);
}

.qv-project-overlay {
  position: absolute;
  inset: auto 20px 20px 20px;
  z-index: 2;
  padding: 22px;
  border-radius: 24px;
  background: rgba(7,7,10,0.58);
  border: 1px solid rgba(244,244,242,0.10);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.qv-project-tag {
  display: inline-flex;
  margin-bottom: 10px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 12px;
  color: var(--qv-orange);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}


/* ======================================================
   SOURCE: 05-process-pills-marquee-testimonials.css  |  uploaded: 5.txt
====================================================== */
/* ======================================================
   PROCESS / PILLS / MARQUEE / TESTIMONIALS
====================================================== */

.qv-process-grid {
  display: grid !important;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 32px;
  align-items: start;
}

.qv-process-step {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 22px;
  padding: 28px 0;
  border-bottom: 1px solid rgba(244,244,242,0.12);
}

.qv-process-number {
  display: inline-flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: var(--qv-white);
  background:
    linear-gradient(rgba(8,8,13,0.85), rgba(8,8,13,0.85)) padding-box,
    linear-gradient(135deg, var(--qv-purple), var(--qv-pink), var(--qv-orange)) border-box;
  border: 1px solid transparent;
  font-weight: 800;
}

.qv-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.qv-service-pill {
  display: inline-flex;
  align-items: center;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid rgba(244,244,242,0.12);
  background: rgba(244,244,242,0.045);
  color: var(--qv-soft);
  font-size: 14px;
  font-weight: 600;
}

.qv-marquee {
  overflow: hidden;
  white-space: nowrap;
  border-top: 1px solid rgba(244,244,242,0.08);
  border-bottom: 1px solid rgba(244,244,242,0.08);
  padding: 18px 0;
}

.qv-marquee-track {
  display: inline-flex;
  gap: 38px;
  animation: qvMarquee 22s linear infinite;
}

.qv-marquee span {
  font-size: 15px;
  font-weight: 700;
  color: rgba(244,244,242,0.62);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

@keyframes qvMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.qv-testimonial-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.qv-stars {
  color: var(--qv-orange);
  letter-spacing: 2px;
  margin-bottom: 18px;
}

.qv-faq-note {
  color: rgba(244,244,242,0.58);
}


/* ======================================================
   SOURCE: 06-wpforms.css  |  uploaded: 6.txt
====================================================== */
/* ======================================================
   WPFORMS
====================================================== */

.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select {
  background: rgba(244,244,242,0.05) !important;
  border: 1px solid rgba(244,244,242,0.14) !important;
  border-radius: 16px !important;
  color: var(--qv-white) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  padding: 14px 16px !important;
}

.wpforms-container label {
  color: var(--qv-white) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 600 !important;
}

.wpforms-submit {
  background: linear-gradient(135deg, var(--qv-purple), var(--qv-pink), var(--qv-orange)) !important;
  color: var(--qv-white) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 15px 28px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 700 !important;
}


/* ======================================================
   SOURCE: 07-reveal-animation.css  |  uploaded: 7.txt
====================================================== */
/* ======================================================
   REVEAL ANIMATION
====================================================== */

.qv-reveal {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

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

.qv-stagger > * {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.qv-stagger.qv-visible > * {
  opacity: 1;
  transform: translateY(0);
}

.qv-stagger.qv-visible > *:nth-child(1) { transition-delay: 0.04s; }
.qv-stagger.qv-visible > *:nth-child(2) { transition-delay: 0.12s; }
.qv-stagger.qv-visible > *:nth-child(3) { transition-delay: 0.20s; }
.qv-stagger.qv-visible > *:nth-child(4) { transition-delay: 0.28s; }
.qv-stagger.qv-visible > *:nth-child(5) { transition-delay: 0.36s; }
.qv-stagger.qv-visible > *:nth-child(6) { transition-delay: 0.44s; }


/* ======================================================
   SOURCE: 08-mobile.css  |  uploaded: 8.txt
====================================================== */
/* ======================================================
   MOBILE
====================================================== */

@media (max-width:1099px) {
  .qv-header {
    min-height: 76px !important;
  }

  .qv-header-inner {
    min-height: 76px !important;
    padding: 12px 18px !important;
    gap: 8px !important;
  }

  .qv-header-logo-full img {
    width: 150px !important;
    max-width: 150px !important;
  }

  .qv-header-logo-icon img {
    width: 42px !important;
    max-width: 42px !important;
  }

  .qv-header-row {
    grid-template-columns: auto 1fr !important;
    gap: 14px !important;
  }

  .qv-nav {
    display: none !important;
  }

  .qv-header-cta {
    justify-self: end !important;
  }

  .qv-heading-xl,
  .qv-heading-xl .elementor-heading-title {
    font-size: 56px !important;
    line-height: 0.88 !important;
  }

  .qv-heading-lg,
  .qv-heading-lg .elementor-heading-title {
    font-size: 42px !important;
    line-height: 0.95 !important;
  }

  .qv-text,
  .qv-text p {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  .qv-section {
    padding: 78px 20px;
  }

  .qv-hero-stage {
    min-height: 740px;
    padding-top: 120px;
  }

  .qv-hero-content {
    max-width: 100%;
  }

  .qv-button-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .qv-button-row > .elementor-element,
  .qv-button-row .qv-framer-btn,
  .qv-button-row .qv-framer-btn .elementor-button-wrapper,
  .qv-button-row .qv-framer-btn .elementor-button {
    width: 100% !important;
    max-width: 100% !important;
  }

  .qv-framer-btn .elementor-button,
  .qv-framer-btn a.elementor-button {
    width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    padding: 0 22px !important;
    font-size: 15px !important;
  }

  .qv-pill-eyebrow {
    font-size: 12px;
    padding: 10px 14px;
    gap: 5px;
    flex-wrap: wrap;
  }

  .qv-card {
    padding: 24px;
    border-radius: 22px;
  }

  .qv-project-grid,
  .qv-testimonial-grid,
  .qv-process-grid {
    grid-template-columns: 1fr !important;
  }

  .qv-project-card,
  .qv-project-card img {
    min-height: 340px;
  }

  .qv-process-step {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .qv-cursor-glow {
    display: none;
  }

  .qv-bg-grid {
    background-size: 48px 48px;
    opacity: 0.10;
  }

  .qv-hero-arrows-bg {
    opacity: 0.50 !important;
  }

  .qv-arrow-lane {
    width: 620px !important;
    height: 300px !important;
  }
	

  .qv-a1 { width: 76px !important; }
  .qv-a2 { width: 56px !important; }
  .qv-a3 { width: 78px !important; }
  .qv-a4 { width: 136px !important; }
  .qv-a5 { width: 100px !important; }

  .qv-b1 { width: 52px !important; }
  .qv-b2 { width: 72px !important; }
  .qv-b3 { width: 78px !important; }
  .qv-b4 { width: 124px !important; }

  .qv-c1 { width: 62px !important; }
  .qv-c2 { width: 118px !important; }
  .qv-c3 { width: 52px !important; }

  @keyframes qvHeroArrowStream {
    0% { transform: translate3d(-140vw, 300px, 0) rotate(-18deg); }
    100% { transform: translate3d(calc(100vw + 760px), -300px, 0) rotate(-18deg); }
  }
	/* ======================================================
   QONVER SERVICES PARTICLE BACKGROUND — MOBILE
   Add inside the existing @media (max-width:1099px) block in 14-qonver-mobile.css
====================================================== */

.qv-services-particles {
  opacity: 0.42 !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.18) 18%, black 48%, black 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.18) 18%, black 48%, black 100%);
}

.qv-services-particles::after {
  background:
    linear-gradient(90deg, rgba(7,7,10,0.92) 0%, rgba(7,7,10,0.48) 58%, rgba(7,7,10,0.18) 100%),
    linear-gradient(180deg, rgba(7,7,10,0.72) 0%, transparent 36%, rgba(7,7,10,0.62) 100%);
}

}
/* Qonver glow buttons mobile */
.qv-glow-btn,
.qv-glow-btn .elementor-widget-container,
.qv-glow-btn .elementor-button-wrapper,
.qv-glow-btn .elementor-button,
.qv-glow-btn a.elementor-button {
  width: 100% !important;
  max-width: 100% !important;
}

.qv-glow-btn a.elementor-button,
.qv-glow-btn .elementor-button {
  min-width: 0 !important;
  height: 56px !important;
  padding: 0 22px !important;
  font-size: 15px !important;
}

.qv-glow-btn .elementor-button-wrapper::before,
.qv-glow-btn .elementor-button-wrapper::after {
  inset: -14px -16px;
  filter: blur(24px);
}


/* ======================================================
   SOURCE: 09-accessibility.css  |  uploaded: 9.txt
====================================================== */
/* ======================================================
   ACCESSIBILITY
====================================================== */

@media all {html:not([data-qv-motion-override="full"]) .qv-reveal,
html:not([data-qv-motion-override="full"]) .qv-stagger > *,
html:not([data-qv-motion-override="full"]) .qv-bg-gradient,
html:not([data-qv-motion-override="full"]) .qv-bg-grid,
html:not([data-qv-motion-override="full"]) .qv-arrow-lane,
html:not([data-qv-motion-override="full"]) .qv-bg-arrow,
html:not([data-qv-motion-override="full"]) .qv-card,
html:not([data-qv-motion-override="full"]) .qv-project-card,
html:not([data-qv-motion-override="full"]) .qv-project-card img,
html:not([data-qv-motion-override="full"]) .qv-marquee-track,
html:not([data-qv-motion-override="full"]) .qv-framer-btn .elementor-button{
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }html:not([data-qv-motion-override="full"]) .qv-glow-btn .elementor-button,
html:not([data-qv-motion-override="full"]) .qv-glow-btn .elementor-button-wrapper::before,
html:not([data-qv-motion-override="full"]) .qv-glow-btn .elementor-button-wrapper::after{
  animation: none !important;
  transition: none !important;
  transform: none !important;
}html:not([data-qv-motion-override="full"]) #qv-bg-canvas{
    display: none !important;
  }
}


/* ======================================================
   SOURCE: 10-profile-systems.css  |  uploaded: .qv-profile-systems {.txt
====================================================== */
.qv-profile-systems {
  background: transparent !important;
  padding: 110px 24px 140px;
  color: #F4F4F2;
}

.qv-profile-systems-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.qv-profile-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 34px;
}

.qv-profile-card {
  position: relative;
  padding-bottom: 42px;
}

.qv-profile-card-main {
  position: relative;
  z-index: 2;
  padding: 28px;
  border-radius: 22px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(244,244,242,0.12);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 24px 80px rgba(0,0,0,0.38);
}

.qv-profile-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  color: rgba(244,244,242,0.48);
}

.qv-profile-status div {
  display: flex;
  align-items: center;
  gap: 9px;
}

.qv-profile-status b {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #8B2CFF;
  box-shadow: 0 0 14px rgba(139,44,255,0.7);
}

.qv-profile-card:nth-child(2) .qv-profile-status b {
  background: #FF2D75;
  box-shadow: 0 0 14px rgba(255,45,117,0.7);
}

.qv-profile-card:nth-child(3) .qv-profile-status b {
  background: #00D4FF;
  box-shadow: 0 0 14px rgba(0,212,255,0.7);
}

.qv-profile-card-main img {
  width: 100%;
  aspect-ratio: 1 / .82;
  object-fit: cover;
  border-radius: 18px;
  margin-bottom: 26px;
  border: 1px solid rgba(244,244,242,0.12);
  filter: saturate(1.08) contrast(1.05);
}

.qv-profile-card-main h3 {
  margin: 0;
  text-align: center;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.15;
  color: #F4F4F2;
}

.qv-profile-card-main p {
  margin: 8px auto 24px;
  max-width: 280px;
  text-align: center;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(244,244,242,0.56);
}

.qv-profile-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.qv-profile-actions a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  text-decoration: none;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: #F4F4F2;
  background: rgba(244,244,242,0.18);
  border: 1px solid rgba(244,244,242,0.18);
  backdrop-filter: blur(12px);
}

.qv-profile-glow {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 0;
  height: 74px;
  border-radius: 0 0 28px 28px;
  background: linear-gradient(90deg, #8B2CFF, #FF2D75, #FF8A1F, #00D4FF);
  box-shadow:
    0 36px 90px rgba(139,44,255,0.28),
    0 36px 100px rgba(255,45,117,0.18);
  z-index: 1;
}

.qv-profile-glow span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  text-align: center;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  color: #07070A;
}

@media (max-width: 1024px) {
  .qv-profile-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:1099px) {
  .qv-profile-grid {
    grid-template-columns: 1fr;
  }

  .qv-profile-systems {
    padding: 86px 18px 100px;
  }
}
.qv-profile-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
}

.qv-profile-card-main {
  padding: 18px !important;
}

.qv-profile-card-main img {
  aspect-ratio: 1 / .62 !important;
  margin-bottom: 18px !important;
}

.qv-profile-card-main h3 {
  font-size: 17px !important;
}

.qv-profile-card-main p {
  font-size: 12px !important;
  margin-bottom: 16px !important;
}

.qv-profile-actions {
  gap: 8px !important;
}

.qv-profile-actions a {
  min-height: 34px !important;
  font-size: 11px !important;
  border-radius: 9px !important;
}

@media (max-width: 1024px) {
  .qv-profile-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width:1099px) {
  .qv-profile-grid {
    grid-template-columns: 1fr !important;
  }
}
/* ======================================================
   QONVER SYSTEMS — STROKE + SMALLER BOTTOM GLOW
====================================================== */

.qv-profile-card-main {
  border: 1px solid transparent !important;
  background:
    linear-gradient(rgba(12,12,18,0.70), rgba(12,12,18,0.70)) padding-box,
    linear-gradient(
      135deg,
      #8B2CFF 0%,
      #FF2D75 38%,
      #FF8A1F 68%,
      #00D4FF 100%
    ) border-box !important;
}

.qv-profile-card-main::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 0 28px rgba(139,44,255,0.14),
    0 0 34px rgba(255,45,117,0.10);
}

.qv-profile-glow {
  left: 24px !important;
  right: 24px !important;
  bottom: 8px !important;
  height: 48px !important;
  border-radius: 0 0 22px 22px !important;
  opacity: 0.86 !important;
}

.qv-profile-glow span {
  bottom: 10px !important;
  font-size: 12px !important;
}

.qv-profile-card {
  padding-bottom: 34px !important;
}
/* ======================================================
   QONVER SYSTEMS — FIX IMAGE OVERLAP + FULL WIDTH GLOW
====================================================== */

/* Give card enough clean internal spacing */
.qv-profile-card-main {
  padding: 22px 20px 24px !important;
  overflow: hidden !important;
}

/* Fix the status/header overlap */
.qv-profile-status {
  position: relative !important;
  z-index: 4 !important;
  margin-bottom: 18px !important;
}

/* Remove broken image duplication/overlap behavior */
.qv-profile-card-main > img {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 160px !important;
  aspect-ratio: auto !important;
  margin: 0 0 18px !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  display: block !important;
}

/* Text alignment */
.qv-profile-card-main h3,
.qv-profile-card-main p {
  position: relative !important;
  z-index: 3 !important;
}

/* Make bottom color bar same width as card */
.qv-profile-glow {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  bottom: 0 !important;
  height: 48px !important;
  border-radius: 0 0 22px 22px !important;
}

/* Pull card above glow correctly */
.qv-profile-card-main {
  margin-bottom: 34px !important;
}

.qv-profile-card {
  padding-bottom: 0 !important;
}
/* ======================================================
   QONVER SYSTEMS — PROFILE CARD VERTICAL LOOK
====================================================== */

.qv-profile-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 26px !important;
  align-items: start !important;
}

.qv-profile-card {
  padding-bottom: 0 !important;
  border-radius: 24px !important;
  overflow: visible !important;
}

.qv-profile-card-main {
  position: relative !important;
  z-index: 2 !important;
  min-height: 430px !important;
  padding: 24px 24px 34px !important;
  margin-bottom: 0 !important;
  border-radius: 24px 24px 18px 18px !important;
  background: rgba(18,18,22,0.82) !important;
  border: 1px solid rgba(244,244,242,0.12) !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 24px 70px rgba(0,0,0,0.42) !important;
}

.qv-profile-status {
  margin-bottom: 26px !important;
  color: rgba(244,244,242,0.48) !important;
}

.qv-profile-card-main > img {
  width: 78% !important;
  height: auto !important;
  aspect-ratio: 1 / .78 !important;
  margin: 0 auto 28px !important;
  border-radius: 20px !important;
  object-fit: cover !important;
  display: block !important;
  border: 1px solid rgba(244,244,242,0.12) !important;
}

.qv-profile-card-main h3 {
  max-width: 250px !important;
  margin: 0 auto 8px !important;
  text-align: center !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

.qv-profile-card-main p {
  max-width: 260px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: rgba(244,244,242,0.58) !important;
}

.qv-profile-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}

.qv-profile-actions a {
  min-height: 48px !important;
  border-radius: 16px !important;
  background: rgba(244,244,242,0.20) !important;
  border: 1px solid rgba(244,244,242,0.18) !important;
  color: #F4F4F2 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* Bottom bar attached to the card */
.qv-profile-glow {
  position: relative !important;
  z-index: 1 !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: calc(100% - 26px) !important;
  height: 54px !important;
  margin: -8px auto 0 !important;
  border-radius: 0 0 24px 24px !important;
  background: linear-gradient(90deg, #8B2CFF, #FF2D75, #FF8A1F, #00D4FF) !important;
  box-shadow:
    0 28px 80px rgba(139,44,255,0.26),
    0 28px 90px rgba(255,45,117,0.18) !important;
}

.qv-profile-glow span {
  position: static !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #07070A !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* Responsive */
@media (max-width: 1024px) {
  .qv-profile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:1099px) {
  .qv-profile-grid {
    grid-template-columns: 1fr !important;
  }

  .qv-profile-card-main {
    min-height: auto !important;
  }

  .qv-profile-card-main > img {
    width: 76% !important;
  }
}
/* ======================================================
   QONVER SYSTEMS — COLOR GLOW FROM BOTTOM UP
====================================================== */

.qv-profile-card {
  position: relative !important;
  isolation: isolate !important;
}

/* Rising colored glow behind the card, coming from the bottom bar */
.qv-profile-card::before {
  content: "" !important;
  position: absolute !important;
  left: 20px !important;
  right: 20px !important;
  bottom: 34px !important;
  height: 150px !important;
  z-index: 0 !important;
  pointer-events: none !important;

  background: linear-gradient(
    90deg,
    #8B2CFF 0%,
    #FF2D75 36%,
    #FF8A1F 66%,
    #00D4FF 100%
  ) !important;

  filter: blur(34px) !important;
  opacity: 0.42 !important;
  border-radius: 30px !important;
}

/* Card stays above the glow */
.qv-profile-card-main {
  position: relative !important;
  z-index: 2 !important;
}

/* Bottom color bar stays above glow but below card */
.qv-profile-glow {
  position: relative !important;
  z-index: 1 !important;
}
/* ======================================================
   QONVER SYSTEMS — VISIBLE COLOR GLOW UP FROM BOTTOM BAR
====================================================== */

.qv-profile-glow {
  background: linear-gradient(
    90deg,
    #8B2CFF 0%,
    #FF2D75 35%,
    #FF8A1F 65%,
    #00D4FF 100%
  ) !important;

  box-shadow:
    0 -18px 38px rgba(139,44,255,0.42),
    0 -26px 55px rgba(255,45,117,0.32),
    0 -34px 72px rgba(255,138,31,0.24),
    0 -42px 88px rgba(0,212,255,0.20),
    0 28px 80px rgba(139,44,255,0.22) !important;
}

/* dark blend at the top edge of the color bar */
.qv-profile-glow {
  border-top: 1px solid rgba(0,0,0,0.35) !important;
}
/* ======================================================
   QONVER SYSTEMS — FORCE VISIBLE BOTTOM-UP GLOW
====================================================== */

.qv-profile-card-main {
  overflow: hidden !important;
}

/* Colored light rising from bottom inside the dark card */
.qv-profile-card-main::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 135px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  background:
    radial-gradient(circle at 18% 100%, rgba(139,44,255,0.42), transparent 46%),
    radial-gradient(circle at 45% 100%, rgba(255,45,117,0.34), transparent 44%),
    radial-gradient(circle at 68% 100%, rgba(255,138,31,0.30), transparent 42%),
    radial-gradient(circle at 92% 100%, rgba(0,212,255,0.36), transparent 46%);

  filter: blur(10px);
  opacity: 0.85;
}

/* Keep all card content above the glow */
.qv-profile-status,
.qv-profile-card-main > img,
.qv-profile-card-main h3,
.qv-profile-card-main p,
.qv-profile-actions {
  position: relative !important;
  z-index: 3 !important;
}

/* Bottom bar stays attached */
.qv-profile-glow {
  margin-top: -6px !important;
  box-shadow:
    0 -22px 45px rgba(139,44,255,0.30),
    0 -28px 55px rgba(255,45,117,0.24),
    0 -34px 70px rgba(0,212,255,0.18) !important;
}
/* SYSTEMS — FULL WIDTH CARD IMAGES */
.qv-profile-card-main > img {
  width: 100% !important;
  max-width: 100% !important;
  height: 190px !important;
  aspect-ratio: auto !important;
  margin: 0 0 26px 0 !important;
  border-radius: 18px !important;
  object-fit: cover !important;
}
/* SYSTEMS — TRUE FULL-WIDTH IMAGE BLEED */
.qv-profile-card-main > img {
  width: calc(100% + 48px) !important;
  max-width: none !important;
  height: 190px !important;
  margin: 0 0px 26px -15px !important;
  border-radius: 25px !important;
  object-fit: cover !important;
}


/* ======================================================
   SOURCE: 11-services-gallery.css  |  uploaded: 12.txt
====================================================== */
/* ======================================================
   QONVER SERVICES GALLERY — CLEAN FINAL CSS
   Replace the entire old Services Gallery CSS with this file.
   No duplicate patches. No old glow injection. No conflicting button rules.
====================================================== */

/* ---------- Elementor full-width wrapper ---------- */
.qv-services-gallery-wrap,
.qv-services-gallery-wrap > .e-con-inner,
.qv-services-gallery-wrap > .elementor-container {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ---------- Section shell ---------- */
.qv-services-gallery {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  height: 460vh !important;
  background: #07070A !important;
  color: var(--qv-white, #F4F4F2) !important;
  overflow: clip !important;

  --qv-sg-progress: 0;
  --qv-sg-rotate: 75deg;
  --qv-sg-scale: 1.2;
  --qv-sg-col1: -10%;
  --qv-sg-col2: 15%;
  --qv-sg-col3: -10%;

  --qv-sg-copy-y: 0px;
  --qv-sg-copy-opacity: 1;
  --qv-sg-copy-blur: 0px;
}

.qv-services-gallery-sticky {
  position: sticky !important;
  top: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  min-height: 720px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  perspective: 1000px !important;
  perspective-origin: center top !important;

  background:
    radial-gradient(circle at 18% 18%, rgba(139,44,255,0.26), transparent 34%),
    radial-gradient(circle at 80% 22%, rgba(0,212,255,0.10), transparent 30%),
    radial-gradient(circle at 72% 78%, rgba(255,45,117,0.18), transparent 36%),
    #07070A !important;
}

.qv-services-gallery-sticky::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 7;
  opacity: 0.07;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(244,244,242,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,244,242,0.06) 1px, transparent 1px);
  background-size: 72px 72px;
}

.qv-services-gallery-sticky::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(7,7,10,0.70) 0%, rgba(7,7,10,0.12) 38%, rgba(7,7,10,0.84) 100%),
    linear-gradient(90deg, rgba(7,7,10,0.88) 0%, rgba(7,7,10,0.12) 44%, rgba(7,7,10,0.72) 100%);
}

/* Optional glow layer from HTML */
.qv-services-gallery-glow {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  top: 10vh;
  height: 70vh;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(139,44,255,0.44), rgba(255,45,117,0.34), rgba(0,212,255,0.18));
  filter: blur(90px);
  opacity: 0.42;
  mix-blend-mode: screen;
  transform:
    translateY(calc(var(--qv-sg-progress) * 70px))
    scale(calc(1 + var(--qv-sg-progress) * 0.14));
}

/* ---------- Title / headline ---------- */
.qv-services-gallery-copy {
  position: absolute !important;
  z-index: 40 !important;
  top: clamp(56px, 7vh, 88px) !important;
  left: 50% !important;
  width: min(760px, 88vw) !important;
  text-align: center !important;
  pointer-events: auto !important;

  transform:
    translateX(-50%)
    translate3d(0, var(--qv-sg-copy-y), 0) !important;

  opacity: var(--qv-sg-copy-opacity) !important;
  filter: blur(var(--qv-sg-copy-blur)) !important;

  transition: none !important;
  will-change: transform, opacity, filter;
}

.qv-sg-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: fit-content !important;
  margin: 0 auto 20px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(rgba(12,10,22,0.82), rgba(12,10,22,0.82)) padding-box,
    linear-gradient(135deg, var(--qv-purple, #8B2CFF), var(--qv-pink, #FF2D75), var(--qv-cyan, #00D4FF)) border-box !important;
  color: rgba(244,244,242,0.76) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.qv-sg-eyebrow span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: var(--qv-orange, #FF8A1F) !important;
  box-shadow: 0 0 20px rgba(255,138,31,0.78) !important;
}

.qv-services-gallery-copy h2 {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: var(--qv-white, #F4F4F2) !important;
  font-family: var(--qv-font-heading, "Futura"), "Montserrat", Arial, sans-serif !important;
  font-style: italic !important;
  font-size: clamp(48px, 5.4vw, 92px) !important;
  line-height: 0.86 !important;
  letter-spacing: -0.06em !important;
  text-shadow: 0 24px 80px rgba(0,0,0,0.72) !important;
}

.qv-services-gallery-copy p {
  max-width: 720px !important;
  margin: 24px auto 0 !important;
  color: rgba(244,244,242,0.74) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: clamp(15px, 1.1vw, 18px) !important;
  line-height: 1.75 !important;
}

/* ---------- Title button: use this HTML:
   <a href="#contact" class="qv-services-title-btn">Explore Services</a>
---------- */
.qv-services-gallery-copy .qv-services-title-btn {
  position: relative !important;
  z-index: 60 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  max-width: max-content !important;
  min-width: 168px !important;
  height: 52px !important;
  padding: 0 28px !important;
  margin: 28px auto 0 !important;

  border-radius: 16px !important;
  border: 1px solid transparent !important;

  background:
    linear-gradient(rgba(8,8,13,0.82), rgba(8,8,13,0.82)) padding-box,
    linear-gradient(
      135deg,
      var(--qv-purple, #8B2CFF),
      var(--qv-pink, #FF2D75),
      var(--qv-orange, #FF8A1F)
    ) border-box !important;

  color: var(--qv-white, #F4F4F2) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 0 26px rgba(139,44,255,0.26),
    0 0 34px rgba(255,45,117,0.14),
    0 18px 42px rgba(0,0,0,0.36) !important;

  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;

  cursor: pointer !important;
  pointer-events: auto !important;

  transition:
    transform 0.32s cubic-bezier(0.22,1,0.36,1),
    box-shadow 0.32s cubic-bezier(0.22,1,0.36,1),
    background 0.32s cubic-bezier(0.22,1,0.36,1) !important;
}

.qv-services-gallery-copy .qv-services-title-btn:hover,
.qv-services-gallery-copy .qv-services-title-btn:focus-visible {
  transform: translateY(-2px) !important;
  background:
    linear-gradient(rgba(8,8,13,0.90), rgba(8,8,13,0.90)) padding-box,
    linear-gradient(
      135deg,
      var(--qv-purple, #8B2CFF),
      var(--qv-pink, #FF2D75),
      var(--qv-orange, #FF8A1F),
      var(--qv-cyan, #00D4FF)
    ) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.14),
    0 0 34px rgba(139,44,255,0.36),
    0 0 44px rgba(255,45,117,0.22),
    0 18px 42px rgba(0,0,0,0.40) !important;
}

/* ---------- 3D gallery ---------- */
.qv-services-gallery-perspective {
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;

  display: grid !important;
  place-items: center !important;

  padding:
    clamp(360px, 42vh, 500px)
    clamp(24px, 4vw, 72px)
    clamp(70px, 8vh, 110px) !important;

  transform-style: preserve-3d !important;
  perspective: 1000px !important;
  perspective-origin: center top !important;
  pointer-events: none !important;
}

.qv-services-gallery-grid {
  position: relative !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(12px, 0.9vw, 15px) !important;

  width: min(1180px, 82vw) !important;
  max-width: 1180px !important;
  height: auto !important;
  margin: 0 auto !important;

  transform:
    rotateX(var(--qv-sg-rotate))
    scale(var(--qv-sg-scale)) !important;

  transform-origin: center top !important;
  transform-style: preserve-3d !important;
  transition: none !important;
  will-change: transform;
  pointer-events: none !important;
}

.qv-services-gallery-col {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(12px, 0.9vw, 15px) !important;
  will-change: transform !important;
  transition: none !important;
  pointer-events: none !important;
}

.qv-sg-col-1 {
  transform: translate3d(0, var(--qv-sg-col1), 0) !important;
}

.qv-sg-col-2 {
  transform: translate3d(0, var(--qv-sg-col2), 0) !important;
}

.qv-sg-col-3 {
  transform: translate3d(0, var(--qv-sg-col3), 0) !important;
}

/* ---------- Cards ---------- */
.qv-sg-glow {
  display: none !important;
}

.qv-sg-card,
.qv-sg-featured-card {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9.2 !important;
  margin: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-sizing: border-box !important;

  border-radius: 18px !important;
  border: 1px solid rgba(244,244,242,0.14) !important;
  background: rgba(244,244,242,0.035) !important;

  box-shadow:
    0 16px 46px rgba(0,0,0,0.42),
    inset 0 0 0 1px rgba(244,244,242,0.04) !important;

  transform: translateZ(0) !important;
  transition:
    border-color 0.16s ease,
    box-shadow 0.16s ease !important;

  cursor: pointer !important;
  pointer-events: auto !important;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.qv-sg-card img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
  filter: saturate(1.04) contrast(1.04) brightness(0.98) !important;
  transition: filter 0.22s ease !important;
}

.qv-sg-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(
      180deg,
      rgba(7,7,10,0.02) 0%,
      rgba(7,7,10,0.18) 48%,
      rgba(7,7,10,0.68) 100%
    ) !important;
}

.qv-sg-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background:
    linear-gradient(
      135deg,
      rgba(139,44,255,0.95),
      rgba(255,45,117,0.82),
      rgba(255,138,31,0.66),
      rgba(0,212,255,0.58)
    ) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  mask-composite: exclude !important;
  opacity: 0.42 !important;
}

.qv-sg-card figcaption {
  position: absolute !important;
  z-index: 5 !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  color: var(--qv-white, #F4F4F2) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  transition: transform 0.28s cubic-bezier(0.22,1,0.36,1) !important;
}

.qv-sg-card strong {
  display: block !important;
  margin-bottom: 6px !important;
  color: #F4F4F2 !important;
  font-size: clamp(15px, 1.1vw, 18px) !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  text-shadow: 0 8px 24px rgba(0,0,0,0.72) !important;
}

.qv-sg-card span {
  display: block !important;
  max-width: 92% !important;
  color: rgba(244,244,242,0.80) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  text-shadow: 0 8px 20px rgba(0,0,0,0.72) !important;
}

.qv-sg-card:hover,
.qv-sg-card:focus-visible {
  border-color: rgba(244,244,242,0.28) !important;
  box-shadow:
    0 20px 52px rgba(0,0,0,0.50),
    0 0 20px rgba(139,44,255,0.18),
    0 0 24px rgba(255,45,117,0.12),
    inset 0 0 0 1px rgba(244,244,242,0.06) !important;
}

.qv-sg-card:hover::before,
.qv-sg-card:focus-visible::before {
  opacity: 0.88 !important;
}

.qv-sg-card:hover img,
.qv-sg-card:focus-visible img {
  filter: saturate(1.08) contrast(1.06) brightness(1.04) !important;
}

.qv-sg-card:hover figcaption,
.qv-sg-card:focus-visible figcaption {
  transform: translateY(-2px) !important;
}

/* Explore pill appears only on hover/focus */
.qv-sg-card figcaption::after {
  content: "Explore →" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin-top: 12px !important;
  padding: 8px 14px !important;

  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(rgba(7,7,10,0.86), rgba(7,7,10,0.86)) padding-box,
    linear-gradient(
      135deg,
      var(--qv-purple, #8B2CFF),
      var(--qv-pink, #FF2D75),
      var(--qv-orange, #FF8A1F),
      var(--qv-cyan, #00D4FF)
    ) border-box !important;

  color: var(--qv-white, #F4F4F2) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate3d(0, 10px, 0) scale(0.96) !important;

  box-shadow:
    0 0 0 rgba(139,44,255,0),
    0 0 0 rgba(255,45,117,0) !important;

  transition:
    opacity 0.28s cubic-bezier(0.22,1,0.36,1),
    visibility 0.28s cubic-bezier(0.22,1,0.36,1),
    transform 0.28s cubic-bezier(0.22,1,0.36,1),
    box-shadow 0.28s cubic-bezier(0.22,1,0.36,1) !important;
}

.qv-sg-card:hover figcaption::after,
.qv-sg-card:focus-visible figcaption::after {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  box-shadow:
    0 0 22px rgba(139,44,255,0.32),
    0 0 28px rgba(255,45,117,0.18),
    0 10px 28px rgba(0,0,0,0.38) !important;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .qv-services-gallery {
    height: 390vh !important;
  }

  .qv-services-gallery-copy {
    width: min(720px, 90vw) !important;
  }

  .qv-services-gallery-perspective {
    padding-top: 340px !important;
  }

  .qv-services-gallery-grid {
    width: 90vw !important;
  }
}

/* ---------- Mobile ---------- */
@media (max-width:1099px) {
  .qv-services-gallery {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow: hidden !important;
  }

  .qv-services-gallery-sticky {
    position: relative !important;
    height: auto !important;
    min-height: 100vh !important;
    padding-bottom: 70px !important;
  }

  .qv-services-gallery-copy {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    padding: 92px 20px 36px !important;
    text-align: left !important;
    opacity: 1 !important;
    filter: none !important;
  }

  .qv-services-gallery-copy h2 {
    font-size: 56px !important;
    line-height: 0.88 !important;
  }

  .qv-services-gallery-copy p {
    font-size: 15px !important;
  }

  .qv-services-gallery-copy .qv-services-title-btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .qv-services-gallery-perspective {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    padding: 0 20px !important;
    perspective: none !important;
  }

  .qv-services-gallery-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .qv-services-gallery-col {
    transform: none !important;
    gap: 14px !important;
  }

  .qv-sg-card,
  .qv-sg-featured-card {
    aspect-ratio: 16 / 10 !important;
    border-radius: 16px !important;
  }

  .qv-sg-card span {
    max-width: 100% !important;
  }

  .qv-sg-card figcaption::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}
/* Use original global BG behind this section */
.qv-services-gallery,
.qv-services-gallery-sticky,
.qv-services-gallery-wrap,
.qv-services-gallery-wrap > .e-con-inner,
.qv-services-gallery-wrap > .elementor-container {
  background: transparent !important;
}

/* Remove only the Services-specific glow/overlay */
.qv-services-gallery-sticky::before,
.qv-services-gallery-sticky::after,
.qv-services-gallery-glow {
  display: none !important;
}


/* ======================================================
   SOURCE: 12-process-v1.css  |  uploaded: 14.txt
====================================================== */
/* ======================================================
   QONVER PROCESS V1 — CLEAN FINAL
====================================================== */

.qv-process-v1 {
  position: relative;
  height: 260vh;
  background: transparent !important;
  color: #F4F4F2;
}

.qv-process-v1__inner {
  position: sticky;
  top: 0;
  height: 100vh;
  max-width: 1480px;
  margin: 0 auto;
  padding: 92px 64px 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.qv-process-v1__head {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 40px;
  margin-bottom: 86px;
}

.qv-process-v1__head span {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(244,244,242,.22), transparent);
}

.qv-process-v1__head p {
  margin: 0;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .34em;
  text-transform: uppercase;
  color: rgba(244,244,242,.9);
}

.qv-process-v1__rail {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(80px, .7fr) minmax(150px, 1fr) minmax(80px, .7fr) minmax(150px, 1fr) minmax(80px, .7fr) minmax(150px, 1fr) minmax(80px, .7fr) minmax(150px, 1fr);
  align-items: start;
}

.qv-process-v1__step {
  text-align: center;
  opacity: .5;
  transition: opacity .35s ease, transform .35s ease;
}

.qv-process-v1__step.is-active,
.qv-process-v1__step.is-current {
  opacity: 1;
}

.qv-process-v1__icon {
  width: 142px;
  height: 142px;
  margin: 0 auto;
  border-radius: 999px;
  display: grid;
  place-items: center;
  border: 2px solid transparent;
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,.22), transparent 23%),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--qv-step-color) 20%, transparent), transparent 68%),
    linear-gradient(rgba(12,10,22,.76), rgba(12,10,22,.76)) padding-box,
    linear-gradient(135deg, var(--qv-step-color), var(--qv-step-color-2)) border-box;
  box-shadow:
    0 0 46px color-mix(in srgb, var(--qv-step-color) 44%, transparent),
    inset 0 1px 0 rgba(255,255,255,.16);
  transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s cubic-bezier(.22,1,.36,1);
}

.qv-process-v1__step.is-current .qv-process-v1__icon {
  transform: translateY(-4px) scale(1.06);
  box-shadow:
    0 0 58px color-mix(in srgb, var(--qv-step-color) 58%, transparent),
    0 0 82px color-mix(in srgb, var(--qv-step-color-2) 28%, transparent),
    inset 0 1px 0 rgba(255,255,255,.2);
}

.qv-process-v1__step:nth-of-type(1) { --qv-step-color:#8B2CFF; --qv-step-color-2:#7B2CFF; }
.qv-process-v1__step:nth-of-type(3) { --qv-step-color:#D737FF; --qv-step-color-2:#FF2D75; }
.qv-process-v1__step:nth-of-type(5) { --qv-step-color:#FF2D75; --qv-step-color-2:#F72585; }
.qv-process-v1__step:nth-of-type(7) { --qv-step-color:#FF8A1F; --qv-step-color-2:#FF5A1F; }
.qv-process-v1__step:nth-of-type(9) { --qv-step-color:#00D4FF; --qv-step-color-2:#4361EE; }

.qv-process-v1__icon svg {
  width: 58px;
  height: 58px;
  fill: none;
  stroke: #F4F4F2;
  stroke-width: 2.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.qv-process-v1__connector {
  position: relative;
  height: 142px;
}

.qv-process-v1__connector::before {
  content: "";
  position: absolute;
  top: 71px;
  left: -6px;
  right: -6px;
  height: 3px;
  background: repeating-linear-gradient(90deg, rgba(244,244,242,.35) 0 4px, transparent 4px 11px);
}

.qv-process-v1__connector span {
  position: absolute;
  top: 71px;
  left: -6px;
  width: 0%;
  height: 3px;
  background: linear-gradient(90deg, #8B2CFF, #FF2D75, #FF8A1F, #00D4FF);
  box-shadow: 0 0 22px rgba(255,45,117,.36);
  transform-origin: left center;
  transition: width .22s linear;
}

.qv-process-v1__connector.is-filled span {
  width: calc(100% + 12px);
}

.qv-process-v1__connector::after {
  content: "›";
  position: absolute;
  top: 71px;
  left: 50%;
  transform: translate(-50%, -56%);
  font-size: 48px;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  color: rgba(244,244,242,.72);
  text-shadow: 0 0 18px rgba(255,45,117,.25);
}

.qv-process-v1__copy {
  margin-top: 48px;
  font-family: "Montserrat", Arial, sans-serif !important;
}

.qv-process-v1__copy span {
  display: block;
  margin-bottom: 18px;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
  color: var(--qv-step-color);
}

.qv-process-v1__copy h3 {
  margin: 0;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-style: normal !important;
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #F4F4F2;
}

.qv-process-v1__copy i {
  display: block;
  width: 94px;
  height: 4px;
  margin: 34px auto 34px;
  border-radius: 999px;
  background: linear-gradient(90deg, #8B2CFF, #FF2D75, #FF8A1F, #00D4FF);
}

.qv-process-v1__copy p {
  max-width: 270px;
  margin: 0 auto;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 17px;
  line-height: 1.78;
  color: rgba(244,244,242,.76);
}

@media (max-width: 1024px) {
  .qv-process-v1__inner {
    padding: 84px 28px 90px;
  }

  .qv-process-v1__rail {
    grid-template-columns: repeat(5, 1fr);
    gap: 28px;
  }

  .qv-process-v1__connector {
    display: none;
  }

  .qv-process-v1__icon {
    width: 108px;
    height: 108px;
  }

  .qv-process-v1__icon svg {
    width: 44px;
    height: 44px;
  }

  .qv-process-v1__copy h3 {
    font-size: 22px;
  }

  .qv-process-v1__copy p {
    font-size: 14px;
  }
}

@media (max-width:1099px) {
  .qv-process-v1 {
    height: auto;
    padding: 90px 20px;
  }

  .qv-process-v1__inner {
    position: relative;
    height: auto;
    padding: 0;
  }

  .qv-process-v1__rail {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .qv-process-v1__copy {
    margin-top: 28px;
  }
}
/* Match each text breaker underline to its icon color */
.qv-process-v1__step:nth-of-type(1) .qv-process-v1__copy i {
  background: #8B2CFF !important;
}

.qv-process-v1__step:nth-of-type(3) .qv-process-v1__copy i {
  background: #D737FF !important;
}

.qv-process-v1__step:nth-of-type(5) .qv-process-v1__copy i {
  background: #FF2D75 !important;
}

.qv-process-v1__step:nth-of-type(7) .qv-process-v1__copy i {
  background: #FF8A1F !important;
}

.qv-process-v1__step:nth-of-type(9) .qv-process-v1__copy i {
  background: #00D4FF !important;
}
/* ======================================================
   QONVER PROCESS V1 — THINNER PROGRESS + ARROW VANISH
====================================================== */

/* Base dotted line thinner + more transparent */
.qv-process-v1__connector::before {
  height: 1px !important;
  top: 71px !important;
  background: repeating-linear-gradient(
    90deg,
    rgba(244,244,242,0.18) 0 3px,
    transparent 3px 10px
  ) !important;
}

/* Color progress bar thinner + softer */
.qv-process-v1__connector span {
  height: 1px !important;
  top: 71px !important;
  opacity: 0.62 !important;
  box-shadow:
    0 0 10px rgba(139,44,255,0.18),
    0 0 12px rgba(255,45,117,0.12) !important;
}

/* Arrow starts visible */
.qv-process-v1__connector::after {
  opacity: 0.72 !important;
  transition:
    opacity 0.22s ease,
    transform 0.22s ease !important;
}

/* Arrow disappears once the colorful bar reaches/passes it */
.qv-process-v1__connector.is-arrow-hidden::after {
  opacity: 0 !important;
  transform: translate(-50%, -56%) scale(0.72) !important;
}
/* ======================================================
   TEMP PATCH — UNREACHED PROCESS ICONS = QONVER BUTTON LOOK
   Remove this block anytime to restore colored inactive icons
====================================================== */

.qv-process-v1__step:not(.is-active) .qv-process-v1__icon {
  background:
    linear-gradient(rgba(12,12,16,0.88), rgba(12,12,16,0.88)) padding-box,
    linear-gradient(
      135deg,
      rgba(244,244,242,0.92),
      rgba(244,244,242,0.28)
    ) border-box !important;

  border: 1px solid transparent !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 0 24px rgba(244,244,242,0.12),
    0 14px 34px rgba(0,0,0,0.36) !important;

  opacity: 1 !important;
}

.qv-process-v1__step:not(.is-active) .qv-process-v1__icon svg {
  stroke: rgba(244,244,242,0.82) !important;
}

/* Keep reached stages colorful */
.qv-process-v1__step.is-active .qv-process-v1__icon,
.qv-process-v1__step.is-current .qv-process-v1__icon {
  opacity: 1 !important;
}
/* ======================================================
   TEMP PATCH — PROCESS SECTION SCALE DOWN
   Remove anytime to restore original size
====================================================== */

.qv-process-v1__inner {
  max-width: 1360px !important;
  padding: 84px 56px 96px !important;
}

.qv-process-v1__head {
  margin-bottom: 72px !important;
}

.qv-process-v1__rail {
  grid-template-columns:
    minmax(130px, 1fr) minmax(70px, .62fr)
    minmax(130px, 1fr) minmax(70px, .62fr)
    minmax(130px, 1fr) minmax(70px, .62fr)
    minmax(130px, 1fr) minmax(70px, .62fr)
    minmax(130px, 1fr) !important;
}

.qv-process-v1__icon {
  width: 118px !important;
  height: 118px !important;
}

.qv-process-v1__icon svg {
  width: 46px !important;
  height: 46px !important;
}

.qv-process-v1__connector {
  height: 118px !important;
}

.qv-process-v1__connector::before,
.qv-process-v1__connector span {
  top: 59px !important;
}

.qv-process-v1__connector::after {
  top: 59px !important;
  font-size: 38px !important;
}

.qv-process-v1__copy {
  margin-top: 38px !important;
}

.qv-process-v1__copy span {
  font-size: 20px !important;
  margin-bottom: 12px !important;
}

.qv-process-v1__copy h3 {
  font-size: 26px !important;
}

.qv-process-v1__copy i {
  width: 76px !important;
  height: 3px !important;
  margin: 26px auto 26px !important;
}

.qv-process-v1__copy p {
  max-width: 235px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}
/* ======================================================
   QONVER PROCESS V1 — MOBILE RESPONSIVE FINAL
====================================================== */

@media (max-width:1099px) {
  .qv-process-v1 {
    height: auto !important;
    padding: 86px 18px 96px !important;
  }

  .qv-process-v1__inner {
    position: relative !important;
    height: auto !important;
    padding: 0 !important;
    max-width: 420px !important;
  }

  .qv-process-v1__head {
    gap: 18px !important;
    margin-bottom: 54px !important;
  }

  .qv-process-v1__head p {
    font-size: 11px !important;
    letter-spacing: 0.28em !important;
    white-space: nowrap !important;
  }

  .qv-process-v1__rail {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .qv-process-v1__connector {
    display: none !important;
  }

  .qv-process-v1__step {
    width: 100% !important;
    opacity: 1 !important;
  }

  .qv-process-v1__icon {
    width: 104px !important;
    height: 104px !important;
  }

  .qv-process-v1__icon svg {
    width: 42px !important;
    height: 42px !important;
  }

  .qv-process-v1__copy {
    margin-top: 24px !important;
  }

  .qv-process-v1__copy span {
    font-size: 18px !important;
    margin-bottom: 10px !important;
  }

  .qv-process-v1__copy h3 {
    font-size: 24px !important;
    line-height: 1.1 !important;
  }

  .qv-process-v1__copy i {
    width: 72px !important;
    height: 3px !important;
    margin: 22px auto 22px !important;
  }

  .qv-process-v1__copy p {
    max-width: 300px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
}
/* ======================================================
   QONVER PROCESS V1 — MOBILE TWO COLUMNS
====================================================== */

@media (max-width:1099px) {
  .qv-process-v1 {
    height: auto !important;
    padding: 80px 16px 90px !important;
  }

  .qv-process-v1__inner {
    position: relative !important;
    height: auto !important;
    padding: 0 !important;
  }

  .qv-process-v1__head {
    gap: 14px !important;
    margin-bottom: 46px !important;
  }

  .qv-process-v1__rail {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 38px 18px !important;
  }

  .qv-process-v1__connector {
    display: none !important;
  }

  .qv-process-v1__step {
    width: 100% !important;
    opacity: 1 !important;
  }

  .qv-process-v1__step:nth-of-type(9) {
    grid-column: 1 / -1 !important;
    max-width: 220px !important;
    margin: 0 auto !important;
  }

  .qv-process-v1__icon {
    width: 86px !important;
    height: 86px !important;
  }

  .qv-process-v1__icon svg {
    width: 34px !important;
    height: 34px !important;
  }

  .qv-process-v1__copy {
    margin-top: 18px !important;
  }

  .qv-process-v1__copy span {
    font-size: 16px !important;
    margin-bottom: 8px !important;
  }

  .qv-process-v1__copy h3 {
    font-size: 21px !important;
  }

  .qv-process-v1__copy i {
    width: 58px !important;
    height: 3px !important;
    margin: 18px auto 18px !important;
  }

  .qv-process-v1__copy p {
    max-width: 160px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
}


/* ======================================================
   SOURCE: 13-why-section.css  |  uploaded: 16.txt
====================================================== */
/* ======================================================
   QONVER — WHY SECTION
====================================================== */

.qv-why {
  position: relative;
  background: transparent !important;
  padding: 110px 24px 120px;
  color: #F4F4F2;
}

.qv-why-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.qv-why-head {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 28px;
  margin-bottom: 34px;
}

.qv-why-head span {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(244,244,242,.20), transparent);
}

.qv-why-head p {
  margin: 0;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: rgba(244,244,242,.86);
}

.qv-why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(8,8,13,.58);
  border: 1px solid rgba(244,244,242,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 24px 80px rgba(0,0,0,.30);
}

.qv-why-card {
  position: relative;
  min-height: 210px;
  padding: 34px 26px 30px;
  text-align: center;
  background:
    linear-gradient(rgba(8,8,13,.72), rgba(8,8,13,.72)) padding-box,
    conic-gradient(
      from var(--qv-angle, 0deg),
      #8B2CFF,
      #FF2D75,
      #FF8A1F,
      #00D4FF,
      #8B2CFF
    ) border-box;
  border: 1px solid transparent;
  animation: qvBorderRotate 7s linear infinite;
}

.qv-why-card:not(:last-child) {
  border-right: 1px solid rgba(244,244,242,.10);
}

.qv-why-icon {
  margin: 0 auto 24px;
  font-size: 44px;
  line-height: 1;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
  background: linear-gradient(135deg, #8B2CFF, #FF2D75, #FF8A1F, #00D4FF);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 28px rgba(255,45,117,.24);
}

.qv-why-card h3 {
  max-width: 230px;
  margin: 0 auto 14px;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.22;
  color: #F4F4F2;
}

.qv-why-card p {
  max-width: 230px;
  margin: 0 auto;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(244,244,242,.66);
}

.qv-why-card:hover {
  background:
    linear-gradient(rgba(8,8,13,.84), rgba(8,8,13,.84)) padding-box,
    conic-gradient(
      from var(--qv-angle, 0deg),
      #8B2CFF,
      #FF2D75,
      #FF8A1F,
      #00D4FF,
      #8B2CFF
    ) border-box;
  box-shadow:
    0 0 34px rgba(139,44,255,.18),
    0 0 48px rgba(255,45,117,.12),
    inset 0 1px 0 rgba(255,255,255,.08);
}

@property --qv-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes qvBorderRotate {
  to {
    --qv-angle: 360deg;
  }
}

@media (max-width: 1024px) {
  .qv-why-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .qv-why-card {
    border-right: 1px solid rgba(244,244,242,.10);
    border-bottom: 1px solid rgba(244,244,242,.10);
  }
}

@media (max-width:1099px) {
  .qv-why {
    padding: 86px 18px 96px;
  }

  .qv-why-grid {
    grid-template-columns: 1fr;
  }

  .qv-why-card {
    min-height: 190px;
  }
}
/* WHY QONVER — SEPARATED CARDS + MOVING STROKE */

.qv-why-grid {
  gap: 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.qv-why-card {
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;

  background:
    linear-gradient(rgba(8,8,13,.76), rgba(8,8,13,.76)) padding-box,
    conic-gradient(
      from var(--qv-angle, 0deg),
      #8B2CFF,
      #FF2D75,
      #FF8A1F,
      #00D4FF,
      #8B2CFF
    ) border-box !important;

  animation: qvBorderRotate 5s linear infinite !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 55px rgba(0,0,0,.32) !important;
}

.qv-why-card:not(:last-child) {
  border-right: 1px solid transparent !important;
}

.qv-why-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 0 34px rgba(139,44,255,.22),
    0 0 46px rgba(255,45,117,.14),
    0 22px 70px rgba(0,0,0,.38) !important;
}

.qv-why-card {
  transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    box-shadow .35s cubic-bezier(.22,1,.36,1) !important;
}


/* ======================================================
   SOURCE: 14-final-cta-strip.css  |  uploaded: 17.txt
====================================================== */
/* ======================================================
   QONVER — FINAL CTA STRIP
====================================================== */

.qv-final-cta {
  background: transparent !important;
  padding: 70px 24px 120px;
  color: #F4F4F2;
}

.qv-final-cta-inner {
  position: relative;
  overflow: hidden;
  max-width: 1280px;
  min-height: 150px;
  margin: 0 auto;
  padding: 34px 44px;
  border-radius: 22px;
  display: grid;
  grid-template-columns: 96px 1.3fr 1fr auto;
  align-items: center;
  gap: 34px;

  background:
    radial-gradient(circle at 10% 50%, rgba(139,44,255,.36), transparent 28%),
    radial-gradient(circle at 88% 50%, rgba(255,138,31,.30), transparent 30%),
    linear-gradient(90deg, rgba(139,44,255,.22), rgba(255,45,117,.12), rgba(255,138,31,.16)),
    rgba(10,10,15,.72);

  border: 1px solid rgba(244,244,242,.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 90px rgba(0,0,0,.38);
}

.qv-final-cta-inner::before {
  content: "";
  position: absolute;
  inset: auto -10% -55% 20%;
  height: 140px;
  background:
    linear-gradient(90deg, transparent, rgba(255,45,117,.55), rgba(255,138,31,.55), transparent);
  filter: blur(18px);
  transform: skewX(-18deg);
  pointer-events: none;
}

.qv-final-cta-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      -12deg,
      transparent 0 18px,
      rgba(255,138,31,.10) 18px 20px
    );
  opacity: .35;
  mask-image: linear-gradient(90deg, transparent 35%, black 100%);
  pointer-events: none;
}

.qv-final-cta-icon {
  position: relative;
  z-index: 2;
  width: 78px;
  height: 78px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.16), transparent 24%),
    linear-gradient(rgba(20,8,34,.82), rgba(20,8,34,.82)) padding-box,
    linear-gradient(135deg, #8B2CFF, #FF2D75) border-box;
  border: 1px solid transparent;
  box-shadow:
    0 0 38px rgba(139,44,255,.34),
    0 0 52px rgba(255,45,117,.18);
}

.qv-final-cta-icon svg {
  width: 40px;
  height: 40px;
  fill: none;
  stroke: #F4F4F2;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.qv-final-cta h2 {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 35px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.04em;
  color: #F4F4F2;
}

.qv-final-cta h2 span {
  color: #FF8A1F;
}

.qv-final-cta p {
  position: relative;
  z-index: 2;
  max-width: 330px;
  margin: 0;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(244,244,242,.76);
}

/* Use same Qonver header/button style */
.qv-final-cta-btn {
  position: relative;
  z-index: 2;
  min-width: 180px;
  height: 54px;
  padding: 0 28px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-decoration: none;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #F4F4F2 !important;

  background: rgba(12,12,16,0.88) !important;
  border: 1px solid rgba(244,244,242,0.72) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 0 24px rgba(244,244,242,0.12),
    0 14px 34px rgba(0,0,0,0.36) !important;

  transition: all .35s cubic-bezier(.22,1,.36,1);
}

.qv-final-cta-btn:hover {
  transform: translateY(-2px);
  border-color: transparent !important;
  background:
    linear-gradient(rgba(12,12,16,0.88), rgba(12,12,16,0.88)) padding-box,
    linear-gradient(135deg, #8B2CFF, #FF2D75, #FF8A1F, #00D4FF) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 0 28px rgba(139,44,255,0.24),
    0 0 34px rgba(255,45,117,0.18),
    0 18px 48px rgba(0,0,0,0.40) !important;
}

.qv-final-cta-btn span {
  font-size: 22px;
}

@media (max-width: 1024px) {
  .qv-final-cta-inner {
    grid-template-columns: 78px 1fr;
    gap: 24px;
  }

  .qv-final-cta p,
  .qv-final-cta-btn {
    grid-column: 2;
  }
}

@media (max-width:1099px) {
  .qv-final-cta {
    padding: 70px 18px 96px;
  }

  .qv-final-cta-inner {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 34px 24px;
  }

  .qv-final-cta-icon {
    margin: 0 auto;
  }

  .qv-final-cta h2 {
    font-size: 30px;
  }

  .qv-final-cta p,
  .qv-final-cta-btn {
    grid-column: auto;
    margin: 0 auto;
  }
}


/* ======================================================
   SOURCE: 15-new-global-base-doc.css  |  uploaded: 23.txt
====================================================== */
/* ======================================================
   QONVER GLOBAL CSS v6.5 — STABLE FUNCTIONAL
   WordPress + Elementor
   Keeps: header logo transition, scroll visibility,
   Elementor button method, hero/background/cards/forms/mobile
====================================================== */

:root {
  --qv-purple: #8B2CFF;
  --qv-pink: #FF2D75;
  --qv-orange: #FF8A1F;
  --qv-cyan: #00D4FF;
  --qv-blue: #2D7FF9;

  --qv-bg: #07070A;
  --qv-section: #050B14;
  --qv-white: #F4F4F2;
  --qv-soft: #B8B8C7;
  --qv-bright: #D9D9E6;

  --qv-max: 1200px;
  --qv-radius: 28px;
  --qv-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ======================================================
   GLOBAL BASE
====================================================== */

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
  background: var(--qv-bg);
  color: var(--qv-white);
  font-family: "Montserrat", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body,
p,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: "Montserrat", Arial, sans-serif !important;
  color: var(--qv-soft);
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
  font-family: var(--qv-font-heading, "Futura"), "Montserrat", Arial, sans-serif !important;
  font-style: italic !important;
  color: var(--qv-white);
}

#page,
.site,
.elementor,
.elementor-section,
.e-con,
.elementor-widget,
.elementor-location-header,
.elementor-location-footer {
  position: relative;
  z-index: 2;
}


/* ======================================================
   SOURCE: 17-new-typography-doc.css  |  uploaded: 21.txt
====================================================== */
/* ======================================================
   TYPOGRAPHY
====================================================== */

.qv-heading-xl,
.qv-heading-xl .elementor-heading-title {
  color: var(--qv-white) !important;
  font-family: var(--qv-font-heading, "Futura"), "Montserrat", Arial, sans-serif !important;
  font-size: clamp(58px, 8vw, 118px) !important;
  line-height: 0.86 !important;
  font-weight: 700 !important;
  font-style: italic !important;
  letter-spacing: -0.06em !important;
  text-decoration: none !important;
}

.qv-heading-lg,
.qv-heading-lg .elementor-heading-title {
  color: var(--qv-white) !important;
  font-family: var(--qv-font-heading, "Futura"), "Montserrat", Arial, sans-serif !important;
  font-size: clamp(42px, 5vw, 76px) !important;
  line-height: 0.92 !important;
  font-weight: 700 !important;
  font-style: italic !important;
  letter-spacing: -0.05em !important;
  text-decoration: none !important;
}

.qv-heading-md,
.qv-heading-md .elementor-heading-title {
  color: var(--qv-white) !important;
  font-family: var(--qv-font-heading, "Futura"), "Montserrat", Arial, sans-serif !important;
  font-size: clamp(32px, 3.4vw, 48px) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  font-style: italic !important;
  letter-spacing: -0.04em !important;
}

.qv-heading-sm,
.qv-heading-sm .elementor-heading-title {
  color: var(--qv-white) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -0.02em !important;
}

.qv-text,
.qv-text p {
  color: var(--qv-soft) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.qv-text-sm,
.qv-text-sm p {
  color: var(--qv-soft) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* ======================================================
   TITLE COLOR OPTIONS
====================================================== */

.qv-title-gradient,
.qv-title-gradient .elementor-heading-title {
  background: linear-gradient(90deg, var(--qv-orange), var(--qv-pink), var(--qv-purple), var(--qv-cyan));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.qv-title-orange-pink,
.qv-title-orange-pink .elementor-heading-title {
  background: linear-gradient(90deg, var(--qv-orange), var(--qv-pink));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.qv-title-purple-cyan,
.qv-title-purple-cyan .elementor-heading-title {
  background: linear-gradient(90deg, var(--qv-purple), var(--qv-cyan));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.qv-title-pink-purple,
.qv-title-pink-purple .elementor-heading-title {
  background: linear-gradient(90deg, var(--qv-pink), var(--qv-purple));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.qv-title-cyan-glow,
.qv-title-cyan-glow .elementor-heading-title {
  color: var(--qv-cyan) !important;
  text-shadow:
    0 0 18px rgba(0,212,255,0.28),
    0 0 44px rgba(139,44,255,0.18);
}

.qv-title-white,
.qv-title-white .elementor-heading-title {
  color: #F4F4F2 !important;
  -webkit-text-fill-color: #F4F4F2 !important;
  text-shadow:
    0 0 18px rgba(244,244,242,0.10),
    0 18px 55px rgba(0,0,0,0.45);
}

.qv-orange { color: var(--qv-orange) !important; }
.qv-pink { color: var(--qv-pink) !important; }
.qv-purple { color: var(--qv-purple) !important; }
.qv-cyan { color: var(--qv-cyan) !important; }
.qv-white { color: var(--qv-white) !important; }
.qv-soft { color: var(--qv-soft) !important; }


/* ======================================================
   SOURCE: 18-new-layout-sections-doc.css  |  uploaded: 20.txt
====================================================== */
/* ======================================================
   LAYOUT SECTIONS
====================================================== */

.qv-section {
  position: relative;
  overflow: hidden;
  background: transparent !important;
  padding: 112px 24px;
}

.qv-section-inner {
  width: 100%;
  max-width: var(--qv-max);
  margin: 0 auto;
}

.qv-section-clear {
  background: transparent !important;
}

.qv-section-glass {
  background: linear-gradient(180deg, rgba(5,11,20,0.62), rgba(7,7,10,0.48)) !important;
  border-top: 1px solid rgba(244,244,242,0.07);
  border-bottom: 1px solid rgba(244,244,242,0.07);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.qv-section-soft {
  background: linear-gradient(180deg, rgba(7,7,10,0.35), rgba(5,11,20,0.52)) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.qv-section-head {
  max-width: 760px;
  margin-bottom: 44px;
}

.qv-section-head-center {
  max-width: 760px;
  margin: 0 auto 44px auto;
  text-align: center;
}


/* ======================================================
   SOURCE: 19-new-elementor-buttons-glow-doc.css  |  uploaded: 18.txt
====================================================== */
/* ======================================================
   ELEMENTOR BUTTON SYSTEM — KEEP SAME METHOD
====================================================== */

.elementor-widget-button.qv-framer-btn,
.qv-framer-btn.elementor-widget-button {
  width: auto !important;
  max-width: fit-content !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  display: inline-flex !important;
  background: transparent !important;
  pointer-events: auto !important;
}

.elementor-widget-button.qv-framer-btn .elementor-widget-container,
.qv-framer-btn .elementor-widget-container,
.elementor-widget-button.qv-framer-btn .elementor-button-wrapper,
.qv-framer-btn .elementor-button-wrapper {
  width: auto !important;
  max-width: fit-content !important;
  display: inline-flex !important;
  background: transparent !important;
  pointer-events: auto !important;
}

.elementor-widget-button.qv-framer-btn a.elementor-button,
.qv-framer-btn a.elementor-button,
.qv-framer-btn .elementor-button {
  position: relative !important;
  z-index: 70 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 164px !important;
  max-width: fit-content !important;
  height: 58px !important;

  padding: 0 28px !important;
  margin: 0 !important;

  border-radius: 16px !important;
  border: 1px solid rgba(244,244,242,0.86) !important;

  background:
    linear-gradient(rgba(8,8,13,0.42), rgba(8,8,13,0.42)) padding-box,
    linear-gradient(rgba(244,244,242,0.86), rgba(244,244,242,0.86)) border-box !important;

  color: var(--qv-white) !important;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 0 0 1px rgba(255,255,255,0.03),
    0 18px 46px rgba(0,0,0,0.30) !important;

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  cursor: pointer !important;
  pointer-events: auto !important;

  transition:
    transform 0.35s var(--qv-ease),
    box-shadow 0.35s var(--qv-ease),
    background 0.35s var(--qv-ease),
    border-color 0.35s var(--qv-ease),
    color 0.35s var(--qv-ease);
}

.elementor-widget-button.qv-framer-btn a.elementor-button:hover,
.qv-framer-btn a.elementor-button:hover,
.qv-framer-btn .elementor-button:hover {
  transform: translateY(-2px) !important;
  border: 1px solid transparent !important;

  background:
    linear-gradient(rgba(8,8,13,0.82), rgba(8,8,13,0.82)) padding-box,
    linear-gradient(135deg, var(--qv-purple) 0%, var(--qv-pink) 48%, var(--qv-orange) 100%) border-box !important;

  color: var(--qv-white) !important;

  box-shadow:
    0 0 28px rgba(139,44,255,0.35),
    0 0 42px rgba(255,45,117,0.20),
    0 18px 46px rgba(0,0,0,0.34) !important;
}

.qv-framer-btn .elementor-button-text {
  color: var(--qv-white) !important;
  display: inline-block !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

/* Header CTA size */
.qv-header-cta.qv-framer-btn,
.qv-header-cta.elementor-widget-button.qv-framer-btn {
  justify-self: end !important;
  align-self: center !important;
}

.qv-header-cta.qv-framer-btn a.elementor-button,
.qv-header-cta.qv-framer-btn .elementor-button {
  min-width: 150px !important;
  height: 52px !important;
}

/* Button row */
.qv-button-row {
  display: flex !important;
  flex-direction: row !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.qv-button-row > .elementor-element {
  width: auto !important;
  max-width: fit-content !important;
  flex: 0 0 auto !important;
}
/* ======================================================
   QONVER GLOW BUTTONS — BLACK/WHITE DEFAULT + GRADIENT HOVER
   Add this at the end of 05-qonver-elementor-buttons.css
====================================================== */

.elementor-widget-button.qv-glow-btn,
.qv-glow-btn.elementor-widget-button {
  position: relative !important;
  width: auto !important;
  max-width: fit-content !important;
  display: inline-flex !important;
  isolation: isolate !important;
  overflow: visible !important;
  background: transparent !important;
}

/* Elementor wrapper */
.qv-glow-btn .elementor-widget-container,
.qv-glow-btn .elementor-button-wrapper {
  position: relative !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: fit-content !important;
  overflow: visible !important;
  background: transparent !important;
}

/* The actual button */
.qv-glow-btn a.elementor-button,
.qv-glow-btn .elementor-button {
  position: relative !important;
  z-index: 3 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: auto !important;
  min-width: 168px !important;
  max-width: fit-content !important;
  height: 56px !important;

  padding: 0 28px !important;
  margin: 0 !important;

  border-radius: 18px !important;
  border: 1px solid transparent !important;

  background:
    linear-gradient(rgba(10,10,11,0.92), rgba(10,10,11,0.92)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,0.92), rgba(110,110,120,0.72), rgba(255,255,255,0.88)) border-box !important;

  color: var(--qv-white) !important;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 0 18px rgba(255,255,255,0.16),
    0 18px 46px rgba(0,0,0,0.34) !important;

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  overflow: visible !important;
  cursor: pointer !important;

  transition:
    transform 0.45s var(--qv-ease),
    box-shadow 0.45s var(--qv-ease),
    background 0.45s var(--qv-ease),
    border-color 0.45s var(--qv-ease),
    color 0.45s var(--qv-ease) !important;
}

/* Default black/white glow behind button */
.qv-glow-btn .elementor-button-wrapper::before {
  content: "";
  position: absolute;
  inset: -18px -22px;
  z-index: 1;
  border-radius: 28px;
  pointer-events: none;

  background:
    radial-gradient(circle at 50% 50%,
      rgba(255,255,255,0.26),
      rgba(255,255,255,0.12) 32%,
      rgba(0,0,0,0.78) 72%
    );

  filter: blur(26px);
  opacity: 0.62;
  transform: scale(0.96);

  transition:
    opacity 0.55s var(--qv-ease),
    transform 0.55s var(--qv-ease),
    background 0.55s var(--qv-ease),
    filter 0.55s var(--qv-ease);
}

/* Gradient glow layer */
.qv-glow-btn .elementor-button-wrapper::after {
  content: "";
  position: absolute;
  inset: -20px -24px;
  z-index: 0;
  border-radius: 30px;
  pointer-events: none;

  background:
    radial-gradient(circle at 18% 20%, rgba(139,44,255,0.64), transparent 36%),
    radial-gradient(circle at 52% 50%, rgba(255,45,117,0.54), transparent 38%),
    radial-gradient(circle at 82% 78%, rgba(255,138,31,0.46), transparent 42%);

  filter: blur(30px);
  opacity: 0;
  transform: scale(0.92);

  transition:
    opacity 0.55s var(--qv-ease),
    transform 0.55s var(--qv-ease),
    filter 0.55s var(--qv-ease);
}

/* Hover state */
.qv-glow-btn:hover .elementor-button-wrapper::before {
  opacity: 0;
  transform: scale(0.90);
}

.qv-glow-btn:hover .elementor-button-wrapper::after {
  opacity: 0.78;
  transform: scale(1);
}

.qv-glow-btn a.elementor-button:hover,
.qv-glow-btn .elementor-button:hover {
  transform: translateY(-2px) !important;

  background:
    linear-gradient(rgba(10,10,11,0.92), rgba(10,10,11,0.92)) padding-box,
    linear-gradient(135deg, var(--qv-purple) 0%, var(--qv-pink) 48%, var(--qv-orange) 100%) border-box !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    0 0 28px rgba(139,44,255,0.34),
    0 0 42px rgba(255,45,117,0.22),
    0 0 54px rgba(255,138,31,0.14),
    0 18px 46px rgba(0,0,0,0.36) !important;
}

/* Button text */
.qv-glow-btn .elementor-button-text {
  position: relative !important;
  z-index: 4 !important;
  color: var(--qv-white) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Optional compact version for header CTA */
.qv-header-cta.qv-glow-btn a.elementor-button,
.qv-header-cta.qv-glow-btn .elementor-button {
  min-width: 148px !important;
  height: 52px !important;
  padding: 0 24px !important;
  border-radius: 16px !important;
}


/* ======================================================
   SOURCE: 20-new-header-final-clean-doc.css  |  uploaded: 19.txt
====================================================== */
/* ======================================================
   04 — QONVER HEADER FINAL CLEAN
   Desktop sticky header + auto mobile hamburger overlay
====================================================== */

:root {
  --qv-header-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --qv-header-z: 2147483000;
}

/* Stop Elementor / ElementsKit wrappers from fighting */
.elementor-location-header,
.ekit-template-content-header,
.elementskit-template-content-header,
.site-header {
  position: static !important;
  z-index: auto !important;
  overflow: visible !important;
  pointer-events: none !important;
  transform: none !important;
}

.elementor-location-header *,
.ekit-template-content-header *,
.elementskit-template-content-header *,
.site-header * {
  overflow: visible !important;
}

.qv-header-placeholder {
  display: block !important;
  width: 100% !important;
  height: 128px !important;
  min-height: 128px !important;
  max-height: 128px !important;
  pointer-events: none !important;
}

/* Fixed header */
.qv-header {
  position: fixed !important;
  top: var(--qv-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-height: 128px !important;
  z-index: var(--qv-header-z) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, 0, 0) !important;
  overflow: visible !important;
  pointer-events: auto !important;
  isolation: isolate !important;
  background: rgba(7, 7, 10, 0.50) !important;
  border-bottom: 1px solid rgba(244, 244, 242, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.08) !important;
  transition:
    min-height 0.85s var(--qv-header-ease),
    background 0.85s var(--qv-header-ease),
    border-color 0.85s var(--qv-header-ease),
    box-shadow 0.85s var(--qv-header-ease),
    backdrop-filter 0.85s var(--qv-header-ease) !important;
}

.qv-header.qv-header-scrolled {
  min-height: 72px !important;
  background: rgba(7, 7, 10, 0.95) !important;
  border-bottom-color: rgba(244, 244, 242, 0.18) !important;
  box-shadow:
    0 18px 60px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(28px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.16) !important;
}

/* Inner */
.qv-header-inner {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: var(--qv-max, 1200px) !important;
  min-height: 128px !important;
  margin: 0 auto !important;
  padding-top: 10px !important;
  padding-right: 28px !important;
  padding-bottom: 10px !important;
  padding-left: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transition:
    min-height 0.85s var(--qv-header-ease),
    padding 0.85s var(--qv-header-ease),
    gap 0.85s var(--qv-header-ease) !important;
}

.qv-header.qv-header-scrolled .qv-header-inner {
  min-height: 72px !important;
  padding-top: 20px !important;
  padding-right: 28px !important;
  padding-bottom: 20px !important;
  padding-left: 28px !important;
  gap: 0 !important;
}

/* Full logo before scroll */
.qv-header-logo-full {
  position: relative !important;
  z-index: 8 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 72px !important;
  max-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  transform-origin: center center !important;
  filter: blur(0) !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transition:
    height 1s var(--qv-header-ease),
    max-height 1s var(--qv-header-ease),
    opacity 0.82s var(--qv-header-ease),
    visibility 0.82s var(--qv-header-ease),
    transform 1s var(--qv-header-ease),
    filter 0.95s var(--qv-header-ease),
    margin 1s var(--qv-header-ease) !important;
}

.qv-header-logo-full *,
.qv-header-logo-full img {
  pointer-events: none !important;
}

.qv-header-logo-full .elementor-widget-container {
  height: 72px !important;
  max-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.qv-header-logo-full img {
  width: 220px !important;
  max-width: 220px !important;
  height: auto !important;
  max-height: 72px !important;
  display: block !important;
  object-fit: contain !important;
}

/* Desktop full-logo exit on scroll */
.qv-header.qv-header-scrolled .qv-header-logo-full {
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate3d(0, -16px, 0) scale(0.84) !important;
  filter: blur(6px) !important;
  pointer-events: none !important;
}

.qv-header.qv-header-scrolled .qv-header-logo-full .elementor-widget-container {
  height: 0 !important;
  max-height: 0 !important;
}

/* Desktop row */
.qv-header-row {
  position: relative !important;
  z-index: 20 !important;
  width: 100% !important;
  min-height: 50px !important;
  height: 50px !important;
  display: grid !important;
  grid-template-columns: 180px 1fr 180px !important;
  align-items: center !important;
  gap: 24px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    min-height 0.85s var(--qv-header-ease),
    height 0.85s var(--qv-header-ease),
    transform 0.85s var(--qv-header-ease) !important;
}

.qv-header.qv-header-scrolled .qv-header-row {
  min-height: 54px !important;
  height: 54px !important;
}

/* Desktop Q icon after scroll */
.qv-header-logo-icon {
  position: relative !important;
  z-index: 35 !important;
  justify-self: start !important;
  display: flex !important;
  align-items: center !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate3d(-14px, -6px, 0) scale(0.76) !important;
  transform-origin: center center !important;
  filter: blur(6px) !important;
  pointer-events: none !important;
  transition:
    opacity 0.82s var(--qv-header-ease) 0.16s,
    visibility 0.82s var(--qv-header-ease) 0.16s,
    transform 0.92s var(--qv-header-ease) 0.16s,
    filter 0.92s var(--qv-header-ease) 0.16s !important;
}

.qv-header-logo-icon img {
  width: 52px !important;
  max-width: 52px !important;
  height: auto !important;
  max-height: 52px !important;
  display: block !important;
  object-fit: contain !important;
}

.qv-header.qv-header-scrolled .qv-header-logo-icon {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: blur(0) !important;
  pointer-events: auto !important;
}

/* Nav */
.qv-nav {
  position: relative !important;
  z-index: 40 !important;
  justify-self: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.qv-nav *,
.qv-nav a,
.qv-nav li,
.qv-nav .elementor-icon-list-item,
.qv-nav .elementor-icon-list-text,
.qv-nav .ekit-menu-nav-link {
  pointer-events: auto !important;
}

.qv-nav,
.qv-nav a,
.qv-nav .elementor-icon-list-text,
.qv-nav .ekit-menu-nav-link {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  color: #D7D7E2 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.qv-nav .elementor-icon-list-items {
  display: flex !important;
  gap: 34px !important;
  align-items: center !important;
  justify-content: center !important;
}

.qv-nav .elementor-icon-list-item {
  margin: 0 !important;
}

.qv-nav a:hover,
.qv-nav .elementor-icon-list-text:hover,
.qv-nav .ekit-menu-nav-link:hover {
  color: var(--qv-orange, #FF8A1F) !important;
}

/* Header CTA */
.qv-header-cta {
  position: relative !important;
  z-index: 60 !important;
  justify-self: end !important;
  align-self: center !important;
  width: auto !important;
  max-width: fit-content !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.qv-header-cta,
.qv-header-cta *,
.qv-header-cta.elementor-widget-button,
.qv-header-cta .elementor-widget-container,
.qv-header-cta .elementor-button-wrapper,
.qv-header-cta a.elementor-button,
.qv-header-cta .elementor-button {
  pointer-events: auto !important;
}

.qv-header-cta .elementor-widget-container,
.qv-header-cta .elementor-button-wrapper {
  position: relative !important;
  z-index: 61 !important;
  width: auto !important;
  max-width: fit-content !important;
  display: inline-flex !important;
}

.qv-header-cta a.elementor-button,
.qv-header-cta .elementor-button {
  position: relative !important;
  z-index: 62 !important;
  cursor: pointer !important;
}

.qv-header-cta .elementor-button-content-wrapper,
.qv-header-cta .elementor-button-text,
.qv-header-cta .elementor-button-icon {
  pointer-events: none !important;
}

.qv-header-cta.qv-framer-btn a.elementor-button,
.qv-header-cta.qv-framer-btn .elementor-button {
  min-width: 150px !important;
  height: 52px !important;
}

/* ======================================================
   MOBILE HEADER — AUTO HAMBURGER FORMAT
====================================================== */

.qv-mobile-toggle,
.qv-mobile-panel {
  display: none;
}

@media (max-width:1099px) {
  .qv-header-placeholder {
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
  }

  .qv-header {
    min-height: 92px !important;
    background: rgba(5, 7, 10, 0.96) !important;
  }

  .qv-header.qv-header-scrolled {
    min-height: 92px !important;
  }

  .qv-header-inner {
    min-height: 92px !important;
    padding: 16px 22px !important;
    gap: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .qv-header.qv-header-scrolled .qv-header-inner {
    min-height: 92px !important;
    padding: 16px 22px !important;
    gap: 0 !important;
  }

  /* Use full logo as left logo on mobile */
  .qv-header-logo-full,
  .qv-header.qv-header-scrolled .qv-header-logo-full {
    display: flex !important;
    height: 54px !important;
    max-height: 54px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    overflow: visible !important;
  }

  .qv-header-logo-full .elementor-widget-container,
  .qv-header.qv-header-scrolled .qv-header-logo-full .elementor-widget-container {
    height: 54px !important;
    max-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .qv-header-logo-full img,
  .qv-header.qv-header-scrolled .qv-header-logo-full img {
    width: 165px !important;
    max-width: 165px !important;
    max-height: 54px !important;
  }

  /* Hide desktop row on mobile */
  .qv-header-row {
    display: none !important;
  }

  .qv-header-logo-icon {
    display: none !important;
  }

  /* Hamburger */
  .qv-mobile-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border: 0 !important;
    background: transparent !important;
    color: #F4F4F2 !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 32px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 100 !important;
  }

  .qv-mobile-toggle span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #F4F4F2 !important;
    position: relative !important;
    border-radius: 999px !important;
  }

  .qv-mobile-toggle span::before,
  .qv-mobile-toggle span::after {
    content: "";
    position: absolute !important;
    left: 0 !important;
    width: 22px !important;
    height: 2px !important;
    background: #F4F4F2 !important;
    border-radius: 999px !important;
  }

  .qv-mobile-toggle span::before {
    top: -7px !important;
  }

  .qv-mobile-toggle span::after {
    top: 7px !important;
  }

  /* Full screen panel */
  .qv-mobile-panel {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483646 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: #05070A !important;
    color: #F4F4F2 !important;
    padding: 24px 30px 40px !important;
    display: flex !important;
    flex-direction: column !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-8px) !important;
    transition:
      opacity 0.35s ease,
      visibility 0.35s ease,
      transform 0.35s ease !important;
  }

  body.qv-mobile-menu-open .qv-mobile-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .qv-mobile-panel-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin-bottom: 54px !important;
  }

  .qv-mobile-panel-logo img {
    width: 165px !important;
    max-width: 165px !important;
    height: auto !important;
    display: block !important;
  }

  .qv-mobile-close {
    width: 44px !important;
    height: 44px !important;
    border: 0 !important;
    background: transparent !important;
    color: #F4F4F2 !important;
    font-size: 34px !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }

  .qv-mobile-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 34px !important;
    margin-left: 68px !important;
  }

  .qv-mobile-menu a {
    color: #F4F4F2 !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  .qv-mobile-menu a:hover {
    color: #FF8A1F !important;
  }

  .qv-mobile-panel-cta {
    margin-top: auto !important;
    margin-left: 36px !important;
    margin-bottom: 10px !important;
  }

  .qv-mobile-panel-cta a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 170px !important;
    height: 54px !important;
    padding: 0 26px !important;
    border-radius: 16px !important;
    border: 1px solid transparent !important;
    background:
      linear-gradient(#05070A, #05070A) padding-box,
      linear-gradient(135deg, #8B2CFF, #FF2D75, #FF8A1F) border-box !important;
    color: #F4F4F2 !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow:
      0 0 24px rgba(139,44,255,0.55),
      0 0 34px rgba(255,45,117,0.22) !important;
  }
}
/* ======================================================
   MOBILE STICKY TOP LOCK
   Keeps mobile header attached to the top while scrolling
====================================================== */

@media (max-width:1099px) {
  .qv-header {
    position: fixed !important;
    top: var(--qv-header-top, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2147483000 !important;
    transform: translate3d(0, 0, 0) !important;
    margin-top: 0 !important;
  }

  .qv-header.qv-header-scrolled {
    top: var(--qv-header-top, 0px) !important;
    transform: translate3d(0, 0, 0) !important;
    margin-top: 0 !important;
  }

  .qv-header-inner {
    transform: translate3d(0, 0, 0) !important;
    margin-top: 0 !important;
  }
}
/* ======================================================
   MOBILE HEADER HEIGHT LOCK
   Makes mobile header attach visually to the top
====================================================== */

@media (max-width:1099px) {
  .qv-header {
    min-height: 74px !important;
    height: 74px !important;
    max-height: 74px !important;
  }

  .qv-header.qv-header-scrolled {
    min-height: 74px !important;
    height: 74px !important;
    max-height: 74px !important;
  }

  .qv-header-placeholder {
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
  }

  .qv-header-inner {
    min-height: 74px !important;
    height: 74px !important;
    max-height: 74px !important;

    padding-top: 8px !important;
    padding-right: 22px !important;
    padding-bottom: 8px !important;
    padding-left: 22px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }

  .qv-header.qv-header-scrolled .qv-header-inner {
    min-height: 74px !important;
    height: 74px !important;
    max-height: 74px !important;

    padding-top: 8px !important;
    padding-right: 22px !important;
    padding-bottom: 8px !important;
    padding-left: 22px !important;
  }

  .qv-header-logo-full,
  .qv-header.qv-header-scrolled .qv-header-logo-full {
    height: 48px !important;
    max-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .qv-header-logo-full .elementor-widget-container,
  .qv-header.qv-header-scrolled .qv-header-logo-full .elementor-widget-container {
    height: 48px !important;
    max-height: 48px !important;
  }

  .qv-header-logo-full img,
  .qv-header.qv-header-scrolled .qv-header-logo-full img {
    width: 150px !important;
    max-width: 150px !important;
    max-height: 48px !important;
  }

  .qv-mobile-toggle {
    width: 42px !important;
    height: 42px !important;
  }
}
/* ======================================================
   HEADER ABSOLUTE TOP LOCK
   Removes any top gap on desktop/mobile
====================================================== */

.qv-header,
.qv-header.qv-header-scrolled {
  top: 0 !important;
  margin-top: 0 !important;
  transform: translate3d(0, 0, 0) !important;
}

@media (max-width:1099px) {
  .qv-header,
  .qv-header.qv-header-scrolled {
    top: 0 !important;
    margin-top: 0 !important;
  }
}
/* ======================================================
   QONVER HEADER SPACING FINAL CONTROLLER
   Edit only the values below
====================================================== */

:root {
  --qv-desktop-header-open: 230px;
  --qv-desktop-header-scroll: 100px;

  --qv-mobile-header: 100px;

  --qv-desktop-logo-box: 100px;
  --qv-mobile-logo-box: 48px;

  --qv-desktop-row: 55px;
  --qv-desktop-row-scroll: 66px;

  --qv-desktop-padding-top: 4px;
  --qv-desktop-padding-bottom: 4px;

  --qv-desktop-scroll-padding-top: 6px;
  --qv-desktop-scroll-padding-bottom:6px;

  --qv-mobile-padding-top: 8px;
  --qv-mobile-padding-bottom: 8px;
}

/* Desktop before scroll */
.qv-header {
  min-height: var(--qv-desktop-header-open) !important;
  height: var(--qv-desktop-header-open) !important;
  max-height: var(--qv-desktop-header-open) !important;
}

.qv-header-placeholder {
  height: var(--qv-desktop-header-open) !important;
  min-height: var(--qv-desktop-header-open) !important;
  max-height: var(--qv-desktop-header-open) !important;
}

.qv-header-inner {
  min-height: var(--qv-desktop-header-open) !important;
  height: var(--qv-desktop-header-open) !important;
  max-height: var(--qv-desktop-header-open) !important;

  padding-top: var(--qv-desktop-padding-top) !important;
  padding-right: 28px !important;
  padding-bottom: var(--qv-desktop-padding-bottom) !important;
  padding-left: 28px !important;

  gap: 6px !important;
  justify-content: center !important;
}

/* Desktop logo */
.qv-header-logo-full,
.qv-header-logo-full .elementor-widget-container {
  height: var(--qv-desktop-logo-box) !important;
  max-height: var(--qv-desktop-logo-box) !important;
}

.qv-header-logo-full img {
  width: 220px !important;
  max-width: 220px !important;
  max-height: var(--qv-desktop-logo-box) !important;
}

/* Desktop row */
.qv-header-row {
  min-height: var(--qv-desktop-row) !important;
  height: var(--qv-desktop-row) !important;
  max-height: var(--qv-desktop-row) !important;
}

/* Desktop after scroll */
.qv-header.qv-header-scrolled {
  min-height: var(--qv-desktop-header-scroll) !important;
  height: var(--qv-desktop-header-scroll) !important;
  max-height: var(--qv-desktop-header-scroll) !important;
}

.qv-header.qv-header-scrolled .qv-header-inner {
  min-height: var(--qv-desktop-header-scroll) !important;
  height: var(--qv-desktop-header-scroll) !important;
  max-height: var(--qv-desktop-header-scroll) !important;

  padding-top: var(--qv-desktop-scroll-padding-top) !important;
  padding-right: 28px !important;
  padding-bottom: var(--qv-desktop-scroll-padding-bottom) !important;
  padding-left: 28px !important;

  gap: 0 !important;
  justify-content: center !important;
}

.qv-header.qv-header-scrolled .qv-header-row {
  min-height: var(--qv-desktop-row-scroll) !important;
  height: var(--qv-desktop-row-scroll) !important;
  max-height: var(--qv-desktop-row-scroll) !important;
}

/* Desktop full logo exits on scroll */
.qv-header.qv-header-scrolled .qv-header-logo-full,
.qv-header.qv-header-scrolled .qv-header-logo-full .elementor-widget-container {
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
}

/* Mobile */
@media (max-width:1099px) {
  .qv-header,
  .qv-header.qv-header-scrolled {
    min-height: var(--qv-mobile-header) !important;
    height: var(--qv-mobile-header) !important;
    max-height: var(--qv-mobile-header) !important;
    top: 0 !important;
    margin-top: 0 !important;
  }

  .qv-header-placeholder {
    height: var(--qv-mobile-header) !important;
    min-height: var(--qv-mobile-header) !important;
    max-height: var(--qv-mobile-header) !important;
  }

  .qv-header-inner,
  .qv-header.qv-header-scrolled .qv-header-inner {
    min-height: var(--qv-mobile-header) !important;
    height: var(--qv-mobile-header) !important;
    max-height: var(--qv-mobile-header) !important;

    padding-top: var(--qv-mobile-padding-top) !important;
    padding-right: 22px !important;
    padding-bottom: var(--qv-mobile-padding-bottom) !important;
    padding-left: 22px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 0 !important;
  }

  .qv-header-logo-full,
  .qv-header.qv-header-scrolled .qv-header-logo-full {
    display: flex !important;
    height: var(--qv-mobile-logo-box) !important;
    max-height: var(--qv-mobile-logo-box) !important;
    min-height: var(--qv-mobile-logo-box) !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
    filter: none !important;
  }

  .qv-header-logo-full .elementor-widget-container,
  .qv-header.qv-header-scrolled .qv-header-logo-full .elementor-widget-container {
    height: var(--qv-mobile-logo-box) !important;
    max-height: var(--qv-mobile-logo-box) !important;
    min-height: var(--qv-mobile-logo-box) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .qv-header-logo-full img,
  .qv-header.qv-header-scrolled .qv-header-logo-full img {
    width: 150px !important;
    max-width: 150px !important;
    max-height: var(--qv-mobile-logo-box) !important;
  }

  .qv-mobile-toggle {
    width: 42px !important;
    height: 42px !important;
  }
}
/* ======================================================
   HEADER ELEMENT POSITION CONTROLLER
   Adjust only these values
====================================================== */

:root {
  /* Desktop full logo position before scroll */
  --qv-full-logo-x: 0px;
  --qv-full-logo-y: 0px;

  /* Desktop row position */
  --qv-row-x: 0px;
  --qv-row-y: -10px;

  /* Desktop Q icon position after scroll */
  --qv-icon-x: 0px;
  --qv-icon-y: 0px;

  /* Desktop nav position */
  --qv-nav-x: 0px;
  --qv-nav-y: 0px;

  /* Desktop button position */
  --qv-cta-x: 0px;
  --qv-cta-y: 0px;

  /* Mobile logo position */
  --qv-mobile-logo-x: 0px;
  --qv-mobile-logo-y: 0px;

  /* Mobile hamburger position */
  --qv-mobile-toggle-x: 0px;
  --qv-mobile-toggle-y: 0px;
}

/* Desktop full logo */
.qv-header-logo-full {
  transform: translate3d(var(--qv-full-logo-x), var(--qv-full-logo-y), 0) scale(1) !important;
}

/* Desktop row */
.qv-header-row {
  transform: translate3d(var(--qv-row-x), var(--qv-row-y), 0) !important;
}

/* Desktop Q icon after scroll */
.qv-header-logo-icon {
  transform: translate3d(var(--qv-icon-x), var(--qv-icon-y), 0) scale(0.76) !important;
}

.qv-header.qv-header-scrolled .qv-header-logo-icon {
  transform: translate3d(var(--qv-icon-x), var(--qv-icon-y), 0) scale(1) !important;
}

/* Desktop nav */
.qv-nav {
  transform: translate3d(var(--qv-nav-x), var(--qv-nav-y), 0) !important;
}

/* Desktop CTA button */
.qv-header-cta {
  transform: translate3d(var(--qv-cta-x), var(--qv-cta-y), 0) !important;
}

/* Mobile positioning */
@media (max-width:1099px) {
  .qv-header-logo-full {
    transform: translate3d(var(--qv-mobile-logo-x), var(--qv-mobile-logo-y), 0) !important;
  }

  .qv-mobile-toggle {
    transform: translate3d(var(--qv-mobile-toggle-x), var(--qv-mobile-toggle-y), 0) !important;
  }
}
/* ======================================================
   SCROLLED HEADER SEPARATE POSITION CONTROLLER
   Controls nav and button separately after scrolling only
====================================================== */

:root {
  /* Whole row position after scroll */
  --qv-row-scroll-x: 0px;
  --qv-row-scroll-y: -35px;

  /* Q icon position after scroll */
  --qv-icon-scroll-x: 0px;
  --qv-icon-scroll-y: 0px;

  /* Nav position after scroll */
  --qv-nav-scroll-x: 0px;
  --qv-nav-scroll-y: 0px;

  /* Button position after scroll */
  --qv-cta-scroll-x: 0px;
  --qv-cta-scroll-y: 0px;
}

/* Whole row after scroll */
.qv-header.qv-header-scrolled .qv-header-row {
  transform: translate3d(
    var(--qv-row-scroll-x),
    var(--qv-row-scroll-y),
    0
  ) !important;
}

/* Q icon after scroll */
.qv-header.qv-header-scrolled .qv-header-logo-icon {
  transform: translate3d(
    var(--qv-icon-scroll-x),
    var(--qv-icon-scroll-y),
    0
  ) scale(1) !important;
}

/* Nav after scroll */
.qv-header.qv-header-scrolled .qv-nav {
  transform: translate3d(
    var(--qv-nav-scroll-x),
    var(--qv-nav-scroll-y),
    0
  ) !important;
}

/* Button after scroll */
.qv-header.qv-header-scrolled .qv-header-cta {
  transform: translate3d(
    var(--qv-cta-scroll-x),
    var(--qv-cta-scroll-y),
    0
  ) !important;
}

/* ======================================================
   QONVER v6 — FONT UNIFICATION + BUTTON STANDARDIZATION
   Requested update:
   Primary font: Futura
   Secondary font: Montserrat
   Button design: follow the Qonver header button system
   Note: Futura must be loaded in WordPress/theme for exact rendering.
====================================================== */

:root {
  --qv-font-primary: "Futura", "Futura PT", "Avenir Next", "Montserrat", Arial, sans-serif;
  --qv-font-secondary: "Montserrat", Arial, sans-serif;

  --qv-btn-height: 52px;
  --qv-btn-min-width: 150px;
  --qv-btn-radius: 16px;
  --qv-btn-padding-x: 24px;
}

/* ------------------------------
   Fonts: Primary = Futura
------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title,
.qv-heading-xl,
.qv-heading-xl .elementor-heading-title,
.qv-heading-lg,
.qv-heading-lg .elementor-heading-title,
.qv-heading-md,
.qv-heading-md .elementor-heading-title,
.qv-heading-sm,
.qv-heading-sm .elementor-heading-title,
.qv-section-head,
.qv-section-head-center,
.qv-pill-eyebrow,
.qv-pill-text,
.qv-nav,
.qv-nav a,
.qv-nav .elementor-icon-list-text,
.qv-nav .ekit-menu-nav-link,
.qv-header-cta,
.qv-header-cta *,
.qv-profile-card-main h3,
.qv-profile-status,
.qv-profile-actions a,
.qv-sg-eyebrow,
.qv-services-gallery-copy h2,
.qv-services-title-btn,
.qv-sg-card strong,
.qv-sg-card figcaption,
.qv-process-v1__head p,
.qv-process-v1__copy span,
.qv-process-v1__copy h3,
.qv-why-head p,
.qv-why-card h3,
.qv-why-icon,
.qv-final-cta h2,
.qv-final-cta-btn,
.qv-marquee span,
.qv-service-pill,
.qv-project-tag,
.qv-stars,
.qv-scroll-cue,
.wpforms-container label,
.wpforms-submit,
.qv-mobile-menu a,
.qv-mobile-panel-cta a {
  font-family: var(--qv-font-primary) !important;
  font-style: normal !important;
}

/* Headings should no longer inherit the old Cormorant italic system */
.qv-heading-xl,
.qv-heading-xl .elementor-heading-title,
.qv-heading-lg,
.qv-heading-lg .elementor-heading-title,
.qv-heading-md,
.qv-heading-md .elementor-heading-title,
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
h4.elementor-heading-title,
h5.elementor-heading-title,
h6.elementor-heading-title {
  font-family: var(--qv-font-primary) !important;
  font-style: normal !important;
  letter-spacing: -0.055em !important;
}

/* ------------------------------
   Fonts: Secondary = Montserrat
------------------------------ */
body,
p,
li,
span,
small,
label,
input,
textarea,
select,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.qv-text,
.qv-text p,
.qv-text-sm,
.qv-text-sm p,
.qv-profile-card-main p,
.qv-services-gallery-copy p,
.qv-sg-card span,
.qv-process-v1__copy p,
.qv-why-card p,
.qv-final-cta p,
.qv-faq-note,
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select {
  font-family: var(--qv-font-secondary) !important;
  font-style: normal !important;
}

/* ------------------------------
   Unified Qonver header-button look
   Applies to Elementor buttons and custom Qonver CTAs.
------------------------------ */
body:not(.elementor-editor-active) a.elementor-button,
body:not(.elementor-editor-active) button.elementor-button,
body:not(.elementor-editor-active) .elementor-button,
.qv-framer-btn a.elementor-button,
.qv-framer-btn .elementor-button,
.qv-glow-btn a.elementor-button,
.qv-glow-btn .elementor-button,
.qv-header-cta a.elementor-button,
.qv-header-cta .elementor-button,
.qv-services-gallery-copy .qv-services-title-btn,
.qv-services-title-btn,
.qv-final-cta-btn,
.qv-mobile-panel-cta a,
.qv-profile-actions a,
.wpforms-submit {
  position: relative !important;
  z-index: 3 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: auto !important;
  min-width: var(--qv-btn-min-width) !important;
  max-width: fit-content !important;
  min-height: 0 !important;
  height: var(--qv-btn-height) !important;

  padding: 0 var(--qv-btn-padding-x) !important;
  margin: 0 !important;

  border-radius: var(--qv-btn-radius) !important;
  border: 1px solid transparent !important;

  background:
    linear-gradient(rgba(10,10,11,0.92), rgba(10,10,11,0.92)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,0.92), rgba(110,110,120,0.72), rgba(255,255,255,0.88)) border-box !important;

  color: var(--qv-white, #F4F4F2) !important;

  font-family: var(--qv-font-primary) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 0 18px rgba(255,255,255,0.16),
    0 18px 46px rgba(0,0,0,0.34) !important;

  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;

  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  cursor: pointer !important;
  pointer-events: auto !important;

  transition:
    transform 0.45s var(--qv-ease, cubic-bezier(0.22,1,0.36,1)),
    box-shadow 0.45s var(--qv-ease, cubic-bezier(0.22,1,0.36,1)),
    background 0.45s var(--qv-ease, cubic-bezier(0.22,1,0.36,1)),
    border-color 0.45s var(--qv-ease, cubic-bezier(0.22,1,0.36,1)),
    color 0.45s var(--qv-ease, cubic-bezier(0.22,1,0.36,1)) !important;
}

body:not(.elementor-editor-active) a.elementor-button:hover,
body:not(.elementor-editor-active) button.elementor-button:hover,
body:not(.elementor-editor-active) .elementor-button:hover,
.qv-framer-btn a.elementor-button:hover,
.qv-framer-btn .elementor-button:hover,
.qv-glow-btn a.elementor-button:hover,
.qv-glow-btn .elementor-button:hover,
.qv-header-cta a.elementor-button:hover,
.qv-header-cta .elementor-button:hover,
.qv-services-gallery-copy .qv-services-title-btn:hover,
.qv-services-title-btn:hover,
.qv-final-cta-btn:hover,
.qv-mobile-panel-cta a:hover,
.qv-profile-actions a:hover,
.wpforms-submit:hover {
  transform: translateY(-2px) !important;
  border-color: transparent !important;

  background:
    linear-gradient(rgba(10,10,11,0.92), rgba(10,10,11,0.92)) padding-box,
    linear-gradient(135deg, var(--qv-purple, #8B2CFF) 0%, var(--qv-pink, #FF2D75) 48%, var(--qv-orange, #FF8A1F) 100%) border-box !important;

  color: var(--qv-white, #F4F4F2) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    0 0 28px rgba(139,44,255,0.34),
    0 0 42px rgba(255,45,117,0.22),
    0 0 54px rgba(255,138,31,0.14),
    0 18px 46px rgba(0,0,0,0.36) !important;
}

/* Keep Elementor button text consistent */
.elementor-button-text,
.qv-framer-btn .elementor-button-text,
.qv-glow-btn .elementor-button-text,
.qv-header-cta .elementor-button-text {
  position: relative !important;
  z-index: 4 !important;
  color: var(--qv-white, #F4F4F2) !important;
  font-family: var(--qv-font-primary) !important;
  font-style: normal !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* Make Elementor button wrappers preserve header-button sizing */
.elementor-widget-button.qv-framer-btn,
.elementor-widget-button.qv-glow-btn,
.qv-framer-btn.elementor-widget-button,
.qv-glow-btn.elementor-widget-button,
.qv-header-cta.elementor-widget-button,
.elementor-widget-button.qv-header-cta {
  width: auto !important;
  max-width: fit-content !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  background: transparent !important;
  isolation: isolate !important;
  overflow: visible !important;
}

.elementor-widget-button.qv-framer-btn .elementor-widget-container,
.elementor-widget-button.qv-glow-btn .elementor-widget-container,
.qv-framer-btn .elementor-widget-container,
.qv-glow-btn .elementor-widget-container,
.qv-header-cta .elementor-widget-container,
.elementor-widget-button.qv-framer-btn .elementor-button-wrapper,
.elementor-widget-button.qv-glow-btn .elementor-button-wrapper,
.qv-framer-btn .elementor-button-wrapper,
.qv-glow-btn .elementor-button-wrapper,
.qv-header-cta .elementor-button-wrapper {
  width: auto !important;
  max-width: fit-content !important;
  display: inline-flex !important;
  background: transparent !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* Header CTA remains compact */
.qv-header-cta a.elementor-button,
.qv-header-cta .elementor-button,
.qv-header-cta.qv-framer-btn a.elementor-button,
.qv-header-cta.qv-framer-btn .elementor-button,
.qv-header-cta.qv-glow-btn a.elementor-button,
.qv-header-cta.qv-glow-btn .elementor-button {
  min-width: 148px !important;
  height: 52px !important;
  padding: 0 24px !important;
  border-radius: 16px !important;
}

/* Button rows keep the same layout behavior, only visual style changes */
.qv-button-row {
  display: flex !important;
  flex-direction: row !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.qv-button-row > .elementor-element,
.qv-button-row .elementor-widget-button {
  width: auto !important;
  max-width: fit-content !important;
  flex: 0 0 auto !important;
}

/* Hover glow layers for Elementor button wrappers — matches qv-glow-btn/header behavior */
.qv-framer-btn .elementor-button-wrapper,
.qv-glow-btn .elementor-button-wrapper,
.qv-header-cta .elementor-button-wrapper {
  position: relative !important;
  isolation: isolate !important;
}

.qv-framer-btn .elementor-button-wrapper::before,
.qv-glow-btn .elementor-button-wrapper::before,
.qv-header-cta .elementor-button-wrapper::before {
  content: "";
  position: absolute;
  inset: -18px -22px;
  z-index: 1;
  border-radius: 28px;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.26), rgba(255,255,255,0.12) 32%, rgba(0,0,0,0.78) 72%);
  filter: blur(26px);
  opacity: 0.62;
  transform: scale(0.96);
  transition:
    opacity 0.55s var(--qv-ease, cubic-bezier(0.22,1,0.36,1)),
    transform 0.55s var(--qv-ease, cubic-bezier(0.22,1,0.36,1)),
    background 0.55s var(--qv-ease, cubic-bezier(0.22,1,0.36,1)),
    filter 0.55s var(--qv-ease, cubic-bezier(0.22,1,0.36,1));
}

.qv-framer-btn .elementor-button-wrapper::after,
.qv-glow-btn .elementor-button-wrapper::after,
.qv-header-cta .elementor-button-wrapper::after {
  content: "";
  position: absolute;
  inset: -20px -24px;
  z-index: 0;
  border-radius: 30px;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 20%, rgba(139,44,255,0.64), transparent 36%),
    radial-gradient(circle at 52% 50%, rgba(255,45,117,0.54), transparent 38%),
    radial-gradient(circle at 82% 78%, rgba(255,138,31,0.46), transparent 42%);
  filter: blur(30px);
  opacity: 0;
  transform: scale(0.92);
  transition:
    opacity 0.55s var(--qv-ease, cubic-bezier(0.22,1,0.36,1)),
    transform 0.55s var(--qv-ease, cubic-bezier(0.22,1,0.36,1)),
    filter 0.55s var(--qv-ease, cubic-bezier(0.22,1,0.36,1));
}

.qv-framer-btn:hover .elementor-button-wrapper::before,
.qv-glow-btn:hover .elementor-button-wrapper::before,
.qv-header-cta:hover .elementor-button-wrapper::before {
  opacity: 0;
  transform: scale(0.90);
}

.qv-framer-btn:hover .elementor-button-wrapper::after,
.qv-glow-btn:hover .elementor-button-wrapper::after,
.qv-header-cta:hover .elementor-button-wrapper::after {
  opacity: 0.78;
  transform: scale(1);
}

/* Services card pseudo button follows the same visual language */
.qv-sg-card figcaption::after {
  font-family: var(--qv-font-primary) !important;
  background:
    linear-gradient(rgba(10,10,11,0.92), rgba(10,10,11,0.92)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,0.92), rgba(110,110,120,0.72), rgba(255,255,255,0.88)) border-box !important;
  border: 1px solid transparent !important;
  color: var(--qv-white, #F4F4F2) !important;
}

.qv-sg-card:hover figcaption::after,
.qv-sg-card:focus-visible figcaption::after {
  background:
    linear-gradient(rgba(10,10,11,0.92), rgba(10,10,11,0.92)) padding-box,
    linear-gradient(135deg, var(--qv-purple, #8B2CFF), var(--qv-pink, #FF2D75), var(--qv-orange, #FF8A1F)) border-box !important;
}

/* Mobile: keep original responsive button behavior, but with unified visual styling */
@media (max-width:1099px) {
  .qv-button-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .qv-button-row > .elementor-element,
  .qv-button-row .elementor-widget-button,
  .qv-button-row .qv-framer-btn,
  .qv-button-row .qv-glow-btn,
  .qv-button-row .qv-framer-btn .elementor-button-wrapper,
  .qv-button-row .qv-glow-btn .elementor-button-wrapper,
  .qv-button-row .qv-framer-btn .elementor-button,
  .qv-button-row .qv-glow-btn .elementor-button {
    width: 100% !important;
    max-width: 100% !important;
  }

  .qv-button-row a.elementor-button,
  .qv-button-row .elementor-button,
  .qv-glow-btn a.elementor-button,
  .qv-glow-btn .elementor-button,
  .qv-framer-btn a.elementor-button,
  .qv-framer-btn .elementor-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    padding: 0 22px !important;
    font-size: 15px !important;
  }

  .qv-header-cta a.elementor-button,
  .qv-header-cta .elementor-button {
    width: auto !important;
    max-width: fit-content !important;
    min-width: 148px !important;
    height: 52px !important;
  }
}

/* ======================================================
   CONCEPTS & SYSTEMS — FINAL HORIZONTAL EYEBROW SYSTEM
   Consolidated from the active v7 patches without changing
   the final desktop, tablet or mobile configuration.
====================================================== */

.qv-profile-card-main .qv-profile-actions {
  position: relative !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 7px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  grid-template-columns: none !important;
}

.qv-profile-card-main .qv-profile-actions > a {
  position: relative !important;
  z-index: 5 !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(50% - 4px) !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(rgba(12,10,22,0.92), rgba(12,10,22,0.92)) padding-box,
    linear-gradient(135deg, rgba(139,44,255,0.78), rgba(255,45,117,0.52), rgba(0,212,255,0.48)) border-box !important;
  color: rgba(244,244,242,0.96) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow:
    0 1px 8px rgba(0,0,0,0.72),
    0 0 10px rgba(244,244,242,0.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 8px 22px rgba(0,0,0,0.24),
    0 0 14px rgba(139,44,255,0.12) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  transform: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition:
    transform 0.3s cubic-bezier(0.22,1,0.36,1),
    box-shadow 0.3s cubic-bezier(0.22,1,0.36,1),
    background 0.3s cubic-bezier(0.22,1,0.36,1) !important;
}

.qv-profile-card-main .qv-profile-actions > a *,
.qv-profile-card-main .qv-profile-actions .elementor-button-text,
.qv-profile-card-main .qv-profile-actions .elementor-button-content-wrapper {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: inline !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  color: rgba(244,244,242,0.96) !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.qv-profile-card-main .qv-profile-actions > a::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 6px !important;
  width: 6px !important;
  min-width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: #FF8A1F !important;
  box-shadow:
    0 0 8px rgba(255,138,31,0.90),
    0 0 16px rgba(255,45,117,0.28) !important;
}

.qv-profile-card-main .qv-profile-actions > a:hover,
.qv-profile-card-main .qv-profile-actions > a:focus-visible {
  transform: translateY(-2px) !important;
  background:
    linear-gradient(rgba(12,10,22,0.95), rgba(12,10,22,0.95)) padding-box,
    linear-gradient(135deg, #8B2CFF, #FF2D75, #FF8A1F, #00D4FF) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    0 0 18px rgba(139,44,255,0.24),
    0 0 24px rgba(255,45,117,0.14),
    0 10px 28px rgba(0,0,0,0.30) !important;
}

@media (max-width: 1200px) and (min-width: 768px) {
  .qv-profile-card-main .qv-profile-actions {
    gap: 5px !important;
  }

  .qv-profile-card-main .qv-profile-actions > a {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    gap: 5px !important;
  }
}

@media (max-width:1099px) {
  .qv-profile-card-main .qv-profile-actions {
    flex-wrap: nowrap !important;
    gap: 7px !important;
  }

  .qv-profile-card-main .qv-profile-actions > a {
    max-width: calc(50% - 4px) !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* ======================================================
   QONVER — PREMIUM BRAND AURORA GLOBAL BACKGROUND v9
   High-performance rendering profile.
   Preserves the brand colors, positions, layers and particles while
   avoiding continuous repainting of giant blurred elements.
====================================================== */

:root {
  --qv-bg: #020713;
  --qv-purple: #8B2CFF;
  --qv-pink: #FF2D75;
  --qv-orange: #FF8A1F;
  --qv-cyan: #00D4FF;
}

html,
body,
#page,
.site {
  background: var(--qv-bg) !important;
  background-color: var(--qv-bg) !important;
}

#qv-bg-engine {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  overflow: hidden !important;
  pointer-events: none !important;
  isolation: isolate !important;
  contain: strict !important;
  transform: translateZ(0) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(139,44,255,0.16), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(0,212,255,0.10), transparent 30%),
    radial-gradient(circle at 82% 78%, rgba(255,45,117,0.12), transparent 34%),
    radial-gradient(circle at 26% 88%, rgba(255,138,31,0.08), transparent 30%),
    linear-gradient(135deg, #020713 0%, #050818 42%, #08051A 72%, #020713 100%) !important;
}

/* One restrained ambient ribbon remains animated. It moves in discrete,
   visually invisible micro-steps instead of forcing a full-screen repaint
   on every display frame. */
#qv-bg-engine::before {
  content: "";
  position: absolute;
  inset: -22% -16%;
  background:
    conic-gradient(
      from 210deg at 55% 50%,
      transparent 0deg,
      rgba(139,44,255,0.16) 42deg,
      rgba(255,45,117,0.13) 88deg,
      rgba(255,138,31,0.09) 125deg,
      rgba(0,212,255,0.12) 170deg,
      transparent 225deg
    );
  filter: blur(76px);
  opacity: 0.58;
  transform: translate3d(-4%,-2%,0) rotate(-12deg) scale(1.02);
  animation: qvAuroraRibbonMoveV9 32s steps(96, end) infinite alternate;
  will-change: transform;
  backface-visibility: hidden;
}

#qv-bg-engine::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(2,7,19,0.08) 0%, rgba(2,7,19,0.20) 48%, rgba(2,7,19,0.40) 100%),
    radial-gradient(ellipse at center, transparent 20%, rgba(2,7,19,0.30) 72%, rgba(2,7,19,0.68) 100%);
  pointer-events: none;
}

/* Brand orbs keep their exact colors and placement but remain static.
   The canvas and cursor provide motion without repeatedly rasterizing blur. */
.qv-bg-gradient {
  display: block !important;
  position: absolute !important;
  width: 42vw !important;
  height: 42vw !important;
  min-width: 420px !important;
  min-height: 420px !important;
  border-radius: 50% !important;
  filter: blur(76px) !important;
  opacity: 0.20 !important;
  pointer-events: none !important;
  animation: none !important;
  will-change: auto !important;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.qv-bg-gradient-one {
  left: -16vw !important;
  top: 4vh !important;
  background:
    radial-gradient(circle at center, rgba(139,44,255,0.72) 0%, rgba(255,45,117,0.24) 38%, transparent 70%) !important;
}

.qv-bg-gradient-two {
  right: -18vw !important;
  top: 18vh !important;
  background:
    radial-gradient(circle at center, rgba(0,212,255,0.52) 0%, rgba(139,44,255,0.26) 42%, transparent 72%) !important;
}

.qv-bg-gradient-three {
  left: 26vw !important;
  bottom: -24vh !important;
  background:
    radial-gradient(circle at center, rgba(255,138,31,0.42) 0%, rgba(255,45,117,0.24) 38%, transparent 72%) !important;
}

#qv-bg-canvas {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0.30 !important;
  visibility: visible !important;
  transform: translateZ(0);
}

/* Static grid: same grid design, no permanent full-screen animation. */
.qv-bg-grid {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  opacity: 0.045 !important;
  visibility: visible !important;
  background-image:
    linear-gradient(rgba(244,244,242,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,244,242,0.06) 1px, transparent 1px) !important;
  background-size: 84px 84px !important;
  mask-image: radial-gradient(ellipse at 50% 40%, black 0%, rgba(0,0,0,0.72) 42%, transparent 82%) !important;
  -webkit-mask-image: radial-gradient(ellipse at 50% 40%, black 0%, rgba(0,0,0,0.72) 42%, transparent 82%) !important;
  animation: none !important;
  will-change: auto !important;
}

/* Radial gradient already creates softness; removing live blur and blend mode
   makes pointer tracking much cheaper while retaining the same colors. */
.qv-cursor-glow {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 460px !important;
  height: 460px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle, rgba(0,212,255,0.10) 0%, rgba(139,44,255,0.08) 32%, rgba(255,45,117,0.04) 52%, transparent 70%) !important;
  filter: none !important;
  opacity: 0.75 !important;
  transform: translate3d(40vw,40vh,0);
  will-change: transform;
  backface-visibility: hidden;
}

.qv-section,
.qv-section-clear,
.qv-section-glass,
.qv-section-soft,
.qv-hero-stage,
.qv-profile-systems,
.qv-services-gallery,
.qv-services-gallery-sticky,
.qv-process-v1,
.qv-why,
.qv-final-cta,
.elementor-section,
.e-con {
  background-color: transparent !important;
}

.qv-profile-card-main,
.qv-card,
.qv-sg-card,
.qv-why-card,
.qv-final-cta-inner,
.qv-process-v1__icon {
  background-color: initial;
}

/* Off-screen animation governor. JavaScript applies qv-runtime-paused only
   while a section is outside the viewport. */
.qv-runtime-paused .qv-fi-card,
.qv-runtime-paused .qv-why-card,
.qv-runtime-paused .qv-marquee-track,
.qv-runtime-paused .qv-pill-dot,
.qv-runtime-paused .qv-scroll-cue::before {
  animation-play-state: paused !important;
}

@keyframes qvAuroraRibbonMoveV9 {
  0% { transform: translate3d(-4%,-2%,0) rotate(-12deg) scale(1.02); }
  50% { transform: translate3d(3%,2%,0) rotate(-5deg) scale(1.10); }
  100% { transform: translate3d(7%,-3%,0) rotate(2deg) scale(1.05); }
}

@media (max-width: 1024px) {
  /* Tablet/mobile keep the exact composition but avoid moving a giant blur. */
  #qv-bg-engine::before {
    animation: none !important;
    transform: translate3d(0,0,0) rotate(-8deg) scale(1.05);
  }
}

@media (max-width:1099px) {
  #qv-bg-engine::before {
    inset: -18% -70%;
    filter: blur(72px);
    opacity: 0.48;
  }

  .qv-bg-gradient {
    width: 620px !important;
    height: 620px !important;
    min-width: 620px !important;
    min-height: 620px !important;
    filter: blur(72px) !important;
    opacity: 0.14 !important;
  }

  .qv-bg-gradient-one {
    left: -390px !important;
    top: 4vh !important;
  }

  .qv-bg-gradient-two {
    right: -430px !important;
    top: 32vh !important;
  }

  .qv-bg-gradient-three {
    left: -120px !important;
    bottom: -300px !important;
  }

  #qv-bg-canvas {
    opacity: 0.16 !important;
  }

  .qv-bg-grid {
    opacity: 0.025 !important;
    background-size: 64px 64px !important;
  }

  .qv-cursor-glow {
    display: none !important;
  }
}

@media (hover: none), (pointer: coarse) {
  .qv-cursor-glow {
    display: none !important;
  }
}

@media all {html:not([data-qv-motion-override="full"]) #qv-bg-engine::before,
html:not([data-qv-motion-override="full"]) .qv-bg-gradient,
html:not([data-qv-motion-override="full"]) .qv-bg-grid{
    animation: none !important;
  }
}

/* ======================================================
   QONVER MASTER v10 — TRUE SPEED LAYER
   Keeps the Qonver palette, layout, spacing and interactions.
   Removes only continuous full-screen paint costs.
====================================================== */

/* Build the full brand atmosphere directly into one static layer.
   This replaces three blurred DOM orbs, the animated conic ribbon,
   the particle canvas and the live cursor glow. */
#qv-bg-engine {
  contain: strict !important;
  transform: none !important;
  background:
    radial-gradient(ellipse 62% 52% at 4% 12%, rgba(139,44,255,0.24) 0%, rgba(139,44,255,0.08) 36%, transparent 70%),
    radial-gradient(ellipse 52% 46% at 96% 14%, rgba(0,212,255,0.16) 0%, rgba(139,44,255,0.07) 40%, transparent 72%),
    radial-gradient(ellipse 60% 50% at 90% 82%, rgba(255,45,117,0.18) 0%, rgba(255,138,31,0.07) 38%, transparent 72%),
    radial-gradient(ellipse 54% 44% at 20% 96%, rgba(255,138,31,0.12) 0%, rgba(255,45,117,0.05) 42%, transparent 74%),
    linear-gradient(135deg, #020713 0%, #050818 42%, #08051A 72%, #020713 100%) !important;
}

#qv-bg-engine::before {
  display: none !important;
  content: none !important;
  animation: none !important;
  filter: none !important;
}

#qv-bg-engine::after {
  background:
    linear-gradient(180deg, rgba(2,7,19,0.04) 0%, rgba(2,7,19,0.12) 52%, rgba(2,7,19,0.30) 100%),
    radial-gradient(ellipse at center, transparent 24%, rgba(2,7,19,0.18) 72%, rgba(2,7,19,0.52) 100%) !important;
}

.qv-bg-gradient,
#qv-bg-canvas,
.qv-cursor-glow {
  display: none !important;
  visibility: hidden !important;
  animation: none !important;
  filter: none !important;
  will-change: auto !important;
}

/* A fixed translucent backdrop blur forces the browser to repaint the page
   behind the header on every scroll frame. An almost opaque surface keeps
   the same dark glass appearance without the repaint. */
.qv-header,
.qv-header.qv-header-scrolled {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.qv-header {
  background: rgba(5, 8, 18, 0.94) !important;
}

.qv-header.qv-header-scrolled {
  background: rgba(3, 6, 15, 0.985) !important;
}

/* Preserve the glass design through opacity, borders and shadows rather
   than repeatedly sampling and blurring everything behind each component. */
.qv-section-glass,
.qv-section-soft,
.qv-card,
.qv-project-card,
.qv-project-overlay,
.qv-pill-eyebrow,
.qv-profile-card-main,
.qv-profile-actions > a,
.qv-fi-card,
.qv-framer-btn .elementor-button,
.qv-glow-btn .elementor-button,
.qv-services-gallery-copy .qv-services-title-btn {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.qv-fi-card {
  background:
    linear-gradient(180deg, rgba(18,18,28,0.96), rgba(7,10,20,0.94)) padding-box,
    linear-gradient(135deg, var(--a), var(--b)) border-box !important;
}

.qv-profile-card-main {
  background: rgba(12, 15, 25, 0.94) !important;
}

.qv-project-card,
.qv-card {
  background-color: rgba(10, 14, 24, 0.90) !important;
}

.qv-project-overlay {
  background: rgba(4, 7, 16, 0.92) !important;
}

/* The rotating conic stroke repaints all four Why cards continuously.
   Keep the exact gradient stroke static and activate motion only on hover. */
.qv-why-card {
  animation: none !important;
  --qv-angle: 0deg;
}

.qv-why-card:hover,
.qv-why-card:focus-within {
  animation: qvBorderRotate 5s linear infinite !important;
}

/* Skip rendering long ordinary sections until they approach the viewport.
   Sticky and scroll-driven sections are intentionally excluded. */
.qv-profile-systems,
.qv-why,
.qv-final-cta,
.qv-project-grid,
.qv-testimonial-grid {
  content-visibility: auto;
  contain-intrinsic-size: auto 900px;
}

/* Avoid keeping unnecessary GPU layers alive after interaction. */
.qv-bg-gradient,
.qv-cursor-glow,
.qv-why-card,
.qv-card,
.qv-project-card,
.qv-profile-card-main {
  will-change: auto !important;
}

/* Mobile/tablet: retain all content and brand colors, but remove permanent
   decorative movement on hardware where it is most expensive. */
@media (max-width: 1024px) {
  .qv-fi-card,
  .qv-why-card {
    animation: none !important;
  }

  .qv-fi-layer {
    transition: none !important;
  }
}

@media (max-width:1099px) {
  #qv-bg-engine {
    background:
      radial-gradient(ellipse 90% 46% at 12% 8%, rgba(139,44,255,0.20), transparent 70%),
      radial-gradient(ellipse 82% 42% at 96% 34%, rgba(0,212,255,0.12), transparent 72%),
      radial-gradient(ellipse 86% 46% at 72% 92%, rgba(255,45,117,0.14), transparent 72%),
      linear-gradient(155deg, #020713 0%, #060719 56%, #020713 100%) !important;
  }
}

/* ======================================================
   QONVER — RESPONSIVE MOVING SOCIAL DOCK
   Top-right horizontal → left vertical on scroll
====================================================== */

:root {
  --qv-social-compact: 52px;
  --qv-social-wide: 184px;
  --qv-social-height: 50px;
  --qv-social-gap: 10px;

  --qv-social-right: 24px;

  /* Automatically follows the open Qonver header height */
  --qv-social-top:
    calc(var(--qv-desktop-header-open, 128px) + 18px);

  --qv-social-ease:
    cubic-bezier(0.16, 1, 0.3, 1);
}

/* ======================================================
   DESKTOP — TOP-RIGHT DEFAULT POSITION
====================================================== */

.qv-social-dock {
  position: fixed !important;
  top: var(--qv-social-top) !important;
  right: var(--qv-social-right) !important;
  left: auto !important;
  bottom: auto !important;

  z-index: 2147482500 !important;

  width: max-content !important;

  transform: none !important;

  pointer-events: none !important;

  transition:
    top 0.85s var(--qv-social-ease),
    right 0.85s var(--qv-social-ease),
    left 0.85s var(--qv-social-ease),
    transform 0.85s var(--qv-social-ease) !important;
}

/* Horizontal layout before scrolling */
.qv-social-list {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;

  width: max-content !important;

  gap: var(--qv-social-gap) !important;

  margin: 0 !important;
  padding: 0 !important;

  pointer-events: none !important;
}

/* ======================================================
   BUTTON BASE
====================================================== */

.qv-social-item {
  --qv-social-start: #8B2CFF;
  --qv-social-end: #FF2D75;

  position: relative !important;
  isolation: isolate !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: var(--qv-social-compact) !important;
  min-width: var(--qv-social-compact) !important;
  height: var(--qv-social-compact) !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 1px solid transparent !important;
  border-radius: 16px !important;

  background:
    linear-gradient(
      rgba(3, 8, 20, 0.96),
      rgba(3, 8, 20, 0.96)
    ) padding-box,
    linear-gradient(
      135deg,
      var(--qv-social-start),
      var(--qv-social-end)
    ) border-box !important;

  color: #F4F4F2 !important;
  text-decoration: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 10px 28px rgba(0, 0, 0, 0.34),
    0 0 16px rgba(139, 44, 255, 0.08) !important;

  /*
   * Individual translate is used for hover.
   * JavaScript uses transform only for the position transition.
   */
  translate: 0 0;

  overflow: visible !important;

  cursor: pointer !important;
  pointer-events: auto !important;

  transition:
    translate 0.72s var(--qv-social-ease),
    width 0.72s var(--qv-social-ease),
    min-width 0.72s var(--qv-social-ease),
    height 0.72s var(--qv-social-ease),
    padding 0.72s var(--qv-social-ease),
    border-radius 0.72s var(--qv-social-ease),
    box-shadow 0.38s var(--qv-social-ease),
    background 0.38s var(--qv-social-ease) !important;

  will-change:
    transform,
    translate,
    width;
}

/* Soft brand surface */
.qv-social-item::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;

  border-radius: inherit !important;

  background:
    linear-gradient(
      120deg,
      var(--qv-social-start),
      var(--qv-social-end)
    ) !important;

  opacity: 0.10 !important;

  pointer-events: none !important;

  transition:
    opacity 0.38s var(--qv-social-ease) !important;
}

/* Compact top-right hover */
.qv-social-item:hover,
.qv-social-item:focus-visible {
  translate: 0 -4px;

  outline: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 34px rgba(0, 0, 0, 0.40),
    0 0 22px rgba(139, 44, 255, 0.16),
    0 0 28px rgba(255, 45, 117, 0.10) !important;
}

.qv-social-item:hover::before,
.qv-social-item:focus-visible::before {
  opacity: 0.24 !important;
}

/* ======================================================
   ICON
====================================================== */

.qv-social-icon {
  position: relative !important;
  z-index: 2 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 23px !important;
  height: 23px !important;

  flex: 0 0 23px !important;

  color: #F4F4F2 !important;

  transition:
    transform 0.45s var(--qv-social-ease) !important;
}

.qv-social-icon svg {
  display: block !important;

  width: 21px !important;
  height: 21px !important;

  fill: currentColor !important;
}

.qv-social-item:hover .qv-social-icon,
.qv-social-item:focus-visible .qv-social-icon {
  transform: scale(1.1) !important;
}

/* ======================================================
   LABEL — TOOLTIP AT TOP-RIGHT
====================================================== */

.qv-social-label {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 50% !important;
  z-index: 5 !important;

  width: max-content !important;

  padding: 8px 11px !important;

  border: 1px solid rgba(244, 244, 242, 0.12) !important;
  border-radius: 9px !important;

  background: rgba(2, 7, 19, 0.97) !important;

  color: rgba(244, 244, 242, 0.96) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1 !important;

  white-space: nowrap !important;

  opacity: 0 !important;
  visibility: hidden !important;

  transform:
    translate3d(-50%, -6px, 0)
    scale(0.96) !important;

  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.36) !important;

  pointer-events: none !important;

  transition:
    opacity 0.28s ease,
    visibility 0.28s ease,
    transform 0.42s var(--qv-social-ease) !important;
}

.qv-social-item:hover .qv-social-label,
.qv-social-item:focus-visible .qv-social-label {
  opacity: 1 !important;
  visibility: visible !important;

  transform:
    translate3d(-50%, 0, 0)
    scale(1) !important;
}

/* ======================================================
   SCROLLED — LEFT-CENTER VERTICAL POSITION
====================================================== */

.qv-social-dock.is-scrolled {
  top: 50% !important;
  right: auto !important;
  left: 0 !important;

  transform: translate3d(0, -50%, 0) !important;
}

.qv-social-dock.is-scrolled .qv-social-list {
  flex-direction: column !important;
  align-items: flex-start !important;

  width: var(--qv-social-wide) !important;

  gap: 9px !important;
}

/* Transform compact icons into horizontal buttons */
.qv-social-dock.is-scrolled .qv-social-item {
  justify-content: space-between !important;

  width: var(--qv-social-wide) !important;
  min-width: var(--qv-social-wide) !important;
  height: var(--qv-social-height) !important;

  padding: 0 14px 0 18px !important;

  border-left: 0 !important;
  border-radius: 0 15px 15px 0 !important;

  /*
   * Keep only the icon visible before hover.
   */
  translate:
    calc(
      -1 * (
        var(--qv-social-wide) -
        var(--qv-social-compact)
      )
    )
    0;

  overflow: hidden !important;
}

/* Smooth left-side opening */
.qv-social-dock.is-scrolled .qv-social-item:hover,
.qv-social-dock.is-scrolled .qv-social-item:focus-visible {
  translate: -7px 0;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 38px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(139, 44, 255, 0.18),
    0 0 32px rgba(255, 45, 117, 0.10) !important;
}

/* Label becomes part of the button */
.qv-social-dock.is-scrolled .qv-social-label {
  position: relative !important;

  top: auto !important;
  left: auto !important;

  width: auto !important;

  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  color: rgba(244, 244, 242, 0.95) !important;

  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.025em !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;

  box-shadow: none !important;
}

/* ======================================================
   MOBILE
====================================================== */

.qv-social-toggle {
  display: none !important;
}

@media (max-width:1099px) {
  .qv-social-dock,
  .qv-social-dock.is-scrolled {
    top: auto !important;
    right: auto !important;
    left: 18px !important;
    bottom: 18px !important;

    width: 54px !important;

    transform: none !important;
  }

  .qv-social-list,
  .qv-social-dock.is-scrolled .qv-social-list {
    position: absolute !important;
    left: 0 !important;
    bottom: 68px !important;

    display: flex !important;
    flex-direction: column-reverse !important;

    width: 50px !important;

    gap: 9px !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transform:
      translate3d(0, 16px, 0)
      scale(0.96) !important;

    transform-origin: bottom left !important;

    pointer-events: none !important;

    transition:
      opacity 0.28s ease,
      visibility 0.28s ease,
      transform 0.38s var(--qv-social-ease) !important;
  }

  .qv-social-dock.is-open .qv-social-list {
    opacity: 1 !important;
    visibility: visible !important;

    transform:
      translate3d(0, 0, 0)
      scale(1) !important;

    pointer-events: auto !important;
  }

  .qv-social-item,
  .qv-social-dock.is-scrolled .qv-social-item {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;

    padding: 0 !important;

    justify-content: center !important;

    border-left: 1px solid transparent !important;
    border-radius: 999px !important;

    translate: 0 0 !important;

    overflow: visible !important;
  }

  .qv-social-item:hover,
  .qv-social-item:focus-visible,
  .qv-social-dock.is-scrolled .qv-social-item:hover,
  .qv-social-dock.is-scrolled .qv-social-item:focus-visible {
    translate: 0 -2px !important;
  }

  .qv-social-label,
  .qv-social-dock.is-scrolled .qv-social-label {
    position: absolute !important;
    top: 50% !important;
    left: 61px !important;

    width: max-content !important;

    padding: 8px 11px !important;

    border: 1px solid rgba(244, 244, 242, 0.12) !important;
    border-radius: 9px !important;

    background: rgba(2, 7, 19, 0.97) !important;

    font-size: 11px !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transform:
      translate3d(-5px, -50%, 0) !important;
  }

  .qv-social-item:hover .qv-social-label,
  .qv-social-item:focus-visible .qv-social-label {
    opacity: 1 !important;
    visibility: visible !important;

    transform:
      translate3d(0, -50%, 0) !important;
  }

  .qv-social-toggle {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 54px !important;
    height: 54px !important;

    padding: 0 !important;

    border: 1px solid transparent !important;
    border-radius: 999px !important;

    background:
      linear-gradient(
        rgba(3, 8, 20, 0.97),
        rgba(3, 8, 20, 0.97)
      ) padding-box,
      linear-gradient(
        135deg,
        #8B2CFF,
        #FF2D75,
        #FF8A1F,
        #00D4FF
      ) border-box !important;

    color: #F4F4F2 !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.10),
      0 12px 32px rgba(0, 0, 0, 0.40),
      0 0 22px rgba(139, 44, 255, 0.18) !important;

    cursor: pointer !important;
    pointer-events: auto !important;
  }

  .qv-social-toggle span {
    position: absolute !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 24px !important;
    height: 24px !important;

    transition:
      opacity 0.24s ease,
      transform 0.34s var(--qv-social-ease) !important;
  }

  .qv-social-toggle svg {
    width: 24px !important;
    height: 24px !important;
  }

  .qv-social-toggle-close {
    opacity: 0 !important;
    transform: rotate(-70deg) scale(0.7) !important;
  }

  .qv-social-dock.is-open .qv-social-toggle-open {
    opacity: 0 !important;
    transform: rotate(70deg) scale(0.7) !important;
  }

  .qv-social-dock.is-open .qv-social-toggle-close {
    opacity: 1 !important;
    transform: rotate(0) scale(1) !important;
  }
}

/* ======================================================
   REDUCED MOTION
====================================================== */

@media all {html:not([data-qv-motion-override="full"]) .qv-social-dock,
html:not([data-qv-motion-override="full"]) .qv-social-item,
html:not([data-qv-motion-override="full"]) .qv-social-item::before,
html:not([data-qv-motion-override="full"]) .qv-social-icon,
html:not([data-qv-motion-override="full"]) .qv-social-label,
html:not([data-qv-motion-override="full"]) .qv-social-list,
html:not([data-qv-motion-override="full"]) .qv-social-toggle span{
    transition: none !important;
  }
}
/* ======================================================
   QONVER SOCIAL DOCK
   INITIAL: INSIDE HEADER
   SCROLLED: FIXED LEFT-CENTER
====================================================== */

:root {
  /* Position inside the expanded header */
  --qv-social-header-top: 18px;
  --qv-social-header-right: 28px;

  --qv-social-compact: 48px;
  --qv-social-wide: 184px;
  --qv-social-height: 50px;

  --qv-social-ease:
    cubic-bezier(0.16, 1, 0.3, 1);
}

/* Header must contain the social dock */
.qv-header-inner {
  position: relative !important;
}

/* ======================================================
   INITIAL STATE — INSIDE QONVER HEADER
====================================================== */

.qv-social-dock.is-header-mounted {
  position: absolute !important;

  top: var(--qv-social-header-top) !important;
  right: var(--qv-social-header-right) !important;
  left: auto !important;
  bottom: auto !important;

  z-index: 100 !important;

  width: max-content !important;

  transform: none !important;

  pointer-events: none !important;
}

/* Horizontal alignment inside header */
.qv-social-dock.is-header-mounted .qv-social-list {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;

  width: max-content !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Compact icon buttons inside header */
.qv-social-dock.is-header-mounted .qv-social-item {
  width: var(--qv-social-compact) !important;
  min-width: var(--qv-social-compact) !important;
  height: var(--qv-social-compact) !important;

  padding: 0 !important;

  justify-content: center !important;

  border-left: 1px solid transparent !important;
  border-radius: 14px !important;

  translate: 0 0 !important;

  overflow: visible !important;

  transition:
    translate 0.55s var(--qv-social-ease),
    transform 0.55s var(--qv-social-ease),
    box-shadow 0.38s var(--qv-social-ease),
    background 0.38s var(--qv-social-ease) !important;
}

/* Header hover */
.qv-social-dock.is-header-mounted .qv-social-item:hover,
.qv-social-dock.is-header-mounted .qv-social-item:focus-visible {
  translate: 0 4px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 12px 32px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(139, 44, 255, 0.18),
    0 0 26px rgba(255, 45, 117, 0.12) !important;
}

/* Header tooltip */
.qv-social-dock.is-header-mounted .qv-social-label {
  position: absolute !important;

  top: calc(100% + 9px) !important;
  left: 50% !important;

  width: max-content !important;

  padding: 7px 10px !important;

  border: 1px solid rgba(244, 244, 242, 0.12) !important;
  border-radius: 8px !important;

  background: rgba(2, 7, 19, 0.97) !important;

  color: rgba(244, 244, 242, 0.96) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  opacity: 0 !important;
  visibility: hidden !important;

  transform:
    translate3d(-50%, -5px, 0)
    scale(0.96) !important;

  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    transform 0.38s var(--qv-social-ease) !important;

  pointer-events: none !important;
}

.qv-social-dock.is-header-mounted
.qv-social-item:hover
.qv-social-label,
.qv-social-dock.is-header-mounted
.qv-social-item:focus-visible
.qv-social-label {
  opacity: 1 !important;
  visibility: visible !important;

  transform:
    translate3d(-50%, 0, 0)
    scale(1) !important;
}

/* ======================================================
   SCROLLED STATE — FIXED LEFT SIDE
====================================================== */

body > .qv-social-dock.is-scrolled {
  position: fixed !important;

  top: 50% !important;
  right: auto !important;
  left: 0 !important;
  bottom: auto !important;

  z-index: 2147482500 !important;

  width: var(--qv-social-wide) !important;

  transform: translate3d(0, -50%, 0) !important;

  pointer-events: none !important;
}

/* Vertical layout */
body > .qv-social-dock.is-scrolled .qv-social-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  width: var(--qv-social-wide) !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Left hidden button */
body > .qv-social-dock.is-scrolled .qv-social-item {
  width: var(--qv-social-wide) !important;
  min-width: var(--qv-social-wide) !important;
  height: var(--qv-social-height) !important;

  padding: 0 14px 0 18px !important;

  justify-content: space-between !important;

  border-left: 0 !important;
  border-radius: 0 15px 15px 0 !important;

  translate:
    calc(
      -1 * (
        var(--qv-social-wide) -
        var(--qv-social-compact)
      )
    )
    0 !important;

  overflow: hidden !important;

  transition:
    translate 0.78s var(--qv-social-ease),
    box-shadow 0.38s var(--qv-social-ease),
    background 0.38s var(--qv-social-ease) !important;
}

/* Smooth reveal on hover */
body > .qv-social-dock.is-scrolled .qv-social-item:hover,
body > .qv-social-dock.is-scrolled .qv-social-item:focus-visible {
  translate: -6px 0 !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 38px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(139, 44, 255, 0.18),
    0 0 32px rgba(255, 45, 117, 0.11) !important;
}

/* Label inside left-side button */
body > .qv-social-dock.is-scrolled .qv-social-label {
  position: relative !important;

  top: auto !important;
  left: auto !important;

  width: auto !important;

  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  color: rgba(244, 244, 242, 0.96) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.025em !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;

  box-shadow: none !important;
}

/* ======================================================
   MOBILE — KEEP FLOATING BUTTON
====================================================== */

@media (max-width:1099px) {
  .qv-social-dock.is-header-mounted,
  body > .qv-social-dock.is-scrolled {
    position: fixed !important;

    top: auto !important;
    right: auto !important;
    left: 18px !important;
    bottom: 18px !important;

    width: 54px !important;

    transform: none !important;
  }

  .qv-social-dock.is-header-mounted .qv-social-list,
  body > .qv-social-dock.is-scrolled .qv-social-list {
    position: absolute !important;

    left: 0 !important;
    bottom: 68px !important;

    flex-direction: column-reverse !important;

    width: 50px !important;

    gap: 9px !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transform:
      translate3d(0, 16px, 0)
      scale(0.96) !important;

    pointer-events: none !important;
  }

  .qv-social-dock.is-open .qv-social-list {
    opacity: 1 !important;
    visibility: visible !important;

    transform:
      translate3d(0, 0, 0)
      scale(1) !important;

    pointer-events: auto !important;
  }

  .qv-social-dock.is-header-mounted .qv-social-item,
  body > .qv-social-dock.is-scrolled .qv-social-item {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;

    padding: 0 !important;

    justify-content: center !important;

    border-left: 1px solid transparent !important;
    border-radius: 999px !important;

    translate: 0 0 !important;

    overflow: visible !important;
  }

  .qv-social-dock.is-header-mounted .qv-social-label,
  body > .qv-social-dock.is-scrolled .qv-social-label {
    position: absolute !important;

    top: 50% !important;
    left: 61px !important;

    width: max-content !important;

    padding: 8px 11px !important;

    border: 1px solid rgba(244, 244, 242, 0.12) !important;
    border-radius: 9px !important;

    background: rgba(2, 7, 19, 0.97) !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transform:
      translate3d(-5px, -50%, 0) !important;
  }

  .qv-social-item:hover .qv-social-label,
  .qv-social-item:focus-visible .qv-social-label {
    opacity: 1 !important;
    visibility: visible !important;

    transform:
      translate3d(0, -50%, 0) !important;
  }
}
/* ======================================================
   QONVER SOCIAL DOCK — SECOND HEADER POSITION
   Stage 1: Expanded header
   Stage 2: Compact header beside CTA
   Stage 3: Left-side dock
====================================================== */

:root {
  /* Stage 2 position beside the Book a Call button */
  --qv-social-compact-right: 202px;
  --qv-social-compact-y: 0px;

  /* Smaller icons inside the compact header */
  --qv-social-compact-header-size: 48px;
  --qv-social-compact-header-gap: 8px;
}

/* Header row becomes the positioning parent for stage 2 */
.qv-header-row {
  position: relative !important;
}

/* ======================================================
   STAGE 2 — COMPACT HEADER
====================================================== */

.qv-social-dock.is-header-compact {
  position: absolute !important;

  top: 50% !important;
  right: var(--qv-social-compact-right) !important;
  left: auto !important;
  bottom: auto !important;

  z-index: 100 !important;

  width: max-content !important;

  transform:
    translate3d(
      0,
      calc(-50% + var(--qv-social-compact-y)),
      0
    ) !important;

  pointer-events: none !important;
}

/* Keep links horizontal */
.qv-social-dock.is-header-compact .qv-social-list {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;

  width: max-content !important;

  gap: var(--qv-social-compact-header-gap) !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Compact header icon buttons */
.qv-social-dock.is-header-compact .qv-social-item {
  width: var(--qv-social-compact-header-size) !important;
  min-width: var(--qv-social-compact-header-size) !important;
  height: var(--qv-social-compact-header-size) !important;

  padding: 0 !important;
  margin: 0 !important;

  justify-content: center !important;

  border-left: 1px solid transparent !important;
  border-radius: 14px !important;

  translate: 0 0 !important;

  overflow: visible !important;

  pointer-events: auto !important;

  transition:
    translate 0.62s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.62s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.38s cubic-bezier(0.16, 1, 0.3, 1),
    background 0.38s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Smooth hover inside compact header */
.qv-social-dock.is-header-compact .qv-social-item:hover,
.qv-social-dock.is-header-compact .qv-social-item:focus-visible {
  translate: 0 -3px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 12px 30px rgba(0, 0, 0, 0.40),
    0 0 20px rgba(139, 44, 255, 0.18),
    0 0 26px rgba(255, 45, 117, 0.10) !important;
}

/* Tooltip below the icons */
.qv-social-dock.is-header-compact .qv-social-label {
  position: absolute !important;

  top: calc(100% + 9px) !important;
  left: 50% !important;

  width: max-content !important;

  padding: 7px 10px !important;

  border: 1px solid rgba(244, 244, 242, 0.12) !important;
  border-radius: 8px !important;

  background: rgba(2, 7, 19, 0.98) !important;

  color: rgba(244, 244, 242, 0.96) !important;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  white-space: nowrap !important;

  opacity: 0 !important;
  visibility: hidden !important;

  transform:
    translate3d(-50%, -5px, 0)
    scale(0.96) !important;

  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.38) !important;

  pointer-events: none !important;

  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    transform 0.38s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.qv-social-dock.is-header-compact
.qv-social-item:hover
.qv-social-label,
.qv-social-dock.is-header-compact
.qv-social-item:focus-visible
.qv-social-label {
  opacity: 1 !important;
  visibility: visible !important;

  transform:
    translate3d(-50%, 0, 0)
    scale(1) !important;
}

/* Keep the icon centered */
.qv-social-dock.is-header-compact .qv-social-icon {
  width: 23px !important;
  height: 23px !important;
  flex: 0 0 23px !important;
}

/* ======================================================
   TABLET ADJUSTMENT
====================================================== */

@media (max-width: 1180px) and (min-width: 768px) {
  :root {
    --qv-social-compact-right: 185px;
    --qv-social-compact-header-size: 43px;
    --qv-social-compact-header-gap: 5px;
  }

  .qv-social-dock.is-header-compact .qv-social-icon svg {
    width: 19px !important;
    height: 19px !important;
  }
}

/* Mobile continues using the existing floating menu */
@media (max-width:1099px) {
  .qv-social-dock.is-header-compact {
    position: fixed !important;

    top: auto !important;
    right: auto !important;
    left: 18px !important;
    bottom: 18px !important;

    width: 54px !important;

    transform: none !important;
  }
}
/* ======================================================
   QONVER SOCIAL ICONS — STAGE 2 ALIGNMENT FIX
====================================================== */

.qv-social-dock.is-stage-two {
  transform:
    translate3d(
      var(--qv-social-x, 0px),
      var(--qv-social-y, 0px),
      0
    ) !important;

  transform-origin: left center !important;
}

/* Keep all icons perfectly centered */
.qv-social-dock.is-stage-two .qv-social-list {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;

  height: var(--qv-social-icon-size, 48px) !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Remove any inherited vertical movement */
.qv-social-dock.is-stage-two .qv-social-item {
  top: auto !important;
  bottom: auto !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;

  transform: translate3d(0, 0, 0) !important;

  vertical-align: middle !important;
}

/* Smooth hover without changing the alignment */
.qv-social-dock.is-stage-two .qv-social-item:hover,
.qv-social-dock.is-stage-two .qv-social-item:focus-visible {
  transform:
    translate3d(0, -3px, 0)
    scale(1.04) !important;
}
/* ======================================================
   QONVER SOCIAL DOCK — STAGE 2 ABOVE HEADER
   Keeps the same visual treatment as Stage 1
====================================================== */

.qv-social-dock.is-header-compact {
  position: fixed !important;

  z-index: 2147483600 !important;

  width: max-content !important;
  height: max-content !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;

  overflow: visible !important;
  isolation: isolate !important;

  pointer-events: none !important;
}

/* Same horizontal arrangement as Stage 1 */
.qv-social-dock.is-header-compact .qv-social-list {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: max-content !important;
  height: var(--qv-social-icon-size, 48px) !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}

/* Same icon dimensions and appearance as Stage 1 */
.qv-social-dock.is-header-compact .qv-social-item {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: var(--qv-social-icon-size, 48px) !important;
  min-width: var(--qv-social-icon-size, 48px) !important;
  max-width: var(--qv-social-icon-size, 48px) !important;

  height: var(--qv-social-icon-size, 48px) !important;
  min-height: var(--qv-social-icon-size, 48px) !important;
  max-height: var(--qv-social-icon-size, 48px) !important;

  margin: 0 !important;
  padding: 0 !important;

  border-left: 1px solid transparent !important;
  border-radius: 14px !important;

  transform: translate3d(0, 0, 0) !important;

  overflow: visible !important;
  pointer-events: auto !important;

  transition:
    transform 0.52s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Same hover movement as Stage 1 */
.qv-social-dock.is-header-compact .qv-social-item:hover,
.qv-social-dock.is-header-compact .qv-social-item:focus-visible {
  transform:
    translate3d(0, -3px, 0)
    scale(1.045) !important;

  outline: none !important;
}

/* Tooltip must also appear above the header */
.qv-social-dock.is-header-compact .qv-social-label {
  z-index: 2147483640 !important;
}
/* ======================================================
   QONVER SOCIAL DOCK — STAGE 4: UNDER FOOTER LOGO
====================================================== */

.qv-social-dock.is-footer-stage {
  position: absolute !important;

  width: max-content !important;
  height: max-content !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;

  overflow: visible !important;

  z-index: 50 !important;

  pointer-events: none !important;
}

/* Horizontal footer arrangement */
.qv-social-dock.is-footer-stage .qv-social-list {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;

  width: max-content !important;
  height: auto !important;

  gap: 9px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}

/* Reset the hidden left-dock positioning */
.qv-social-dock.is-footer-stage .qv-social-item {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;

  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 14px !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: translate3d(0, 0, 0) !important;

  overflow: hidden !important;

  pointer-events: auto !important;
}

/* Remove any left-side dock offset */
.qv-social-dock.is-footer-stage .qv-social-item:hover,
.qv-social-dock.is-footer-stage .qv-social-item:focus-visible {
  transform: translate3d(0, -4px, 0) !important;
}

/* Keep only the icons underneath the logo */
.qv-social-dock.is-footer-stage .qv-social-label,
.qv-social-dock.is-footer-stage .qv-social-name,
.qv-social-dock.is-footer-stage .qv-social-text {
  display: none !important;
}

/* Footer logo column must allow the icons to appear */
.qv-minimal-footer__logo-column {
  position: relative !important;
  overflow: visible !important;
}

/* Mobile keeps the existing mobile social system */
@media (max-width:1099px) {
  .qv-social-dock.is-footer-stage {
    position: fixed !important;
  }
}
/* ======================================================
   QONVER — FULL WIDTH THREE-COLUMN FOOTER

   C1: Quick Links
   C2: Full Logo
   C3: Short Paragraph
====================================================== */

.qv-minimal-footer {
  position: relative !important;
  z-index: 4 !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 70px 0 0 !important;

  color: #F4F4F2 !important;
  background: transparent !important;

  overflow: hidden !important;
}

/* Subtle Qonver ambient background */
.qv-minimal-footer::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  background:
    radial-gradient(
      circle at 18% 15%,
      rgba(139, 44, 255, 0.08),
      transparent 34%
    ),
    radial-gradient(
      circle at 84% 75%,
      rgba(255, 45, 117, 0.06),
      transparent 32%
    ) !important;

  pointer-events: none !important;
}

/* Full-width footer shell */
.qv-minimal-footer__inner {
  position: relative !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  border: 0 !important;

  background:
    linear-gradient(
      180deg,
      rgba(2, 7, 19, 0.10),
      rgba(2, 7, 19, 0.34)
    ) !important;
}

/* Gradient divider */
.qv-minimal-footer__divider {
  width: 100% !important;
  height: 1px !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(139, 44, 255, 0.48) 18%,
      rgba(255, 45, 117, 0.38) 42%,
      rgba(255, 138, 31, 0.30) 66%,
      rgba(0, 212, 255, 0.32) 84%,
      transparent 100%
    ) !important;
}

/* ======================================================
   THREE-COLUMN GRID
====================================================== */

.qv-minimal-footer__grid {
  position: relative !important;

  display: grid !important;

  grid-template-columns:
    minmax(180px, 0.75fr)
    minmax(260px, 1.1fr)
    minmax(280px, 1fr) !important;

  align-items: center !important;

  gap: clamp(48px, 8vw, 140px) !important;

  width: 100% !important;
  max-width: 1440px !important;

  margin: 0 auto !important;

  padding:
    clamp(58px, 7vw, 100px)
    clamp(36px, 7vw, 110px) !important;
}

/* ======================================================
   C1 — QUICK LINKS
====================================================== */

.qv-minimal-footer__column {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  gap: 4px !important;
}

.qv-minimal-footer__column-title {
  display: block !important;

  margin: 0 0 16px !important;

  color: rgba(244, 244, 242, 0.44) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1 !important;

  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

.qv-minimal-footer__column a {
  position: relative !important;

  display: inline-flex !important;

  width: max-content !important;
  max-width: 100% !important;

  padding: 7px 0 !important;

  color: rgba(244, 244, 242, 0.72) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.3 !important;

  text-decoration: none !important;

  transition:
    color 0.25s ease,
    transform 0.36s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.qv-minimal-footer__column a::after {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  bottom: 3px !important;

  width: 100% !important;
  height: 1px !important;

  background:
    linear-gradient(
      90deg,
      #8B2CFF,
      #FF2D75,
      #FF8A1F
    ) !important;

  transform: scaleX(0) !important;
  transform-origin: left center !important;

  transition:
    transform 0.36s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.qv-minimal-footer__column a:hover,
.qv-minimal-footer__column a:focus-visible {
  color: #F4F4F2 !important;

  transform: translateX(5px) !important;

  outline: none !important;
}

.qv-minimal-footer__column a:hover::after,
.qv-minimal-footer__column a:focus-visible::after {
  transform: scaleX(1) !important;
}

/* ======================================================
   C2 — FULL QONVER LOGO
====================================================== */

.qv-minimal-footer__logo-column {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
}

.qv-minimal-footer__logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 1080px !important;

  opacity: 1 !important;

  transition:
    transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.4s ease !important;
}

.qv-minimal-footer__logo:hover {
  transform: translateY(-4px) scale(1.015) !important;

  filter:
    drop-shadow(0 0 18px rgba(139, 44, 255, 0.18))
    drop-shadow(0 0 24px rgba(255, 45, 117, 0.10)) !important;
}

.qv-minimal-footer__logo img {
  display: block !important;

  width: 100% !important;
  max-width: 360px !important;
  height: auto !important;

  margin: 0 !important;

  object-fit: contain !important;
}

/* ======================================================
   C3 — SHORT PARAGRAPH
====================================================== */

.qv-minimal-footer__copy-column {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  width: 100% !important;
}

.qv-minimal-footer__description {
  max-width: 410px !important;

  margin: 0 !important;

  color: rgba(244, 244, 242, 0.64) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.8 !important;

  text-wrap: balance;
}

/* Hide any old social media container */
.qv-minimal-footer__socials {
  display: none !important;
}

/* ======================================================
   BOTTOM BAR
====================================================== */

.qv-minimal-footer__bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 24px !important;

  width: 100% !important;
  max-width: 1440px !important;

  margin: 0 auto !important;

  padding:
    20px
    clamp(36px, 7vw, 110px)
    28px !important;
}

.qv-minimal-footer__bottom p {
  margin: 0 !important;

  color: rgba(244, 244, 242, 0.42) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.5 !important;
}

.qv-minimal-footer__website {
  color: rgba(244, 244, 242, 0.58) !important;

  font-family:
    "Futura",
    "Futura PT",
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  letter-spacing: 0.12em !important;

  text-decoration: none !important;

  transition:
    color 0.25s ease !important;
}

.qv-minimal-footer__website:hover,
.qv-minimal-footer__website:focus-visible {
  color: #FF8A1F !important;
  outline: none !important;
}

/* ======================================================
   TABLET
====================================================== */

@media (max-width: 1024px) {
  .qv-minimal-footer__grid {
    grid-template-columns:
      minmax(150px, 0.75fr)
      minmax(220px, 1fr)
      minmax(230px, 1fr) !important;

    gap: 42px !important;

    padding:
      60px
      38px !important;
  }

  .qv-minimal-footer__logo {
    max-width: 280px !important;
  }

  .qv-minimal-footer__logo img {
    max-width: 280px !important;
  }
}

/* ======================================================
   MOBILE
====================================================== */

@media (max-width:1099px) {
  .qv-minimal-footer {
    padding-top: 50px !important;
  }

  .qv-minimal-footer__grid {
    grid-template-columns: 1fr !important;

    gap: 46px !important;

    padding:
      48px
      24px !important;
  }

  /* Preserve requested order */
  .qv-minimal-footer__links {
    order: 1 !important;
  }

  .qv-minimal-footer__logo-column {
    order: 2 !important;

    justify-content: flex-start !important;
  }

  .qv-minimal-footer__copy-column {
    order: 3 !important;
  }

  .qv-minimal-footer__logo {
    justify-content: flex-start !important;

    max-width: 230px !important;
  }

  .qv-minimal-footer__logo img {
    max-width: 230px !important;
  }

  .qv-minimal-footer__description {
    max-width: 100% !important;

    font-size: 13px !important;
    line-height: 1.75 !important;
  }

  .qv-minimal-footer__bottom {
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 10px !important;

    padding:
      20px
      24px
      28px !important;
  }
}
/* ======================================================
   QONVER FOOTER — BIGGER LOGO
====================================================== */

.qv-minimal-footer__logo-column {
  align-items: center !important;
  justify-content: center !important;
}

.qv-minimal-footer__logo {
  max-width: 1080px !important;
}

.qv-minimal-footer__logo img {
  width: 100% !important;
  max-width: 1080px !important;
  height: auto !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .qv-minimal-footer__logo {
    max-width: 360px !important;
  }

  .qv-minimal-footer__logo img {
    max-width: 360px !important;
  }
}

/* Mobile */
@media (max-width:1099px) {
  .qv-minimal-footer__logo {
    max-width: 280px !important;
  }

  .qv-minimal-footer__logo img {
    max-width: 280px !important;
  }
}
/* ======================================================
   QONVER FOOTER — FORCE LARGER CENTER LOGO
====================================================== */

/* Give the logo column more horizontal space */
.qv-minimal-footer__grid {
  grid-template-columns:
    minmax(170px, 0.65fr)
    minmax(520px, 1.65fr)
    minmax(280px, 0.85fr) !important;

  overflow: visible !important;
}

/* Allow the center column to exceed its previous limits */
.qv-minimal-footer__logo-column {
  width: 100% !important;
  min-width: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: visible !important;
}

/* Force an actual width instead of width: 100% */
.qv-minimal-footer__logo {
  width: clamp(520px, 38vw, 680px) !important;
  min-width: 520px !important;
  max-width: none !important;

  flex: 0 0 auto !important;

  overflow: visible !important;
}

/* Remove every old image width restriction */
.qv-minimal-footer__logo img {
  display: block !important;

  width: clamp(520px, 38vw, 680px) !important;
  min-width: 520px !important;
  max-width: none !important;

  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
}

/* Tablet */
@media (max-width: 1200px) and (min-width: 768px) {
  .qv-minimal-footer__grid {
    grid-template-columns:
      minmax(140px, 0.6fr)
      minmax(380px, 1.4fr)
      minmax(230px, 0.8fr) !important;

    gap: 28px !important;
  }

  .qv-minimal-footer__logo,
  .qv-minimal-footer__logo img {
    width: clamp(380px, 42vw, 500px) !important;
    min-width: 380px !important;
    max-width: none !important;
  }
}

/* Mobile */
@media (max-width:1099px) {
  .qv-minimal-footer__grid {
    grid-template-columns: 1fr !important;
  }

  .qv-minimal-footer__logo-column {
    justify-content: flex-start !important;
  }

  .qv-minimal-footer__logo,
  .qv-minimal-footer__logo img {
    width: min(360px, 92vw) !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}
/* ======================================================
   QONVER FOOTER — PREMIUM SIDE COLUMNS
   Does not change the center logo size
====================================================== */

/* Balance both side columns */
.qv-minimal-footer__links,
.qv-minimal-footer__copy-column {
  position: relative !important;
  isolation: isolate !important;

  width: 100% !important;
  max-width: 330px !important;
  min-height: 280px !important;

  padding: 30px 30px !important;

  border: 1px solid rgba(244, 244, 242, 0.08) !important;
  border-radius: 24px !important;

  background:
    linear-gradient(
      145deg,
      rgba(139, 44, 255, 0.055),
      rgba(255, 45, 117, 0.025) 48%,
      rgba(0, 212, 255, 0.025)
    ),
    rgba(2, 7, 19, 0.20) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 22px 55px rgba(0, 0, 0, 0.16) !important;

  overflow: hidden !important;
}

/* Left column alignment */
.qv-minimal-footer__links {
  justify-self: start !important;
}

/* Right column alignment */
.qv-minimal-footer__copy-column {
  justify-self: end !important;
  justify-content: center !important;
}

/* Soft brand glow inside each column */
.qv-minimal-footer__links::before,
.qv-minimal-footer__copy-column::before {
  content: "" !important;

  position: absolute !important;
  z-index: -1 !important;

  width: 180px !important;
  height: 180px !important;

  border-radius: 999px !important;

  filter: blur(55px) !important;
  opacity: 0.13 !important;

  pointer-events: none !important;
}

/* Purple glow on quick links */
.qv-minimal-footer__links::before {
  top: -90px !important;
  left: -90px !important;

  background: #8B2CFF !important;
}

/* Pink/orange glow on copy column */
.qv-minimal-footer__copy-column::before {
  right: -90px !important;
  bottom: -90px !important;

  background: #FF2D75 !important;
}

/* Brand accent edge */
.qv-minimal-footer__links::after,
.qv-minimal-footer__copy-column::after {
  content: "" !important;

  position: absolute !important;
  top: 28px !important;
  bottom: 28px !important;

  width: 1px !important;

  background:
    linear-gradient(
      180deg,
      transparent,
      #8B2CFF 22%,
      #FF2D75 50%,
      #FF8A1F 72%,
      #00D4FF,
      transparent
    ) !important;

  opacity: 0.58 !important;

  pointer-events: none !important;
}

.qv-minimal-footer__links::after {
  right: 0 !important;
}

.qv-minimal-footer__copy-column::after {
  left: 0 !important;
}

/* ======================================================
   COLUMN HEADINGS
====================================================== */

.qv-minimal-footer__links
.qv-minimal-footer__column-title,
.qv-minimal-footer__copy-column
.qv-minimal-footer__column-title {
  display: flex !important;
  align-items: center !important;

  gap: 10px !important;

  margin: 0 0 20px !important;

  color: rgba(244, 244, 242, 0.66) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Small Qonver gradient line before heading */
.qv-minimal-footer__links
.qv-minimal-footer__column-title::before,
.qv-minimal-footer__copy-column
.qv-minimal-footer__column-title::before {
  content: "" !important;

  display: block !important;
  flex: 0 0 26px !important;

  width: 26px !important;
  height: 2px !important;

  border-radius: 999px !important;

  background:
    linear-gradient(
      90deg,
      #8B2CFF,
      #FF2D75,
      #FF8A1F
    ) !important;

  box-shadow:
    0 0 12px rgba(255, 45, 117, 0.28) !important;
}

/* ======================================================
   QUICK LINKS
====================================================== */

.qv-minimal-footer__links {
  counter-reset: qv-footer-links !important;
}

.qv-minimal-footer__links a {
  counter-increment: qv-footer-links !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  max-width: none !important;

  gap: 11px !important;

  padding: 9px 0 !important;

  border-bottom:
    1px solid rgba(244, 244, 242, 0.055) !important;

  color: rgba(244, 244, 242, 0.70) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  text-decoration: none !important;

  transition:
    color 0.28s ease,
    padding-left 0.42s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.28s ease !important;
}

/* Remove old underline animation */
.qv-minimal-footer__links a::after {
  display: none !important;
}

/* Small numbered marker */
.qv-minimal-footer__links a::before {
  content:
    "0"
    counter(qv-footer-links) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 25px !important;
  height: 25px !important;

  flex: 0 0 25px !important;

  border: 1px solid rgba(139, 44, 255, 0.26) !important;
  border-radius: 8px !important;

  background:
    rgba(139, 44, 255, 0.05) !important;

  color: rgba(244, 244, 242, 0.42) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;

  transition:
    color 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease,
    transform 0.38s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.qv-minimal-footer__links a:last-child {
  border-bottom: 0 !important;
}

.qv-minimal-footer__links a:hover,
.qv-minimal-footer__links a:focus-visible {
  padding-left: 6px !important;

  color: #F4F4F2 !important;
  border-color: rgba(255, 45, 117, 0.16) !important;

  transform: none !important;
  outline: none !important;
}

.qv-minimal-footer__links a:hover::before,
.qv-minimal-footer__links a:focus-visible::before {
  color: #F4F4F2 !important;

  border-color: rgba(255, 45, 117, 0.50) !important;

  background:
    linear-gradient(
      135deg,
      rgba(139, 44, 255, 0.18),
      rgba(255, 45, 117, 0.12)
    ) !important;

  transform: rotate(-4deg) scale(1.05) !important;
}

/* ======================================================
   RIGHT COPY COLUMN
====================================================== */

.qv-minimal-footer__copy-column
.qv-minimal-footer__description {
  position: relative !important;

  max-width: 270px !important;

  margin: 0 !important;
  padding: 0 0 0 18px !important;

  color: rgba(244, 244, 242, 0.70) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;

  text-wrap: pretty !important;
}

/* Paragraph accent bar */
.qv-minimal-footer__copy-column
.qv-minimal-footer__description::before {
  content: "" !important;

  position: absolute !important;
  top: 4px !important;
  bottom: 4px !important;
  left: 0 !important;

  width: 2px !important;

  border-radius: 999px !important;

  background:
    linear-gradient(
      180deg,
      #FF8A1F,
      #FF2D75,
      #8B2CFF
    ) !important;

  opacity: 0.72 !important;

  box-shadow:
    0 0 14px rgba(255, 45, 117, 0.20) !important;
}

/* ======================================================
   RESPONSIVE
====================================================== */

@media (max-width: 1200px) and (min-width: 768px) {
  .qv-minimal-footer__links,
  .qv-minimal-footer__copy-column {
    max-width: 280px !important;
    min-height: 255px !important;

    padding: 24px !important;
  }

  .qv-minimal-footer__copy-column
  .qv-minimal-footer__description {
    font-size: 13px !important;
    line-height: 1.75 !important;
  }
}

@media (max-width:1099px) {
  .qv-minimal-footer__links,
  .qv-minimal-footer__copy-column {
    justify-self: stretch !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;

    padding: 26px 24px !important;
  }

  .qv-minimal-footer__copy-column
  .qv-minimal-footer__description {
    max-width: 100% !important;
  }
}
/* ======================================================
   QONVER FOOTER — EQUAL SIDE COLUMNS + SMALLER GAPS
====================================================== */

/* Equal left and right columns */
.qv-minimal-footer__grid {
  grid-template-columns:
    minmax(300px, 1fr)
    minmax(520px, 1.65fr)
    minmax(300px, 1fr) !important;

  column-gap: clamp(24px, 3.2vw, 52px) !important;
  row-gap: 40px !important;

  align-items: center !important;
}

/* Force both side panels to use the same width */
.qv-minimal-footer__links,
.qv-minimal-footer__copy-column {
  width: 100% !important;
  max-width: 330px !important;
  min-width: 300px !important;
}

/* Keep each side aligned symmetrically */
.qv-minimal-footer__links {
  justify-self: end !important;
}

.qv-minimal-footer__copy-column {
  justify-self: start !important;
}

/* Keep logo centered without changing its size */
.qv-minimal-footer__logo-column {
  justify-self: center !important;
}

/* ======================================================
   TABLET
====================================================== */

@media (max-width: 1200px) and (min-width: 768px) {
  .qv-minimal-footer__grid {
    grid-template-columns:
      minmax(240px, 1fr)
      minmax(380px, 1.45fr)
      minmax(240px, 1fr) !important;

    column-gap: 24px !important;
  }

  .qv-minimal-footer__links,
  .qv-minimal-footer__copy-column {
    width: 100% !important;
    max-width: 280px !important;
    min-width: 240px !important;
  }
}

/* ======================================================
   MOBILE
====================================================== */

@media (max-width:1099px) {
  .qv-minimal-footer__grid {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .qv-minimal-footer__links,
  .qv-minimal-footer__copy-column {
    justify-self: stretch !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}
/* ======================================================
   QONVER FOOTER — CONTACT DETAILS
====================================================== */

.qv-minimal-footer__copy-column {
  justify-content: center !important;
}

/* Intro paragraph */
.qv-minimal-footer__copy-column
.qv-minimal-footer__description {
  max-width: 290px !important;

  margin: 0 !important;
  padding-left: 18px !important;

  font-size: 14px !important;
  line-height: 1.75 !important;
}

/* Contact details container */
.qv-footer-contact {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;

  gap: 10px !important;

  margin-top: 24px !important;
}

/* Contact row */
.qv-footer-contact__item {
  position: relative !important;
  isolation: isolate !important;

  display: grid !important;

  grid-template-columns:
    42px
    minmax(0, 1fr)
    18px !important;

  align-items: center !important;

  gap: 12px !important;

  width: 100% !important;

  padding: 12px 13px !important;

  border: 1px solid rgba(244, 244, 242, 0.10) !important;
  border-radius: 15px !important;

  background:
    linear-gradient(
      135deg,
      rgba(139, 44, 255, 0.045),
      rgba(255, 45, 117, 0.018),
      rgba(0, 212, 255, 0.025)
    ),
    rgba(2, 7, 19, 0.30) !important;

  color: #F4F4F2 !important;

  text-decoration: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 10px 25px rgba(0, 0, 0, 0.12) !important;

  overflow: hidden !important;

  transition:
    transform 0.42s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease !important;
}

/* Brand glow */
.qv-footer-contact__item::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;

  background:
    linear-gradient(
      110deg,
      rgba(139, 44, 255, 0.13),
      rgba(255, 45, 117, 0.08),
      rgba(255, 138, 31, 0.05),
      rgba(0, 212, 255, 0.08)
    ) !important;

  opacity: 0 !important;

  transition:
    opacity 0.3s ease !important;
}

.qv-footer-contact__item:hover,
.qv-footer-contact__item:focus-visible {
  transform: translate3d(4px, -2px, 0) !important;

  border-color: rgba(255, 45, 117, 0.30) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 18px rgba(139, 44, 255, 0.10),
    0 14px 30px rgba(0, 0, 0, 0.20) !important;

  outline: none !important;
}

.qv-footer-contact__item:hover::before,
.qv-footer-contact__item:focus-visible::before {
  opacity: 1 !important;
}

/* Icon box */
.qv-footer-contact__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;

  border: 1px solid transparent !important;
  border-radius: 12px !important;

  background:
    linear-gradient(
      rgba(4, 9, 22, 0.94),
      rgba(4, 9, 22, 0.94)
    ) padding-box,
    linear-gradient(
      135deg,
      #8B2CFF,
      #FF2D75,
      #FF8A1F,
      #00D4FF
    ) border-box !important;

  color: rgba(244, 244, 242, 0.90) !important;

  box-shadow:
    0 0 15px rgba(139, 44, 255, 0.10) !important;

  transition:
    transform 0.38s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.qv-footer-contact__item:hover
.qv-footer-contact__icon {
  transform: rotate(-4deg) scale(1.05) !important;
}

.qv-footer-contact__icon svg {
  display: block !important;

  width: 19px !important;
  height: 19px !important;
}

/* Contact text */
.qv-footer-contact__content {
  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;

  gap: 5px !important;
}

.qv-footer-contact__label {
  color: rgba(244, 244, 242, 0.40) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

.qv-footer-contact__value {
  color: rgba(244, 244, 242, 0.86) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Arrow */
.qv-footer-contact__arrow {
  color: rgba(244, 244, 242, 0.34) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  line-height: 1 !important;

  transition:
    color 0.28s ease,
    transform 0.38s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.qv-footer-contact__item:hover
.qv-footer-contact__arrow {
  color: #FF8A1F !important;

  transform:
    translate3d(2px, -2px, 0) !important;
}

/* Tablet */
@media (max-width: 1200px) and (min-width: 768px) {
  .qv-footer-contact__item {
    grid-template-columns:
      38px
      minmax(0, 1fr)
      16px !important;

    gap: 9px !important;

    padding: 10px !important;
  }

  .qv-footer-contact__icon {
    width: 38px !important;
    height: 38px !important;
  }

  .qv-footer-contact__value {
    font-size: 11px !important;
  }
}

/* Mobile */
@media (max-width:1099px) {
  .qv-footer-contact {
    max-width: 420px !important;
  }

  .qv-footer-contact__value {
    font-size: 12px !important;
  }
}
/* ======================================================
   QONVER FOOTER — EQUAL SIDE PANELS + CONTACT REFINEMENT
====================================================== */

:root {
  --qv-footer-side-height: 430px;
}

/* Stretch both side columns equally */
.qv-minimal-footer__grid {
  align-items: stretch !important;
}

.qv-minimal-footer__links,
.qv-minimal-footer__copy-column {
  height: 100% !important;
  min-height: var(--qv-footer-side-height) !important;

  align-self: stretch !important;
}

/* Third column internal layout */
.qv-minimal-footer__copy-column {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
}

/* Text area */
.qv-footer-contact__intro {
  width: 100% !important;
}

.qv-minimal-footer__copy-column
.qv-minimal-footer__description {
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 0 0 18px !important;

  color: rgba(244, 244, 242, 0.68) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;

  text-wrap: pretty !important;
}

/* Keep the original Qonver paragraph accent */
.qv-minimal-footer__copy-column
.qv-minimal-footer__description::before {
  top: 3px !important;
  bottom: 3px !important;
}

/* Contact rows stay at the bottom */
.qv-footer-contact {
  width: 100% !important;

  margin-top: 28px !important;
}

/* ======================================================
   QONVER CONTACT ICONS
====================================================== */

.qv-footer-contact__icon {
  position: relative !important;

  width: 46px !important;
  height: 46px !important;

  flex: 0 0 46px !important;

  border: 1px solid transparent !important;
  border-radius: 14px !important;

  background:
    linear-gradient(
      rgba(3, 8, 20, 0.96),
      rgba(3, 8, 20, 0.96)
    ) padding-box,
    linear-gradient(
      135deg,
      rgba(139, 44, 255, 0.80),
      rgba(255, 45, 117, 0.64),
      rgba(255, 138, 31, 0.58),
      rgba(0, 212, 255, 0.62)
    ) border-box !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 0 18px rgba(139, 44, 255, 0.10) !important;

  overflow: hidden !important;

  transition:
    transform 0.48s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.35s ease !important;
}

/* Subtle glow inside icon */
.qv-footer-contact__icon::before {
  content: "" !important;

  position: absolute !important;
  inset: 7px !important;

  border-radius: 10px !important;

  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(139, 44, 255, 0.16),
      transparent 52%
    ),
    radial-gradient(
      circle at 80% 80%,
      rgba(0, 212, 255, 0.10),
      transparent 48%
    ) !important;

  pointer-events: none !important;
}

.qv-footer-contact__icon svg {
  position: relative !important;
  z-index: 2 !important;

  display: block !important;

  width: 34px !important;
  height: 34px !important;

  fill: none !important;
}

/* Qonver-style hover */
.qv-footer-contact__item:hover
.qv-footer-contact__icon,
.qv-footer-contact__item:focus-visible
.qv-footer-contact__icon {
  transform:
    translate3d(0, -2px, 0)
    rotate(-3deg)
    scale(1.05) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 20px rgba(139, 44, 255, 0.18),
    0 0 26px rgba(255, 45, 117, 0.10) !important;
}

/* Arrow icon */
.qv-footer-contact__arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 20px !important;
  height: 20px !important;
}

.qv-footer-contact__arrow svg {
  display: block !important;

  width: 18px !important;
  height: 18px !important;
}

/* Update row layout for larger icon */
.qv-footer-contact__item {
  grid-template-columns:
    46px
    minmax(0, 1fr)
    20px !important;

  gap: 13px !important;

  min-height: 72px !important;
}

/* ======================================================
   TABLET
====================================================== */

@media (max-width: 1200px) and (min-width: 768px) {
  :root {
    --qv-footer-side-height: 405px;
  }

  .qv-minimal-footer__copy-column
  .qv-minimal-footer__description {
    font-size: 12px !important;
    line-height: 1.65 !important;
  }

  .qv-footer-contact__icon {
    width: 42px !important;
    height: 42px !important;

    flex-basis: 42px !important;
  }

  .qv-footer-contact__icon svg {
    width: 31px !important;
    height: 31px !important;
  }

  .qv-footer-contact__item {
    grid-template-columns:
      42px
      minmax(0, 1fr)
      18px !important;

    gap: 10px !important;
  }
}

/* ======================================================
   MOBILE
====================================================== */

@media (max-width:1099px) {
  .qv-minimal-footer__links,
  .qv-minimal-footer__copy-column {
    height: auto !important;
    min-height: 0 !important;
  }

  .qv-minimal-footer__copy-column {
    justify-content: flex-start !important;
  }

  .qv-footer-contact {
    margin-top: 26px !important;
  }
}
/* ======================================================
   QONVER FOOTER — COMPACT EQUAL SIDE COLUMNS
====================================================== */

:root {
  --qv-footer-side-height: 355px;
}

/* Reduce both panel heights equally */
.qv-minimal-footer__links,
.qv-minimal-footer__copy-column {
  height: var(--qv-footer-side-height) !important;
  min-height: var(--qv-footer-side-height) !important;
  max-height: var(--qv-footer-side-height) !important;

  padding: 24px 26px !important;
}

/* Keep columns vertically aligned */
.qv-minimal-footer__grid {
  align-items: center !important;
}

/* ======================================================
   LEFT COLUMN — COMPACT LINKS
====================================================== */

.qv-minimal-footer__links
.qv-minimal-footer__column-title {
  margin-bottom: 14px !important;
}

.qv-minimal-footer__links a {
  min-height: 39px !important;

  padding: 6px 0 !important;

  font-size: 12px !important;
}

.qv-minimal-footer__links a::before {
  width: 24px !important;
  height: 24px !important;

  flex-basis: 24px !important;
}

/* ======================================================
   RIGHT COLUMN — COMPACT CONTENT
====================================================== */

.qv-minimal-footer__copy-column {
  justify-content: flex-start !important;
}

.qv-footer-contact__intro {
  width: 100% !important;
}

.qv-minimal-footer__copy-column
.qv-minimal-footer__column-title {
  margin-bottom: 14px !important;
}

/* More compact paragraph */
.qv-minimal-footer__copy-column
.qv-minimal-footer__description {
  max-width: 100% !important;

  padding-left: 15px !important;

  font-size: 11.5px !important;
  line-height: 1.55 !important;
}

/* Reduce space before contact details */
.qv-footer-contact {
  gap: 8px !important;

  margin-top: 18px !important;
}

/* Smaller contact cards */
.qv-footer-contact__item {
  grid-template-columns:
    40px
    minmax(0, 1fr)
    18px !important;

  min-height: 58px !important;

  gap: 10px !important;

  padding: 8px 11px !important;

  border-radius: 13px !important;
}

/* Smaller themed icons */
.qv-footer-contact__icon {
  width: 40px !important;
  height: 40px !important;

  flex-basis: 40px !important;

  border-radius: 12px !important;
}

.qv-footer-contact__icon svg {
  width: 29px !important;
  height: 29px !important;
}

.qv-footer-contact__label {
  font-size: 8px !important;
}

.qv-footer-contact__value {
  font-size: 11px !important;
}

/* ======================================================
   TABLET
====================================================== */

@media (max-width: 1200px) and (min-width: 768px) {
  :root {
    --qv-footer-side-height: 340px;
  }

  .qv-minimal-footer__links,
  .qv-minimal-footer__copy-column {
    padding: 21px !important;
  }

  .qv-minimal-footer__copy-column
  .qv-minimal-footer__description {
    font-size: 10.5px !important;
    line-height: 1.5 !important;
  }

  .qv-footer-contact__item {
    min-height: 54px !important;
  }
}

/* ======================================================
   MOBILE
====================================================== */

@media (max-width:1099px) {
  .qv-minimal-footer__links,
  .qv-minimal-footer__copy-column {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding: 24px !important;
  }
}

/* ============================================================================
   QONVER — PRODUCTION HARMONIZATION LAYER v2.0  (2026-06-21)
   ----------------------------------------------------------------------------
   AUTHORITATIVE FINAL CASCADE
   - Preserves every existing Qonver component, layout and interaction.
   - Restores the approved Futura + Montserrat brand system.
   - Converts all section introductions to one eyebrow / H2 / lead hierarchy.
   - Normalizes vertical rhythm and removes the oversized empty gaps shown in
     the Process, Why Qonver and Concepts & Systems sections.
   - Gives all CTAs the same Qonver header-button language.
   - Keeps motion transform-based, responsive and reduced-motion safe.
============================================================================ */

:root {
  /* Approved brand typography. Futura must be loaded locally in WordPress. */
  --qv-font-heading: "Futura", "Futura PT", "Avenir Next", "Montserrat", Arial, sans-serif;
  --qv-font-body: "Montserrat", Arial, sans-serif;
  --qv-font-label: "JetBrains Mono", "Montserrat", ui-monospace, monospace;

  /* Accessible fluid type scale */
  --qv-type-display: clamp(3.5rem, 7.1vw, 7.25rem);
  --qv-type-section: clamp(2.5rem, 4.7vw, 4.75rem);
  --qv-type-subsection: clamp(1.75rem, 2.8vw, 2.75rem);
  --qv-type-card: clamp(1.125rem, 1.35vw, 1.375rem);
  --qv-type-lead: clamp(1rem, 1.05vw, 1.125rem);
  --qv-type-body: clamp(0.9375rem, 0.95vw, 1.0625rem);
  --qv-type-small: clamp(0.8125rem, 0.82vw, 0.9375rem);
  --qv-type-label: clamp(0.6875rem, 0.72vw, 0.75rem);

  /* Shared rhythm */
  --qv-section-y: clamp(88px, 8.2vw, 128px);
  --qv-section-x: clamp(20px, 4vw, 32px);
  --qv-head-gap: clamp(14px, 1.5vw, 20px);
  --qv-head-after: clamp(40px, 4.5vw, 64px);
  --qv-copy-measure: 64ch;

  /* Shared button geometry */
  --qv-button-height: 54px;
  --qv-button-min: 156px;
  --qv-button-radius: 16px;
  --qv-button-padding: 26px;
  --qv-motion-fast: 280ms;
  --qv-motion-base: 360ms;
  --qv-focus-ring: 0 0 0 3px rgba(0,212,255,.52), 0 0 0 6px rgba(139,44,255,.28);
}

/* --------------------------------------------------------------------------
   1. TYPOGRAPHY AND SEMANTIC HIERARCHY
---------------------------------------------------------------------------- */
html { scroll-padding-top: 112px; }

body,
p,
li,
label,
input,
textarea,
select,
button,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: var(--qv-font-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title,
.qv-heading-xl,
.qv-heading-xl .elementor-heading-title,
.qv-heading-lg,
.qv-heading-lg .elementor-heading-title,
.qv-heading-md,
.qv-heading-md .elementor-heading-title,
.qv-heading-sm,
.qv-heading-sm .elementor-heading-title,
.qv-services-gallery-copy h2,
.qv-process-v1__copy h3,
.qv-why-card h3,
.qv-profile-card-main h3,
.qv-final-cta h2 {
  font-family: var(--qv-font-heading) !important;
  font-style: normal !important;
  text-wrap: balance;
}

.qv-heading-xl,
.qv-heading-xl .elementor-heading-title {
  font-size: var(--qv-type-display) !important;
  line-height: .94 !important;
  font-weight: 800 !important;
  letter-spacing: -.052em !important;
}

.qv-heading-lg,
.qv-heading-lg .elementor-heading-title,
.qv-section-head-center > h2,
.qv-section-head > h2 {
  margin: 0 !important;
  font-size: var(--qv-type-section) !important;
  line-height: 1.02 !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
  color: var(--qv-white, #F4F4F2) !important;
}

.qv-heading-md,
.qv-heading-md .elementor-heading-title {
  font-size: var(--qv-type-subsection) !important;
  line-height: 1.08 !important;
  font-weight: 750 !important;
  letter-spacing: -.032em !important;
}

.qv-heading-sm,
.qv-heading-sm .elementor-heading-title,
.qv-profile-card-main h3,
.qv-why-card h3,
.qv-sg-card strong {
  font-size: var(--qv-type-card) !important;
  line-height: 1.22 !important;
  font-weight: 750 !important;
  letter-spacing: -.018em !important;
}

.qv-text,
.qv-text p,
p.qv-text {
  margin: 0 !important;
  font-family: var(--qv-font-body) !important;
  font-size: var(--qv-type-lead) !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
  color: rgba(226,228,238,.78) !important;
  text-wrap: pretty;
}

.qv-text-sm,
.qv-text-sm p {
  font-size: var(--qv-type-small) !important;
  line-height: 1.65 !important;
}

.qv-pill-eyebrow,
.qv-pill-text,
.qv-sg-eyebrow,
.qv-scroll-cue,
.qv-project-tag,
.qv-service-pill,
.qv-process-v1__head p,
.qv-why-head p,
.qv-profile-status {
  font-family: var(--qv-font-label) !important;
  font-size: var(--qv-type-label) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1.25 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

/* --------------------------------------------------------------------------
   2. ONE SECTION-INTRODUCTION COMPONENT
---------------------------------------------------------------------------- */
.qv-section-head,
.qv-section-head-center {
  width: min(820px, 100%) !important;
  max-width: 820px !important;
  margin: 0 auto var(--qv-head-after) !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--qv-head-gap) !important;
  text-align: center !important;
}

.qv-section-head > *,
.qv-section-head-center > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.qv-section-head .qv-pill-eyebrow,
.qv-section-head-center .qv-pill-eyebrow,
.qv-section-head--integrated .qv-pill-eyebrow {
  margin: 0 !important;
}

.qv-section-head .qv-text,
.qv-section-head-center .qv-text,
.qv-section-head--integrated .qv-text {
  width: min(var(--qv-copy-measure), 100%) !important;
  max-width: var(--qv-copy-measure) !important;
  margin-inline: auto !important;
}

.qv-pill-eyebrow {
  min-height: 36px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
}

/* JS only adds this class to retired bare labels. It keeps the old Elementor
   widgets available in the editor while removing their duplicated live output. */
.qv-legacy-section-label {
  display: none !important;
  visibility: hidden !important;
}

/* --------------------------------------------------------------------------
   3. SECTION SPACING AND POSITIONING
---------------------------------------------------------------------------- */
.qv-section,
.qv-why,
.qv-profile-systems,
.qv-final-cta {
  padding-top: var(--qv-section-y) !important;
  padding-bottom: var(--qv-section-y) !important;
  padding-left: var(--qv-section-x) !important;
  padding-right: var(--qv-section-x) !important;
}

.qv-section-inner,
.qv-why-inner,
.qv-profile-systems-inner,
.qv-final-cta-inner {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Process is a sticky story, so its introduction must live inside the sticky
   viewport. This compact profile fits 720px-high laptops without clipping. */
.qv-process-v1__inner {
  justify-content: flex-start !important;
  padding-top: clamp(46px, 6.5vh, 76px) !important;
  padding-bottom: clamp(38px, 5vh, 64px) !important;
}

.qv-process-v1 .qv-section-head--integrated {
  flex: 0 0 auto !important;
  width: min(780px, 100%) !important;
  margin-bottom: clamp(26px, 3.5vh, 46px) !important;
  gap: clamp(10px, 1.25vh, 16px) !important;
}

.qv-process-v1 .qv-section-head--integrated > h2 {
  font-size: clamp(2.125rem, 3.6vw, 3.75rem) !important;
}

.qv-process-v1 .qv-section-head--integrated .qv-text {
  max-width: 60ch !important;
  font-size: clamp(.9375rem, .95vw, 1.0625rem) !important;
  line-height: 1.62 !important;
}

.qv-process-v1__rail {
  width: 100% !important;
  flex: 1 1 auto !important;
}

.qv-why .qv-section-head--integrated,
.qv-profile-systems .qv-section-head--integrated {
  margin-bottom: clamp(38px, 4vw, 56px) !important;
}

.qv-why-grid,
.qv-profile-grid {
  margin-top: 0 !important;
}

/* Card and process copy hierarchy */
.qv-process-v1__copy { margin-top: 30px !important; }
.qv-process-v1__copy span {
  margin-bottom: 10px !important;
  font-family: var(--qv-font-label) !important;
  font-size: .875rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}
.qv-process-v1__copy h3 {
  font-size: clamp(1.15rem, 1.6vw, 1.55rem) !important;
  line-height: 1.12 !important;
  font-weight: 750 !important;
  letter-spacing: -.025em !important;
}
.qv-process-v1__copy i { margin: 20px auto !important; }
.qv-process-v1__copy p,
.qv-why-card p,
.qv-profile-card-main p,
.qv-sg-card span {
  font-family: var(--qv-font-body) !important;
  font-size: var(--qv-type-small) !important;
  line-height: 1.62 !important;
  color: rgba(226,228,238,.68) !important;
}

.qv-why-card,
.qv-profile-card-main,
.qv-sg-card,
.qv-card {
  transition:
    transform var(--qv-motion-base) var(--qv-ease, cubic-bezier(.22,1,.36,1)),
    border-color var(--qv-motion-base) var(--qv-ease, cubic-bezier(.22,1,.36,1)),
    box-shadow var(--qv-motion-base) var(--qv-ease, cubic-bezier(.22,1,.36,1)) !important;
}

/* --------------------------------------------------------------------------
   4. UNIFIED QONVER BUTTON COMPONENT
---------------------------------------------------------------------------- */
body:not(.elementor-editor-active) a.elementor-button,
body:not(.elementor-editor-active) button.elementor-button,
.qv-framer-btn a.elementor-button,
.qv-framer-btn .elementor-button,
.qv-glow-btn a.elementor-button,
.qv-glow-btn .elementor-button,
.qv-header-cta a.elementor-button,
.qv-header-cta .elementor-button,
.qv-services-gallery-copy .qv-services-title-btn,
.qv-services-title-btn,
.qv-final-cta-btn,
.qv-mobile-panel-cta a,
.qv-profile-actions a,
.wpforms-submit {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: auto !important;
  min-width: var(--qv-button-min) !important;
  max-width: 100% !important;
  height: var(--qv-button-height) !important;
  min-height: var(--qv-button-height) !important;
  padding: 0 var(--qv-button-padding) !important;
  margin: 0 !important;
  border: 1px solid transparent !important;
  border-radius: var(--qv-button-radius) !important;
  background:
    linear-gradient(rgba(8,10,18,.96), rgba(8,10,18,.96)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(150,154,170,.54), rgba(255,255,255,.82)) border-box !important;
  color: var(--qv-white, #F4F4F2) !important;
  font-family: var(--qv-font-heading) !important;
  font-size: .9375rem !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 18px rgba(255,255,255,.10),
    0 16px 38px rgba(0,0,0,.30) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  cursor: pointer !important;
  transition:
    transform var(--qv-motion-fast) var(--qv-ease, cubic-bezier(.22,1,.36,1)),
    box-shadow var(--qv-motion-base) var(--qv-ease, cubic-bezier(.22,1,.36,1)),
    background var(--qv-motion-base) var(--qv-ease, cubic-bezier(.22,1,.36,1)),
    color var(--qv-motion-fast) ease !important;
}

body:not(.elementor-editor-active) a.elementor-button:hover,
body:not(.elementor-editor-active) button.elementor-button:hover,
.qv-framer-btn a.elementor-button:hover,
.qv-framer-btn .elementor-button:hover,
.qv-glow-btn a.elementor-button:hover,
.qv-glow-btn .elementor-button:hover,
.qv-header-cta a.elementor-button:hover,
.qv-header-cta .elementor-button:hover,
.qv-services-gallery-copy .qv-services-title-btn:hover,
.qv-services-title-btn:hover,
.qv-final-cta-btn:hover,
.qv-mobile-panel-cta a:hover,
.qv-profile-actions a:hover,
.wpforms-submit:hover {
  transform: translate3d(0,-2px,0) !important;
  background:
    linear-gradient(rgba(8,10,18,.96), rgba(8,10,18,.96)) padding-box,
    linear-gradient(135deg, var(--qv-purple) 0%, var(--qv-pink) 46%, var(--qv-orange) 78%, var(--qv-cyan) 100%) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 24px rgba(139,44,255,.28),
    0 0 34px rgba(255,45,117,.18),
    0 18px 42px rgba(0,0,0,.34) !important;
}

.qv-header-cta a.elementor-button,
.qv-header-cta .elementor-button,
.qv-mobile-panel-cta a {
  min-width: 148px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding-inline: 22px !important;
  border-radius: 14px !important;
}

.qv-profile-actions a,
.qv-profile-card-main .qv-profile-actions > a {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  font-size: .8125rem !important;
}

.qv-button-row {
  gap: 12px !important;
  align-items: center !important;
}

.elementor-button-text,
.qv-framer-btn .elementor-button-text,
.qv-glow-btn .elementor-button-text {
  font-family: inherit !important;
  color: inherit !important;
}

/* Focus, disabled and touch behavior */
a.elementor-button:focus-visible,
button.elementor-button:focus-visible,
.qv-services-title-btn:focus-visible,
.qv-final-cta-btn:focus-visible,
.qv-mobile-panel-cta a:focus-visible,
.qv-profile-actions a:focus-visible,
.wpforms-submit:focus-visible,
.qv-nav a:focus-visible,
.qv-social-item:focus-visible,
.qv-sg-card:focus-visible {
  outline: none !important;
  box-shadow: var(--qv-focus-ring) !important;
}

:is(a,button,input,select,textarea):disabled,
[aria-disabled="true"] {
  cursor: not-allowed !important;
  opacity: .52 !important;
}

/* --------------------------------------------------------------------------
   5. PERFORMANCE, MOTION AND RESPONSIVE REFINEMENT
---------------------------------------------------------------------------- */
.qv-section-head--integrated,
.qv-process-v1__rail,
.qv-why-grid,
.qv-profile-grid {
  transform: translateZ(0);
}

/* More accurate off-screen placeholders prevent the oversized temporary gaps
   created by the older one-size-fits-all 900px intrinsic section estimate. */
.qv-why { contain-intrinsic-size: auto 560px !important; }
.qv-profile-systems { contain-intrinsic-size: auto 880px !important; }
.qv-final-cta { contain-intrinsic-size: auto 360px !important; }

@media (hover: hover) and (pointer: fine) {
  .qv-why-card:hover,
  .qv-profile-card:hover,
  .qv-sg-card:hover,
  .qv-card:hover {
    transform: translate3d(0,-5px,0) !important;
  }
}

@media (max-width: 1024px) {
  :root {
    --qv-section-y: clamp(76px, 9vw, 104px);
    --qv-head-after: clamp(34px, 5vw, 50px);
  }

  .qv-process-v1__inner {
    padding-inline: 28px !important;
  }
}

@media (max-width:1099px) {
  :root {
    --qv-section-y: clamp(64px, 16vw, 88px);
    --qv-section-x: 18px;
    --qv-type-section: clamp(2.15rem, 10vw, 3.1rem);
    --qv-head-after: 36px;
  }

  html { scroll-padding-top: 100px; }

  .qv-section-head,
  .qv-section-head-center {
    width: 100% !important;
    gap: 14px !important;
  }

  .qv-section-head .qv-text,
  .qv-section-head-center .qv-text,
  .qv-section-head--integrated .qv-text {
    max-width: 100% !important;
  }

  .qv-process-v1 {
    padding-top: var(--qv-section-y) !important;
    padding-bottom: var(--qv-section-y) !important;
  }

  .qv-process-v1__inner {
    padding: 0 !important;
  }

  .qv-process-v1 .qv-section-head--integrated {
    margin-bottom: 42px !important;
  }

  .qv-process-v1 .qv-section-head--integrated > h2 {
    font-size: var(--qv-type-section) !important;
  }

  .qv-process-v1 .qv-section-head--integrated .qv-text {
    font-size: 1rem !important;
  }

  .qv-button-row {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .qv-button-row > .elementor-element,
  .qv-button-row .qv-framer-btn,
  .qv-button-row .qv-glow-btn,
  .qv-button-row .elementor-button-wrapper,
  .qv-button-row .elementor-button {
    width: 100% !important;
    max-width: 100% !important;
  }

  .qv-profile-actions {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 420px) {
  .qv-profile-actions {
    grid-template-columns: 1fr !important;
  }
}

@media all {html:not([data-qv-motion-override="full"]){ scroll-behavior: auto !important; }html:not([data-qv-motion-override="full"]) *,
html:not([data-qv-motion-override="full"]) *::before,
html:not([data-qv-motion-override="full"]) *::after{
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* ================= END PRODUCTION HARMONIZATION LAYER v2.0 ================= */


@font-face{font-family:Futura-Black;font-style:normal;font-weight:700;font-display:fallback;src:url('https://qonvergrowth.com/wp-content/uploads/fonts/Futura-Black.ttf') format('truetype');}
@font-face{font-family:Futura;font-style:normal;font-weight:400;font-display:fallback;src:url('https://qonvergrowth.com/wp-content/uploads/fonts/Futura-Bold-Condensed-font.ttf') format('truetype');}
@font-face{font-family:Futura;font-style:normal;font-weight:300;font-display:fallback;src:url('https://qonvergrowth.com/wp-content/uploads/fonts/Futura-Condensed-Light.otf') format('opentype');}
@font-face{font-family:Futura;font-style:normal;font-weight:700;font-display:fallback;src:url('https://qonvergrowth.com/wp-content/uploads/fonts/Futura.ttf') format('truetype');}
@font-face{font-family:Futura;font-style:italic;font-weight:400;font-display:fallback;src:url('https://qonvergrowth.com/wp-content/uploads/fonts/Futura-Medium-Italic-font.ttf') format('truetype');}
@font-face{font-family:"Futura XBlk BT";font-style:normal;font-weight:400;font-display:fallback;src:url('https://qonvergrowth.com/wp-content/uploads/fonts/Futura-XBlk-BT.ttf') format('truetype');}

/* FINAL HOME LAYOUT — loaded after the preserved original theme.
   This is the single geometry contract for the replacement HTML. */
:root {
  --qv-final-header-height: var(--qv-desktop-header-open, 230px);
  --qv-final-admin-height: 0px;
  --qv-final-hero-gap: 44px;
  --qv-final-section-space: clamp(64px, 7vw, 100px);
}
.qv-final-document { margin:0; background:#07070a; color:#f4f4f2; }
:where(.qv-final-header,.qv-final-home,.qv-minimal-footer) *,
:where(.qv-final-header,.qv-final-home,.qv-minimal-footer) *::before,
:where(.qv-final-header,.qv-final-home,.qv-minimal-footer) *::after { box-sizing:border-box; }
.qv-final-home { display:block; position:relative; margin:0 !important; padding:calc(var(--qv-final-header-height) + var(--qv-final-admin-height)) 0 0 !important; width:100%; min-width:0; }
.qv-final-document a { color:inherit; }
.qv-final-skip { position:fixed; left:16px; top:-100px; z-index:2147483647; padding:12px 20px; background:#f4f4f2; color:#07070a !important; }
.qv-final-skip:focus { top:12px; }
.qv-final-home :is(section,[id]) { scroll-margin-top:calc(var(--qv-desktop-header-scroll,100px) + var(--qv-final-admin-height) + 24px); }
.qv-final-home a:focus-visible,.qv-final-header :is(a,button):focus-visible,.qv-minimal-footer a:focus-visible { outline:2px solid #00d4ff; outline-offset:6px; }
.qv-final-header { position:fixed !important; top:var(--qv-final-admin-height) !important; left:0 !important; right:0 !important; width:100% !important; z-index:2147483000 !important; background:rgba(5,7,16,.93) !important; backdrop-filter:blur(18px); border-bottom:1px solid rgba(244,244,242,.12); }
.qv-final-header .qv-header-inner { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; width:100% !important; max-width:1440px !important; margin:0 auto !important; position:relative !important; }
.qv-final-header .qv-header-logo-full { display:flex !important; align-items:center; justify-content:center; flex:none; }
.qv-final-header img { display:block; object-fit:contain; }
.qv-final-header .qv-header-logo-full img { height:auto !important; }
.qv-final-header .qv-header-row { display:grid !important; grid-template-columns:64px 1fr 176px !important; align-items:center !important; gap:20px !important; width:100% !important; position:relative !important; }
.qv-final-header .qv-nav { display:flex !important; justify-content:center !important; align-items:center !important; gap:32px !important; width:auto !important; }
.qv-final-header .qv-nav a { text-decoration:none; font-family:var(--qv-font-display); font-size:15px; font-weight:700; transition:color .2s; }
.qv-final-header .qv-nav a:hover { color:#00d4ff; }
.qv-final-header .qv-header-logo-icon { display:flex; align-items:center; justify-content:center; width:48px !important; height:48px !important; opacity:0 !important; visibility:hidden !important; }
.qv-final-header .qv-header-logo-icon img { width:48px !important; height:48px !important; }
.qv-final-header.qv-header-scrolled .qv-header-logo-full { overflow:hidden; opacity:0 !important; visibility:hidden !important; }
.qv-final-header.qv-header-scrolled .qv-header-logo-icon { opacity:1 !important; visibility:visible !important; }
/* The legacy -35px row translation assumed an Elementor wrapper. The new
   row is centered directly inside the compact header. Other x/y tokens stay. */
.qv-final-header.qv-header-scrolled .qv-header-row { transform:translate3d(var(--qv-row-scroll-x,0px),0,0) !important; }
.qv-final-header .qv-header-cta { justify-self:end; width:auto !important; }
.qv-final-header .qv-mobile-toggle { display:none !important; }
.qv-final-header .qv-mobile-toggle span { position:relative !important; display:block !important; width:20px !important; height:2px !important; background:#f4f4f2 !important; margin:auto !important; }
.qv-final-header .qv-mobile-toggle span::before,.qv-final-header .qv-mobile-toggle span::after { content:'' !important; position:absolute !important; left:0 !important; width:20px !important; height:2px !important; background:#f4f4f2 !important; }
.qv-final-header .qv-mobile-toggle span::before { top:-6px !important; }
.qv-final-header .qv-mobile-toggle span::after { top:6px !important; }
.qv-final-menu[hidden] { display:none !important; }
.qv-final-menu { position:absolute; top:100%; left:0; right:0; padding:24px; background:#080a14; max-height:calc(100dvh - var(--qv-mobile-header) - var(--qv-final-admin-height)); overflow:auto; }
.qv-final-menu nav { display:grid; gap:4px; margin-bottom:20px; }
.qv-final-menu nav a { padding:12px 8px; text-decoration:none; font-family:var(--qv-font-display); font-size:22px; }
.qv-final-hero { display:block !important; min-height:680px !important; height:auto !important; padding:var(--qv-final-hero-gap) 0 80px !important; margin:0 !important; position:relative !important; overflow:hidden !important; }
.qv-final-shell { width:min(1200px,calc(100% - 64px)); margin:0 auto; position:relative; z-index:4; }
.qv-final-hero .qv-hero-content { position:relative !important; display:block !important; width:min(760px,100%) !important; max-width:760px !important; min-width:0 !important; height:auto !important; margin:0 !important; padding:0 !important; top:auto !important; transform:none !important; translate:none !important; }
.qv-final-hero .qv-text { max-width:620px !important; margin:0 !important; text-align:left !important; }
.qv-final-hero .qv-fi-bg { mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 55%,#000 75%); }
.qv-final-home .qv-button-row { display:flex !important; flex-wrap:wrap !important; gap:16px !important; justify-content:flex-start !important; align-items:center !important; margin:30px 0 0 !important; padding:0 !important; width:auto !important; }
.qv-final-home .qv-glow-btn { width:fit-content; max-width:100%; }
.qv-final-home .qv-button-row > .qv-glow-btn { width:fit-content !important; }
.qv-final-home .qv-pill-eyebrow { max-width:100% !important; white-space:normal !important; text-align:inherit; }
.qv-final-home .qv-pill-text { min-width:0; white-space:normal !important; }
.qv-final-home .qv-pill-dot { flex:none; }
.qv-final-home .qv-section-head-center > * { margin:0 !important; }
.qv-final-home .qv-services-gallery { width:100% !important; max-width:100% !important; margin:0 !important; }
.qv-final-home .qv-services-gallery-sticky { top:calc(var(--qv-desktop-header-scroll,100px) + var(--qv-final-admin-height)) !important; height:calc(100vh - var(--qv-desktop-header-scroll,100px) - var(--qv-final-admin-height)) !important; min-height:0 !important; }
.qv-final-home .qv-services-gallery-copy { top:28px !important; }
.qv-final-home .qv-services-gallery-copy p { max-width:680px; margin:0 auto 20px; }
.qv-final-home .qv-services-gallery-perspective { padding-top:310px !important; }
.qv-final-home .qv-final-card-caption { position:absolute; inset:auto 0 0; padding:20px; z-index:5; background:linear-gradient(transparent,rgba(0,0,0,.88)); color:#f4f4f2; }
.qv-final-home .qv-final-card-caption strong { display:block; font-size:20px !important; line-height:1.2 !important; font-family:var(--qv-font-display); }
.qv-final-home .qv-final-card-caption span { display:block; font-size:12px !important; line-height:1.5 !important; margin-top:7px; }
.qv-final-home .qv-sg-card { text-decoration:none; }
.qv-final-home .qv-process-v1__rail { grid-template-columns: minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr) !important; }
.qv-final-home .qv-profile-card-main { height:100%; }
.qv-final-home .qv-profile-grid { align-items:stretch; }
.qv-final-home .qv-profile-actions { flex-wrap:wrap !important; }
.qv-final-home .qv-profile-actions a { height:auto !important; min-height:44px; min-width:0 !important; padding:10px 14px !important; text-align:center; white-space:normal !important; }
.qv-final-section-action { display:flex; justify-content:center; margin-top:36px; }
.qv-minimal-footer { position:relative; }
.qv-minimal-footer .qv-minimal-footer__inner { width:100%; }
.qv-minimal-footer .qv-minimal-footer__grid > * { min-width:0; }
.qv-minimal-footer .qv-footer-contact__value { overflow-wrap:anywhere; }
.qv-minimal-footer .qv-minimal-footer__links a::before { content:'↗' !important; font-family:Arial,sans-serif !important; }
.qv-final-home .qv-reveal { opacity:1; }
.qv-motion-ready .qv-final-home .qv-reveal:not(.qv-visible) { opacity:0; transform:translateY(34px); }
.qv-final-home > section { content-visibility:visible !important; contain-intrinsic-size:none !important; }
.qv-final-header,.qv-final-header .qv-header-inner { transition:height .85s cubic-bezier(.16,1,.3,1),min-height .85s cubic-bezier(.16,1,.3,1),max-height .85s cubic-bezier(.16,1,.3,1),background .4s !important; }
.qv-social-dock:is(.is-header-mounted,.is-header-compact,.is-scrolled,.is-footer-stage) { transition:none !important; }
.qv-social-dock.qv-social-in-flight { opacity:0 !important; visibility:hidden !important; }
.qv-final-home .qv-process-v1__inner { top:calc(var(--qv-desktop-header-scroll,100px) + var(--qv-final-admin-height)) !important; height:calc(100vh - var(--qv-desktop-header-scroll,100px) - var(--qv-final-admin-height)) !important; }

@media (max-width:1100px) and (min-width:768px) {
  .qv-final-header .qv-nav { gap:20px !important; }
  .qv-final-header .qv-header-row { grid-template-columns:48px 1fr 160px !important; }
  .qv-final-header .qv-header-logo-full { align-self:flex-start; margin-left:60px; }
  .qv-final-home .qv-process-v1__icon { width:92px !important; height:92px !important; }
  .qv-final-home .qv-process-v1__connector::before,.qv-final-home .qv-process-v1__connector span,.qv-final-home .qv-process-v1__connector::after { top:46px !important; }
  .qv-final-header.qv-header-scrolled .qv-nav { display:none !important; }
  .qv-final-header.qv-header-scrolled .qv-mobile-toggle { display:block !important; position:absolute !important; top:29px !important; left:104px !important; right:auto !important; }
}
@media (max-width:1099px) {
  :root { --qv-final-header-height:var(--qv-mobile-header,100px); --qv-final-hero-gap:28px; }
  .qv-final-header .qv-header-inner { display:flex !important; flex-direction:row !important; justify-content:space-between !important; }
  .qv-final-header .qv-header-logo-full { flex-shrink:1; }
  .qv-final-header .qv-header-row { display:none !important; }
  .qv-final-header.qv-header-scrolled .qv-header-logo-full { opacity:1 !important; visibility:visible !important; overflow:visible; }
  .qv-final-header .qv-mobile-toggle { display:block !important; position:relative !important; flex:none; margin:0 !important; right:auto !important; }
  .qv-final-shell { width:calc(100% - 40px); }
  .qv-final-hero { min-height:580px !important; padding-bottom:52px !important; }
  .qv-final-hero .qv-hero-content { width:100% !important; max-width:100% !important; }
  .qv-final-home .qv-button-row { gap:12px !important; }
  .qv-final-home .qv-button-row > .qv-glow-btn { width:100% !important; }
  .qv-final-home .qv-button-row .elementor-button { width:100% !important; min-width:0 !important; }
  .qv-final-hero .qv-fi-bg { opacity:.23 !important; }
  .qv-final-hero .qv-fi-bg::after { background:linear-gradient(90deg,rgba(7,7,10,.85),transparent) !important; }
  .qv-final-home .qv-services-gallery { height:auto !important; padding:64px 20px !important; }
  .qv-final-home .qv-services-gallery-sticky { position:relative !important; top:0 !important; height:auto !important; overflow:visible !important; background:transparent !important; }
  .qv-final-home .qv-services-gallery-copy { position:relative !important; top:0 !important; left:0 !important; width:100% !important; transform:none !important; opacity:1 !important; filter:none !important; margin-bottom:32px !important; }
  .qv-final-home .qv-services-gallery-perspective { position:relative !important; padding:0 !important; display:block !important; }
  .qv-final-home .qv-services-gallery-grid { width:100% !important; max-width:100% !important; grid-template-columns:1fr !important; transform:none !important; gap:16px !important; }
  .qv-final-home .qv-services-gallery-col { transform:none !important; gap:16px !important; }
  .qv-final-home .qv-sg-card { min-height:200px !important; }
  .qv-final-home .qv-services-gallery-sticky::after { display:none !important; }
  .qv-final-home .qv-services-gallery-glow { display:none !important; }
  .qv-final-home .qv-process-v1 { height:auto !important; padding:64px 20px !important; }
  .qv-final-home .qv-process-v1__inner { position:relative !important; height:auto !important; padding:0 !important; }
  .qv-final-home .qv-process-v1__inner { top:0 !important; }
  .qv-final-home .qv-process-v1__rail { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:32px 16px !important; }
  .qv-final-home .qv-process-v1__connector { display:none !important; }
  .qv-final-home .qv-process-v1__step { min-width:0; opacity:1 !important; }
  .qv-final-home .qv-process-v1__step:last-child { grid-column:1 / -1 !important; }
  .qv-final-home .qv-process-v1__copy p { max-width:100% !important; }
  .qv-final-home .qv-why-grid,.qv-final-home .qv-profile-grid { grid-template-columns:1fr !important; }
  .qv-final-home .qv-profile-card-main > img { width:calc(100% + 30px) !important; }
  .qv-minimal-footer { padding:40px 20px !important; }
  .qv-minimal-footer .qv-minimal-footer__grid { display:flex !important; flex-direction:column !important; gap:36px !important; }
  .qv-minimal-footer .qv-minimal-footer__logo-column { width:100% !important; order:-1; }
  .qv-minimal-footer .qv-minimal-footer__logo-column { min-height:0 !important; padding:0 !important; }
  .qv-minimal-footer .qv-minimal-footer__logo img { width:220px !important; max-width:100% !important; height:160px !important; object-fit:contain; }
  .qv-minimal-footer .qv-minimal-footer__copy-column { width:100% !important; }
  .qv-minimal-footer .qv-minimal-footer__description { width:100% !important; max-width:100% !important; }
}
@media all {html:not([data-qv-motion-override="full"]) .qv-motion-ready .qv-final-home .qv-reveal{ opacity:1 !important; transform:none !important; }html:not([data-qv-motion-override="full"]) :where(.qv-final-header,.qv-final-home,.qv-minimal-footer,.qv-social-dock) *,
html:not([data-qv-motion-override="full"]) :where(.qv-final-header,.qv-final-home,.qv-minimal-footer) *::before,
html:not([data-qv-motion-override="full"]) :where(.qv-final-header,.qv-final-home,.qv-minimal-footer) *::after{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }html:not([data-qv-motion-override="full"]) .qv-final-home .qv-services-gallery{ height:auto !important; }html:not([data-qv-motion-override="full"]) .qv-final-home .qv-services-gallery-sticky{ position:relative !important; top:0 !important; height:auto !important; padding:64px 20px !important; }html:not([data-qv-motion-override="full"]) .qv-final-home .qv-services-gallery-copy,
html:not([data-qv-motion-override="full"]) .qv-final-home .qv-services-gallery-perspective{ position:relative !important; top:0 !important; left:0 !important; width:100% !important; transform:none !important; filter:none !important; opacity:1 !important; padding:0 !important; }html:not([data-qv-motion-override="full"]) .qv-final-home .qv-services-gallery-grid,
html:not([data-qv-motion-override="full"]) .qv-final-home .qv-services-gallery-col{ transform:none !important; }html:not([data-qv-motion-override="full"]) .qv-final-home .qv-services-gallery-copy{ margin-bottom:36px; }html:not([data-qv-motion-override="full"]) .qv-final-home .qv-process-v1{ height:auto !important; }html:not([data-qv-motion-override="full"]) .qv-final-home .qv-process-v1__inner{ height:auto !important; position:relative !important; }html:not([data-qv-motion-override="full"]) .qv-final-home .qv-process-v1__step{ opacity:1 !important; }
}

/* Direct HTML compatibility, without replacing the reference design tokens. */
.qv-final-hero .qv-heading-xl { margin:24px 0 !important; text-align:left !important; }
.qv-final-home .qv-services-gallery-copy h2 { width:100% !important; max-width:100% !important; text-align:center !important; margin:16px auto !important; }
.qv-final-home .qv-final-section-action { width:100% !important; grid-column:1/-1; justify-content:center !important; }
.qv-final-home .qv-profile-card { display:flex !important; flex-direction:column !important; }
.qv-final-home .qv-profile-card-main { height:auto !important; flex:1; }
.qv-final-home .qv-profile-glow { position:relative !important; inset:auto !important; transform:none !important; width:calc(100% - 24px) !important; margin:0 12px 12px !important; }
.qv-motion-choice { position:fixed; right:16px; bottom:16px; z-index:2147483601; color:#fff; background:#101022; border:1px solid #9358e8; border-radius:999px; padding:10px 16px; font:600 12px Montserrat,Arial,sans-serif; cursor:pointer; }
.qv-motion-choice:focus-visible { outline:2px solid #00d4ff; outline-offset:4px; }
.qv-minimal-footer .qv-minimal-footer__grid { grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr) !important; gap:clamp(20px,3vw,40px) !important; }
.qv-minimal-footer .qv-minimal-footer__grid > * { width:auto !important; min-width:0 !important; max-width:100% !important; }
.qv-minimal-footer .qv-minimal-footer__description { width:100% !important; max-width:100% !important; }
.qv-minimal-footer .qv-minimal-footer__logo img { max-width:100% !important; }
.qv-social-dock.is-scrolled { left:12px !important; }
@media(max-width:1099px) {
 .qv-final-hero .qv-heading-xl { font-size:clamp(38px,10vw,62px) !important; }
 .qv-final-home .qv-mobile-enter { transition:opacity .65s ease,transform .65s ease !important; }
 html[data-qv-motion-override="full"].qv-motion-ready .qv-mobile-enter:not(.qv-visible) { opacity:0 !important; transform:translateY(24px) !important; }
}
html[data-qv-motion-override="reduced"] .qv-mobile-enter { opacity:1 !important; transform:none !important; transition:none !important; }

/* PROFILE CONTENT EXTENSION — reuses the approved cards, pills, reveal observer
   and existing process progress controller. No competing motion engine. */
.qv-final-home .qv-profile-content-section { padding:var(--qv-section-y) 0 !important; margin:0 !important; }
.qv-profile-content-section .qv-section-head-center { width:100%; }
.qv-profile-content-section .qv-final-shell { z-index:1; }
.qv-final-home .qv-hero-content .qv-heading-xl { font-size:clamp(48px,5vw,72px) !important; text-wrap:wrap; }
.qv-profile-grid-five,.qv-profile-grid-four,.qv-profile-grid-three { display:grid; gap:20px; align-items:stretch; }
.qv-profile-grid-five { grid-template-columns:repeat(5,minmax(0,1fr)); }
.qv-profile-grid-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.qv-profile-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
:is(.qv-profile-grid-five,.qv-profile-grid-four,.qv-profile-grid-three) .qv-why-card { display:flex; flex-direction:column; align-items:center; min-width:0; padding:28px 18px !important; border-radius:18px; }
:is(.qv-profile-grid-five,.qv-profile-grid-four,.qv-profile-grid-three) .qv-why-card h3 { width:100%; }
.qv-profile-text-link { display:inline-block; margin-top:20px; font-size:13px; line-height:1.5; font-weight:600; color:var(--qv-white,#f4f4f2) !important; text-decoration:none; }
.qv-profile-text-link:hover { color:#00d4ff !important; }
.qv-profile-grid-five .qv-profile-text-link,.qv-profile-grid-four .qv-profile-text-link { margin-top:auto; padding-top:20px; }
.qv-profile-note { text-align:center; font-family:var(--qv-font-label); font-size:12px; line-height:1.7; color:#b8a8d5; margin:-16px auto 28px; }
.qv-profile-loop { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:14px; margin:32px 0 0; padding:22px; border:1px solid rgba(139,44,255,.3); border-radius:16px; background:rgba(8,8,13,.45); }
.qv-profile-loop span { font-family:var(--qv-font-label); font-size:12px; }
.qv-profile-loop b { color:#00d4ff; font-weight:400; }
.qv-profile-structure { margin-top:18px !important; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); color:#d7cbe6 !important; }
.qv-profile-industries { margin:40px 0 0; text-align:center; }
.qv-profile-industries h3 { font-family:var(--qv-font-heading); font-size:24px; margin:0 0 24px; }
.qv-profile-industries ul { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; padding:0; margin:0; list-style:none; }
.qv-profile-industries li { border:1px solid rgba(139,44,255,.28); border-radius:999px; padding:12px 18px; background:rgba(8,8,13,.5); font-size:13px; line-height:1.45; }
.qv-final-home [data-qv-profile-seven] { grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) !important; }
.qv-final-home [data-qv-profile-seven] .qv-process-v1__step { min-width:0; grid-column:auto !important; }
.qv-final-home [data-qv-profile-seven] .qv-process-v1__icon { width:clamp(68px,6vw,94px) !important; height:clamp(68px,6vw,94px) !important; }
.qv-final-home [data-qv-profile-seven] .qv-process-v1__icon svg { width:34px !important; height:34px !important; }
.qv-final-home [data-qv-profile-seven] .qv-process-v1__copy h3 { font-size:clamp(17px,1.65vw,22px) !important; }
.qv-final-home [data-qv-profile-seven] .qv-process-v1__copy p { font-size:13px !important; line-height:1.65 !important; width:100%; }
.qv-final-home [data-qv-profile-seven] .qv-process-v1__copy i { background:linear-gradient(90deg,var(--qv-step-color),var(--qv-step-color-2)) !important; }
.qv-final-home [data-qv-profile-seven] .qv-process-v1__connector::before,
.qv-final-home [data-qv-profile-seven] .qv-process-v1__connector span,
.qv-final-home [data-qv-profile-seven] .qv-process-v1__connector::after { top:clamp(34px,3vw,47px) !important; }
.qv-minimal-footer .qv-minimal-footer__copy-column { height:auto !important; min-height:355px; }
.qv-minimal-footer .qv-footer-contact { width:100%; }
.qv-minimal-footer .qv-footer-contact__item { height:auto !important; min-height:68px; }
.qv-minimal-footer .qv-footer-contact__value { white-space:normal !important; overflow:visible !important; text-overflow:clip !important; overflow-wrap:anywhere; }
.qv-minimal-footer .qv-profile-phone { margin-top:12px; grid-template-columns:minmax(0,1fr) 20px !important; }
.qv-minimal-footer .qv-minimal-footer__bottom { gap:20px; flex-wrap:wrap; }
.qv-minimal-footer .qv-minimal-footer__website { margin-right:165px; }
.qv-final-header .qv-header-row { grid-template-columns:64px 1fr 210px !important; }
.qv-final-header .qv-header-cta .elementor-button { min-width:190px !important; padding-inline:18px !important; }
@media (min-width:768px) and (max-width:1100px) {
 .qv-profile-grid-five { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .qv-profile-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .qv-final-home [data-qv-profile-seven] { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:26px 16px !important; }
 .qv-final-home [data-qv-profile-seven] .qv-process-v1__connector { display:none !important; }
 .qv-final-home .qv-process-v1__inner { padding-top:28px !important; padding-bottom:24px !important; }
 .qv-final-home [data-qv-profile-seven] .qv-process-v1__icon { width:64px !important; height:64px !important; }
 .qv-final-home [data-qv-profile-seven] .qv-process-v1__copy { margin-top:14px !important; }
}
@media(max-width:1099px) {
 .qv-profile-grid-five,.qv-profile-grid-four,.qv-profile-grid-three { grid-template-columns:1fr; }
 .qv-final-home .qv-profile-content-section { padding:64px 0 !important; }
 .qv-final-home [data-qv-profile-seven] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 .qv-final-home [data-qv-profile-seven] .qv-process-v1__step:last-child { grid-column:1/-1 !important; }
 .qv-final-home [data-qv-profile-seven] .qv-process-v1__icon { width:80px !important; height:80px !important; }
 .qv-final-home .qv-hero-content .qv-heading-xl { font-size:clamp(36px,9.3vw,62px) !important; }
 .qv-final-home .qv-services-gallery-copy h2 { font-size:clamp(28px,7.4vw,40px) !important; }
 .qv-profile-loop { gap:10px; padding:20px 14px; }
 .qv-minimal-footer .qv-minimal-footer__website { margin-right:0; }
 .qv-minimal-footer .qv-minimal-footer__bottom { padding-bottom:60px; }
}
html[data-qv-motion-override="reduced"] .qv-final-home [data-qv-profile-seven] { gap:20px; }

/* Experimental full-page background. Approved foreground layers are unchanged. */
#qv-swarm-background { position:fixed; inset:0; width:100%; height:100dvh; pointer-events:none !important; z-index:0; overflow:hidden; visibility:hidden; background:#030710; }
#qv-swarm-background canvas { display:block !important; width:100% !important; height:100% !important; opacity:.85; pointer-events:none !important; }
#qv-swarm-background::after { content:''; position:absolute; inset:0; background:linear-gradient(rgba(3,7,16,.36),rgba(3,7,16,.36)),radial-gradient(ellipse at center,transparent 35%,rgba(3,7,16,.28) 100%); pointer-events:none; }
.qv-swarm-active #qv-swarm-background { visibility:visible; }
.qv-swarm-active #qv-bg-engine { display:none !important; }
.qv-swarm-active .qv-final-home,.qv-swarm-active .qv-minimal-footer { position:relative; z-index:1; }
.qv-swarm-active .qv-final-home>section,
.qv-swarm-active .qv-services-gallery-sticky,
.qv-swarm-active .qv-process-v1__inner,
.qv-swarm-active .qv-minimal-footer { background:transparent !important; }
.qv-swarm-active .qv-final-home .qv-services-gallery-glow { opacity:.2 !important; }
.qv-swarm-active .qv-final-hero .qv-fi-bg::before { opacity:.15 !important; }
.qv-swarm-active .qv-minimal-footer::before { background:transparent !important; }
@media(max-width:1099px) {
 #qv-swarm-background canvas { opacity:.65; }
 #qv-swarm-background::after { background:linear-gradient(rgba(3,7,16,.3),rgba(3,7,16,.55)),radial-gradient(ellipse at center,transparent,rgba(3,7,16,.6)); }
}

/* CURATED HOME — normal scrolling, preserved brand and full-page swarm. */
.qv-social-item[hidden] { display:none!important; }
.qv-curated-home .qv-curated-section { height:auto!important; min-height:0!important; padding:72px 0!important; position:relative; scroll-margin-top:calc(124px + var(--qv-final-admin-height,0px))!important; }
.qv-curated-home .qv-section-head-center { max-width:820px; margin:0 auto 38px; text-align:center; }
.qv-curated-home .qv-section-head-center h2 { margin:18px auto!important; font-size:clamp(32px,3.7vw,52px)!important; line-height:1.1!important; }
.qv-curated-home .qv-section-head-center>.qv-text { max-width:680px; margin:auto; color:#c8c8d5!important; }
.qv-curated-home .qv-curated-regional { max-width:620px; margin:24px 0 0; font-size:12px; line-height:1.7; color:#bbbaca; }
.qv-curated-home .qv-curated-services { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.qv-curated-home .qv-curated-service { grid-column:span 2; text-align:left; padding:28px!important; display:flex; flex-direction:column; min-height:260px; background:linear-gradient(140deg,rgba(13,29,45,.90),rgba(36,12,40,.87))!important; }
.qv-curated-home .qv-curated-service:nth-last-child(-n+2) { grid-column:span 3; }
.qv-curated-home .qv-curated-number { color:#d4b5ff; font:12px 'JetBrains Mono',monospace; letter-spacing:.15em; margin-bottom:18px; }
.qv-curated-home .qv-curated-kicker { color:#cfb4f4!important; font-size:12px!important; line-height:1.6!important; margin:10px 0!important; }
.qv-curated-home .qv-why-card h3 { font-size:clamp(20px,2vw,25px)!important; line-height:1.25; }
.qv-curated-home .qv-why-card p { font-size:14px!important; line-height:1.75!important; color:#d0cfdb!important; }
.qv-curated-home .qv-profile-text-link { color:#eee8ff!important; font-size:13px; line-height:1.6; padding:12px 0; display:inline-block; }
.qv-curated-home .qv-curated-service .qv-profile-text-link { margin-top:auto; }
.qv-curated-home .qv-curated-service-links { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px 22px; margin-top:26px; font-size:13px; line-height:1.6; color:#c9c8d7; }
.qv-curated-home .qv-curated-service-links a { color:#efe4ff; text-decoration:underline; text-underline-offset:5px; padding:8px 0; }
.qv-curated-home .qv-curated-grid-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.qv-curated-home .qv-curated-grid-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.qv-curated-home .qv-curated-grid-three .qv-why-card { padding:28px!important; }
.qv-curated-home .qv-curated-system { text-align:left; padding:24px!important; background:rgba(10,12,25,.92)!important; }
.qv-curated-home .qv-curated-system-label { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; font-size:10px; letter-spacing:.08em; color:#c2a7e7; }
.qv-curated-home .qv-curated-diagram { display:flex; gap:10px; align-items:center; padding:32px 0; min-height:170px; }
.qv-curated-home .qv-curated-diagram>div { flex:1; min-width:0; border:1px solid #755098; border-radius:14px; padding:18px 10px; background:linear-gradient(140deg,#201032,#08263a); text-align:center; box-shadow:0 0 20px #682fac22; }
.qv-curated-home .qv-curated-diagram b { display:block; color:#bc8cff; font:11px 'JetBrains Mono',monospace; margin-bottom:12px; }
.qv-curated-home .qv-curated-diagram span { color:#f0e8fa; font-size:12px; line-height:1.5; display:block; }
.qv-curated-home .qv-curated-diagram i { font-style:normal; color:#7bddfa; }
.qv-curated-home .qv-final-section-action { margin-top:30px!important; text-align:center; }
.qv-curated-home .qv-process-v1__inner { position:relative!important; top:0!important; height:auto!important; min-height:0!important; padding:0!important; width:100%; }
.qv-curated-home .qv-process-v1__rail { grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr)!important; margin:0!important; }
.qv-curated-home .qv-process-v1__step { opacity:1!important; min-width:0; }
.qv-curated-home .qv-process-v1__icon { width:80px!important; height:80px!important; font-size:32px; display:grid; place-items:center; }
.qv-curated-home .qv-process-v1__connector::before,.qv-curated-home .qv-process-v1__connector::after,.qv-curated-home .qv-process-v1__connector span { top:40px!important; }
.qv-curated-home .qv-process-v1__copy h3 { font-size:23px!important; }
.qv-curated-home .qv-process-v1__copy p { color:#c8c7d6!important; font-size:14px!important; line-height:1.7; max-width:300px; }
.qv-curated-home .qv-curated-stages { color:#d4b5ff!important; font-size:12px!important; }
.qv-curated-home .qv-curated-method { max-width:680px; margin:auto; border:1px solid #59416e; border-radius:14px; padding:0 22px; background:rgba(11,13,25,.94); text-align:left; }
.qv-curated-home .qv-curated-method summary { cursor:pointer; padding:18px 0; color:#ece3f5; font-size:14px; }
.qv-curated-home .qv-curated-method ol { color:#d7d4e1; font-size:14px; line-height:1.85; padding-left:22px; }
.qv-curated-home .qv-curated-contact { padding-top:50px!important; padding-bottom:72px!important; }
.qv-curated-home .qv-curated-engagement { color:#f0dce7!important; font-size:12px!important; margin-top:12px; }
.qv-curated-home .qv-curated-primary .elementor-button { border-color:#c292ff!important; background:linear-gradient(110deg,#4b1972,#183e53)!important; }
.qv-curated-home :where(a,summary):focus-visible { outline:2px solid #67defc!important; outline-offset:5px; }
.qv-curated-concept { padding-top:36px; }
.qv-curated-concept .qv-curated-diagram-large { max-width:860px; margin:0 auto 20px; }
.qv-curated-concept .qv-curated-disclosure { margin:26px auto; max-width:760px; color:#cfcbdb; }
.qv-curated-concept .qv-why-card ul { font-size:14px; line-height:1.8; color:#cfcada; padding-left:18px; }
@media(max-width:900px) {
 .qv-curated-home .qv-curated-services { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .qv-curated-home .qv-curated-service,.qv-curated-home .qv-curated-service:nth-last-child(-n+2) { grid-column:auto; }
 .qv-curated-home .qv-curated-service:last-child { grid-column:1/-1; }
 .qv-curated-home .qv-curated-grid-three { gap:14px; }
}
@media(max-width:1099px) {
 .qv-curated-home .qv-curated-section { padding:48px 0!important; }
 .qv-curated-home .qv-section-head-center { margin-bottom:28px; }
 .qv-curated-home .qv-curated-services,.qv-curated-home .qv-curated-grid-two,.qv-curated-home .qv-curated-grid-three { grid-template-columns:1fr; }
 .qv-curated-home .qv-curated-service { min-height:0; }
 .qv-curated-home .qv-process-v1__rail { grid-template-columns:1fr!important; gap:32px!important; }
 .qv-curated-home .qv-process-v1__step:last-child { grid-column:auto!important; }
 .qv-curated-home .qv-process-v1__connector { display:none!important; }
 .qv-curated-home .qv-process-v1__copy p { max-width:100%; }
 .qv-curated-home .qv-curated-diagram { gap:6px; }
 .qv-curated-home .qv-curated-diagram>div { padding:14px 5px; }
 .qv-curated-home .qv-curated-diagram span { font-size:11px; }
 .qv-curated-home .qv-curated-contact { padding:40px 20px 56px!important; }
}

/* HOME V2 — scoped editorial presentation; inherited engines/settings retained. */
.qv-home-v2 { --qv-v2-muted:#cccbd7; }
#qv-swarm-background[data-renderer="canvas2d-fallback"] #qv-swarm-canvas { display:none!important; }
#qv-swarm-background .qv-v2-fallback-canvas { position:absolute; inset:0; }
@media(min-width:1100px) { .qv-final-header .qv-header-cta { margin-inline-end:124px!important; } }
.qv-home-v2 .qv-final-shell { max-width:1200px!important; }
.qv-home-v2 .qv-hero-content { max-width:740px!important; }
.qv-home-v2 .qv-final-hero h1 { font-size:clamp(40px,5.2vw,72px)!important; line-height:1.06!important; letter-spacing:-.035em!important; }
.qv-home-v2 .qv-hero-content>.qv-text { max-width:610px!important; }
.qv-home-v2 .qv-v2-accent { color:#dfc8ff; }
.qv-home-v2 .qv-curated-section { padding:80px 0!important; }
.qv-home-v2 .qv-section-head-center { max-width:880px; }
.qv-home-v2 .qv-section-head-center h2 { font-size:clamp(32px,3.6vw,48px)!important; letter-spacing:-.025em; text-wrap:balance; }
.qv-home-v2 .qv-why-card { border:1px solid #ffffff26!important; background:linear-gradient(135deg,rgba(17,20,38,.96),rgba(17,12,30,.94))!important; border-radius:20px!important; box-shadow:0 8px 40px #02030a30!important; transition:border-color .25s ease,box-shadow .25s ease!important; }
.qv-home-v2 .qv-why-card:hover { border-color:#ba91f76b!important; box-shadow:0 12px 44px #7232d021!important; }
.qv-home-v2 .qv-v2-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.qv-home-v2 .qv-curated-number { margin:0; color:var(--qv-v2-card-accent,#caa5ff); }
.qv-home-v2 .qv-v2-service-symbol { display:grid; place-items:center; width:44px; height:44px; border:1px solid #ffffff20; border-radius:13px; color:var(--qv-v2-card-accent); font-size:25px; }
.qv-home-v2 .qv-curated-service { min-height:320px; }
.qv-home-v2 .qv-curated-service .qv-profile-text-link { padding-top:22px; }
.qv-home-v2 .qv-profile-text-link { text-decoration:none!important; }
.qv-home-v2 .qv-profile-text-link:hover { text-decoration:underline!important; text-underline-offset:5px; }
.qv-home-v2 .qv-profile-text-link span { display:inline-block; transition:translate .2s; }
.qv-home-v2 .qv-profile-text-link:hover span { translate:3px -2px; }
.qv-home-v2 .qv-v2-disclosure { max-width:800px; margin:-12px auto 30px; font-size:12px; line-height:1.7; text-align:center; color:#d3c7e5; }
.qv-home-v2 .qv-v2-concept-art { position:relative; display:flex; align-items:center; justify-content:space-around; min-height:235px; border-radius:14px; overflow:hidden; margin:22px 0; padding:26px; background:radial-gradient(ellipse at 25% 70%,#8b629035,transparent 70%),linear-gradient(135deg,#30283b,#152a37); }
.qv-home-v2 .qv-v2-art-skincare { background:radial-gradient(ellipse at 30% 80%,#c4a68444,transparent 70%),linear-gradient(135deg,#27222d,#202b32); }
.qv-home-v2 .qv-v2-product { width:110px; height:164px; border-radius:12px 12px 22px 22px; background:linear-gradient(110deg,#d4c0a3,#f2e7d3 50%,#baaa90); color:#292332; box-shadow:18px 22px 28px #0005; display:flex; align-items:center; justify-content:center; flex-direction:column; rotate:-8deg; border-top:20px solid #625467; }
.qv-home-v2 .qv-v2-product span { font:8px monospace; letter-spacing:.18em; }
.qv-home-v2 .qv-v2-product b { font-size:54px; line-height:1.2; font-weight:400; }
.qv-home-v2 .qv-v2-product small { font:8px monospace; letter-spacing:.2em; }
.qv-home-v2 .qv-v2-art-caption { font:11px/2 monospace; letter-spacing:.12em; color:#e7dfeb; }
.qv-home-v2 .qv-v2-funnel { width:165px; display:grid; gap:12px; }
.qv-home-v2 .qv-v2-funnel span { padding:14px; text-align:center; border:1px solid #77cce96b; border-radius:9px; font:10px monospace; letter-spacing:.12em; background:#112337; color:#a7e7fa; }
.qv-home-v2 .qv-v2-funnel span:nth-child(2) { margin:0 12px; border-color:#b88be8; color:#ddbbff; }
.qv-home-v2 .qv-v2-funnel span:nth-child(3) { margin:0 24px; border-color:#e99a90; color:#ffc6b9; }
.qv-home-v2 .qv-v2-system-flow { display:flex; flex-wrap:wrap; list-style:none; padding:0; gap:6px; margin:22px 0 10px; font-size:11px; color:#c6b9db; }
.qv-home-v2 .qv-v2-system-flow li+li::before { content:'→'; margin-right:6px; color:#72d4ed; }
.qv-home-v2 .qv-v2-principle-number { display:block; font:12px monospace; color:#bd8bfc; margin-bottom:24px; }
.qv-home-v2 .qv-v2-engagement { max-width:850px; margin:44px auto 0; padding:24px; border-top:1px solid #ffffff24; text-align:center; }
.qv-home-v2 .qv-v2-engagement h3 { font-size:20px; margin:0 0 12px; color:#f0e8fb; }
.qv-home-v2 .qv-v2-engagement p,.qv-home-v2 .qv-curated-method p { color:#ccc6da; font-size:14px; line-height:1.8; }
.qv-home-v2 .qv-v2-contact-inner { max-width:1040px; margin:auto; padding:58px 40px; border:1px solid #ba86ff45; border-radius:24px; text-align:center; background:radial-gradient(ellipse at top left,#6f2ebd38,transparent 70%),linear-gradient(140deg,#13152bef,#101b2aef); }
.qv-home-v2 .qv-v2-contact-inner h2 { max-width:800px; font-size:clamp(30px,3.8vw,49px)!important; line-height:1.14!important; margin:24px auto; text-wrap:balance; }
.qv-home-v2 .qv-v2-contact-inner>p { max-width:660px; margin:0 auto 26px; color:#d1cadf; font-size:16px; line-height:1.8; }
.qv-home-v2 .qv-v2-contact-inner .qv-v2-reassurance { font-size:12px; margin:20px auto 0; }
html:not(.qv-motion-ready) .qv-home-v2 .qv-reveal { opacity:1!important; transform:none!important; visibility:visible!important; }
@media(max-width:1099px) { .qv-home-v2 .qv-curated-section { padding:48px 0!important; } .qv-home-v2 .qv-curated-service { min-height:0; } .qv-home-v2 .qv-v2-contact-inner { padding:36px 22px; } .qv-home-v2 .qv-v2-concept-art { padding:18px; min-height:210px; } .qv-home-v2 .qv-v2-art-caption { font-size:9px; } .qv-home-v2 .qv-v2-product { width:90px; height:144px; } }
html[data-qv-motion-override="reduced"] .qv-home-v2 * { scroll-behavior:auto!important; }
html[data-qv-motion-override="reduced"] .qv-home-v2 .qv-profile-text-link span { transition:none; }

/* Reference motion — independent transform properties preserve inherited reveals. */
.qv-home-v2 [data-qv-scroll-card] { scale:var(--qv-scroll-scale,1); translate:0 var(--qv-scroll-rise,0px); transform-origin:center center; }
.qv-reference-cursor { position:fixed; inset:0 auto auto 0; width:0; height:0; pointer-events:none!important; z-index:2147483590; opacity:0; transition:opacity .18s; }
.qv-reference-cursor[data-active="true"] { opacity:1; }
.qv-reference-cursor::before { content:''; position:absolute; width:180px; height:180px; left:-90px; top:-90px; border-radius:50%; background:radial-gradient(circle,#8b2cff30 0%,#8b2cff13 32%,transparent 70%); }
.qv-reference-cursor::after { content:''; position:absolute; left:-3px; top:-3px; width:6px; height:6px; border-radius:50%; background:#ffb665; box-shadow:0 0 9px #ff941d99; transition:scale .2s; }
.qv-reference-cursor[data-link="true"]::after { scale:1.7; background:#a6e5ff; box-shadow:0 0 12px #00d4ff80; }
html[data-qv-motion-override="reduced"] .qv-reference-cursor { display:none!important; }
html[data-qv-motion-override="reduced"] .qv-home-v2 [data-qv-scroll-card] { scale:1; translate:none; }
@media(hover:none),(pointer:coarse) { .qv-reference-cursor { display:none!important; } }

html body main.qv-final-home.qv-home-v2 .qv-glow-btn .elementor-button{background:linear-gradient(rgba(8,10,18,.96),rgba(8,10,18,.96)) padding-box,linear-gradient(135deg,#ffffffe0,#969aaa8a,#ffffffd1) border-box!important;border:1px solid transparent!important;border-radius:16px!important;box-shadow:inset 0 1px 0 #ffffff17,0 0 18px #ffffff1a,0 16px 38px #0005!important;}
html body main.qv-final-home.qv-home-v2 .qv-glow-btn .elementor-button:hover{background:linear-gradient(rgba(8,10,18,.96),rgba(8,10,18,.96)) padding-box,linear-gradient(135deg,#8B2CFF,#FF2D75,#FF8A1F,#00D4FF) border-box!important;}
html body main.qv-final-home.qv-home-v2 .qv-why-card{border:1px solid transparent!important;border-radius:18px!important;background:linear-gradient(rgba(8,8,13,.76),rgba(8,8,13,.76)) padding-box,conic-gradient(from var(--qv-angle,0deg),#8B2CFF,#FF2D75,#FF8A1F,#00D4FF,#8B2CFF) border-box!important;animation:qvBorderRotate 5s linear infinite!important;}
html[data-qv-motion-override="reduced"] body main.qv-final-home.qv-home-v2 .qv-why-card{animation:none!important;}


/* QA correction: the three process articles have no connector DOM nodes. */
.qv-home-v2 .qv-process-v1__rail{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;}
.qv-home-v2 .qv-process-v1__step,.qv-home-v2 .qv-process-v1__copy{width:auto!important;min-width:0!important;max-width:none!important;}
@media(max-width:1099px){.qv-home-v2 .qv-process-v1__rail{grid-template-columns:1fr!important;gap:32px!important;}}

/* Neutral interiors: opaque base prevents the border gradient bleeding into fill. */
html body main.qv-final-home.qv-home-v2 .qv-why-card{background:linear-gradient(#0c0e18,#0c0e18) padding-box,conic-gradient(from var(--qv-angle,0deg),#8B2CFF,#FF2D75,#FF8A1F,#00D4FF,#8B2CFF) border-box!important;box-shadow:inset 0 1px 0 #ffffff05,0 10px 28px #00000024!important;}
html body main.qv-final-home.qv-home-v2 .qv-why-card:hover{box-shadow:0 0 18px #8b2cff17,0 12px 30px #00000030!important;}
/* Consistent editorial alignment: centred section intros; left-aligned card copy. */
.qv-home-v2 .qv-section-head-center{text-align:center!important;margin-inline:auto!important;align-items:center!important;}
.qv-home-v2 .qv-section-head-center :is(h2,p){text-align:center!important;margin-inline:auto!important;}
html body main.qv-final-home.qv-home-v2 .qv-why-card{text-align:left!important;align-items:stretch!important;}
html body main.qv-final-home.qv-home-v2 .qv-why-card :is(h3,p){text-align:left!important;max-width:none!important;margin-left:0!important;margin-right:0!important;width:auto!important;}
.qv-home-v2 .qv-curated-services{align-items:stretch!important;}
.qv-home-v2 .qv-curated-service{display:flex!important;flex-direction:column!important;}
.qv-home-v2 .qv-curated-service>.qv-profile-text-link{margin-top:auto!important;}
.qv-home-v2 .qv-process-v1__step{text-align:center!important;}
.qv-home-v2 .qv-process-v1__copy :is(h3,p){text-align:center!important;max-width:none!important;margin-inline:auto!important;}
.qv-home-v2 .qv-v2-contact-inner{text-align:center!important;}
.qv-home-v2 .qv-v2-contact-inner :is(h2,p){text-align:center!important;margin-inline:auto!important;}
.qv-home-v2 .qv-curated-system .qv-profile-text-link{display:inline-flex!important;align-items:center!important;}

/* Fonts from the supplied brand guide; inherited Futura overrides neutralised. */
html body .qv-final-home :is(h2,h3,p,a,button),html body .qv-final-header :is(a,button),html body .qv-minimal-footer :is(p,a){font-family:Montserrat,Arial,sans-serif!important;}
html body main.qv-final-home #qv-home-title,html body main.qv-final-home #qv-home-title *{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:500!important;}
html body main.qv-final-home #qv-home-title{font-size:clamp(48px,5vw,78px)!important;line-height:1.08!important;}
html body main.qv-final-home .qv-section-head-center h2{font-size:clamp(22px,2.2vw,31px)!important;font-weight:600!important;}
html body main.qv-final-home .qv-why-card h3{font-size:18px!important;font-weight:600!important;}
html body main.qv-final-home .qv-pill-text{font-family:'JetBrains Mono',monospace!important;}

/* Repair explicit placement without altering original responsive/header rules. */
.qv-home-v2 .qv-process-v1__step{grid-column:auto!important;grid-row:auto!important;}
.qv-home-v2 .qv-process-v1__connector{display:none!important;}
/* Keep the original left dock fully onscreen. */
body .qv-social-dock.is-scrolled{left:16px!important;}
html body .qv-social-dock .qv-social-list .qv-social-item[hidden]{display:none!important;}

/* Reserve a real right-hand slot for social icons only on desktop. */
@media(min-width:1100px){
 html body .qv-final-header .qv-header-cta{margin-inline-end:32px!important;transition:margin-inline-end .55s cubic-bezier(.22,1,.36,1)!important;}
 html body .qv-final-header.qv-header-scrolled .qv-header-row{display:flex!important;align-items:center!important;gap:24px!important;width:100%!important;}
 html body .qv-final-header.qv-header-scrolled .qv-nav{margin-inline-end:auto!important;}
 html body .qv-final-header.qv-header-scrolled .qv-header-cta{margin-inline-end:282px!important;flex-shrink:0!important;}
}
/* Match the travel source to the destination: square icons, never long pills. */
html body .qv-social-dock.is-scrolled .qv-social-item{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;padding:0!important;}
html body .qv-social-dock.is-scrolled .qv-social-list{width:48px!important;}
html body .qv-social-dock.is-scrolled :is(.qv-social-label,.qv-social-text,.qv-social-name){display:none!important;}
html body .qv-social-train-ghost{border-radius:14px!important;}
/* Guide type roles across header, footer, controls and every content section. */
:root{--qv-font-heading:Montserrat,Arial,sans-serif;--qv-font-body:Montserrat,Arial,sans-serif;--qv-font-display:'Cormorant Garamond',Georgia,serif;}
html body :is(.qv-final-header,.qv-final-home,.qv-minimal-footer) :is(h2,h3,h4,p,a,button,summary,li,small){font-family:Montserrat,Arial,sans-serif!important;}
html body .qv-final-home #qv-home-title,html body .qv-final-home #qv-home-title *{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:500!important;font-style:italic!important;}
html body :is(.qv-pill-text,.qv-curated-number,.qv-curated-system-label,.qv-process-v1__copy>span,.qv-footer-heading){font-family:'JetBrains Mono',monospace!important;}

/* Visibility must beat legacy stage-specific rules. */
html body .qv-social-dock.is-scrolled:not(.is-qv-train-destination):not(.qv-social-in-flight){opacity:1!important;visibility:visible!important;left:16px!important;z-index:2147483600!important;}
html body .qv-social-dock.is-scrolled .qv-social-item{opacity:1!important;visibility:visible!important;}
html body .qv-social-dock.is-scrolled{transform:translateY(-50%)!important;width:48px!important;right:auto!important;}
html body .qv-social-dock.is-scrolled .qv-social-list{position:relative!important;left:0!important;right:auto!important;transform:none!important;translate:none!important;width:48px!important;}
html body .qv-social-dock.is-scrolled .qv-social-item{position:relative!important;left:0!important;right:auto!important;transform:none!important;translate:none!important;margin:0!important;}
html body .qv-footer-social-slot .qv-social-dock.is-qv-train-destination,html body .qv-social-dock.is-qv-train-destination{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
html body .qv-footer-social-slot .qv-social-dock.is-qv-train-destination .qv-social-item{opacity:0!important;visibility:hidden!important;}
@media(min-width:768px) and (max-width:1099px){
 .qv-home-v2 .qv-curated-services,.qv-home-v2 .qv-curated-grid-two,.qv-home-v2 .qv-curated-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .qv-final-header .qv-header-logo-full img{width:160px!important;height:auto!important;}
 .qv-final-header .qv-header-inner{padding-inline:28px!important;}
 .qv-final-shell{width:calc(100% - 64px)!important;}
 .qv-minimal-footer__inner{grid-template-columns:1fr!important;gap:24px!important;}
}

/* Restored connector DOM matches its five-column desktop grid. */
html body main.qv-final-home .qv-process-v1__rail{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 48px minmax(0,1fr)!important;gap:16px!important;}
html body main.qv-final-home .qv-process-v1__connector{display:block!important;min-width:0!important;position:relative!important;}
@media(max-width:1099px){html body main.qv-final-home .qv-process-v1__rail{grid-template-columns:1fr!important;}html body main.qv-final-home .qv-process-v1__connector{height:30px!important;width:48px!important;justify-self:center!important;transform:rotate(90deg)!important;}html body main.qv-final-home .qv-process-v1__connector::before,html body main.qv-final-home .qv-process-v1__connector::after,html body main.qv-final-home .qv-process-v1__connector span{top:15px!important;}}