.vibe-prefooter-wrap {
  width: 100%;
  background: #f8fbff url('../assets/images/Rectangle 4521.png') center / cover no-repeat;
}

.vibe-prefooter {
  position: relative;
  width: min(1320px, calc(100% - 112px));
  height: 300px;
  min-height: 300px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 24px;
  box-sizing: border-box;
}

.vibe-prefooter-waves {
  position: absolute;
  inset: 0 0 0 auto;
  width: 75%;
  overflow: hidden;
  pointer-events: none;
  color: rgba(37, 99, 235, .35);
}

.vibe-prefooter-waves svg { width: 100%; height: 100%; }
.vibe-prefooter-content { position: relative; z-index: 1; }
.vibe-prefooter-brand { margin-bottom: 26px; }
.vibe-prefooter-brand h2 { margin: 0 0 7px; color: #07132b; font-size: 30px; font-weight: 800; line-height: 1; }
.vibe-prefooter-brand p { margin: 0 0 10px; color: #2563eb; font-size: 14px; font-weight: 600; letter-spacing: .02em; }
.vibe-prefooter-line { width: 38px; height: 3px; border-radius: 999px; background: #2563eb; }
.vibe-prefooter-title { margin: 0 0 12px; max-width: 700px; color: #0a162e; font-size: clamp(26px, 2.7vw, 38px); font-weight: 600; line-height: 1.12; letter-spacing: -.025em; }
.vibe-prefooter-title span { color: #2563eb; font-weight: 600; }
.vibe-prefooter-copy { margin: 0; max-width: 570px; color: #64748b; font-size: 14px; font-weight: 500; line-height: 1.35; }

@media (max-width: 960px) {
  .vibe-prefooter { width: calc(100% - 64px); }
}

@media (max-width: 620px) {
  .vibe-prefooter { width: calc(100% - 48px); height: 280px; min-height: 280px; border-radius: 18px; }
  .vibe-prefooter-waves { width: 100%; opacity: .55; }
  .vibe-prefooter-brand { margin-bottom: 22px; }
  .vibe-prefooter-brand h2 { font-size: 25px; }
  .vibe-prefooter-title { font-size: 25px; }
  .vibe-prefooter-copy { font-size: 12px; }
}