/* ===========================
   PIXELWEISE CORE
   Farben, Grundwerte, Buttons
=========================== */

:root {
  --pw-purple: #5B4EE3;
  --pw-purple-light: #A78BFA;
  --pw-purple-soft: #EFEEFD;
  --pw-green: #22C55E;
  --pw-green-soft: #EDF9F0;
  --pw-yellow: #F2B426;
  --pw-yellow-soft: #FFF8E9;
  --pw-pink: #FF4F93;
  --pw-pink-soft: #FFF0F7;
  --pw-blue: #4F8EF7;
  --pw-blue-soft: #EEF6FF;
  --pw-grey: #666666;
  --pw-grey-soft: #F6F6F6;
  --pw-dark: #111111;
  --pw-text: #222222;
  --pw-muted: #5F6573;
  --pw-border: #ECECF3;
  --pw-white: #ffffff;
  --pw-shadow: 0 18px 45px rgba(15,17,21,.05);
  --pw-shadow-hover: 0 28px 65px rgba(15,17,21,.08);
}

.pw-sub-container,
.pw-container {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.pw-kicker {
  display: block;
  margin-bottom: 16px;
  color: var(--pw-purple);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pw-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 18px 32px;
  background: #111;
  color: #fff !important;
  border-radius: 14px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 18px 45px rgba(15,17,21,.18);
  transition: .3s ease;
}

.pw-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 65px rgba(15,17,21,.24);
}

.pw-btn span { transition: transform .3s ease; }
.pw-btn:hover span { transform: translateX(6px); }

.pw-btn-light {
  background: #fff !important;
  color: var(--pw-purple) !important;
}

/* Rotating Text */
.uncode-rotating-wrap,
.uncode-rotating-wrap *,
.uncode-rotating-wrap .split-char {
  color: var(--pw-purple) !important;
  -webkit-text-fill-color: var(--pw-purple) !important;
}

@media (max-width: 640px) {
  .pw-sub-container,
  .pw-container {
    width: min(100% - 32px, 1180px);
  }
}