/* Flaun v1886 — white, minimal, interactive particle sphere. Homepage hero only.
   Core 25px spacing / 12.5px inner spacing; no shared navbar, footer or Partner styles. */
#landing .fp-particle-stage {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: 0;
  height: 560px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: #fff;
  border: 0;
  border-radius: 0;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
#landing .fp-particle-stage:focus-visible { outline: 1.5px solid #e8dc00; outline-offset: -3px; }
#landing .fp-particle-stage.is-dragging { cursor: grabbing; }
#landing .fp-particle-stage::before {
  content: "";
  position: absolute;
  inset: 7% 4% 9%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(ellipse 48% 47% at 50% 50%, rgba(255,245,0,.085), rgba(245,246,248,.19) 42%, rgba(255,255,255,0) 76%);
  pointer-events: none;
}
#landing .fp-particle-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  pointer-events: none;
}
#landing .fp-particle-static-mark {
  position: absolute;
  z-index: 2;
  left: 50%; top: 50%;
  width: 65px; height: 65px;
  transform: translate(-50%,-50%);
  display: grid;
  place-items: center;
  opacity: .9;
  transition: opacity .35s ease, transform .45s ease;
  pointer-events: none;
  filter: drop-shadow(0 0 19px rgba(255,245,0,.20));
}
#landing .fp-particle-static-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
#landing .fp-particle-stage.is-morphing .fp-particle-static-mark { opacity: 0; transform: translate(-50%,-50%) scale(.86); }
#landing .fp-particle-stage.is-scattering .fp-particle-static-mark { opacity: 0; }
#landing .fp-particle-hint {
  position: absolute;
  z-index: 3;
  left: 25px; bottom: 25px;
  display: inline-flex;
  align-items: center;
  gap: 12.5px;
  color: #97a0ae;
  font-size: 11px;
  font-weight: 450;
  letter-spacing: .08px;
  pointer-events: none;
  transition: opacity .25s ease;
}
#landing .fp-particle-hint svg { width: 16px; height: 16px; stroke: #a3adbc; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#landing .fp-particle-stage.is-dragging .fp-particle-hint { opacity: .2; }
#landing .fp-particle-caption {
  position: absolute;
  right: 25px;
  bottom: 25px;
  z-index: 2;
  color: #adb4c0;
  font-size: 9.5px;
  letter-spacing: 1.1px;
  font-weight: 500;
  pointer-events: none;
}
@media (max-width: 1200px) {
  #landing .fp-particle-stage { height: 515px; }
}
@media (max-width: 980px) {
  #landing .fp-particle-stage { height: 455px; width: min(700px,100%); margin: 25px auto 0; }
}
@media (max-width: 700px) {
  #landing .fp-particle-stage { height: 340px; margin-top: 12.5px; }
  #landing .fp-particle-static-mark { width: 47px; height: 47px; }
  #landing .fp-particle-hint { left: 12.5px; bottom: 12.5px; font-size: 10px; gap: 7px; }
  #landing .fp-particle-caption { right: 12.5px; bottom: 12.5px; font-size: 8px; letter-spacing: .8px; }
}
@media (max-width: 390px) {
  #landing .fp-particle-stage { height: 310px; }
}
@media (prefers-reduced-motion: reduce) {
  #landing .fp-particle-static-mark, #landing .fp-particle-hint { transition: none !important; }
}

/* v1888 — truly transparent interactive sphere stage, no white tile or radial fill. */
#landing .fp-particle-stage{background:transparent!important}
#landing .fp-particle-stage::before{background:none!important}