/* Gemeinsame Originaleffekte für Vorschau und öffentliche Startankündigung. */
[data-rn-ref="canvasRef"] { pointer-events: none; }
[data-words] span:not([data-accent]) { color: #111; }
[data-rn-ref="magneticRef"] {
  transition: translate .35s cubic-bezier(0.16,1,0.3,1), background .25s, border-color .25s !important;
}
[data-rn-ref="marqueeRef"]:is(:hover, :focus-within) { animation-play-state: paused !important; }
[data-benefit]:is(:hover, :focus-within) [data-dot] { transform: scale(1.9); }
[data-rn-ref="tileRef"] { isolation: isolate; }
[data-rn-ref="tileRef"]::before {
  content: ''; position: absolute; inset: 0; background: #B3020F;
  transform: scaleY(0); transform-origin: bottom; pointer-events: none;
  transition: transform .6s cubic-bezier(0.16,1,0.3,1); z-index: -1;
}
[data-rn-ref="tileRef"]::after {
  content: '→'; position: absolute; top: 14px; right: 16px;
  font-size: 17px; color: #C40310; pointer-events: none;
  transition: transform .5s cubic-bezier(0.16,1,0.3,1), color .3s;
}
[data-rn-ref="tileRef"]:is(:hover, :focus-visible)::before { transform: scaleY(1); }
[data-rn-ref="tileRef"]:is(:hover, :focus-visible),
[data-rn-ref="tileRef"]:is(:hover, :focus-visible) :is(span, p, h3) { color: #fff !important; }
[data-rn-ref="tileRef"]:is(:hover, :focus-visible)::after { color: #fff; transform: translate(6px,-6px); }
[data-rn-ref="cursorRef"] { display: none; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  [data-rn-ref="cursorRef"] { display: block; }
  [data-rn-ref="splitRef"]:is(:hover, :focus-visible) { flex-grow: 1.6 !important; }
}
[data-rn-ref="cursorRef"].rn-cursor-link {
  width: 46px !important; height: 46px !important;
  background: transparent !important; border: 1.5px solid #EF0414 !important;
}

/* Nativer Seitenwechsel: keine abgefangenen Links und kein zusätzlicher Router. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-group(root) { animation-duration: 1s; background: #EF0414; }
  ::view-transition-image-pair(root) { isolation: isolate; }
  ::view-transition-old(root), ::view-transition-new(root) { mix-blend-mode: normal; }
  ::view-transition-old(root) { animation: rn-wipe-out .5s cubic-bezier(0.16,1,0.3,1) both; }
  ::view-transition-new(root) { animation: rn-wipe-in .5s .5s cubic-bezier(0.16,1,0.3,1) both; }
}
@keyframes rn-wipe-out { from { clip-path: inset(0); } to { clip-path: inset(0 0 100% 0); } }
@keyframes rn-wipe-in { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  [data-rn-ref="magneticRef"] { translate: none !important; }
}
