.elementor-123 .elementor-element.elementor-element-262cf3d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-9bce645 *//* ==========================================
LUMECCA PAGE • COLOR + FLOW + SCROLL REVEAL
Replace the last contrast fix with this
========================================== */

.clqLum,
.clqLum-page{
  background:
    radial-gradient(1200px 720px at 10% 8%, rgba(214,189,132,.18), transparent 60%),
    radial-gradient(1100px 720px at 92% 14%, rgba(80,123,191,.16), transparent 58%),
    linear-gradient(180deg, #f4eee5 0%, #fbf8f2 34%, #edf3fa 68%, #f7f2ea 100%) !important;
}

/* alternate section color so the page stops feeling flat */
.clqLum-sec:nth-of-type(odd){
  background:
    linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.82)),
    radial-gradient(900px 520px at 15% 20%, rgba(210,180,120,.10), transparent 60%),
    radial-gradient(900px 520px at 86% 20%, rgba(90,132,193,.08), transparent 62%) !important;
}

.clqLum-sec:nth-of-type(even){
  background:
    linear-gradient(180deg, rgba(237,243,250,.72), rgba(255,255,255,.88)),
    radial-gradient(900px 520px at 78% 16%, rgba(90,132,193,.12), transparent 60%),
    radial-gradient(800px 480px at 18% 72%, rgba(214,189,132,.10), transparent 62%) !important;
}

/* darker/high-impact bands for sections that need contrast */
.clqLum-benefits,
.clqLum-consultBand,
.clqLum-ctaBand,
.clqLum-bookBand{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 520px at 15% 6%, rgba(214,189,132,.22), transparent 58%),
    radial-gradient(1000px 580px at 88% 20%, rgba(95,140,208,.20), transparent 60%),
    linear-gradient(135deg, #132742 0%, #213d66 50%, #6a5738 100%) !important;
}

.clqLum-benefits::before,
.clqLum-consultBand::before,
.clqLum-ctaBand::before,
.clqLum-bookBand::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(130deg, rgba(255,255,255,.04), transparent 36%),
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.08), transparent 26%);
}

/* readable text on dark sections */
.clqLum-benefits .clqLum-kicker,
.clqLum-benefits .clqLum-kickerLight,
.clqLum-consultBand .clqLum-kicker,
.clqLum-ctaBand .clqLum-kicker,
.clqLum-bookBand .clqLum-kicker{
  color: rgba(255,255,255,.82) !important;
}

.clqLum-benefits .clqLum-h2,
.clqLum-benefits .clqLum-h2Light,
.clqLum-consultBand .clqLum-h2,
.clqLum-ctaBand .clqLum-h2,
.clqLum-bookBand .clqLum-h2{
  color: #ffffff !important;
  text-shadow: 0 1px 16px rgba(0,0,0,.22);
}

.clqLum-benefits .clqLum-body,
.clqLum-benefits .clqLum-bodyLight,
.clqLum-consultBand .clqLum-body,
.clqLum-ctaBand .clqLum-body,
.clqLum-bookBand .clqLum-body{
  color: rgba(255,255,255,.88) !important;
}

/* soft “backing” behind text blocks so copy never disappears */
.clqLum-head,
.clqLum-panel,
.clqLum-note,
.clqLum-miniCTA,
.clqLum-ctaStrip,
.clqLum-sources{
  position: relative;
  background: rgba(255,255,255,.62) !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(24,44,74,.08) !important;
  border-radius: 28px !important;
  box-shadow: 0 20px 50px rgba(24,44,74,.08) !important;
}

.clqLum-head{
  padding: clamp(24px, 3vw, 38px) !important;
}

.clqLum-panel,
.clqLum-note,
.clqLum-miniCTA,
.clqLum-ctaStrip,
.clqLum-sources{
  padding: clamp(18px, 2.2vw, 28px) !important;
}

/* cards + faq feel more intentional */
.clqLum-areaCard,
.clqLum-type,
.clqLum-bullet,
.clqLum-metric,
.clqLum-faqItem,
.clqLum-ba,
.clqLum-mediaCard{
  background:
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(248,244,237,.92)) !important;
  border: 1px solid rgba(24,44,74,.08) !important;
  box-shadow: 0 18px 44px rgba(24,44,74,.08) !important;
}

/* a little gold + blue in buttons */
.clqLum-btnGold,
.clqLum-btnPrimary{
  background: linear-gradient(135deg, #c7ac6d, #e0ce9e) !important;
  color: #182c4a !important;
  border-color: rgba(0,0,0,.08) !important;
  box-shadow: 0 14px 30px rgba(199,172,109,.24) !important;
}

.clqLum-btnOutline,
.clqLum-btnOutlineLight{
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  color: #ffffff !important;
  backdrop-filter: blur(8px);
}

/* make headings/body more elegant and readable */
.clqLum h1,
.clqLum h2,
.clqLum h3,
.clqLum-page h1,
.clqLum-page h2,
.clqLum-page h3{
  letter-spacing: .01em !important;
}

.clqLum p,
.clqLum li,
.clqLum-page p,
.clqLum-page li{
  line-height: 1.82 !important;
}

/* =========================
SCROLL REVEAL ANIMATION
========================= */
.clqLum-reveal-up,
.clqLum-reveal-left,
.clqLum-reveal-right{
  opacity: 0;
  will-change: transform, opacity;
  transition:
    transform .9s cubic-bezier(.22,1,.36,1),
    opacity .9s ease;
}

.clqLum-reveal-up{
  transform: translate3d(0, 56px, 0);
}

.clqLum-reveal-left{
  transform: translate3d(-56px, 0, 0);
}

.clqLum-reveal-right{
  transform: translate3d(56px, 0, 0);
}

.clqLum-reveal-up.is-visible,
.clqLum-reveal-left.is-visible,
.clqLum-reveal-right.is-visible{
  opacity: 1;
  transform: translate3d(0,0,0);
}

/* smoother feel on hover */
.clqLum-areaCard,
.clqLum-type,
.clqLum-bullet,
.clqLum-metric,
.clqLum-faqItem,
.clqLum-ba{
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

.clqLum-areaCard:hover,
.clqLum-type:hover,
.clqLum-bullet:hover,
.clqLum-metric:hover,
.clqLum-faqItem:hover,
.clqLum-ba:hover{
  transform: translateY(-3px);
  box-shadow: 0 24px 58px rgba(24,44,74,.12) !important;
  border-color: rgba(90,132,193,.18) !important;
}

@media (prefers-reduced-motion: reduce){
  .clqLum-reveal-up,
  .clqLum-reveal-left,
  .clqLum-reveal-right{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}/* End custom CSS */