/* Cabvision One marketing composition. All selectors stay inside this section. */
#meetbaar .cv-one-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 780px);
  gap: 48px;
  align-items: center;
}
#meetbaar .cv-one-copy { min-width: 0; }
#meetbaar .cv-one-copy h2 {
  max-width: 420px;
  font-size: clamp(36px, 3.15vw, 45px);
  line-height: 1.12;
}
#meetbaar .cv-one-copy > p:not(.eyebrow) {
  max-width: 430px;
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.75;
}
#meetbaar .cv-one-window {
  min-width: 0;
  width: 100%;
  margin: 0;
  border: 1px solid #ffffff26;
  border-radius: 10px;
  background: #101317;
  box-shadow: 0 14px 36px #0003;
}
#meetbaar .cv-one-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 13px 24px;
  border-bottom: 1px solid #ffffff1c;
}
#meetbaar .cv-one-wordmark {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: .03em;
}
#meetbaar .cv-one-wordmark b { margin-left: 4px; color: var(--orange); }
#meetbaar .cv-one-demo-label {
  color: #c8cdd2;
  font-size: 12px;
  line-height: 1.5;
}
#meetbaar .cv-one-body { padding: 24px; }
#meetbaar .cv-one-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}
#meetbaar .cv-one-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.025em;
}
#meetbaar .cv-one-heading p {
  flex-shrink: 0;
  color: #aab0b6;
  font-size: 11px;
  font-weight: 400;
}
#meetbaar .cv-one-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 22px 0 25px;
  padding: 0 0 21px;
  border-bottom: 1px solid #ffffff1c;
}
#meetbaar .cv-one-stats > div { min-width: 0; }
#meetbaar .cv-one-stats > div + div {
  padding-left: 27px;
  border-left: 1px solid #ffffff1c;
}
#meetbaar .cv-one-stats dt {
  color: #aab0b6;
  font-size: 13px;
  line-height: 1.4;
}
#meetbaar .cv-one-stats dd {
  margin: 7px 0 0;
  color: #fff;
  font-family: var(--font-display);
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
}
#meetbaar .cv-one-stats .cv-one-scan-total { color: var(--orange); }
#meetbaar .cv-one-week-section { min-width: 0; }
#meetbaar .cv-one-week-section h4 {
  margin: 0 0 29px;
  color: #d9dde1;
  font-family: var(--font-inter);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
}
#meetbaar .cv-one-chart-frame {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  grid-template-rows: 124px auto;
  column-gap: 8px;
  row-gap: 10px;
}
#meetbaar .cv-one-y-axis {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 124px;
  color: #aab0b6;
  font-size: 10px;
  line-height: 1;
  text-align: right;
}
#meetbaar .cv-one-y-axis span:first-child { transform: translateY(-50%); }
#meetbaar .cv-one-y-axis span:last-child { transform: translateY(50%); }
#meetbaar .cv-one-plot { position: relative; min-width: 0; }
#meetbaar .cv-one-gridlines {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#meetbaar .cv-one-gridlines i { display: block; border-top: 1px solid #ffffff14; }
#meetbaar .cv-one-gridlines i:last-child { border-color: #ffffff35; }
#meetbaar .cv-one-bars {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
#meetbaar .cv-one-bars > div {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#meetbaar .cv-one-bar {
  position: relative;
  display: block;
  width: min(100%, clamp(40px, 4vw, 56px));
  height: calc(var(--cv-one-value) / 15 * 100%);
  background: var(--orange);
  border-radius: 3px 3px 0 0;
}
#meetbaar .cv-one-bar > span {
  position: absolute;
  bottom: calc(100% + 7px);
  left: 50%;
  transform: translateX(-50%);
  color: #d9dde1;
  font-size: 11px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
#meetbaar .cv-one-x-axis {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  color: #aab0b6;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 1199px) {
  #meetbaar .cv-one-layout { grid-template-columns: 1fr; gap: 34px; }
  #meetbaar .cv-one-copy { max-width: 720px; }
  #meetbaar .cv-one-copy h2 { max-width: 680px; font-size: 40px; }
  #meetbaar .cv-one-copy > p:not(.eyebrow) { max-width: 700px; margin-top: 20px; }
  #meetbaar .cv-one-window { max-width: 780px; }
}
@media (max-width: 700px) {
  #meetbaar .cv-one-layout { gap: 28px; }
  #meetbaar .cv-one-copy h2 { max-width: 430px; font-size: 34px; }
  #meetbaar .cv-one-copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.7; }
  #meetbaar .cv-one-body { padding: 21px; }
  #meetbaar .cv-one-topbar { padding-inline: 21px; }
  #meetbaar .cv-one-stats > div + div { padding-left: 20px; }
}
@media (max-width: 620px) {
  #meetbaar .cv-one-chart-frame { grid-template-rows: 124px auto; }
  #meetbaar .cv-one-bars { gap: 12px; }
  #meetbaar .cv-one-x-axis { gap: 12px; font-size: 11px; }
}
@media (max-width: 480px) {
  #meetbaar .cv-one-topbar { padding: 12px 17px; gap: 12px; }
  #meetbaar .cv-one-wordmark { font-size: 11px; }
  #meetbaar .cv-one-demo-label { font-size: 11px; }
  #meetbaar .cv-one-body { padding: 20px 17px; }
  #meetbaar .cv-one-heading { display: block; }
  #meetbaar .cv-one-heading h3 { font-size: 21px; }
  #meetbaar .cv-one-heading p { margin-top: 5px; font-size: 11px; }
  #meetbaar .cv-one-stats { margin-top: 22px; margin-bottom: 22px; padding-bottom: 20px; }
  #meetbaar .cv-one-stats dt { min-height: 38px; font-size: 13px; }
  #meetbaar .cv-one-stats dd { font-size: 46px; margin-top: 6px; }
  #meetbaar .cv-one-stats > div + div { padding-left: 17px; }
  #meetbaar .cv-one-week-section h4 { margin-bottom: 27px; }
}

#meetbaar .cv-one-copy > p.cv-one-optional {
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.65;
}