/* Helix Robotics brand tokens. Geometry and motion remain source-defined. */
:root,body {--color--1:#b8b9b4;--color--2:#ff9b57;--color--3:#ffb078;--color--4:#e8e7e3;--color--5:#deddd8;--color--6:#f4f3ef;--color--7:#202725;--color--8:#f8f7f3;--color--9:#52605b;--base--background-color:#f4f3ef;--base--text-color:#202725}
.robot-anchor {position:absolute;scroll-margin-top:110px}
.logo_el {color:inherit}

/* Comprehensive Scroll Reveal System */
html, body {
  overflow-x: clip;
}

.reveal-ready {
  opacity: 0;
  transition-property: opacity, transform, filter;
  transition-duration: 0.85s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}

.reveal-ready.reveal-up {
  transform: translate3d(0, 48px, 0);
  filter: blur(5px);
}

.reveal-ready.reveal-down {
  transform: translate3d(0, -32px, 0);
  filter: blur(5px);
}

.reveal-ready.reveal-left {
  transform: translate3d(-52px, 16px, 0);
  filter: blur(5px);
}

.reveal-ready.reveal-right {
  transform: translate3d(52px, 16px, 0);
  filter: blur(5px);
}

.reveal-ready.reveal-scale {
  transform: translate3d(0, 36px, 0) scale(0.93);
  filter: blur(5px);
}

.reveal-ready.in-view {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: blur(0) !important;
}

@media (max-width: 760px) {
  .reveal-ready.reveal-left {
    transform: translate3d(-20px, 28px, 0);
  }
  .reveal-ready.reveal-right {
    transform: translate3d(20px, 28px, 0);
  }
  .reveal-ready {
    transition-duration: 0.72s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reveal-ready {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}