/* LaserWeldFit v5.7 — header logo motion + hero/finder spacing fix */

/* Keep the telemetry cards fully visible before the Finder begins. */
.page-home .hero-telemetry{
  position:relative;
  z-index:7;
  margin-bottom:0;
}
.page-home .finder-dock{
  margin-top:28px !important;
  position:relative;
  z-index:5;
}

/* Animated laser identity in the header logo. */
.site-header .brand{
  position:relative;
  isolation:isolate;
  overflow:visible;
}
.site-header .brand > img{
  position:relative;
  z-index:3;
  transform-origin:50% 50%;
  animation:lwf57LogoBurst 5.8s cubic-bezier(.25,.8,.25,1) infinite;
  will-change:transform,filter;
}
.site-header .brand > span{
  position:relative;
  z-index:3;
  display:inline-block;
}
.site-header .brand > span::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:1.5px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,#13d8ff 26%,#67f6ff 42%,#ff8b4b 68%,transparent 100%);
  transform:scaleX(0);
  transform-origin:left center;
  opacity:0;
  filter:drop-shadow(0 0 7px rgba(19,216,255,.72));
  animation:lwf57WordTrace 5.8s ease-in-out infinite;
}
.site-header .brand > span::after{
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  left:-2px;
  bottom:-7px;
  border-radius:50%;
  background:#dffcff;
  box-shadow:0 0 8px #13d8ff,0 0 17px rgba(19,216,255,.9),0 0 28px rgba(255,124,52,.45);
  opacity:0;
  animation:lwf57WordSpark 5.8s ease-in-out infinite;
}
.site-header .brand > span > span{
  color:#ff8a47;
  animation:lwf57FitCharge 5.8s ease-in-out infinite !important;
}
/* Override the older sweep with a sharper, deliberate laser pass. */
.site-header .brand::after{
  height:1.5px !important;
  opacity:0;
  animation:lwf57LogoSweep 5.8s ease-in-out infinite !important;
}
.site-header .brand::before{
  width:7px !important;
  height:7px !important;
  opacity:0;
  animation:lwf57LogoSpark 5.8s ease-in-out infinite !important;
}
.site-header .brand:hover > img{
  filter:drop-shadow(0 0 8px rgba(19,216,255,.8)) drop-shadow(0 0 18px rgba(19,216,255,.35));
}

@keyframes lwf57LogoBurst{
  0%,68%,100%{transform:rotate(0deg) scale(1);filter:drop-shadow(0 0 8px rgba(19,216,255,.24))}
  73%{transform:rotate(9deg) scale(1.13);filter:drop-shadow(0 0 12px rgba(19,216,255,.86)) drop-shadow(0 0 23px rgba(19,216,255,.38))}
  78%{transform:rotate(-5deg) scale(1.07);filter:drop-shadow(0 0 10px rgba(255,124,52,.6))}
  84%{transform:rotate(2deg) scale(1.03);filter:drop-shadow(0 0 9px rgba(19,216,255,.5))}
}
@keyframes lwf57LogoSweep{
  0%,60%{transform:translateX(-125%) translateY(-50%);opacity:0}
  66%{opacity:.95}
  78%{transform:translateX(112%) translateY(-50%);opacity:.92}
  82%,100%{transform:translateX(125%) translateY(-50%);opacity:0}
}
@keyframes lwf57LogoSpark{
  0%,60%{left:0;opacity:0}
  65%{left:5%;opacity:1}
  77%{left:calc(100% - 5px);opacity:1}
  82%,100%{left:calc(100% - 5px);opacity:0}
}
@keyframes lwf57WordTrace{
  0%,63%{transform:scaleX(0);opacity:0}
  68%{transform:scaleX(.15);opacity:.88}
  78%{transform:scaleX(1);opacity:1}
  84%,100%{transform:scaleX(1);opacity:0}
}
@keyframes lwf57WordSpark{
  0%,63%{left:-2px;opacity:0}
  68%{left:3%;opacity:1}
  78%{left:98%;opacity:1}
  83%,100%{left:100%;opacity:0}
}
@keyframes lwf57FitCharge{
  0%,62%,100%{text-shadow:0 0 9px rgba(255,124,52,.18),0 0 16px rgba(255,124,52,.12)}
  70%{text-shadow:0 0 11px rgba(255,124,52,.48),0 0 22px rgba(255,124,52,.3)}
  78%{text-shadow:0 0 15px rgba(255,145,78,.9),0 0 30px rgba(255,124,52,.56),0 0 44px rgba(19,216,255,.22)}
  87%{text-shadow:0 0 10px rgba(255,124,52,.35),0 0 20px rgba(255,124,52,.18)}
}

@media (max-width:960px){
  .page-home .finder-dock{margin-top:22px !important}
}
@media (max-width:680px){
  .page-home .finder-dock{margin-top:14px !important}
  .site-header .brand > span::before,.site-header .brand > span::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  .site-header .brand > img,
  .site-header .brand > span::before,
  .site-header .brand > span::after,
  .site-header .brand > span > span,
  .site-header .brand::before,
  .site-header .brand::after{animation:none !important}
}