/**
 * Feature Matrix
 */
.feature-matrix {
  width: 100%;
  margin: 30px 0 0;
  background: transparent;
  position: relative;
}
@media (min-width: 768px) {
  .feature-matrix {
    margin: 60px 0 0;
  }
}

/* Responsive Feature Matrix Container */
.feature-matrix-container {
  position: relative;
}

.categories {
  border: 1px solid #d1d5db;
}

.matrix-header {
  display: none;
  background: white;
  border-right: 1px solid #d1d5db;
  border-bottom: 1px solid #d1d5db;
  position: sticky;
  top: 0;
  z-index: 10;
}
@media (min-width: 768px) {
  .matrix-header {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 0.75fr;
  }
}

.header-cell {
  padding: 18px 12px 12px;
  border-bottom: 1px solid #d1d5db;
  border-left: 1px solid #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-cell:not(:first-child) {
  display: none;
}
@media (min-width: 768px) {
  .header-cell:not(:first-child) {
    display: flex;
  }
}
.header-cell:first-child {
  background: none;
  border-left: 0;
}
.header-cell:last-child {
  border-top-right-radius: 8px;
}

.header-spacer {
  background: #f8fafc;
}

.plan-header {
  font-weight: 700;
  font-size: 18px;
  color: #1e293b;
  position: relative;
}
.plan-header::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 3px;
  z-index: 2;
}
.plan-header.plan-3 {
  color: #1781fa;
  background: #f8fafc;
}
.plan-header.plan-3::before {
  background: #1781fa;
}

.feature-matrix.recommended[data-recommended=movement] .plan-header.plan-1::before,
.feature-matrix.recommended[data-recommended=network] .plan-header.plan-2::before,
.feature-matrix.recommended[data-recommended=network_boost] .plan-header.plan-2::before,
.feature-matrix.recommended[data-recommended=network_boost] .plan-header.plan-3::before,
.feature-matrix.recommended[data-recommended=movement_boost] .plan-header.plan-1::before,
.feature-matrix.recommended[data-recommended=movement_boost] .plan-header.plan-3::before {
  top: 2px;
  right: 2px;
  left: 3px;
  height: 4px;
  border-radius: 2px;
  transition: all 0.15s ease-in-out;
}

.category-header {
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  background: #f5f5f5;
  border-bottom: 1px solid #d1d5db;
}
@media (min-width: 768px) {
  .category-header {
    grid-template-columns: 2fr 1fr 1fr 0.75fr;
  }
}

.category-cell {
  padding: 10px 14px;
  border-left: 1px solid #d1d5db;
}
.category-cell:not(:first-child) {
  display: none;
}
@media (min-width: 768px) {
  .category-cell:not(:first-child) {
    display: block;
  }
}
.category-cell:first-child {
  border-left: 0;
}
.category-cell.plan-3 {
  background: transparent;
}
@media (min-width: 768px) {
  .category-cell.category-pricing {
    display: block;
  }
}

.category-name {
  text-align: left;
  line-height: 1;
}
.category-name h3 {
  font-weight: 600;
  font-size: 16px;
  color: #1e293b;
  margin: 0;
}
.category-name small {
  display: block;
  font-size: 12px;
  color: #6b7280;
  font-weight: 400;
  margin: 4px 0 0;
}

.category-pricing {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  padding: 11px 14px;
  display: block;
}
.category-pricing small {
  display: block;
  font-size: 11px;
  color: #6b7280;
  font-weight: 400;
  margin-top: 3px;
}

.features-section {
  background: white;
}

.feature-row {
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid #e5e7eb;
}
@media (min-width: 768px) {
  .feature-row {
    grid-template-columns: 2fr 1fr 1fr 0.75fr;
  }
}
.feature-row.focused {
  background-color: #f8fafc;
}
.feature-row.expanded {
  background-color: #eff6ff;
}
.feature-row.expanded .feature-cell {
  border-bottom-color: #bfdbfe;
}

.feature-cell {
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #d1d5db;
}
.feature-cell:not(:first-child) {
  display: none;
}
@media (min-width: 768px) {
  .feature-cell:not(:first-child) {
    display: flex;
  }
}
.feature-cell:first-child {
  border-left: 0;
}
.feature-cell i[class^=fa-] {
  width: 20px;
}
.feature-cell .fa-xmark,
.feature-cell .fa-minus {
  font-size: 10px;
  color: #d5d5d5;
}
.feature-cell .fa-check {
  color: #169c70;
}
.feature-cell .included-in-boost {
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="rocket" viewBox="0 0 400 400"><path fill="%231781FA" d="M202.44,301.75l-32.26-70.58c-.27-.6-.75-1.08-1.35-1.35l-70.58-32.26h0s0,0,0,0h0s0,0,0,0l-25.17,25.17c-9.3,9.3,42.79,61.39,52.09,52.09-9.3,9.3,42.79,61.39,52.09,52.09l25.17-25.17h0Z"/><path fill="%23F89E1C" d="M28.67,315.85c.6.27,1.08.75,1.35,1.35l16.56,36.24,36.24,16.56c.6.27,1.08.75,1.35,1.35l13.1,28.67c12.15-8.76,26.48-19.57,33.46-26.54,13.39-13.39,14.33-37.77,0-52.09h0c-14.33-14.33-37.77-14.33-52.09,0,14.33-14.33,14.33-37.77,0-52.09h0c-14.33-14.33-38.71-13.39-52.09,0-6.97,6.97-17.78,21.31-26.54,33.46l28.67,13.1Z"/><path fill="%231781FA" d="M119.7,167.77l55.6-54.39s.02-.02.03-.03c.17-.17.31-.35.43-.55.48-.78.48-1.66.16-2.41-.01-.03-.02-.06-.03-.08-.01-.03-.03-.05-.04-.08-.34-.74-1-1.32-1.89-1.49-.22-.05-.45-.07-.7-.05-.01,0-.03,0-.04,0l-77.63,4.75c-.66.04-1.28.32-1.75.78l-55.6,54.39s-.02.02-.03.03c-.17.17-.31.36-.43.55-.47.78-.48,1.66-.16,2.41.01.03.02.06.03.08.01.03.03.05.04.08.34.74,1,1.32,1.9,1.5.22.05.45.07.69.05.01,0,.03,0,.04,0l77.63-4.75c.66-.04,1.28-.32,1.75-.78Z"/><path fill="%231781FA" d="M232.24,280.31l54.39-55.6s.02-.02.03-.03c.17-.17.35-.31.55-.43.78-.48,1.66-.48,2.41-.16.03.01.06.02.08.03.03.01.05.03.08.04.74.34,1.32,1,1.49,1.89.05.22.07.45.05.7,0,.01,0,.03,0,.04l-4.75,77.63c-.04.66-.32,1.28-.78,1.75l-54.39,55.6s-.02.02-.03.03c-.17.17-.36.31-.55.43-.78.47-1.66.48-2.41.16-.03-.01-.06-.02-.08-.03-.03-.01-.05-.03-.08-.04-.74-.34-1.32-1-1.5-1.9-.05-.22-.07-.45-.05-.69,0-.01,0-.03,0-.04l4.75-77.63c.04-.66.32-1.28.78-1.75Z"/><path fill="%231781FA" d="M399.79,46.6s0-.03,0-.05c.04-.73.08-1.46.11-2.18,0-.12,0-.24.01-.36.02-.63.04-1.26.06-1.88,0-.21,0-.42,0-.63,0-.54.02-1.07.02-1.6,0-.29,0-.57,0-.85,0-.13,0-.26,0-.4,0-.1,0-.19,0-.28,0,.19,0,.38,0,.56,0-.22,0-.43,0-.65,0,.03,0,.05,0,.08,0-.23,0-.45,0-.68-.02-.73-.04-1.46-.07-2.18,0,0,0-.01,0-.02-.04-.89-.1-1.77-.16-2.64,0-.03,0-.07,0-.1-.07-.84-.15-1.66-.24-2.47,0-.06-.01-.12-.02-.18-.09-.78-.19-1.55-.31-2.3-.01-.08-.03-.16-.04-.24-.11-.73-.24-1.44-.38-2.14-.02-.1-.04-.19-.06-.29-.14-.68-.28-1.34-.44-1.99-.03-.11-.06-.22-.09-.33-.16-.63-.32-1.25-.5-1.85-.04-.12-.08-.24-.12-.37-.18-.58-.36-1.15-.56-1.7-.05-.14-.1-.27-.15-.4-.2-.53-.4-1.05-.61-1.56-.06-.14-.13-.28-.19-.42-.21-.48-.43-.96-.66-1.42-.08-.15-.16-.3-.24-.45-.23-.43-.46-.86-.7-1.27-.1-.17-.21-.32-.31-.49-.24-.38-.47-.75-.72-1.11-.14-.2-.29-.38-.43-.57-.23-.3-.45-.61-.69-.9-.29-.34-.59-.66-.9-.98-.11-.11-.21-.24-.32-.35,0,0,0,0,0,0s0,0,0,0c-.43-.43-.88-.84-1.36-1.24-.03-.03-.06-.05-.09-.07-.45-.37-.92-.73-1.41-1.08-.06-.04-.13-.08-.2-.13-.47-.32-.94-.63-1.44-.93-.08-.05-.16-.09-.24-.13-.5-.29-1-.56-1.53-.82-.09-.04-.18-.08-.27-.13-.53-.26-1.07-.51-1.63-.74-.09-.04-.19-.07-.28-.11-.57-.23-1.15-.45-1.75-.66-.09-.03-.19-.06-.28-.09-.61-.21-1.23-.41-1.87-.59-.09-.03-.19-.05-.28-.08-.65-.18-1.32-.36-2-.51-.09-.02-.18-.04-.26-.06-.7-.16-1.4-.31-2.13-.44-.08-.02-.16-.03-.25-.04-.74-.13-1.49-.26-2.26-.37-.07-.01-.14-.02-.22-.03-.79-.11-1.59-.21-2.41-.29-.06,0-.12-.01-.18-.02-.84-.08-1.69-.15-2.56-.21-.04,0-.09,0-.13,0-.89-.06-1.79-.1-2.72-.13-.02,0-.04,0-.07,0-11.07-.36-24.32,1.23-38.84,4.55-7.99,1.83-16.36,4.18-24.96,7.02,0,0,0,.04.02.11-2.94.93-5.7,1.83-7.28,2.39-42.89,15.29-90.39,42.14-124.49,76.23-33.22,33.22-50.3,64.73-54.86,92.86l.63.63,63.05,28.82c4.79,2.19,8.64,6.04,10.83,10.83l28.82,63.05.63.63c28.13-4.55,59.64-21.64,92.86-54.86,52.03-52.03,87.16-135.25,90.13-185.71ZM243.12,156.89c-16.54-16.54-16.54-43.36,0-59.9,16.54-16.54,43.36-16.54,59.9,0,16.54,16.54,16.54,43.36,0,59.9-16.54,16.54-43.36,16.54-59.9,0Z"/></svg>');
}
.feature-cell .plan-label {
  display: none;
}
@media (max-width: 767px) {
  .feature-wrapper.expanded .feature-cell .plan-label {
    font-weight: 600;
    margin-right: 8px;
    display: block;
  }
}

.feature-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}

.boost-section {
  background: #f8fafc;
  position: relative;
}
.boost-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px #c7d7ec;
  z-index: 1;
  pointer-events: none;
}

.boost-title {
  background: #f8fafc;
  border-bottom: 1px solid rgba(28, 129, 250, 0.15);
  padding: 10px 14px;
  line-height: 1;
}
.boost-title h3 {
  font-weight: 600;
  font-size: 14px;
  color: #1781fa;
  margin: 0;
}
.boost-title small {
  display: block;
  font-size: 12px;
  color: #64748b;
  font-weight: 400;
  margin: 4px 0 0;
}

.boost-features {
  background: rgba(28, 129, 250, 0);
}

.boost-feature .feature-cell:first-child {
  border-left: 0;
}
.boost-feature.boost-last .feature-row {
  border-bottom: 0;
}

.matrix-footer {
  display: grid;
  grid-template-columns: 1fr;
  background: white;
  border-right: 1px solid #d1d5db;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .matrix-footer {
    grid-template-columns: 2fr 1fr 1fr 0.75fr;
    margin-top: 0;
  }
}

.footer-cell {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .footer-cell {
    padding: 8px;
    border-left: 1px solid #d1d5db;
    border-bottom: 1px solid #d1d5db;
  }
}
.footer-cell:first-child {
  border-left: 0;
  border-bottom: 0;
}
.footer-cell.plan-3 {
  background: #f8fafc;
  border-left: 1px solid #c7d7ec;
}
.footer-cell a {
  border: none;
  display: inline-block;
  color: #211d22;
  font-weight: 700;
  font-size: 14.5px;
  padding: 15px;
  box-shadow: none;
  transition: all 0.15s linear;
  text-align: center;
  cursor: pointer;
  border: 2px solid transparent;
  line-height: 1;
  width: 100%;
  text-decoration: none;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  border-radius: 3px;
  height: auto;
}
@media (min-width: 768px) {
  .footer-cell a {
    padding: 10px 15px;
  }
}
.footer-cell a:hover {
  border-color: #211d22;
}

.feature-matrix.recommended[data-recommended] .footer-cell.plan-2 a,
.feature-matrix.recommended[data-recommended=movement] .footer-cell.plan-2 a,
.feature-matrix.recommended[data-recommended=movement_boost] .footer-cell.plan-2 a,
.feature-matrix.recommended[data-recommended=network] .footer-cell.plan-1 a,
.feature-matrix.recommended[data-recommended=network_boost] .footer-cell.plan-1 a {
  display: none;
}
@media (min-width: 768px) {
  .feature-matrix.recommended[data-recommended] .footer-cell.plan-2 a,
  .feature-matrix.recommended[data-recommended=movement] .footer-cell.plan-2 a,
  .feature-matrix.recommended[data-recommended=movement_boost] .footer-cell.plan-2 a,
  .feature-matrix.recommended[data-recommended=network] .footer-cell.plan-1 a,
  .feature-matrix.recommended[data-recommended=network_boost] .footer-cell.plan-1 a {
    display: block;
  }
}

.feature-matrix.recommended[data-recommended] .footer-cell.plan-1 a {
  background-color: #f89e1c;
  border-color: #f89e1c;
}

.feature-matrix.recommended[data-recommended=movement] .footer-cell.plan-1 a,
.feature-matrix.recommended[data-recommended=movement_boost] .footer-cell.plan-1 a,
.feature-matrix.recommended[data-recommended=network] .footer-cell.plan-2 a,
.feature-matrix.recommended[data-recommended=network_boost] .footer-cell.plan-2 a {
  background-color: #f89e1c;
  border-color: #f89e1c;
  display: block;
}
@media (min-width: 768px) {
  .feature-matrix.recommended[data-recommended=movement] .footer-cell.plan-1 a,
  .feature-matrix.recommended[data-recommended=movement_boost] .footer-cell.plan-1 a,
  .feature-matrix.recommended[data-recommended=network] .footer-cell.plan-2 a,
  .feature-matrix.recommended[data-recommended=network_boost] .footer-cell.plan-2 a {
    display: block;
  }
}

.feature-matrix.recommended[data-recommended=movement] .footer-cell.plan-1 a:hover,
.feature-matrix.recommended[data-recommended=network] .footer-cell.plan-2 a:hover {
  background: white;
}

.feature-matrix .footer-cell span {
  display: none;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  text-align: center;
  top: 100%;
  left: 0;
  right: 0;
}

.feature-matrix.recommended[data-recommended=movement] .footer-cell.plan-1 span,
.feature-matrix.recommended[data-recommended=network] .footer-cell.plan-2 span {
  display: block;
}

.expand-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 5;
}
.expand-toggle i {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}
.expand-toggle[aria-expanded=true] i {
  transform: rotate(180deg);
}
.expand-toggle:focus {
  outline: 2px solid #1781fa;
  outline-offset: 2px;
  border-radius: 4px;
}

.boost-features .feature-wrapper:not(.expanded):last-child .feature-row {
  border-bottom: 0;
}

.features-section .feature-wrapper:not(.expanded):last-child .feature-row {
  border-bottom-color: #d1d5db;
}

.feature-description {
  padding: 16px 20px;
  margin-bottom: 1px;
}
.feature-description p {
  margin: 0;
  color: #000;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
}
.feature-description p + p {
  margin-top: 20px;
}

.recommended-column-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 11;
  opacity: 0;
  transition: opacity 0.2s ease;
  display: none;
}

.feature-matrix.recommended[data-recommended=movement] .recommended-column-overlay[data-column="1"],
.feature-matrix.recommended[data-recommended=movement_boost] .recommended-column-overlay[data-column="1"],
.feature-matrix.recommended[data-recommended=movement_boost] .recommended-column-overlay[data-column="3"],
.feature-matrix.recommended[data-recommended=network] .recommended-column-overlay[data-column="2"],
.feature-matrix.recommended[data-recommended=network_boost] .recommended-column-overlay[data-column="2"],
.feature-matrix.recommended[data-recommended=network_boost] .recommended-column-overlay[data-column="3"],
.feature-matrix.recommended[data-recommended=boost] .recommended-column-overlay[data-column="3"] {
  opacity: 1;
}
@media (min-width: 768px) {
  .feature-matrix.recommended[data-recommended=movement] .recommended-column-overlay[data-column="1"],
  .feature-matrix.recommended[data-recommended=movement_boost] .recommended-column-overlay[data-column="1"],
  .feature-matrix.recommended[data-recommended=movement_boost] .recommended-column-overlay[data-column="3"],
  .feature-matrix.recommended[data-recommended=network] .recommended-column-overlay[data-column="2"],
  .feature-matrix.recommended[data-recommended=network_boost] .recommended-column-overlay[data-column="2"],
  .feature-matrix.recommended[data-recommended=network_boost] .recommended-column-overlay[data-column="3"],
  .feature-matrix.recommended[data-recommended=boost] .recommended-column-overlay[data-column="3"] {
    display: block;
  }
}

.feature-matrix.recommended[data-recommended] .recommended-column-overlay {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -1px;
  left: 42%;
  width: calc(21% + 3px);
  height: calc(100% + 3px);
  background: rgba(248, 158, 28, 0.01);
  border: 2px solid #f89e1c;
  border-radius: 4px;
  box-sizing: border-box;
}

.feature-matrix.recommended .recommended-column-overlay[data-column="2"] {
  left: 63%;
}

.feature-matrix.recommended .recommended-column-overlay[data-column="3"] {
  left: calc(84% + 1px);
  height: calc(100% - 53px);
  width: 16%;
}

.feature-matrix .feature-name {
  font-weight: 600;
  color: #1e293b;
  font-size: 14px;
  line-height: 1.5;
}

.feature-matrix .feature-category small,
.feature-matrix .boost-title small {
  display: block;
  font-weight: normal;
  opacity: 0.75;
  font-size: 12px;
  margin-top: 2px;
}

.feature-wrapper {
  position: relative;
}
.feature-wrapper.expanded {
  z-index: 11;
  box-shadow: 0 0 0 2px #1781fa;
  border-radius: 4px;
  overflow: hidden;
}
.feature-wrapper.expanded .feature-name {
  border-bottom: 1px solid #d1d5db;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .feature-wrapper.expanded .feature-name {
    border-bottom: none;
    margin-bottom: 0;
  }
}
.feature-wrapper.expanded .feature-row {
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  .feature-wrapper.expanded .feature-row {
    padding-bottom: 0;
  }
}
.feature-wrapper.expanded .feature-cell:not(:first-child) {
  display: flex;
  margin: 0 12px 0 10px;
  padding: 2px 8px;
  border-radius: 4px;
  justify-content: space-between;
  position: relative;
}
@media (min-width: 768px) {
  .feature-wrapper.expanded .feature-cell:not(:first-child) {
    margin: 0;
    padding: 10px 14px;
    border-radius: 0;
    justify-content: center;
  }
}
.feature-wrapper.expanded .feature-cell:not(:first-child):not(.boost-column), .feature-wrapper.expanded .feature-cell:not(:first-child).boost-column:not(.boost-cell-blue) {
  border: 0 !important;
  background: none !important;
}
@media (min-width: 768px) {
  .feature-wrapper.expanded .feature-cell:not(:first-child):not(.boost-column), .feature-wrapper.expanded .feature-cell:not(:first-child).boost-column:not(.boost-cell-blue) {
    border: 1px solid #d1d5db !important;
    background: initial !important;
  }
}
.feature-wrapper.expanded .feature-cell:not(:first-child) span {
  font-size: 14px;
}
@media (min-width: 768px) {
  .feature-wrapper.expanded .feature-cell:not(:first-child) span {
    font-size: inherit;
  }
}
.feature-wrapper.expanded .feature-cell:not(:first-child) .plan-label {
  font-weight: 600;
  margin-right: 8px;
  display: block;
}
@media (min-width: 768px) {
  .feature-wrapper.expanded .feature-cell:not(:first-child) .plan-label {
    display: none;
  }
}

.features-section .feature-wrapper.expanded {
  background: #fff;
}

.boost-section .feature-wrapper.expanded {
  background: #eff6ff;
}

/* Boost Column Styling */
.boost-column {
  background: #f8fafc !important;
  border-left: 1px solid #c7d7ec !important;
}
.boost-column.boost-cell-blue {
  background-color: #eaf3fd !important;
  border: 1px solid #A5C5EA !important;
  margin: -1px -1px -1px 0;
}

.plan-3 {
  background: #f8fafc;
}

/**
 * Plan Recommendations
 */
#plans .panel-wrapper .panel {
  background: #fff;
  border: 1px solid #b3b3b3;
  border-radius: 8px;
  font-family: Inter, sans-serif;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  #plans .panel-wrapper .panel {
    padding: 40px;
  }
}

#content .title h1 {
  text-align: center;
  padding-top: 50px;
  font-size: 2.5rem;
}
@media (min-width: 960px) {
  #content .title h1 {
    padding-top: 75px;
    font-size: 3.5rem;
  }
}
#content .title p {
  text-align: center;
  font-size: 1rem;
  opacity: 0.9;
  margin-top: 10px;
  margin-bottom: 0;
}
@media (min-width: 960px) {
  #content .title p {
    margin-top: 0;
  }
}

.panel-wrapper {
  padding-top: 25px;
}

.panel select:not([multiple]):not([size]) {
  appearance: none;
  line-height: 1.2;
  color: #211d22;
  border: 2px solid #b3b3b3;
  width: 100%;
  transition: all 0.1s linear;
  margin-top: 3px;
  padding: 10px 10px 9px;
  border-radius: 3px;
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4' fill='%237e7e7e' /%3E%3C/svg%3E") no-repeat right 10px center;
  background-size: 16px 4px;
  width: 70%;
}
.panel select:not([multiple]):not([size]):focus {
  outline: none;
  border-color: #1781fa;
}

.pricing-table .panel-wrapper #recommended-plan #plan-panel.enterprise .price {
  color: var(--plan-color);
}
.pricing-table .panel-wrapper .panel.enterprise .per {
  display: none;
}
.pricing-table .panel-wrapper .panel h3 {
  font-size: 26px;
}
@media (min-width: 768px) {
  .pricing-table .panel-wrapper .panel h3 {
    font-size: 30px;
  }
}
.pricing-table .panel-wrapper .panel h3 sup {
  color: #1781fa;
  vertical-align: top;
  margin-left: 5px;
  font-weight: 800;
  border-bottom: 3px dashed #1781fa;
}
.pricing-table .panel-wrapper .panel p {
  font-size: 15px;
  padding-bottom: 20px;
}
.pricing-table .panel-wrapper .panel h5 {
  font-size: 16px;
  margin-bottom: 8px;
}
.pricing-table .panel-wrapper .panel .price-text .regular-pricing span.per {
  color: #7a777a;
  font-size: 0.875rem;
}
.pricing-table .panel-wrapper .panel .bottom {
  margin: 30px 0 0;
}
.pricing-table .panel-wrapper .panel .bottom p {
  font-size: 13px;
  margin: 0;
  padding: 0;
}
.pricing-table .panel-wrapper .panel .bottom p a {
  font-size: 15px;
}
.pricing-table .panel-wrapper .panel .plan-option + .bottom {
  margin-top: 0;
}
.pricing-table .panel-wrapper .panel hr {
  background-color: #dadada;
  width: 100%;
  height: 1px;
  appearance: none;
  border: 0;
  margin: 10px 0 30px;
}

.pricing-table .panel-wrapper .panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.pricing-table .panel-wrapper .panel:before {
  background: var(--plan-color) !important;
}
.pricing-table .panel-wrapper .panel .list {
  padding-bottom: 0;
}
.pricing-table .panel-wrapper .panel .list p {
  font-weight: bold;
}
.pricing-table .panel-wrapper .panel .bottom {
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
  position: relative;
  min-height: 0;
}
.pricing-table .panel-wrapper #recommended-plan .panel {
  box-shadow: 0 0 0 3px var(--plan-color);
  border: 0;
}
.pricing-table .panel-wrapper #recommended-plan .panel .list > ul > li {
  margin-top: 20px;
}

@media (min-width: 960px) {
  #content .pricing-table > .panel-wrapper > .panel:first-child {
    width: 64%;
  }
  #content .pricing-table > .panel-wrapper > .panel:first-child:before {
    display: none;
  }
  #content .pricing-table .panel-wrapper #recommended-plan {
    width: 33%;
  }
  #content .pricing-table .panel-wrapper #recommended-plan .panel {
    width: 100%;
  }
  #content .pricing-table .panel-wrapper .panel {
    padding: 40px 30px 30px;
  }
  #content .pricing-table .panel-wrapper .panel .how-its-calculated {
    margin-bottom: 0;
  }
}
#content .pricing-table .panel-wrapper .panel:before {
  text-transform: uppercase;
  font-size: 14px;
  top: 0;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  content: "Most Popular";
  text-align: center;
}
#content .pricing-table .panel-wrapper #recommended-plan #plan-panel.panel[data-recommended]:before {
  content: "Recommended";
}

.pricing-table .panel-wrapper #recommended-plan #plan-panel.panel {
  padding-top: 55px;
}

.pricing-table .panel-wrapper .panel .list {
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
}
.pricing-table .panel-wrapper .panel .list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pricing-table .panel-wrapper .panel .list ul.split {
  margin-top: 15px;
}
.pricing-table .panel-wrapper .panel .list ul.split li {
  width: 100%;
}
@media (min-width: 768px) {
  .pricing-table .panel-wrapper .panel .list ul.split li {
    width: 50%;
    float: left;
  }
}
.pricing-table .panel-wrapper .panel .list ul li {
  margin: 0;
}

.pricing-table .panel-wrapper .panel .list ul li.boost-feature {
  margin-top: -2px;
  padding-top: 0;
}
.pricing-table .panel-wrapper .panel .list ul li.boost-feature sup {
  color: #1781fa;
  font-weight: bold;
}
.pricing-table .panel-wrapper .panel .list ul li.boost-feature:before {
  top: 10px;
}
.pricing-table .panel-wrapper .panel .list ul li li {
  margin: 4px 0;
  padding: 2px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pricing-table .panel-wrapper .panel .list ul li li i {
  color: #1d8729;
}
.pricing-table .panel-wrapper .panel .list ul li li span {
  line-height: 1.35;
  border-bottom: 1px dashed #bbb;
  cursor: pointer;
}
.pricing-table .panel-wrapper .panel .list ul li strong {
  margin: 0 0 8px;
  display: block;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pricing-table .panel-wrapper .panel .list ul li strong svg {
  width: 20px;
  height: 20px;
}

.pricing-table .panel-wrapper .panel .how-its-calculated {
  font-size: 13px;
}
.pricing-table .panel-wrapper .panel .bottom .disclaimer {
  margin-top: 30px;
  padding-top: 0;
}

.pricing-table .panel-wrapper #recommended-plan .price-text span.price {
  display: inline-block;
  font-size: 60px;
  color: #1781fa;
}
.pricing-table .panel-wrapper .panel:last-child .price-text span.price {
  padding-bottom: 0 !important;
}

.plan-option {
  display: flex;
  align-items: start;
  margin: 0 -20px;
  padding: 20px;
  cursor: pointer;
}
.plan-option__toggle {
  margin-right: 20px;
  flex-shrink: 0;
  min-height: 44px;
  min-width: 44px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 2px;
}
.plan-option__toggle:focus-within {
  position: relative;
}
.plan-option__toggle:focus-within .toggle-switch {
  outline: 2px solid #1781fa;
  outline-offset: 2px;
  transform: scale(1.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.plan-option__toggle input[type=checkbox]:focus + .toggle-switch {
  box-shadow: 0 0 0 3px rgba(23, 129, 250, 0.4), 0 0 0 1px #1781fa;
}
.plan-option__toggle input[type=checkbox]:disabled:focus + .toggle-switch {
  box-shadow: 0 0 0 3px rgba(23, 129, 250, 0.3);
  outline: 2px solid rgba(23, 129, 250, 0.7);
}
.plan-option__info {
  flex: 1;
}
@media (min-width: 960px) {
  .plan-option__info {
    margin-right: 20px;
  }
}
.plan-option__info h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 5px 0;
  color: #211d22;
}
.plan-option__info h4.boost-label {
  font-size: 20px;
  margin-bottom: 7px;
  font-weight: 800;
  color: #1781fa;
  border-bottom: 2.5px dashed #1781fa;
  display: inline-block;
}
.plan-option__info p {
  font-size: 14px;
  margin: 0;
  padding: 0 !important;
  line-height: 1.4;
}
.plan-option__status {
  flex-shrink: 0;
}
.plan-option__content {
  margin-top: 15px;
}
.plan-option__content.expanded, .plan-option__content--expanded {
  opacity: 1;
  visibility: visible;
}
.plan-option__content.expanded + .plan-option {
  margin-top: 20px;
}
.plan-option__coming-soon {
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background-color: #f8fafc !important;
  border: 1px solid #c7d7ec !important;
  border-radius: 4px;
  padding: 10px 14px;
  gap: 10px;
}
.plan-option__coming-soon i {
  margin-top: 3px;
  color: #1781fa;
}
.plan-option__coming-soon p {
  color: #02244b !important;
  font-size: 14px !important;
  margin: 0;
  padding: 0;
}

/* Toggle Switch */
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  background-color: #ccc;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  outline: none;
}
.toggle-switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
}
.toggle-switch:hover {
  background-color: #b3b3b3;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox]:checked + .toggle-switch {
  background-color: #1781fa;
}
input[type=checkbox]:checked + .toggle-switch::after {
  transform: translateX(16px);
}
input[type=checkbox]:checked + .toggle-switch:hover {
  background-color: #1565c0;
}
input[type=checkbox]:disabled + .toggle-switch {
  background-color: #1781fa;
  opacity: 0.7;
}
input[type=checkbox]:focus + .toggle-switch {
  box-shadow: 0 0 0 3px rgba(23, 129, 250, 0.4);
  outline: 2px solid #1781fa;
  outline-offset: 2px;
}

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

.plan-controls {
  display: none;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0 10px;
}
.plan-controls.disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media (min-width: 960px) {
  .plan-controls {
    display: flex;
  }
}

.plan-tabs-container {
  position: relative;
}

.plan-tabs {
  position: relative;
  display: flex;
  padding: 8px;
  border-radius: 8px;
  background: rgba(216, 216, 216, 0.35);
  gap: 8px;
}

.boost-container {
  padding: 8px;
  border-radius: 8px;
  background: rgba(216, 216, 216, 0.35);
  border-radius: 8px;
  margin-left: 20px;
}

.plan-tab {
  position: relative;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid transparent;
  padding: 18px;
  border-radius: 4px;
  line-height: 1;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  cursor: pointer;
  transition: all 0.1s ease-in;
  z-index: 2;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.plan-tab:hover {
  background: #dbdbdb;
  border: 1px solid #c0c0c0;
  color: #000000;
}
.plan-tab.active {
  color: #000000;
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #b3b3b3;
}
.plan-tab.active .plan-tab-label {
  background: transparent;
  border-bottom: 2px solid #f89e1c;
}
.plan-tab-label {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  display: inline-flex;
  gap: 8px;
  margin-bottom: 4px;
  border-bottom: 2px dashed transparent;
  text-wrap: pretty;
}
.plan-tab-description {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  opacity: 0.8;
  max-width: 300px;
}
.plan-tab-price {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  margin-top: 8px;
}

.add-boost {
  position: relative;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid transparent;
  padding: 18px;
  border-radius: 4px;
  line-height: 1;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  cursor: pointer;
  transition: all 0.1s ease-in;
  z-index: 2;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  max-width: 100%;
}
@media (min-width: 960px) {
  .add-boost {
    max-width: 300px;
  }
}
.add-boost:hover {
  background: #dbdbdb;
  border: 1px solid #c0c0c0;
  color: #000000;
}
.add-boost.active {
  background: #FFFFFF;
  color: #000000;
  box-shadow: inset 0 0 0 1px #1781fa, 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #1781fa;
}
.add-boost.active .plan-tab-label span {
  opacity: 1;
  border-bottom: 2px dashed #1781fa;
}
.add-boost.active .boost-add-icon,
.add-boost.active .boost-cancel-icon, .add-boost.active:hover .boost-add-icon, .add-boost.active:hover .boost-active-icon {
  display: none;
}
.add-boost.active .boost-active-icon, .add-boost.active:hover .boost-cancel-icon {
  display: inline-block;
}
.add-boost .plan-tab-label {
  border-bottom: 0;
}
.add-boost .plan-tab-label span {
  border-bottom: 2px dashed transparent;
}

.boost-cancel-icon,
.boost-add-icon,
.boost-active-icon {
  width: 14px;
  height: 14px;
  cursor: pointer;
  flex-shrink: 0;
}

.boost-add-icon,
.boost-active-icon,
.boost-cancel-icon {
  display: none;
}

.boost-add-icon {
  display: inline-block;
}

.plan-option-highlight {
  background: rgba(248, 158, 28, 0.01);
  box-shadow: 0 0 0 1px rgba(248, 158, 28, 0.2);
  border-radius: 6px;
  transition: all 0.2s ease;
}

/**
 * Free Tools
 */
.image-right-cta__content {
  order: 2;
}
@media (min-width: 768px) {
  .image-right-cta__content {
    order: 1;
    max-width: 70%;
  }
}
.image-right-cta__image {
  padding-bottom: 0;
  margin-top: 30px;
  order: 1;
}
@media (min-width: 768px) {
  .image-right-cta__image {
    order: 2;
    max-width: none;
    margin-top: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .image-right-cta__wrapper {
    align-items: center;
    flex-direction: row;
    padding: 30px 40px;
  }
}

#compare {
  background: white;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  #compare {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#compare .container {
  max-width: 1000px;
}
#compare .title h2 {
  text-align: center;
  font-size: 2rem;
}
#compare .title p {
  text-align: center;
  font-size: 1rem;
  opacity: 0.9;
  margin-top: 10px;
  margin-bottom: 0;
}
@media (min-width: 960px) {
  #compare .title p {
    margin-top: 0;
  }
}

.plan-header.plan-1::before {
  background: #fd570d;
}
.plan-header.plan-2::before {
  background: #cc70eb;
}

.not-included {
  color: #d5d5d5 !important;
}

svg.rocket {
  overflow: visible;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    /* original size */
  }
  50% {
    transform: scale(1.25);
    /* ~2px bigger depending on SVG size */
  }
}
.rocket_flame {
  animation: pulse 1.5s infinite ease-in-out;
  transform-origin: top right;
  /* ensures it scales evenly */
}

/**
 * Enterprise Panel
 */
#enterprise-proof {
  background: #f4f4f4;
  padding: 40px 20px;
}
@media (min-width: 768px) {
  #enterprise-proof {
    padding-top: 80px;
    padding-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
  }
}

.enterprise-panel {
  display: flex;
  align-items: center;
}
.enterprise-panel svg {
  display: none;
}
@media (min-width: 768px) {
  .enterprise-panel svg {
    display: block;
    max-width: 400px;
  }
}
.enterprise-panel h2.image-right-cta-headline {
  font-size: 30px;
}
@media (min-width: 768px) {
  .enterprise-panel h2.image-right-cta-headline {
    font-size: 40px;
  }
}
.enterprise-panel h2.image-right-cta-headline u {
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px dashed currentColor;
}
.enterprise-panel .logo-bar-logos__list {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 30px 0;
  padding: 0;
  list-style: none;
}
.enterprise-panel .logo-bar-logos__list .logo {
  max-width: 125px;
}
.enterprise-panel .wp-block-button__link {
  padding: 15px 60px;
  font-size: 18px;
}
.enterprise-panel-content__actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
@media (min-width: 768px) {
  .enterprise-panel-content__actions {
    flex-direction: row;
    gap: 30px;
  }
}

.get-a-quote-popup .email-mobile-form {
  display: none;
}

.boost-is-coming-soon {
  background: #1781fa;
  width: 100%;
  padding: 10px 25px;
  line-height: 1.25;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.boost-is-coming-soon__button {
  margin-top: 20px;
  padding: 8px 14px;
  border: 2px solid #fff;
  border-radius: 4px;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.boost-is-coming-soon__button:hover {
  background: #fff;
  color: #1781fa;
}
@media (min-width: 768px) {
  .boost-is-coming-soon__button {
    display: inline-block;
    margin-top: 0;
    margin-left: 20px;
  }
}
@media (min-width: 768px) {
  .boost-is-coming-soon {
    padding: 10px 45px;
  }
}

#join-waitlist-popup {
  background: #fff;
  border-radius: 3px;
  border-top: 8px solid;
  display: none;
  margin: 80px 0 30px;
  max-width: 800px;
  padding: 72px 140px 72px 84px;
  border-top-color: #1781fa;
  width: 100%;
  max-width: 800px;
}
@media (min-width: 1311px) {
  #join-waitlist-popup {
    padding: 72px 84px;
  }
}
#join-waitlist-popup .popup__inner___top {
  margin-bottom: 45px;
}
#join-waitlist-popup h3 {
  margin: 0;
}
#join-waitlist-popup p {
  margin: 1rem 0;
}

#boost {
  /**
   * Feature Matrix
   */
  /**
   * "Growing" panel (repurposed "Enterprise" panel)
   */
}
#boost h1 {
  line-height: 1.1;
}
#boost h1 strong {
  font-weight: 700;
  color: #1781fa;
  position: relative;
  display: inline-block;
}
#boost h1 strong:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 95%;
  left: 0;
  right: 0;
  border-bottom: 4px dashed #1781fa;
}
#boost .topper.demo {
  margin-bottom: 50px;
}
#boost .topper-columns {
  align-items: flex-start !important;
}
#boost .topper-columns__form .can_embed.v5 #can_embed_form h2 {
  margin-bottom: 0px !important;
  border-bottom: none !important;
}
#boost .topper-columns__form #can_embed_form .action_sidebar > h4:not(.sidebartitle),
#boost .topper-columns__form #action_info,
#boost .topper-columns__form .action_description {
  display: none !important;
}
#boost .topper-columns__form .can-form #can_embed_form #form_col2 input[type=submit],
#boost .topper-columns__form .can-form #can_embed_form .an-btn,
#boost .topper-columns__form #can_embed_form input[type=submit] {
  text-transform: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  width: 100% !important;
  letter-spacing: normal !important;
  padding: 12px 20px !important;
  background: #f89e1c !important;
  border: 2px solid #f89e1c !important;
  border-radius: 3px !important;
  color: #211d22 !important;
  cursor: pointer !important;
  padding: 8px 20px !important;
  text-decoration: none !important;
}
#boost .topper-columns__form .can-form #can_embed_form #form_col2 input[type=submit]:hover,
#boost .topper-columns__form .can-form #can_embed_form .an-btn:hover,
#boost .topper-columns__form #can_embed_form input[type=submit]:hover {
  background: #fff !important;
  color: #211d22 !important;
  border-color: #f89e1c !important;
}
#boost .topper-columns__form #d_sharing ul {
  font-size: 14px !important;
}
@media (min-width: 960px) {
  #boost .topper-columns__content .deck {
    margin-bottom: 20px;
  }
  #boost .topper-columns__content .deck:last-of-type {
    margin-bottom: 40px;
  }
}
#boost #compare .container {
  max-width: 1000px;
}
#boost .matrix-header,
#boost .feature-row,
#boost .matrix-footer {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  #boost .matrix-header,
  #boost .feature-row,
  #boost .matrix-footer {
    grid-template-columns: 2fr 1fr !important;
  }
}
#boost .plan-header.plan-1 {
  color: #1781fa;
  background-color: #f8fafc;
}
#boost .plan-header.plan-1::before {
  background: #1781fa;
}
#boost .feature-wrapper.expanded .feature-row {
  padding-bottom: 0;
}
#boost .feature-wrapper.expanded .feature-name {
  margin-bottom: 0;
  border-bottom: 0;
}
#boost .feature-wrapper.expanded .feature-cell:not(:first-child) {
  display: none;
}
#boost #enterprise-proof {
  background: #f4f4f4;
  padding-top: 80px;
  padding-bottom: 60px;
}
#boost #enterprise-proof .container {
  max-width: 1200px;
}
#boost .enterprise-panel h2.image-right-cta-headline {
  text-wrap: pretty;
  font-size: 40px;
}
#boost .enterprise-panel h2.image-right-cta-headline u {
  color: #1781fa;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 3px dashed currentColor;
}
#boost .enterprise-panel .wp-block-button__link {
  padding: 15px 60px;
  font-size: 18px;
}

/*# sourceMappingURL=home.css.map */