/* SV Hero: shared inner-page hero treatment (background, typography, floating dot node).
   Apply by adding the "sv-hero" class to a hero section block.
   Doubled selector (.sv-hero.sv-hero) intentionally outranks GenerateBlocks per-block CSS. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

.sv-hero.sv-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(900px 520px at 18% 4%, rgba(57,182,139,.10), transparent 55%),
    radial-gradient(1100px 760px at 92% 30%, rgba(0,77,199,.22), transparent 58%),
    radial-gradient(700px 500px at 60% 100%, rgba(34,166,166,.10), transparent 60%),
    linear-gradient(165deg,#0b1430 0%,#0a1024 50%,#070b16 100%);
}

.sv-hero.sv-hero h1 {
  font-family: 'Instrument Serif', Georgia, serif;
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.005em;
  color: #fff;
}

.sv-hero.sv-hero h1 em {
  font-style: italic;
  background: linear-gradient(96deg,#5fe0bd,#46b6e8 48%,#5a8bff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sv-hero.sv-hero p {
  color: rgba(255,255,255,.72);
}

/* Floating Sellenvo logo mark. The keyframe drives the idle drift via transform;
   the JS parallax drives the separate translate property via custom
   properties on the .sv-hero element, so the two compose cleanly. */
.sv-hero::after {
  content: '';
  position: absolute;
  right: 8%;
  top: 50%;
  width: 75px;
  height: 75px;
  margin-top: -59px;
  background: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64.18 64.29%27%3E%3Cdefs%3E%3ClinearGradient id=%27lg%27 x1=%2723.68%27 y1=%271.72%27 x2=%2740.64%27 y2=%2763.08%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop offset=%270%27 stop-color=%27%2339b68b%27/%3E%3Cstop offset=%271%27 stop-color=%27%23004dc7%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill=%27url(%23lg)%27 d=%22M60.4,27.98c-.4-.04-.79-.02-1.16.04-1.12.19-2.26-.13-3.06-.93l-.45-.45c-.8-.8-1.12-1.94-.93-3.05.06-.37.08-.76.04-1.15-.2-1.97-1.79-3.57-3.76-3.76-.4-.04-.78-.02-1.15.04-1.11.19-2.26-.13-3.06-.93l-.45-.45c-.8-.8-1.13-1.94-.93-3.06.06-.37.08-.76.04-1.16-.2-1.96-1.76-3.54-3.72-3.75-2.54-.28-4.69,1.7-4.69,4.19,0,.26.02.52.07.77.21,1.12-.17,2.28-.98,3.09l-.36.36c-.8.8-1.94,1.13-3.06.93-.37-.06-.76-.08-1.16-.04-1.96.2-3.54,1.76-3.75,3.72-.28,2.54,1.7,4.69,4.19,4.69.26,0,.5-.02.75-.07,1.12-.2,2.27.17,3.08.98l.36.36c.81.81,1.18,1.96.98,3.08-.04.24-.07.49-.07.75s.02.52.07.77c.21,1.12-.17,2.28-.98,3.09l-.32.32c-.81.81-1.96,1.18-3.08.98-.24-.04-.49-.07-.75-.07s-.5.02-.75.07c-1.12.2-2.27-.17-3.08-.98l-.41-.41c-.8-.8-1.13-1.94-.93-3.06.06-.37.08-.76.04-1.16-.2-1.96-1.76-3.54-3.72-3.75-2.54-.28-4.69,1.7-4.69,4.19,0,.24.02.47.06.7.19,1.12-.18,2.26-.98,3.07l-.4.4c-.8.8-1.94,1.16-3.06.98-.22-.04-.44-.05-.67-.05-.26,0-.5.02-.75.07-1.12.2-2.27-.17-3.08-.98l-.36-.36c-.81-.81-1.18-1.96-.98-3.08.04-.24.07-.49.07-.75s-.02-.5-.07-.75c-.2-1.12.17-2.27.98-3.08l.39-.39c.8-.8,1.93-1.12,3.04-.93.37.06.75.08,1.15.04,1.96-.2,3.55-1.78,3.75-3.75.04-.4.03-.78-.04-1.15-.19-1.11.14-2.25.93-3.05l.45-.45c.8-.8,1.93-1.12,3.04-.94.31.05.62.07.95.05,2.1-.13,3.82-1.84,3.94-3.94.02-.33,0-.64-.05-.95-.18-1.11.14-2.24.94-3.04l.47-.47c.79-.79,1.92-1.12,3.03-.95.31.05.62.06.95.04,2.07-.13,3.76-1.8,3.92-3.86.21-2.6-1.94-4.75-4.54-4.54-2.1.16-3.78,1.9-3.87,4-.02.33,0,.66.07.98.21,1.13-.11,2.28-.92,3.09l-.36.36c-.81.81-1.96,1.13-3.08.92-.37-.07-.76-.09-1.16-.05-2,.19-3.61,1.8-3.79,3.79-.04.4-.02.79.05,1.16.21,1.12-.12,2.27-.92,3.08l-.39.39c-.8.8-1.95,1.12-3.07.92-.37-.07-.76-.08-1.16-.05-1.99.19-3.59,1.79-3.78,3.78-.04.4-.02.79.05,1.16.2,1.12-.12,2.26-.93,3.07l-.41.41c-.8.8-1.94,1.13-3.06.93-.37-.06-.76-.08-1.16-.04-1.96.2-3.54,1.76-3.75,3.72-.28,2.54,1.7,4.69,4.19,4.69.26,0,.5-.02.75-.07,1.12-.2,2.27.17,3.08.98l.41.41c.8.8,1.13,1.94.93,3.06-.06.37-.08.76-.04,1.16.2,1.96,1.76,3.54,3.72,3.75,2.54.28,4.69-1.7,4.69-4.19,0-.28-.03-.56-.08-.82-.22-1.13.17-2.29.98-3.1l.26-.26c.81-.81,1.97-1.19,3.09-.98.26.05.52.08.8.08.26,0,.5-.02.75-.07,1.12-.2,2.27.17,3.08.98l.41.41c.8.8,1.13,1.94.93,3.06-.06.37-.08.76-.04,1.16.2,1.96,1.76,3.54,3.72,3.75,2.54.28,4.69-1.7,4.69-4.19,0-.26-.02-.5-.07-.75-.2-1.12.17-2.27.98-3.08l.38-.38c.8-.8,1.94-1.12,3.05-.94.37.06.76.08,1.15.04,1.95-.2,3.53-1.76,3.74-3.71.28-2.54-1.7-4.69-4.19-4.69-.26,0-.5.02-.75.07-1.12.2-2.27-.17-3.08-.98l-.36-.36c-.81-.81-1.18-1.96-.98-3.08.04-.24.07-.49.07-.75s-.02-.5-.07-.75c-.2-1.12.17-2.27.98-3.08l.34-.34c.81-.81,1.95-1.18,3.07-.98.23.04.48.06.72.06s.5-.02.75-.07c1.12-.2,2.27.17,3.08.98l.41.41c.8.8,1.12,1.94.93,3.06-.06.37-.08.76-.04,1.15.2,1.97,1.79,3.57,3.76,3.76.4.04.78.02,1.15-.04,1.11-.19,2.26.13,3.05.93l.41.41c.81.81,1.18,1.96.98,3.08-.04.24-.07.49-.07.75s.02.5.07.75c.2,1.12-.17,2.27-.98,3.08l-.39.39c-.8.8-1.93,1.12-3.05.93-.37-.06-.75-.08-1.15-.04-1.96.2-3.55,1.78-3.75,3.75-.04.4-.03.78.04,1.15.19,1.11-.14,2.25-.93,3.05l-.45.45c-.8.8-1.93,1.12-3.04.94-.31-.05-.62-.07-.95-.05-2.1.13-3.82,1.84-3.94,3.94-.02.33,0,.64.05.95.18,1.11-.14,2.24-.94,3.04l-.44.44c-.8.8-1.94,1.16-3.06.98-.22-.04-.44-.05-.67-.05-.26,0-.5.02-.75.07-1.12.2-2.27-.17-3.08-.98l-.41-.41c-.8-.8-1.13-1.94-.93-3.06.05-.31.07-.63.06-.96-.12-2.09-1.79-3.8-3.87-3.96-2.59-.2-4.74,1.94-4.54,4.54.16,2.08,1.88,3.75,3.96,3.87.33.02.65,0,.96-.06,1.12-.19,2.26.13,3.06.93l.45.45c.8.8,1.13,1.94.93,3.06-.06.37-.08.76-.04,1.16.2,1.96,1.76,3.54,3.72,3.75,2.54.28,4.69-1.7,4.69-4.19,0-.28-.03-.56-.08-.82-.22-1.13.17-2.29.98-3.1l.31-.31c.81-.81,1.96-1.13,3.08-.92.37.07.76.09,1.16.05,2-.19,3.61-1.8,3.79-3.79.04-.4.02-.79-.05-1.16-.21-1.12.12-2.27.92-3.08l.39-.39c.8-.8,1.95-1.12,3.07-.93.37.07.76.08,1.16.05,1.99-.19,3.59-1.79,3.78-3.78.04-.4.02-.79-.05-1.16-.2-1.12.12-2.26.93-3.07l.36-.36c.81-.81,1.96-1.18,3.08-.98.24.04.49.07.75.07,2.48,0,4.47-2.15,4.19-4.69-.21-1.95-1.8-3.52-3.75-3.72Z%22/%3E%3C/svg%3E') no-repeat center / contain;
  opacity: .9;
  pointer-events: none;
  z-index: 1;
  translate: var(--sv-px, 0px) var(--sv-py, 0px);
  animation: svHeroFloat 9s ease-in-out infinite alternate;
}

@keyframes svHeroFloat {
  0%   { transform: translate(-9px,-12px) rotate(-4deg); }
  50%  { transform: translate(9px,6px)   rotate(2deg); }
  100% { transform: translate(-6px,12px) rotate(4deg); }
}

@media (max-width: 1080px) {
  .sv-hero::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .sv-hero::after { animation: none; translate: none; }
}
/* The Sellenvo demo page carries its own in-stage floating logo among the
   dashboard cards, so the shared pseudo-element mark is suppressed there. */
#sv-hero.sv-hero::after { display: none; }