.header-brand { white-space: nowrap; }
.brand-trak { color: #a78bfa; }
.engagement-right { left: var(--page-gutter); right: auto; }
.engagement-left { left: auto; right: var(--page-gutter); }
.primary-action { left: 0; right: auto; display: block; overflow: hidden; isolation: isolate; border-radius: 12px; border: 1px solid #baa0ff22; color: #fff; background: #100c2a; box-shadow: 0 0 20px -4px #8b5cf650; font-size: 16px; font-weight: 500; text-align: center; transition: box-shadow .35s,transform .15s; }
.primary-action:hover { background: #100c2a; box-shadow: 0 0 34px -6px #8b5cf680; }
.primary-action:active { transform: scale(.98); }
.btn-label { position: relative; z-index: 2; display: block; text-shadow: 0 1px 8px #0006; }
.primary-action::before,.primary-action::after { content: ''; position: absolute; pointer-events: none; border-radius: 50%; filter: blur(12px); z-index: 0; }
.primary-action::before { width: 80%; height: 160%; top: -20%; left: -15%; background: radial-gradient(ellipse,#c4b5fd 0%,#8b5cf6 28%,#6d28d9 46%,transparent 64%); opacity: .95; animation: platform-wave-a 22s ease-in-out infinite; }
.primary-action::after { width: 70%; height: 150%; top: -15%; left: 40%; background: radial-gradient(ellipse,#a78bfa 0%,#7c3aed 28%,#4c1d95 50%,transparent 64%); opacity: .7; animation: platform-wave-b 26s ease-in-out infinite; }
.primary-action.pointer-over::before { animation: none; width: 190px; height: 190px; top: 0; left: 0; translate: calc(var(--px,0px) - 95px) calc(var(--py,0px) - 95px); opacity: 1; transition: translate .5s ease; }
.teaser-play {
  z-index: 1;
  color: #f4f0ff;
  background: linear-gradient(145deg,#eee7ff2b,#d0c1ff06 56%,#080b1940),#1115278c;
  border: 1px solid #e9e0ff59;
  backdrop-filter: blur(8px) saturate(1.18);
  box-shadow: 0 4px 14px #05071365, inset 0 1px 0 #f4ecff24;
  transition: background-color .22s, border-color .22s, scale .24s ease;
}
.video-teaser:is(:hover,:focus-visible) .teaser-play {
  background-color: #242139ba;
  border-color: #ede4ff90;
  scale: 1.08;
}
.scroll-cue { left: 50%; right: auto; bottom: 26px; transform: translateX(-50%); display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid #d7c8ff80; border-radius: 50%; background: #0b10234d; box-shadow: 0 2px 14px #080a1633; }
.scroll-cue::before { content: ''; position: absolute; inset: -1px; border: 1px solid transparent; border-top-color: #cbb8ff; border-radius: 50%; animation: scroll-orbit 3s linear infinite; }
.scroll-cue > svg { width: 17px; height: 17px; animation: scroll-arrow 2s ease-in-out infinite; }
.scene-stage .world-light { z-index: 2; opacity: calc(var(--world-alpha,1) * .16); filter: brightness(1.7) saturate(.65); mix-blend-mode: screen; mask-image: linear-gradient(110deg,transparent 39%,#fff 49%,transparent 58%); mask-size: 300% 100%; animation: stone-light 18s ease-in-out infinite; }
#world-atmosphere { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; pointer-events: none; transform: translateY(var(--world-exit,0px)); opacity: var(--world-alpha,1); }
.scene-stage .world { transform: translate(calc(-50% + var(--depth-world-x,0px)),calc(var(--world-exit,0px) + var(--depth-world-y,0px))); }
.world-surface { visibility: hidden; }
.world-set[data-live="true"] .world-source { visibility: hidden; }
.world-set[data-live="true"] .world-surface { visibility: visible; }
.world-set[data-live="true"] .world-light { display: none; }
#logo-shadow,#world-atmosphere { transform: translate(var(--depth-world-x,0px),calc(var(--world-exit,0px) + var(--depth-world-y,0px))); }
#webgl { opacity: calc(var(--mark-alpha,1) * var(--entrance-alpha,1)); }
.teaser-preview { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .25s ease; pointer-events: none; }
.video-teaser[data-preview="playing"] .teaser-preview { opacity: 1; }
@keyframes scroll-orbit { to { transform: rotate(360deg); } }
@keyframes platform-wave-a { 0%,100% { transform: translate(-15%,-5%); } 25% { transform: translate(10%,-12%); } 50% { transform: translate(20%,5%); } 75% { transform: translate(-5%,10%); } }
@keyframes platform-wave-b { 0%,100% { transform: translate(15%,8%); } 25% { transform: translate(-8%,12%); } 50% { transform: translate(-18%,-5%); } 75% { transform: translate(5%,-10%); } }
@keyframes scroll-arrow { 0%,100% { transform: translateY(-1px); opacity: .55; } 55% { transform: translateY(2px); opacity: 1; } }
@keyframes stone-light { 0%,15% { mask-position: 100% 0; } 85%,100% { mask-position: 0% 0; } }
@media (max-width: 760px) {
  .primary-action { left: 20px; }
  .video-teaser { left: auto; right: 20px; bottom: 97px; }
  .scroll-cue { left: 50%; right: auto; bottom: 99px; width: 32px; height: 32px; }
  .engagement-right h2 { top: 22svh; }
}
@media (max-width: 450px) {
  .video-teaser { width: 150px; padding-inline: 8px; }
  .teaser-label { gap: 7px; }
  .scroll-cue { left: 50%; bottom: 101px; width: 30px; height: 30px; }
}
@media (max-width: 380px) { .scroll-cue { bottom: 151px; } }
@media (prefers-reduced-motion: reduce) {
  .primary-action::before,.primary-action::after,.scroll-cue::before,.scroll-cue > svg,.scene-stage .world-light { animation: none; }
  .teaser-preview,.teaser-play { transition: none; }
  .video-teaser:is(:hover,:focus-visible) .teaser-play { scale: 1; }
}