/* Next Clip staged CRO/brand refresh. */
body[data-brand="nextclip"] { overflow-x: clip; }
body[data-brand="nextclip"] .wrap, body[data-brand="nextclip"] .hero-grid > * { min-width: 0; }
body[data-brand="nextclip"] .btn { min-height: 44px; }
body[data-brand="nextclip"] header { box-shadow: 0 8px 24px rgba(16, 25, 46, .06); }
body[data-brand="nextclip"] .brand-mark {
  position: relative;
  overflow: hidden;
  color: transparent;
  background: linear-gradient(145deg, #17368f, #2456e6);
}
body[data-brand="nextclip"] .brand-mark::before,
body[data-brand="nextclip"] .brand-mark::after {
  position: absolute;
  width: 10px;
  height: 17px;
  border: 2px solid #fff;
  border-radius: 7px;
  content: "";
}
body[data-brand="nextclip"] .brand-mark::before { left: 7px; transform: rotate(-10deg); }
body[data-brand="nextclip"] .brand-mark::after { right: 6px; border-color: #7ae7ff; transform: rotate(10deg); }
body[data-brand="nextclip"] .hero {
  position: relative;
  isolation: isolate;
  padding-block: clamp(56px, 7vw, 92px);
  overflow: hidden;
  background: linear-gradient(145deg, #fff 0%, #f0f4ff 62%, #e8f8ff 100%);
}
body[data-brand="nextclip"] .hero::after {
  position: absolute;
  z-index: -1;
  top: -160px;
  right: -140px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(36, 86, 230, .18), transparent 68%);
  content: "";
}
body[data-brand="nextclip"] .hero h1 { max-width: 14ch; font-size: clamp(2.15rem, 4.6vw, 3.45rem); text-wrap: balance; }
body[data-brand="nextclip"] .hero-sub { max-width: 57ch; }
.clip-quickfacts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}
.clip-quickfacts li {
  padding: 11px 12px;
  border: 1px solid #cbd7ef;
  border-radius: 10px;
  color: #293954;
  background: rgba(255,255,255,.82);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
body[data-brand="nextclip"] .mock { box-shadow: 0 28px 70px rgba(23, 54, 143, .22); }
body[data-brand="nextclip"] .final .btn { min-width: min(100%, 300px); }

/* Same compact, accessible consent behavior as the corporate pages. */
body[data-brand="nextclip"] .ga-consent {
  max-width: 48rem;
  gap: .8rem;
  padding: .72rem .8rem;
  font-size: .79rem;
  line-height: 1.45;
}
body[data-brand="nextclip"] .ga-consent__body strong { display: inline; margin: 0 .45rem 0 0; font-size: .88rem; }
body[data-brand="nextclip"] .ga-consent__body p { display: inline; }
body[data-brand="nextclip"] .ga-consent__policy { margin: 0 0 0 .45rem; white-space: nowrap; }
body[data-brand="nextclip"] .ga-consent__actions button,
body[data-brand="nextclip"] .ga-consent-settings { min-height: 44px; }

@media (max-width: 900px) {
  body[data-brand="nextclip"] .hero-grid { gap: 40px; }
  body[data-brand="nextclip"] .hero h1 { max-width: 17ch; }
}
@media (max-width: 560px) {
  body[data-brand="nextclip"] .wrap { padding-inline: 16px; }
  body[data-brand="nextclip"] .nav { gap: 10px; }
  body[data-brand="nextclip"] .brand { font-size: 16px; }
  body[data-brand="nextclip"] .nav > .btn { padding-inline: 12px; font-size: .78rem; }
  body[data-brand="nextclip"] .hero h1 { max-width: none; font-size: clamp(2rem, 10.2vw, 2.7rem); }
  body[data-brand="nextclip"] .hero-cta { display: grid; grid-template-columns: 1fr; }
  body[data-brand="nextclip"] .hero-cta .btn { width: 100%; }
  .clip-quickfacts { grid-template-columns: 1fr; gap: 7px; }
  body[data-brand="nextclip"] .ga-consent {
    right: .5rem;
    bottom: .5rem;
    left: .5rem;
    flex-direction: column;
    align-items: stretch;
    gap: .45rem;
    padding: .6rem;
  }
  body[data-brand="nextclip"] .ga-consent__body { font-size: .72rem; line-height: 1.35; }
  body[data-brand="nextclip"] .ga-consent__body strong { display: block; margin: 0 0 .12rem; }
  body[data-brand="nextclip"] .ga-consent__actions button { flex: 1; min-height: 44px; padding: .55rem .7rem; }
}