.elementor-7275 .elementor-element.elementor-element-9a07522{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7275 .elementor-element.elementor-element-9a07522:not(.elementor-motion-effects-element-type-background), .elementor-7275 .elementor-element.elementor-element-9a07522 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-7275 .elementor-element.elementor-element-6071673a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7275 .elementor-element.elementor-element-b4ea635{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:40px;}.elementor-7275 .elementor-element.elementor-element-7e7153d > .elementor-widget-container{margin:0px -10px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7275 .elementor-element.elementor-element-7e7153d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-7275 .elementor-element.elementor-element-2f406d56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-7275 .elementor-element.elementor-element-7268ad0 > .elementor-widget-container{margin:20px 0px 0px 10px;}.elementor-7275 .elementor-element.elementor-element-7268ad0.elementor-element{--align-self:center;}.elementor-7275 .elementor-element.elementor-element-7268ad0 .elementor-icon-box-wrapper{text-align:left;}.elementor-7275 .elementor-element.elementor-element-7268ad0{--icon-box-icon-margin:7px;}.elementor-7275 .elementor-element.elementor-element-7268ad0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-7275 .elementor-element.elementor-element-7268ad0.elementor-view-framed .elementor-icon, .elementor-7275 .elementor-element.elementor-element-7268ad0.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-7275 .elementor-element.elementor-element-7268ad0 .elementor-icon{font-size:20px;}.elementor-7275 .elementor-element.elementor-element-7268ad0 .elementor-icon-box-title, .elementor-7275 .elementor-element.elementor-element-7268ad0 .elementor-icon-box-title a{font-size:16px;font-weight:400;}.elementor-7275 .elementor-element.elementor-element-6b470d67{text-align:center;}.elementor-7275 .elementor-element.elementor-element-6b470d67 .elementor-heading-title{font-family:"Garet", Sans-serif;font-size:30px;font-weight:300;line-height:1.2em;color:#0c0c0c;}.elementor-7275 .elementor-element.elementor-element-6296831a > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-7275 .elementor-element.elementor-element-6296831a{text-align:left;font-family:"Garet", Sans-serif;font-size:16px;font-weight:400;color:rgba(0,0,0,0.5);}.elementor-7275 .elementor-element.elementor-element-52ec8d7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7275 .elementor-element.elementor-element-52ec8d7{text-align:center;}.elementor-7275 .elementor-element.elementor-element-52ec8d7 .elementor-heading-title{font-family:"Garet", Sans-serif;font-size:21px;font-weight:300;line-height:1.2em;color:#0c0c0c;}.elementor-7275 .elementor-element.elementor-element-90bebd1 > .elementor-widget-container{margin:0px 0px 0px 10px;}#elementor-popup-modal-7275 .dialog-widget-content{animation-duration:1.4s;border-radius:20px 20px 20px 20px;}#elementor-popup-modal-7275{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-7275 .dialog-message{width:800px;height:500px;align-items:flex-start;}#elementor-popup-modal-7275 .dialog-close-button{display:flex;}@media(max-width:1024px){.elementor-7275 .elementor-element.elementor-element-9a07522{--min-height:430px;}.elementor-7275 .elementor-element.elementor-element-6b470d67 .elementor-heading-title{font-size:27px;}.elementor-7275 .elementor-element.elementor-element-52ec8d7 .elementor-heading-title{font-size:27px;}#elementor-popup-modal-7275 .dialog-message{width:700px;height:500px;}#elementor-popup-modal-7275 .dialog-widget-content{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-7275 .elementor-element.elementor-element-9a07522{--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7275 .elementor-element.elementor-element-7e7153d > .elementor-widget-container{margin:0px 0px 0px -40px;}.elementor-7275 .elementor-element.elementor-element-2f406d56{--min-height:55vh;--margin-top:-330px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7275 .elementor-element.elementor-element-2f406d56.e-con{--align-self:center;}.elementor-7275 .elementor-element.elementor-element-7268ad0 .elementor-icon-box-wrapper{text-align:center;}.elementor-7275 .elementor-element.elementor-element-6b470d67 > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-7275 .elementor-element.elementor-element-6b470d67 .elementor-heading-title{font-size:28px;}.elementor-7275 .elementor-element.elementor-element-6296831a{text-align:center;}.elementor-7275 .elementor-element.elementor-element-52ec8d7 > .elementor-widget-container{margin:-10px 10px 20px 10px;}.elementor-7275 .elementor-element.elementor-element-52ec8d7 .elementor-heading-title{font-size:26px;}.elementor-7275 .elementor-element.elementor-element-90bebd1 > .elementor-widget-container{margin:-20px 0px 0px 0px;}#elementor-popup-modal-7275 .dialog-message{width:300px;height:57vh;}}/* Start custom CSS for html, class: .elementor-element-7e7153d *//* wrapper */
.spotlight-wrapper {
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  padding: 24px;
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(0,0,0,0.06);
}

/* mock page */
.spotlight-page {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.block {
  border-radius: 18px;
  background: #f2f2f2;
}

.hero { height: 180px; }

.row {
  display: flex;
  gap: 12px;
}

.card {
  flex: 1;
  height: 120px;
  border-radius: 16px;
  background: #eaeaea;
}

.cta { height: 80px; }

/* ---------------- HEATMAP ---------------- */
.heatmap-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.heat {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(255,0,0,0.35) 0%,
    rgba(255,140,0,0.3) 40%,
    rgba(255,200,0,0.2) 65%,
    transparent 80%
  );
  filter: blur(14px);
  animation: heatPulse 4s infinite ease-in-out;
}

.h1 { top: 50px; left: 50%; transform: translateX(-50%); }
.h2 { top: 200px; left: 20%; }
.h3 { bottom: 40px; left: 55%; }

@keyframes heatPulse {
  0% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.25); }
  100% { opacity: 0.3; transform: scale(1); }
}

/* ---------------- SPOTLIGHT ---------------- */
.spotlight {
  position: absolute;
  border-radius: 20px;
  background: rgba(0,0,0,0.04);
  backdrop-filter: blur(6px);
  opacity: 0;
  z-index: 2;
  animation: spotlightMove 12s infinite;
}

.s1 { top: 40px; left: 20px; width: 70%; height: 160px; animation-delay: 0s; }
.s2 { top: 220px; left: 10%; width: 30%; height: 120px; animation-delay: 4s; }
.s3 { bottom: 30px; left: 25%; width: 50%; height: 80px; animation-delay: 8s; }

/* ---------------- LABELS ---------------- */
.insight-label {
  position: absolute;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 12px;
  background: white;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 6px 16px rgba(0,0,0,0.05);
  opacity: 0;
  z-index: 3;
  animation: labelFade 12s infinite;
}

.l1 { top: 20px; left: 20px; animation-delay: 0s; }
.l2 { top: 200px; left: 12%; animation-delay: 4s; }
.l3 { bottom: 10px; left: 30%; animation-delay: 8s; }

/* ---------------- CURSOR ---------------- */
.cursor {
  position: absolute;
  width: 14px;
  height: 14px;
  background: black;
  border-radius: 50%;
  z-index: 4;
  box-shadow: 0 0 0 6px rgba(0,0,0,0.08);

  animation: moveCursor 14s infinite ease-in-out;
}

/* realistic movement */
@keyframes moveCursor {
  0%   { top: 60px; left: 50%; transform: translate(-50%, -50%); }
  20%  { top: 140px; left: 25%; }
  40%  { top: 150px; left: 70%; }
  60%  { top: 240px; left: 40%; }
  80%  { top: 260px; left: 60%; }
  100% { top: 60px; left: 50%; transform: translate(-50%, -50%); }
}

/* click pulse */
.cursor::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,0.2);
  animation: clickPulse 2.8s infinite;
}

@keyframes clickPulse {
  0% { transform: scale(1); opacity: 0.6; }
  70% { transform: scale(2.4); opacity: 0; }
  100% { opacity: 0; }
}

/* animations */
@keyframes spotlightMove {
  0% { opacity: 0; }
  10% { opacity: 1; }
  30% { opacity: 1; }
  40% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes labelFade {
  0% { opacity: 0; transform: translateY(6px); }
  10% { opacity: 1; transform: translateY(0); }
  30% { opacity: 1; }
  40% { opacity: 0; }
  100% { opacity: 0; }
}

/* hover polish */
.spotlight-wrapper:hover .heat {
  opacity: 0.7;
}/* End custom CSS */