.npcmp {
  --npcmp-label: minmax(240px, min(33.2%, 440px));
  --npcmp-gap:   28px;
  --npcmp-head:  59px;
  --np-pale:     #E6F9EA;
  --np-sand:     #E2DCD0;
  --np-regular:  #EBEAE6;
}

.npcmp .np-container {
  width: 1326px;
}

/* desktop: the 1406px table, 64px from the tabs to the heading and from the heading to the table */
@media screen and (min-width: 992px) {
  .npcmp .np-container { width: 1406px; }
}

.npcmp__container {
  position: relative;
  padding-top: 56px;
}

.npcmp__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding-bottom: 56px;
}

.npcmp__headtext {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 468px;
  max-width: 100%;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .npcmp__container { padding-top: 88px; }

  .npcmp__head {
    gap: 64px;
    padding-bottom: 64px;
  }

  .npcmp__headtext {
    gap: 24px;
    width: 900px;
  }
}

.np2026 .npcmp__title {
  margin: 0;
  width: 100%;
  font-size: 40px;
  font-weight: 800;
  line-height: 43px;
  color: #000;
  text-align: center;
}

.npcmp__title em,
.npcmp__title .green {
  font-style: normal;
  color: var(--np-green-muted);
}

.np2026 .npcmp__sub {
  margin: 0;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: var(--np-rich-beige);
  text-align: center;
}

/* section.header H2 desktop: same 48/56 headline and 18/26 subhead as the page intro */
@media screen and (min-width: 992px) {
  .np2026 .npcmp__title {
    font-size: 48px;
    line-height: 56px;
    color: var(--np-anthracite);
  }

  .np2026 .npcmp__sub {
    line-height: 26px;
    color: var(--np-anthracite);
  }

  .npcmp__sub strong { font-weight: 700; }
}

.npcmp__table {
  position: relative;
  isolation: isolate;
}

.nprow {
  position: relative;
}

html.np-nav-ready .nnavbar { transition: margin-top .3s ease-in-out; }
html.np-nav-hidden .nnavbar { margin-top: calc(-1 * var(--np-nav-h, 0px)); }

.npcmp__thead {
  position: sticky;
  top: var(--np-nav-offset, 0px);
  z-index: 4;
  display: grid;
  grid-template-columns: var(--npcmp-label) minmax(0, 1fr);
  column-gap: var(--npcmp-gap);
  align-items: start;
  height: var(--npcmp-head);
  margin-bottom: calc(-1 * var(--npcmp-head));
  padding: 20px 0 12px;
  border-bottom: 1.5px solid transparent;
  background: transparent;
  box-sizing: border-box;
  transition: top .3s ease-in-out, opacity .25s ease-in-out,
              transform .35s cubic-bezier(.2, .8, .2, 1), visibility 0s;
}

.npcmp__thead.is-stuck {
  background: var(--np-page);
  border-bottom-color: var(--np-ash);
}

/* desktop, as on the benefit landings: the bar shows up in place once the table reaches it and casts
   a shadow while pinned */
@media screen and (min-width: 992px) {
  .npcmp__thead.is-stuck {
    box-shadow: 0 14px 20px -18px rgba(0, 0, 0, .35);
  }

  .npcmp__thead:not(.is-stuck) {
    visibility: hidden;
    opacity: 0;
    border-bottom-color: var(--np-ash);
    background: var(--np-page);
    pointer-events: none;
    transition: top .3s ease-in-out, opacity .25s ease-in-out, visibility 0s .25s;
  }
}

.np2026 .npcmp__thead-label {
  margin: 0;
  padding: 0;
  visibility: hidden;
}

.npcmp__thead-label,
.npcmp__thead-sec {
  grid-column: 1;
  grid-row: 1;
}

/* pinned bar: the section being scrolled through, as its folded header (icon + title) */
.npcmp__thead-sec {
  position: relative;
  min-width: 0;
  height: 27px;
  margin-right: calc(-1 * var(--npcmp-gap));
}

.npcmp__thead-sec-item {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: opacity .2s ease-in-out, transform .35s cubic-bezier(.2, .8, .2, 1), visibility 0s .35s;
}

.npcmp__thead-sec-item.is-past { transform: translateY(-16px); }

.npcmp__thead.is-stuck .npcmp__thead-sec-item.is-current {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .2s ease-in-out, transform .35s cubic-bezier(.2, .8, .2, 1), visibility 0s;
}

/* the section the bar is carrying: its own header (icon, title, line) steps aside */
@media screen and (min-width: 992px) {
  .npgrp__head > .npgrp__icon,
  .npgrp__head > .npgrp__title { opacity: 1; }

  .npgrp.is-under-bar .npgrp__head > .npgrp__icon,
  .npgrp.is-under-bar .npgrp__head > .npgrp__title,
  .npgrp.is-under-bar .npgrp__head::after { opacity: 0; }

  .npcmp .npgrp.is-under-bar .npgrp__head { border-bottom-color: transparent; }
}

.npcmp__thead-sec .npgrp__icon { transition: none; }

/* one line: a title that does not fit drops 2px (.is-fit-sm, set by pricing.js), then ends in an ellipsis */
.npcmp__thead-sec-title {
  display: block;
  min-width: 0;
  overflow: hidden;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--np-anthracite);
}

.npcmp__thead-sec-title.is-fit-sm {
  font-size: 16px;
  letter-spacing: 1.44px;
}

.npcmp__plans {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
}

.npcmp__plan {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.npcmp__plan-name {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 26px;
}

.npcmp__plan-title {
  font-size: 26px;
  font-weight: 900;
  line-height: .8667em;
  letter-spacing: .04em;
  white-space: nowrap;
  color: var(--np-anthracite);
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.npcmp__mcmp,
.npcmp__mtoggle { display: none; }

.npcmp__sections {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
}

.npgrp + .npgrp { margin-top: 56px; }

.npgrp:not(.is-open):not(.npgrp--phone) + .npgrp:not(.is-open),
.npgrp:not(.is-open) + .npgrp--phone + .npgrp:not(.is-open) { margin-top: 12px; }

@media screen and (min-width: 992px) {
  .npgrp.is-open + .npgrp:not(.is-open) { margin-top: 54px; }

  .npgrp:first-child .npgrp__head,
  .npgrp:first-child:not(.is-open) .npgrp__head {
    display: grid;
    grid-template-columns: var(--npcmp-label) minmax(0, 1fr) auto;
    column-gap: var(--npcmp-gap);
    padding-left: 0;
    padding-right: 0;
  }

  /* icon and title share the label column: the title steps aside for the icon */
  .npgrp:first-child .npgrp__icon {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  .npgrp:first-child:not(.is-open) .npgrp__icon { margin-left: 16px; }

  .npgrp:first-child .npgrp__title {
    grid-column: 1;
    grid-row: 1;
    margin-right: calc(-1 * var(--npcmp-gap));
    padding-left: 40px;
    text-wrap: balance;
    transition: font-size .32s ease-in-out, letter-spacing .32s ease-in-out,
                font-weight .32s ease-in-out, padding-left .32s ease-in-out, opacity .2s ease-in-out;
  }

  .npgrp:first-child:not(.is-open) .npgrp__title { padding-left: 48px; }

  .npgrp:first-child .npgrp__chev {
    grid-column: 3;
    grid-row: 1;
    margin-right: 24px;
  }
}

.npgrp--phone { display: none; }

.npgrp {
  position: relative;
  z-index: 1;
  transition: margin-top .32s ease-in-out;
}

.npgrp__body {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows .32s ease-in-out, visibility 0s;
}

.npgrp:not(.is-open) .npgrp__body {
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .32s ease-in-out, visibility 0s .32s;
}

.npgrp__body.is-resizing {
  transition: grid-template-rows .32s ease-in-out, visibility 0s, height .32s ease-in-out;
}

.npgrp__inner {
  min-height: 0;
  overflow: hidden;
}

.npgrp__head {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 66px;
  padding: 20px 24px 12px 0;
  border: 0;
  border-bottom: 1.5px solid var(--np-ash);
  border-radius: 0;
  background: transparent;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  transition: min-height .32s ease-in-out, padding .32s ease-in-out,
              border-color .32s ease-in-out, border-width .32s ease-in-out;
}

.npgrp__title {
  flex: 1 1 auto;
  font-size: 18px;
  font-weight: 900;
  line-height: 22px;
  letter-spacing: 1.62px;
  text-transform: uppercase;
  color: var(--np-anthracite);
  transition: font-size .32s ease-in-out, letter-spacing .32s ease-in-out,
              font-weight .32s ease-in-out, opacity .2s ease-in-out;
}

/* section icon: a line icon beside the title - 32px open, 24px folded */
.npgrp__icon {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  filter: brightness(0);
  transition: width .32s ease-in-out, height .32s ease-in-out, margin .32s ease-in-out, opacity .2s ease-in-out;
}

.npgrp.is-open .npgrp__icon { filter: none; }

.npgrp__icon img {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
}

@media screen and (min-width: 992px) {
  .npgrp__head::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1.5px;
    left: 0;
    height: 1.5px;
    background: var(--np-ash);
    pointer-events: none;
    transition: opacity .32s ease-in-out;
  }

  .npgrp:not(.is-open) .npgrp__head::after { opacity: 0; }
}

.npgrp:not(.is-open) .npgrp__head {
  min-height: 74px;
  padding: 5px 24px 5px 16px;
  border-bottom: 2px solid var(--np-regular);
}

.npgrp:not(.is-open) .npgrp__icon {
  width: 24px;
  height: 24px;
}

.npgrp:not(.is-open) .npgrp__title {
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 1.44px;
}

.npgrp__plans { display: none; }

@media screen and (min-width: 992px) {
  .npgrp__title {
    font-size: 22px;
    font-weight: 800;
    line-height: 32px;
    letter-spacing: .5px;
  }

  .npgrp.is-open .npgrp__title-lead { color: var(--np-green-muted); }

  .npgrp:not(.is-open) .npgrp__title {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .5px;
  }

  .npgrp__plans {
    grid-column: 2 / 4;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
  }

  .npgrp.is-under-bar .npgrp__plans { opacity: 0; }

  .npgrp__plan {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(24px, 2.6vw, 26px);
  }

  .npgrp__plan-title {
    font-weight: 900;
    line-height: .8667em;
    letter-spacing: .04em;
    white-space: nowrap;
    color: var(--np-anthracite);
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
}

.npgrp__chev {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--np-anthracite);
  transition: opacity .2s ease-in-out, transform .32s ease-in-out;
}

.npgrp.is-open .npgrp__chev { opacity: 0; }

.npgrp__chev svg { display: block; width: 100%; height: 100%; }

.npgrp__rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.npgrp__premium {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: -8px;
  background: #fff;
}

.npcmp__table.is-full .npgrp--has-full .npgrp__rows--default,
.npcmp__table:not(.is-full) .npgrp__rows--full { display: none; }

.npcmp__table.is-swapped .npgrp--has-full .npgrp__rows { animation: np-rows-in .35s ease-out both; }

@keyframes np-rows-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.nprow {
  display: grid;
  grid-template-columns: var(--npcmp-label) minmax(0, 1fr);
  column-gap: var(--npcmp-gap);
  align-items: center;
  min-height: 64px;
  padding: 2px 0;
  border-radius: 0;
  background: #fff;
  box-sizing: border-box;
}

.nprow--premium { background: #F9F7F6; }

.nprow--premium + .nprow--premium { background: linear-gradient(#fff 0 8px, #F9F7F6 8px); }

.nprow__label {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 50px;
  padding: 0 12px 0 20px;
  box-sizing: border-box;
  overflow: clip;
}

.nprow__title {
  flex: 1 1 auto;
  order: 1;
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
  color: var(--np-ash);
}

.nprow__info {
  display: block;
  order: 0;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--np-dark-beige);
}

.nprow__info svg { display: block; width: 100%; height: 100%; }

button.nprow__info {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  cursor: help;
  appearance: none;
  -webkit-appearance: none;
  transition: color .15s ease-in-out;
}

button.nprow__info:hover,
button.nprow__info[aria-describedby] { color: var(--np-anthracite); }

button.nprow__info:focus-visible {
  outline: 2px solid var(--np-green);
  outline-offset: 2px;
}

/* (i) bubble: one element on <body> - the section bodies clip their rows */
.nptip {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000;
  box-sizing: border-box;
  width: max-content;
  max-width: min(300px, calc(100vw - 16px));
  padding: 12px 16px 13px;
  border-radius: 12px;
  background: #222;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
  font-family: Nunito, sans-serif;
  font-feature-settings: 'liga' off, 'clig' off;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity .15s ease-in-out, transform .15s ease-in-out, visibility 0s .15s;
}

.nptip.is-open {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .15s ease-in-out, transform .15s ease-in-out, visibility 0s;
}

.nptip::after {
  content: '';
  position: absolute;
  left: var(--nptip-x, 24px);
  width: 10px;
  height: 10px;
  margin-left: -5px;
  background: #222;
  transform: rotate(45deg);
}

.nptip--above::after { bottom: -4px; }
.nptip--below::after { top: -4px; }

.nptip .nptip__title {
  display: block;
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #fff;
}

.nptip__text {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: #ECEBE7;
}

.nprow__cells {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  align-self: stretch;
  overflow: clip;
}

.nprow__cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-height: 48px;
  padding: 0 12px;
  box-sizing: border-box;
  text-align: center;
}

.nprow__value {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: var(--np-anthracite);
}

.nprow__value--green { color: var(--np-green-muted); }

.nprow__value b { font-weight: inherit; }

@media screen and (min-width: 992px) {
  .nprow__value { font-weight: 600; }

  .nprow__value b,
  .nprow__value--green { font-weight: 700; }
}

.nprow__note {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: var(--np-rich-beige);
}

.nprow__tick,
.nprow__dash {
  display: block;
  width: 24px;
  height: 24px;
  background: url('../imgs/table/cells/check.svg') center / 24px 24px no-repeat;
}

.nprow__dash { background-image: url('../imgs/table/cells/cross.svg'); }

.nprow__m { display: none; }

.nprow--subhead {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 80px;
  margin-top: 8px;
  padding: 12px 24px;
  border-top: 2px solid #000;
  background: #fff;
  border-radius: 0;
  box-sizing: border-box;
}

.npgrp__rows .nprow--subhead:first-child { margin-top: 0; }

.nprow__subhead {
  font-size: 18px;
  font-weight: 900;
  line-height: 20px;
  letter-spacing: 1.62px;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--np-green-muted);
}

.nprow__subhead-light {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
  color: var(--np-anthracite);
}

.nprow__subhead-light--m { display: none; }

.nprow__lockup {
  display: inline-flex;
  align-items: center;
}

.nprow__lockup-name {
  font-size: 16px;
  font-weight: 900;
  line-height: 14px;
  letter-spacing: .8px;
  color: var(--np-anthracite);
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

/* desktop: green rule, black-italic caps and the large ZEN lockup */
@media screen and (min-width: 992px) {
  .nprow--subhead { border-top-color: var(--np-ash); }

  .nprow__subhead {
    display: inline-flex;
    gap: 8px;
    font-size: 20px;
    font-style: italic;
    line-height: 22px;
    letter-spacing: .8px;
  }

  .nprow__subhead-light { color: var(--np-ash); }

  /* the lockup's lg variant at x.9465: a 22.7px name */
  .nprow__lockup-name {
    font-size: 30.83px;
    font-style: italic;
    line-height: 27px;
    letter-spacing: 1.54px;
    color: #000;
  }
}

.npcmp__more {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  height: 64px;
  margin-top: 24px;
  padding: 20px 24px;
  border: 0;
  background: transparent;
  box-sizing: border-box;
  font: inherit;
  cursor: pointer;
}

.npcmp__more-label {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.35px;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--np-rich-beige);
}

.npcmp__more-chev {
  display: block;
  width: 24px;
  height: 24px;
  color: var(--np-anthracite);
  transition: transform .2s ease-in-out;
}

.npcmp__more-chev svg { display: block; width: 100%; height: 100%; }

.npcmp__more[aria-expanded="true"] .npcmp__more-chev { transform: rotate(-90deg); }

/* the full price list as a PDF, under the sections */
.npcmp__download {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 64px;
  margin-top: 24px;
  padding: 20px 24px 20px 16px;
  box-sizing: border-box;
  text-decoration: none;
}

.npcmp__download-icon {
  display: block;
  flex: none;
  width: 24px;
  height: 24px;
  color: var(--np-green-muted);
}

.npcmp__download-icon svg { display: block; width: 100%; height: 100%; }

.npcmp__download-label {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.35px;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--np-rich-beige);
}

.npcmp__download-label u {
  color: #000;
  text-decoration: underline;
  text-decoration-color: var(--np-green);
  text-decoration-thickness: 10%;
  text-decoration-skip-ink: none;
}

.npcmp__pick {
  position: sticky;
  bottom: 0;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(0, min(max(240px, min(50%, 420px)), calc(100% - 812px))) minmax(0, 1fr);
  column-gap: var(--npcmp-gap);
  align-items: center;
  min-height: 72px;
  margin-top: 24px;
  padding: 12px 10px 12px 8px;
  border-top: 1.5px solid var(--np-anthracite);
  border-radius: 0 0 6px 6px;
  background: #fff;
  box-sizing: border-box;
  transition: box-shadow .2s ease-in-out, transform .3s ease-in-out;
}

.npcmp__pick.is-stuck { box-shadow: 0 -6px 20px rgba(0, 0, 0, .06); }

.npcmp__pick.is-tucked { transform: translateY(calc(100% + 24px)); }

.np2026 .npcmp__pick-label {
  margin: 0;
  padding: 0;
  visibility: hidden;
}

.npcmp__pick-btns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 32px;
  align-items: center;
}

.npcmp__pick-col {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
}

.npcmp__pick-btn {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 48px;
  padding: 12px 24px;
  font-size: 14px;
  line-height: 24px;
}

.npcmp__pick-btn.npbtn--dark {
  background: var(--np-anthracite);
  color: var(--np-page);
}

/* free-trial pill above BETTER in the pinned plans bar, as the benefit landings' table flag */
.npcmp__plan-trial {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: -22px;
  padding: 5px 19px 4px;
  border-radius: 38px;
  background: #121212;
  box-sizing: border-box;
  font-size: 11px;
  font-style: italic;
  font-weight: 900;
  line-height: 10px;
  letter-spacing: .77px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  transform: translateX(-50%);
  pointer-events: none;
}

.npcmp__plan-trial-accent { color: var(--np-green); }

@media screen and (max-width: 991px) {
  .npcmp__plan-trial { display: none; }
}

@media screen and (hover: hover) and (pointer: fine) {
  .npcmp__pick-btn.npbtn--dark:hover { color: #000; }
}

/* a label that does not fit its button drops 2px (.is-fit-sm, set by pricing.js), then ends in an ellipsis */
.npcmp__pick-btn .npbtn__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.npcmp__pick-btn .npbtn__label.is-fit-sm { font-size: 12px; }

/* ------------------------------------------------------ sticky bars (desktop) */
/* Both bars are full-width white strips - the plans bar pinned on top, the CTA bar at the
   bottom. The strip is the ::before, so the bars themselves keep the table's columns. */
@media screen and (min-width: 992px) {
  .npcmp { --npcmp-head: 83px; }

  .npcmp__thead { padding: 32px 0 24px; }

  .npcmp__thead,
  .npcmp__thead.is-stuck,
  .npcmp__thead:not(.is-stuck) {
    border-bottom-color: transparent;
    background: transparent;
    box-shadow: none;
  }

  .npcmp__thead::before,
  .npcmp__pick::before {
    content: '';
    position: absolute;
    top: 0;
    right: calc(50% - 50vw);
    bottom: 0;
    left: calc(50% - 50vw);
    z-index: -1;
    border-radius: 0 0 6px 6px;
    background: #fff;
    pointer-events: none;
  }

  .npcmp__thead::before {
    border-bottom: 2px solid #ECEBE7;
    box-shadow: 0 4px 32px rgba(111, 104, 94, .2);
  }

  /* the CTAs stand in the plan columns: the bar takes the table's grid, each button is centred
     in its column, 32px apart (16px each side) */
  .npcmp__pick {
    grid-template-columns: var(--npcmp-label) minmax(0, 1fr);
    min-height: 92px;
    padding: 22px 0;
    border-top: 0;
    border-radius: 0;
    background: transparent;
  }

  .npcmp__pick-btns { column-gap: 0; }

  .npcmp__pick-col { align-items: center; }

  .npcmp__pick-btn { width: calc(100% - 32px); }

  .npcmp__pick.is-stuck { box-shadow: none; }

  /* the hidden caption only holds the column - it must not wrap and stretch the bar */
  .np2026 .npcmp__pick-label {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
  }

  .npcmp__pick::before {
    border-top: 2px solid #ECEBE7;
    transition: box-shadow .2s ease-in-out;
  }

  .npcmp__pick.is-stuck::before { box-shadow: 0 4px 32px rgba(111, 104, 94, .2); }
}

.npcmp__footbar,
.npfab,
.npsheet { display: none; }

@media screen and (max-width: 991px) {
  .np2026 .npcmp {
    margin-top: 6px;
    padding-bottom: 104px;
  }

  .npcmp .np-container {
    width: 100%;
    max-width: none;
  }

  .npcmp__container { padding-top: 0; }

  .npcmp__head { display: none; }

  .npcmp__table {
    margin: 0 -12px;
    padding: 0;
  }

  .npcmp__thead {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    height: auto;
    min-height: 0;
    margin-bottom: 0;
    padding: calc(8px + env(safe-area-inset-top, 0px)) 8px 8px;
    border: 0;
    border-radius: 0 0 28px 28px;
    background: #000;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
    overflow: visible;
    opacity: 1;
    transform: translateY(-100%);
    visibility: hidden;
    transition: transform .35s cubic-bezier(.2, .8, .2, 1), visibility 0s .35s;
  }

  .npcmp__thead.is-stuck,
  html.np-nav-hidden .npcmp__thead.is-stuck {
    border-radius: 0 0 28px 28px;
    background: #000;
    transform: none;
    visibility: visible;
    transition: transform .35s cubic-bezier(.2, .8, .2, 1), visibility 0s;
  }

  .np2026 .npcmp__thead-label,
  .npcmp__thead-sec { display: none; }

  .npcmp__plans {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .npcmp__plan {
    z-index: auto;
    padding: 12px 10px;
    border-radius: 64px;
    box-shadow: inset 0 0 0 1px transparent;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
  }

  .npcmp__plan.is-active {
    padding-top: 13px;
    padding-bottom: 12px;
    box-shadow: inset 0 0 0 1px var(--np-green);
    background: linear-gradient(164.3deg, rgba(34, 130, 51, .44) .72%, rgba(34, 226, 67, 0) 100%);
  }

  .npcmp__plan-name {
    gap: 3px;
    height: 15px;
    font-size: 16px;
    opacity: .5;
    transition: opacity .2s ease-in-out;
  }

  .npcmp__plan.is-active .npcmp__plan-name { opacity: 1; }

  .npcmp__plan-title {
    font-size: 16px;
    line-height: 14px;
    letter-spacing: .8px;
    color: #fff;
  }

  .npcmp[data-np-mode="compare"] .npcmp__plans { display: none; }

  .npcmp[data-np-mode="compare"] .npcmp__mcmp {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
  }

  .npcmp__mcmp-pill {
    display: flex;
    align-items: center;
    justify-content: safe center;
    gap: 11px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 13px 16px 12px;
    border-radius: 64px;
    box-shadow: inset 0 0 0 1px var(--np-green);
    background: linear-gradient(174.7deg, rgba(34, 130, 51, .44) .72%, rgba(34, 226, 67, 0) 100%);
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .npcmp__mcmp-pill::-webkit-scrollbar { display: none; }

  .npcmp__mcmp-item { display: none; align-items: center; gap: 11px; flex-shrink: 0; }
  .npcmp__mcmp-item.is-on { display: flex; }
  .npcmp__mcmp-item.is-first .npcmp__mcmp-sep { display: none; }

  .npcmp__mcmp-sep {
    display: block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: var(--np-green);
  }

  .npcmp__mcmp-sep svg { display: block; width: 100%; height: 100%; }

  .npcmp__mcmp-lockup {
    display: flex;
    align-items: center;
    gap: 3px;
  }

  .npcmp__mcmp-name {
    font-size: 16px;
    font-weight: 900;
    line-height: 14px;
    letter-spacing: .8px;
    white-space: nowrap;
    color: #fff;
  }

  .npcmp__msliders {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-left: auto;
    padding: 0;
    border: 0;
    background: none;
    color: var(--np-green);
    cursor: pointer;
  }

  .npcmp__msliders svg { display: block; width: 24px; height: 24px; }

  .npcmp[data-np-count="3"] .npcmp__mcmp-pill,
  .npcmp[data-np-count="4"] .npcmp__mcmp-pill {
    justify-content: center;
    gap: 4px;
    padding: 13px 8px 12px;
  }

  .npcmp[data-np-count="3"] .npcmp__mcmp-item,
  .npcmp[data-np-count="4"] .npcmp__mcmp-item { gap: 4px; }

  .npcmp[data-np-count="3"] .npcmp__mcmp-sep,
  .npcmp[data-np-count="4"] .npcmp__mcmp-sep { width: 14px; height: 14px; }

  .npcmp[data-np-count="3"] .npcmp__mcmp-name,
  .npcmp[data-np-count="4"] .npcmp__mcmp-name {
    font-size: 14px;
    letter-spacing: .5px;
  }

  .npcmp__mtoggle {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 24px 20px;
  }

  .np2026 .npcmp__meyebrow {
    margin: 0;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 900;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--np-rich-beige);
  }

  .npcmp__meyebrow-cmp { display: none; font-weight: 800; }

  .npcmp[data-np-mode="compare"] .npcmp__meyebrow-cmp { display: inline; }

  .np2026 .npcmp__mheading {
    margin: -4px 0 0;
    padding: 0 8px;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    color: var(--np-anthracite);
  }

  .npcmp__mheading span { vertical-align: top; }

  .npcmp__mheading-lead {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.32px;
    color: var(--np-rich-beige);
  }

  .npcmp__mheading-cmp { display: none; }
  .npcmp[data-np-mode="compare"] .npcmp__mheading-single { display: none; }
  .npcmp[data-np-mode="compare"] .npcmp__mheading-cmp { display: inline; }

  .npcmp__mheading-sep {
    font-weight: 500;
    word-spacing: -1.3px;
    color: var(--np-green-muted);
  }

  .npcmp__mrow {
    display: flex;
    align-items: flex-start;
    gap: 24px;
  }

  .npcmp[data-np-mode="compare"] .npcmp__mrow { align-items: center; }

  .npcmp[data-np-mode="compare"] .npcmp__meyebrow,
  .npcmp[data-np-mode="compare"] .npcmp__mheading,
  .npcmp[data-np-mode="compare"] .npcmp__mhint { padding-right: 0; padding-left: 0; }

  .np2026 .npcmp__mhint {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding-left: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: var(--np-ash);
  }

  .npcmp__mhint b,
  .npcmp__mhint strong { font-weight: 800; color: var(--np-anthracite); }

  .npcmp__mhint-cmp { display: none; font-size: 15px; line-height: 20px; }
  .npcmp__mhint-cmp b,
  .npcmp__mhint-cmp strong { font-weight: 800; color: #000; }

  .npcmp[data-np-mode="compare"] .npcmp__mhint-single { display: none; }
  .npcmp[data-np-mode="compare"] .npcmp__mhint-cmp { display: inline; }

  .npcmp__mswitch {
    position: relative;
    display: block;
    width: 64px;
    height: 40px;
    flex-shrink: 0;
    padding: 0;
    border: 1px solid var(--np-dark-beige);
    border-radius: 64px;
    background: var(--np-panel);
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  }

  .npcmp__mswitch-knob {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--np-dark-beige);
    transition: transform .2s ease-in-out, background-color .2s ease-in-out;
  }

  .npcmp__mswitch[aria-checked="true"] {
    border-color: #000;
    background: var(--np-anthracite);
  }

  .npcmp__mswitch[aria-checked="true"] .npcmp__mswitch-knob {
    background: var(--np-green);
    transform: translateX(24px);
  }

  .npcmp__medit {
    display: none;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    padding: 0 16px;
    box-shadow: inset 0 0 0 1.5px var(--np-anthracite);
    color: var(--np-anthracite);
  }

  .npcmp[data-np-mode="compare"] .npcmp__medit { display: flex; }

  .npcmp__sections { margin: 0; }

  .npgrp + .npgrp { margin-top: 32px; }
  .npgrp.is-open + .npgrp:not(.is-open) { margin-top: 28px; }

  .npgrp:not(.is-open):not(.npgrp--phone) + .npgrp:not(.is-open),
  .npgrp:not(.is-open) + .npgrp--phone + .npgrp:not(.is-open),
  .npgrp:not(.is-open) + .npgrp:not(.is-open) { margin-top: 0; }

  .npgrp--phone { display: block; }

  .npgrp__head,
  .npgrp:not(.is-open) .npgrp__head {
    gap: 10px;
    min-height: 88px;
    padding: 0 16px 8px 8px;
    border: 0;
    border-radius: 20px 20px 0 0;
    background: var(--np-panel);
    box-shadow: none;
    overflow: visible;
    transition: none;
  }

  .npgrp.is-open .npgrp__head { margin-bottom: -10px; }

  .npgrp__icon,
  .npgrp:not(.is-open) .npgrp__icon {
    width: 24px;
    height: 24px;
    transition: none;
  }

  .npgrp__title,
  .npgrp:not(.is-open) .npgrp__title {
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 1.26px;
    color: var(--np-anthracite);
    transition: none;
  }

  .npgrp__chev,
  .npgrp.is-open .npgrp__chev {
    width: 24px;
    height: 24px;
    margin-right: 3px;
    opacity: 1;
    transform: rotate(180deg);
  }

  .npgrp:not(.is-open) .npgrp__chev { transform: none; }

  .npgrp:not(.npgrp--folded):not([data-np-phone-folded]) .npgrp__chev { display: none; }

  .npgrp:not(.is-open) .npgrp__head {
    min-height: 0;
    padding: 14px 16px 13px;
    border-radius: 20px;
    background: transparent;
    box-shadow: inset 0 -1px 0 var(--np-medium);
  }

  .npgrp:not(.is-open) .npgrp__title {
    font-size: 13px;
    line-height: 12px;
    letter-spacing: 1.43px;
  }

  .npgrp__body {
    position: relative;
    z-index: 1;
  }

  .npgrp__inner { border-radius: 20px 20px 18px 18px; }

  .npgrp__rows { gap: 8px; }

  .npgrp__premium {
    display: contents;
    background: transparent;
  }

  .nprow,
  .nprow--premium + .nprow--premium {
    display: block;
    min-height: 0;
    padding: 20px 24px 24px 12px;
    border-radius: 0;
    background: #fff;
    box-shadow: inset 0 -1px 0 var(--np-panel);
    order: var(--np-morder, 0);
  }

  .nprow.nprow--premium { background: var(--np-soft); }

  .nprow[data-np-rowmode="hidden"] { display: none; }

  .nprow__label,
  .nprow__cells { display: none; }

  .nprow__m {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

  .nprow__mbullet {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--np-anthracite);
  }

  .nprow__mbullet svg { display: block; width: 100%; height: 100%; }
  .nprow__mbullet .nprow__mbullet-off { display: none; }

  .nprow[data-np-bullet="shared"] .nprow__mbullet { color: var(--np-green-muted); }
  .nprow[data-np-bullet="off"] .nprow__mbullet-on { display: none; }
  .nprow[data-np-bullet="off"] .nprow__mbullet-off { display: block; }

  .nprow__mbody {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
  }

  .nprow__mtitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: var(--np-anthracite);
  }

  .nprow__mdesc {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: var(--np-rich-beige);
  }

  .nprow__mladder {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 8px;
    padding-bottom: 2px;
  }

  .nprow__mdesc + .nprow__mladder { margin-top: 14px; }

  .npchip {
    display: none;
    align-items: center;
    gap: 10px;
    padding: 6px 0 10px;
    box-shadow: inset 0 -1.3px 0 var(--np-panel);
  }

  .npchip__v {
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    white-space: nowrap;
    color: var(--np-anthracite);
  }

  .npchip--plan .npchip__v { white-space: normal; }

  .npchip__pre,
  .npchip__note { font-weight: 600; }
  .npchip__note { font-weight: 500; }

  .npchip__v--green {
    text-transform: uppercase;
    color: var(--np-green-muted);
  }

  .npchip__name {
    display: block;
    width: 58px;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 900;
    line-height: 12px;
    letter-spacing: .7px;
    text-transform: uppercase;
    color: var(--np-rich-beige);
  }

  .npchip__dot,
  .npchip__tag {
    font-size: 12px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--np-green-muted);
  }

  .npchip--off .npchip__v,
  .npchip--none .npchip__v {
    font-weight: 600;
    color: var(--np-rich-beige);
  }

  .nprow--premium .npchip { box-shadow: inset 0 -1.3px 0 var(--np-header); }

  .npchip--plan.is-active,
  .npcmp[data-np-mode="single"] .npchip--plan.is-on { box-shadow: inset 0 -2px 0 var(--np-green); }

  .npchip--plan.is-active .npchip__name,
  .npcmp[data-np-mode="single"] .npchip--plan.is-on .npchip__name { color: var(--np-green-muted); }

  .nprow[data-np-rowmode="all"] .npchip--shared,
  .nprow[data-np-rowmode="same"] .npchip--shared,
  .nprow[data-np-rowmode="none"] .npchip--none,
  .nprow[data-np-rowmode="lines"] .npchip--plan.is-on { display: flex; }

  .nprow--subhead {
    display: flex;
    justify-content: flex-start;
    gap: 6px;
    min-height: 44px;
    margin-top: 0;
    padding: 12px 16px 12px 42px;
    background: transparent;
    box-shadow: none;
  }

  .nprow--subhead[data-np-rowmode="hidden"] { display: none; }

  .nprow__subhead {
    font-size: 15px;
    letter-spacing: 1.35px;
  }

  .nprow__subhead-light--d { display: none; }
  .nprow__subhead-light--m { display: inline-flex; gap: 6px; }

  .npcmp__pick { display: none; }

  .npcmp__more {
    justify-content: center;
    gap: 8px;
    height: 56px;
    margin-top: 16px;
    padding: 16px;
  }

  .npcmp__more-label {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1.17px;
  }

  .npcmp__more-chev {
    width: 20px;
    height: 20px;
  }

  .npcmp__download {
    justify-content: center;
    gap: 8px;
    height: 56px;
    margin-top: 16px;
    padding: 16px;
  }

  .npcmp__download-icon {
    width: 20px;
    height: 20px;
  }

  .npcmp__download-label {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1.17px;
  }

  .npcmp__footbar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 12px calc(16px + env(safe-area-inset-bottom, 0px));
    border-radius: 20px 20px 0 0;
    background: #fff;
    box-shadow: inset 0 1px 0 var(--np-sand);
    transform: translateY(110%);
    transition: transform .3s ease-in-out;
  }

  .npcmp.is-inview .npcmp__footbar { transform: none; }

  .npcmp__footprice {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
  }

  .npcmp__footname {
    display: flex;
    align-items: center;
    gap: 2px;
  }

  .npcmp__foottitle {
    font-size: 18px;
    font-weight: 900;
    line-height: 15px;
    white-space: nowrap;
    color: var(--np-anthracite);
  }

  .npcmp__footamount {
    display: flex;
    align-items: flex-start;
    font-size: 15px;
    font-weight: 800;
    line-height: 17px;
    white-space: nowrap;
    color: var(--np-green-muted);
  }

  .npcmp__footamount small {
    font-size: 9.675px;
    font-weight: 600;
    line-height: 12px;
  }

  .npcmp__foottrial {
    display: block;
    padding: 2px 7px;
    border-radius: 16px;
    background: #000;
    font-size: 11px;
    font-weight: 900;
    line-height: 12px;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--np-green);
  }

  .npcmp__footbtn {
    flex: 1 1 auto;
    min-width: 0;
    height: 56px;
  }

  .npfab {
    position: fixed;
    right: 16px;
    bottom: calc(100px + env(safe-area-inset-bottom, 0px));
    z-index: 29;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 48px;
    background: var(--np-anthracite);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .18);
    color: var(--np-green);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transform: translateY(16px);
    transition: opacity .25s ease-in-out, transform .25s ease-in-out;
  }

  .npcmp.is-inview .npfab {
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  .npfab svg { display: block; width: 24px; height: 24px; }

  .npsheet {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: block;
  }

  .npsheet__scrim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
  }

  .npsheet__panel {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 14px 18px calc(24px + env(safe-area-inset-bottom, 0px));
    border-radius: 18px 18px 0 0;
    background: #fff;
    animation: np-sheet-in .3s cubic-bezier(.2, .8, .2, 1) both;
  }

  .npsheet.is-single .npsheet__panel { gap: 10px; }

  @keyframes np-sheet-in {
    from { transform: translateY(100%); }
    to   { transform: none; }
  }

  .npsheet__handle {
    display: block;
    width: 38px;
    height: 4px;
    border-radius: 2px;
    background: #DAD5C9;
  }

  .np2026 .npsheet__title {
    margin: 0;
    width: 100%;
    font-size: 17px;
    font-weight: 800;
    line-height: 22px;
    color: #000;
  }

  .npsheet__row {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--np-page);
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }

  .npsheet__row.is-checked {
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #20BB3B;
  }

  .npsheet.is-single .npsheet__row.is-checked { background: #E7F6E9; }

  .npsheet__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .npsheet__body {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1 1 auto;
    min-width: 0;
  }

  .npsheet__name {
    display: flex;
    align-items: center;
    gap: 3px;
    height: 20px;
  }

  .npsheet__plan {
    font-size: 16px;
    font-weight: 900;
    line-height: 14px;
    letter-spacing: .8px;
    color: var(--np-anthracite);
  }

  .npsheet__price {
    display: flex;
    align-items: flex-start;
    font-size: 13px;
    font-weight: 800;
    line-height: 17px;
    white-space: nowrap;
    color: var(--np-green-muted);
  }

  .npsheet__per {
    font-size: 9px;
    line-height: 12px;
  }

  .npsheet__trial {
    display: block;
    margin: 2px 0 0 6px;
    padding: 3px 5px 2px;
    border-radius: 4px;
    background: var(--np-green);
    font-size: 10px;
    font-weight: 800;
    line-height: 10px;
    text-transform: uppercase;
    color: #000;
  }

  .npsheet__check {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
  }

  .npsheet__check svg { display: block; width: 100%; height: 100%; }
  .npsheet__check .npsheet__check-on { display: none; }
  .npsheet__row.is-checked .npsheet__check-on { display: block; }
  .npsheet__row.is-checked .npsheet__check-off { display: none; }

  .np2026 .npsheet__note {
    margin: 0;
    width: 100%;
    padding: 10px 14px;
    border-radius: 12px;
    background: var(--np-panel);
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: var(--np-rich-beige);
  }

  .npsheet__note b,
  .npsheet__note strong { font-weight: 800; color: var(--np-anthracite); }

  .npsheet__apply {
    margin-top: 16px;
    height: 48px;
  }

  .npsheet__apply .npbtn__label { font-weight: 900; }
}

@media (prefers-reduced-motion: reduce) {
  .npgrp,
  .npgrp__body,
  .npgrp:not(.is-open) .npgrp__body,
  .npgrp__head,
  .npgrp__title,
  .npgrp__icon,
  .npgrp__chev,
  .npcmp__more-chev,
  .npgrp__body.is-resizing,
  .npcmp__thead,
  .npcmp__thead-sec-item,
  .npcmp__thead.is-stuck .npcmp__thead-sec-item.is-current,
  .npgrp:first-child .npgrp__title,
  .npcmp__pick,
  .npcmp__footbar,
  .npfab,
  .npcmp__mswitch,
  .npcmp__mswitch-knob,
  html.np-nav-ready .nnavbar { transition: none; }

  .npcmp__table.is-swapped .npgrp--has-full .npgrp__rows { animation: none; }
  .npsheet__panel { animation: none; }
}