/* src/css/pages/b-to-b.css */
.segmented-section {
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: none;
}
.stats-hook {
  --b2b-stats-visible-cards: 3;
  --b2b-stats-gap: calc(2 * var(--likened-margin));
}
.b2b-stats-carousel-viewport {
  width: 100%;
  overflow: hidden;
}
.stats-hook .stats-hook-grid {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: var(--b2b-stats-gap);
  width: 100%;
  margin-bottom: 0;
  transition: transform var(--likened-transition);
  will-change: transform;
}
.stats-hook .stat-item {
  flex: 0 0 calc((100% - (var(--b2b-stats-gap) * (var(--b2b-stats-visible-cards) - 1))) / var(--b2b-stats-visible-cards));
  min-width: 0;
  max-width: none;
  padding: calc(2 * var(--likened-padding));
  border: var(--likened-border-thickness) solid var(--likened-grey);
  border-radius: var(--likened-border-radius);
  background-color: var(--likened-white);
  box-shadow: var(--likened-box-shadow-light);
  text-align: center;
}
.stats-hook .stat-link {
  gap: var(--likened-spacing);
}
.b2b-comparison-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: var(--likened-paragraph-gap);
  color: var(--likened-blue);
}
.b2b-comparison-arrow svg {
  display: block;
}
.stats-hook .b2b-stat-problem {
  display: block;
  line-height: var(--likened-line-height-reading);
  color: var(--likened-black);
  opacity: 0.7;
  margin-top: 0.25rem;
}
.stats-hook .stat-counter {
  font-size: 3rem;
  line-height: 1;
}
.b2b-stats-pagination {
  margin-top: calc(3 * var(--likened-margin));
}
@media (max-width: 768px) {
  .stats-hook {
    --b2b-stats-visible-cards: 1;
    --b2b-stats-gap: calc(1.5 * var(--likened-margin));
  }
  .stats-hook .stats-hook-grid {
    flex-direction: row;
    align-items: stretch;
  }
}
@media (max-width: 480px) {
  .stats-hook .stat-counter {
    font-size: 2.25rem;
  }
  .stats-hook .stat-item {
    padding: var(--likened-padding);
  }
}
.how-it-works-steps {
  list-style-type: decimal;
  padding-left: var(--likened-padding);
  margin-bottom: var(--likened-margin);
  line-height: var(--likened-line-height-reading);
}
.how-it-works-steps li {
  margin-bottom: var(--likened-margin);
}
.testimonial-section {
  text-align: center;
}
.b2b-testimonial-carousel-viewport {
  width: 100%;
  overflow: hidden;
}
.b2b-testimonial-carousel-track {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  transition: transform var(--likened-transition);
  will-change: transform;
}
.testimonial-slide {
  flex: 0 0 100%;
  min-width: 0;
}
.testimonial-slide h2 {
  margin-top: 0;
}
.testimonial-company-logo {
  width: auto;
  height: calc(8 * var(--likened-padding));
  max-width: calc(22 * var(--likened-padding));
  object-fit: contain;
  border-radius: var(--likened-border-radius);
}
.testimonial {
  position: relative;
  max-width: 780px;
  margin: 1.5rem auto 0;
  padding: 1.5rem 2rem;
  border-left: 6px solid var(--likened-blue);
  text-align: left;
  background: none;
}
.testimonial-quote {
  margin: 0 0 1rem;
  position: relative;
}
.testimonial-quote::before {
  content: "\201c";
  position: absolute;
  inset-inline-start: -0.5rem;
  inset-block-start: -0.75rem;
  font-size: 2.5rem;
  line-height: 1;
  color: var(--likened-blue);
  opacity: 0.25;
  font-family: var(--font-1-family);
  pointer-events: none;
}
.testimonial-quote::after {
  content: "\201d";
  font-size: 2.5rem;
  line-height: 1;
  color: var(--likened-blue);
  opacity: 0.25;
  font-family: var(--font-1-family);
  margin-left: 0.25rem;
}
.testimonial-quote p {
  margin-bottom: 1rem;
  line-height: var(--likened-line-height-reading);
}
.testimonial-quote p:last-child {
  margin-bottom: 0;
}
.testimonial-attribution {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-areas: "photo author role logo" "link link link link";
  justify-content: start;
  justify-items: start;
  align-items: center;
  gap: calc(1.5 * var(--likened-padding));
}
.testimonial-author,
.testimonial-author-role {
  white-space: nowrap;
}
.testimonial-profile-image {
  grid-area: photo;
}
.testimonial-author {
  grid-area: author;
}
.testimonial-author-role {
  grid-area: role;
}
.testimonial-company-logo {
  grid-area: logo;
}
.testimonial-attribution > a {
  grid-area: link;
  justify-self: center;
}
.testimonial-profile-image {
  width: calc(8 * var(--likened-padding));
  height: calc(8 * var(--likened-padding));
  object-fit: cover;
  border-radius: 999px;
  border: var(--likened-border-thickness) solid var(--likened-white);
  box-shadow: var(--likened-box-shadow-light);
}
.b2b-testimonial-pagination {
  margin-top: calc(3 * var(--likened-margin));
}
@media (max-width: 768px) {
  .testimonial-slide h2 {
    font-size: 1.5rem;
  }
  .testimonial {
    padding: 1.25rem 1.5rem;
  }
  .testimonial-company-logo {
    height: calc(5 * var(--likened-padding));
  }
  .testimonial-attribution {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas: "photo author" "logo role" "link link";
    justify-content: center;
    justify-items: center;
    align-items: center;
  }
  .testimonial-profile-image {
    grid-area: photo;
    width: calc(5 * var(--likened-padding));
    height: calc(5 * var(--likened-padding));
  }
  .testimonial-author {
    grid-area: author;
    justify-self: start;
    align-self: center;
    text-align: left;
    white-space: normal;
  }
  .testimonial-author-role {
    grid-area: role;
    justify-self: start;
    align-self: center;
    text-align: left;
  }
  .testimonial-company-logo {
    grid-area: logo;
    justify-self: center;
    align-self: center;
  }
  .testimonial-attribution > a {
    grid-area: link;
    justify-self: center;
    margin-top: var(--likened-spacing);
  }
  .b2b-testimonial-pagination {
    gap: calc(4 * var(--likened-spacing));
  }
}
@media (max-width: 480px) {
  .testimonial-slide h2 {
    font-size: 1.25rem;
  }
  .testimonial {
    margin-top: 1rem;
    padding: 1rem 1rem 1rem 1.25rem;
  }
  .testimonial-attribution {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas: "photo author" "logo role" "link link";
    justify-content: center;
    justify-items: center;
    align-items: center;
    column-gap: calc(1.25 * var(--likened-spacing));
    row-gap: calc(0.75 * var(--likened-spacing));
  }
  .testimonial-profile-image {
    width: calc(4.5 * var(--likened-padding));
    height: calc(4.5 * var(--likened-padding));
    align-self: center;
  }
  .testimonial-company-logo {
    display: block;
    height: calc(3.75 * var(--likened-padding));
    max-width: calc(10 * var(--likened-padding));
    align-self: center;
  }
  .testimonial-author {
    justify-self: start;
    align-self: center;
    text-align: left;
  }
  .testimonial-author-role {
    justify-self: start;
    align-self: center;
    text-align: left;
    white-space: normal;
  }
  .testimonial-attribution > a {
    justify-self: center;
    justify-content: center;
    text-align: center;
    margin-top: calc(0.5 * var(--likened-spacing));
  }
  .testimonial-attribution > a span {
    display: block;
  }
  .b2b-testimonial-pagination {
    gap: calc(2 * var(--likened-spacing));
  }
}
.b2b-differentiator-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: var(--likened-paragraph-gap);
}
.b2b-differentiator-item {
  background-color: var(--likened-light-grey, #f8f9fa);
  border-radius: var(--likened-border-radius);
  padding: 1.25rem 1.5rem;
}
.b2b-differentiator-item h3 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--likened-blue);
}
.b2b-differentiator-item p {
  font-size: 0.9rem;
  line-height: var(--likened-line-height-reading);
  opacity: 0.85;
}
@media (max-width: 768px) {
  .b2b-differentiator-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .b2b-differentiator-grid {
    grid-template-columns: 1fr;
  }
}
.b2b-intel-questions {
  list-style: none;
  padding: 0;
  margin: 0;
}
.b2b-intel-questions li {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--likened-border-color, rgba(0, 0, 0, 0.08));
  line-height: var(--likened-line-height-reading);
  padding-left: 1.5rem;
  position: relative;
}
.b2b-intel-questions li::before {
  content: "\2192";
  position: absolute;
  left: 0;
  color: var(--likened-blue);
  font-weight: 700;
}
.b2b-intel-questions li:last-child {
  border-bottom: none;
}
.b2b-pricing-intro {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}
.b2b-pricing-intro h1 {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  margin-bottom: 0.75rem;
}
.b2b-pricing-intro p {
  opacity: 0.8;
  line-height: var(--likened-line-height-reading);
}
.b2b-pricing-guarantee {
  font-size: 0.85rem;
  opacity: 0.7;
  margin-top: 0.5rem;
}
.pricing-tiers-grid {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 80vw;
  margin-inline: auto;
  margin-bottom: 3rem;
}
.pricing-tier-card {
  display: flex;
  flex-direction: column;
  border: var(--likened-border-thickness) solid var(--likened-grey);
  border-radius: var(--likened-border-radius);
  padding: 2rem 1.5rem;
  background: var(--likened-white);
  position: relative;
  transition: var(--likened-transition);
}
.pricing-tier-card:hover {
  box-shadow: var(--likened-box-shadow-light);
}
.pricing-tier-card--featured {
  background: var(--likened-blue);
  border-color: var(--likened-blue);
  box-shadow: 0 8px 32px rgba(0, 120, 182, 0.35);
  padding: 2.5rem 2rem;
}
.pricing-tier-card--featured .tier-name,
.pricing-tier-card--featured .tier-price-period,
.pricing-tier-card--featured .tier-description {
  color: var(--likened-white);
  opacity: 1;
}
.pricing-tier-card--featured .tier-price {
  color: var(--likened-white);
}
.pricing-tier-card--featured .dl-features dt::before {
  color: var(--likened-light-blue);
}
.pricing-tier-card--featured .tier-feature-dl dt,
.pricing-tier-card--featured .tier-feature-dl dd {
  color: var(--likened-white);
}
.pricing-tier-card--featured .tier-cta .button-link {
  background: var(--likened-white);
  color: var(--likened-blue);
}
.pricing-tier-card--featured .tier-cta .button-link:hover {
  background: var(--likened-light-blue);
}
.tier-badge {
  position: absolute;
  inset-block-start: -13px;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  background: var(--likened-white);
  color: var(--likened-blue);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 3px 12px;
  border-radius: 100px;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 120, 182, 0.2);
}
.tier-name {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  color: var(--likened-black);
}
.tier-price-block {
  margin-bottom: 1rem;
}
.tier-price {
  font-size: 2.25rem;
  font-weight: 800;
  color: var(--likened-blue);
  line-height: 1;
}
.tier-price-period {
  font-size: 0.875rem;
  color: var(--likened-black);
  opacity: 0.6;
}
.tier-description {
  font-size: 0.9rem;
  line-height: var(--likened-line-height-reading);
  color: var(--likened-black);
  opacity: 0.75;
  margin-bottom: 1.25rem;
}
.tier-cta {
  margin-top: auto;
}
.tier-cta .button-link {
  display: block;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
#iceberg-overlay-wrapper,
#iceberg-overlay-wrapper + .section-text-container {
  flex: 1 1 50%;
  width: 50%;
  max-width: 50%;
  min-width: 0;
}
#iceberg-overlay-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  aspect-ratio: 500 / 419;
  overflow: hidden;
  border-radius: var(--likened-border-radius);
}
#iceberg-image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}
#iceberg-overlay-wrapper #iceberg-svg-overlay {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  #iceberg-overlay-wrapper,
  #iceberg-overlay-wrapper + .section-text-container {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }
}
.b2b-iceberg-pitch {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: var(--likened-paragraph-gap);
  color: var(--likened-black);
  line-height: var(--likened-line-height-reading);
}
#executive-search {
  align-items: center;
}
#executive-search .section-text-container,
#executive-search .section-image-container {
  flex: 1 1 0;
}
.b2b-player-controls {
  width: min(100%, 540px);
  border: var(--likened-border-thickness) solid var(--likened-mid-grey);
  border-radius: var(--likened-border-radius);
  background:
    linear-gradient(
      180deg,
      var(--likened-light-grey),
      var(--likened-white));
  box-shadow: var(--likened-box-shadow-light);
  overflow: hidden;
}
.b2b-player-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(1.5 * var(--likened-padding)) calc(2 * var(--likened-padding));
  border-bottom: 1px solid var(--likened-mid-grey);
  background: rgba(0, 120, 182, 0.04);
}
.b2b-player-badge {
  display: inline-flex;
  align-items: center;
  padding: var(--likened-spacing) var(--likened-padding);
  border-radius: 999px;
  background: var(--likened-light-blue);
  color: var(--likened-blue);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.b2b-player-btn {
  width: 2.25rem;
  height: 2.25rem;
  border: none;
  border-radius: 999px;
  background: var(--likened-blue);
  color: var(--likened-white);
  font-size: 1rem;
  cursor: pointer;
}
.b2b-player-visual {
  position: relative;
  height: 320px;
  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(0, 120, 182, 0.18),
      rgba(0, 120, 182, 0) 40%),
    linear-gradient(
      180deg,
      #f7fbff,
      #edf6ff 65%,
      #e7f0f7);
}
.b2b-player-visual::before,
.b2b-player-visual::after {
  content: "";
  position: absolute;
  inset: 12% 18% auto 18%;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0, 120, 182, 0.35),
      transparent);
}
.b2b-player-visual::after {
  inset: auto 12% 20% 12%;
  height: 1px;
}
.b2b-node {
  position: absolute;
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: var(--likened-blue);
  box-shadow: 0 0 0 5px rgba(0, 120, 182, 0.12);
}
.node-a {
  top: 20%;
  left: 18%;
}
.node-b {
  top: 34%;
  left: 52%;
}
.node-c {
  top: 48%;
  left: 71%;
}
.node-d {
  top: 62%;
  left: 42%;
}
.node-e {
  top: 70%;
  left: 28%;
}
#startup-advantage {
  display: flex;
  flex-direction: column;
  gap: var(--likened-paragraph-gap);
}
#startup-advantage .section-text-container {
  max-width: 700px;
}
@media (max-width: 480px) {
  .header-actions > .link-no-underline {
    display: none;
  }
  .header-actions .button-link {
    height: auto;
    padding: var(--likened-padding) calc(1.5 * var(--likened-padding));
  }
}