* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; }
::selection { background: #c9dca0; }

@keyframes floatA { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-16px); } }
@keyframes floatB { 0%,100% { transform: translateY(0) rotate(-1.2deg); } 50% { transform: translateY(-12px) rotate(-1.2deg); } }
@keyframes blobDrift { 0%,100% { transform: translate(0,0) scale(1); } 33% { transform: translate(26px,-22px) scale(1.08); } 66% { transform: translate(-18px,16px) scale(0.96); } }
@keyframes pulseDot { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.45; transform: scale(0.82); } }
@keyframes sheen { 0% { transform: translateX(-130%); } 60%,100% { transform: translateX(230%); } }
@keyframes chipBob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes chipIn { 0% { opacity: 0; transform: translateY(14px) scale(.9); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes gridPan { 0% { background-position: 0 0; } 100% { background-position: 46px 46px; } }
@keyframes ringPulse { 0% { transform: scale(.6); opacity: .5; } 100% { transform: scale(1.35); opacity: 0; } }
@keyframes revealUp { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }

.hero-rotate { display: inline-block; transition: opacity .35s ease, transform .35s ease; }
.hero-rotate.swap { opacity: 0; transform: translateY(-12px); }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; }
  .hero-chip { opacity: 1 !important; transform: none !important; }
}

/* ===== Responsive ===== */
@media (max-width: 880px) {
  .lp-hero-grid,
  .lp-split { grid-template-columns: 1fr !important; }
  .lp-nav-links { display: none !important; }
  .lp-cols-3 { grid-template-columns: 1fr !important; }
  .lp-footer-grid { grid-template-columns: 1fr 1fr !important; }
  .lp-h1 { font-size: 40px !important; }
  .lp-h2 { font-size: 30px !important; }
  /* Hero auf Mobil: Text zuerst, Phone kompakt & zentriert, Deko-Chips aus */
  .lp-hero-media { order: 2; margin-top: 10px; }
  #heroStage { transform: scale(0.74); transform-origin: top center; width: 320px !important; height: 410px !important; }
  #heroStage .hero-chip { display: none !important; }
}
@media (max-width: 520px) {
  .lp-footer-grid { grid-template-columns: 1fr !important; }
  .lp-themepair { flex-direction: column !important; align-items: center !important; }
}