/* Home Library crops: keep the copy and product windows on one shared grid. */
:is(#dock-home-v2,.dock-v2) #v2-content .v2-added-card {
  display:flex; flex-direction:column; --content-inset:40px;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-added-card .il-copy { flex:0 0 248px; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-added-card:has(.v2-library-table--metrics) .ds-card-title {
  max-width:9.5em; text-wrap:wrap;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-content-visual {
  position:relative; inset:auto; flex:none;
  width:calc(100% - 2 * var(--content-inset)); margin:16px var(--content-inset) 0;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-preview {
  min-height:296px; background:#fff; border:0; border-radius:12px;
  box-shadow:0 0 0 .5px rgba(18,23,34,.16),0 2px 6px rgba(18,23,34,.08);
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-title {
  height:46px; padding:0 16px; gap:9px; font-size:16px; line-height:20px;
  border-bottom:.5px solid #e7e8eb;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-title > span { gap:16px; opacity:.65; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-view {
  height:42px; padding:0 16px; gap:8px; color:#121722; font-size:14px; font-weight:500;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-view > img:first-child { opacity:.6; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-view > img:last-child { width:14px; height:14px; margin-left:2px; opacity:.65; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table th {
  height:32px; padding:0 16px; background:#fafafa; color:#656973;
  border-block:.5px solid #e7e8eb; font-size:12px; line-height:16px;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table th:first-child { width:65%; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td {
  height:48px; padding:0 16px; border-bottom:.5px solid #e7e8eb;
  font-size:14px; line-height:20px; vertical-align:middle;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td:first-child { display:table-cell; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td:first-child img {
  display:inline-block; width:28px; height:28px; padding:6px; margin-right:9px;
  vertical-align:middle; border-radius:6px; background:#f3f3f3;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td:first-child span {
  display:inline-block; max-width:calc(100% - 37px); vertical-align:middle;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table tbody tr:first-child { background:#fff; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table tbody tr:nth-child(2) img { background:#eef3f8; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table tbody tr:nth-child(3) img { background:#f3f3f3; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td > b {
  display:inline-flex; align-items:center; gap:6px; padding:3px 8px;
  border-radius:5px; font-size:12px; line-height:18px; font-weight:500;
  background:#f1f2f4; color:#656973;
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td > b::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table .v2-published { background:#eaf6ef; color:#247547; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table .v2-draft { background:#fff4df; color:#84611a; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics th:first-child { width:58%; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics td:nth-child(2) { font-weight:500; color:#005bda; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics td:nth-child(2)::after {
  content:""; display:block; height:3px; margin-top:4px; border-radius:2px;
  background:linear-gradient(to right,#0068f9 var(--metric-fill,100%),#e5edf9 0);
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics tr:nth-child(2) { --metric-fill:67.1875%; }
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics tr:nth-child(3) { --metric-fill:25%; }
@media(max-width:600px) {
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-added-card { --content-inset:28px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-added-card .il-copy { flex:0 0 auto; min-height:272px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-content-visual { margin-top:20px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-title { height:34px; padding:0 10px; font-size:14px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-title > span { gap:10px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-view { height:34px; padding:0 10px; font-size:12px; gap:5px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table th { height:28px; padding:0 10px; font-size:10px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td { height:40px; padding:0 10px; font-size:12px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td:first-child img { width:20px; height:24px; padding:4px 2px; margin-right:5px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td:first-child span { max-width:calc(100% - 25px); }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table td > b { padding:2px 5px; gap:4px; font-size:10px; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table th:first-child { width:62%; }
  :is(#dock-home-v2,.dock-v2) #v2-content .v2-library-table--metrics th:first-child { width:58%; }
}

/* Match the product Lucide icons in the existing Webflow preview embeds. */
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-title > img:first-child {
  content:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-library%22%20fill%3D%22none%22%20height%3D%2224%22%20stroke%3D%22%23121722%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m16%206%204%2014%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%206v14%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%208v12%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%204v16%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
:is(#dock-home-v2,.dock-v2) #v2-content .v2-library-view > img:first-child {
  content:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-chart-column%20lucide-bar-chart-3%22%20fill%3D%22none%22%20height%3D%2224%22%20stroke%3D%22%23121722%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%203v16a2%202%200%200%200%202%202h16%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18%2017V9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13%2017V5%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%2017v-3%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

/* The two overlapping windows span 1502px in the original scene.
   Fit that span between the text edges of the Learning tabs below. */
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-stage {
  --learning-window-inset:48px;
  container-type:inline-size;
}
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-fit {
  --learning-scene-scale:calc((100cqw - 2 * var(--learning-window-inset)) / 1502px);
  transform:scale(var(--learning-scene-scale));
}
/* Convert the outer gutter to scene coordinates before the shared scale. */
:is(#dock-home-v2,.dock-v2) #v2-learning .lmw--front {
  top:calc(var(--learning-window-inset) / var(--learning-scene-scale));
}
:is(#dock-home-v2,.dock-v2) #v2-learning .lmw--back {
  top:calc(var(--learning-window-inset) / var(--learning-scene-scale) + 78px);
}
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-col i { margin-bottom:8px; }
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-col b { display:block; }
@media(min-width:901px) {
  /* Halve the 112px visual gap while keeping the outer window alignment. */
  :is(#dock-home-v2,.dock-v2) #v2-learning .lms-cols {
    padding-inline:48px;
    gap:56px;
  }
  :is(#dock-home-v2,.dock-v2) #v2-learning .lms-col { padding-inline:0; }
}
@media(max-width:900px) {
  :is(#dock-home-v2,.dock-v2) #v2-learning .lms-stage { --learning-window-inset:16px; }
}
@media(max-width:640px) {
  /* Keep a real gutter around the window and align the stacked copy to it. */
  :is(#dock-home-v2,.dock-v2) #v2-learning .lms-col { padding-inline:16px; }
}

/* Match the 13px Library header using one scale for the native 14px sidebar.
   The existing percentage height keeps it stretched to the window edges. */
:is(#v2-content,[data-home-v2-id="v2-content"]) .hp-library-screen .ui-app-sidebar {
  --library-sidebar-scale:calc(13 / 14);
  zoom:var(--library-sidebar-scale);
}

/* One fixed screen spans the same gutters as the Learning copy. */
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-stage[data-lms-motion="fade"] .lms-fit {
  --learning-scene-scale:var(--lms);
  transform:scale(var(--lms));
}
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-stage[data-lms-motion="fade"] .lmw {
  left:calc(50% - 624px);
  top:calc(var(--learning-window-inset) / var(--lms));
  transform:none;
  transition:none !important;
}
:is(#dock-home-v2,.dock-v2) #v2-learning [data-lms-panel][hidden] { display:none !important; }
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-col i::after { animation:none; }
:is(#dock-home-v2,.dock-v2) #v2-learning .lms-col.is-on i::after { width:100%; }
:is(#dock-home-v2,.dock-v2) #v2-learning .rp-call-wave i { animation:none !important; }

/* Keep each integration illustration contained within the same 24px inset. */
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .it-illo {
  height:268px;
  container-type:inline-size;
  isolation:isolate;
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .it-illo--crm .it-fit {
  left:50%;
  top:50%;
  width:548.66px;
  height:316px;
  transform:translate(-50%,-50%) scale(min(.86,calc((100cqw - 48px) / 548.66px)));
  transform-origin:center;
  z-index:1;
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .it-illo--crm::before {
  opacity:.5;
  mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 30%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 30%,transparent 100%);
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .it-illo--crm::after {
  transform:scale(.86);
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) :is(.it-illo--embed,.it-illo--ic) .it-fit {
  left:50%;
  top:24px;
  width:calc(100% - 48px);
  max-width:460px;
  height:220px;
  transform:translateX(-50%);
}

/* Show the complete browser frame and center its controls inside the toolbar. */
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .eb-mini {
  inset:0;
  width:100%;
  height:100%;
  border-radius:12px;
  background:#faf9f7;
  box-shadow:0 2px 6px rgba(18,23,34,.06);
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .eb-mini::after {
  border-radius:inherit;
  box-shadow:inset 0 0 0 .5px rgba(18,23,34,.16);
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .eb-mini-bar {
  height:26px;
  min-height:26px;
  gap:3px;
  padding:0 10px;
  align-items:center;
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .eb-mini-bar img { width:6px; height:6px; }
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .eb-mini-body {
  margin:0 6px 6px;
  padding:0;
  border-radius:8px;
  overflow:hidden;
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .eb-mini-screen { padding:6px; border-radius:8px; }
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .eb-fade { display:none; }
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .eb-card {
  bottom:16px;
  max-width:calc(100% - 40px);
  border-radius:16px;
}

/* Keep the call suggestion, providers and confirmation on three clear levels. */
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .it-ring--outer {
  left:calc(50% - 109px); top:21px; width:218px; height:218px;
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .it-ring--mid {
  left:calc(50% - 82px); top:48px; width:164px; height:164px;
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .it-ring--inner {
  left:calc(50% - 48px); top:82px; width:96px; height:96px;
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .ic-core {
  left:calc(50% - 36px); top:94px; width:72px; height:72px;
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .ic-prov img { width:32px; height:32px; }
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .ic-side { top:106px; width:48px; height:48px; }
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .ic-side--l { left:calc(50% - 75px); }
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .ic-side--r { left:calc(50% + 27px); }
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .ic-sug {
  left:0; top:0; width:176px; padding:12px 14px;
}
:is(#v2-integrations,[data-home-v2-id="v2-integrations"]) .ic-pill {
  left:auto; right:0; top:auto; bottom:0; height:32px;
}

/* Bring the three illustration titles closer while retaining the card insets. */
:is(#dock-home-v2,.dock-v2) #v2-integrations .it-illo + .it-copy {
  padding-top:24px;
}

/* Product illustrations show only the selected navigation branch. */
:is(#dock-home-v2,.dock-v2,.hs-screen) .ui-app-sidebar .ui-app-nav-group:not(:has(.ui-app-nav-row:is([data-selected]:not([data-selected="false"]),[aria-current="page"]))) > .ui-app-nav-children {
  display:none;
}

/* Keep the hero's dot field local to the prompt, at every screen size. */
:is(#dock-home-v2, .dock-v2) .fg-hero-left::before {
  content: none;
}

:is(#dock-home-v2, .dock-v2) .fg-hero .prompt-card::before {
  content: "";
  position: absolute;
  inset: -100px -130px;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(18, 23, 34, .23) 1.7px, transparent 2.15px);
  background-size: var(--dotx, 20.6px) var(--doty, 20.6px);
  -webkit-mask-image: radial-gradient(ellipse closest-side, #000 28%, rgba(0, 0, 0, .55) 62%, transparent 100%);
  mask-image: radial-gradient(ellipse closest-side, #000 28%, rgba(0, 0, 0, .55) 62%, transparent 100%);
  animation: dockHeroPromptDrift 16s ease-in-out infinite alternate;
}

@keyframes dockHeroPromptDrift {
  from { transform: translate3d(-2px, -1px, 0); }
  to { transform: translate3d(2px, 2px, 0); }
}

@media (max-width: 640px) {
  :is(#dock-home-v2, .dock-v2) .fg-hero .prompt-card::before {
    inset: -64px -56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(#dock-home-v2, .dock-v2) .fg-hero .prompt-card::before {
    animation: none;
  }
}

/* Customer stories use the same rounded card shape as the Home galleries. */
:is(#dock-home-v2, .dock-v2, [data-home-v2-id="dock-home-v2"]) :is(#v2-results, [data-home-v2-id="v2-results"]) .stats-grid {
  gap: 24px;
}

:is(#dock-home-v2, .dock-v2, [data-home-v2-id="dock-home-v2"]) :is(#v2-results, [data-home-v2-id="v2-results"]) .ds-card--stat {
  border: .5px solid rgba(18, 23, 34, .14);
  border-radius: 28px;
  background: #fff;
  box-shadow: none;
  transition: border-color 160ms ease;
}

:is(#dock-home-v2, .dock-v2, [data-home-v2-id="dock-home-v2"]) :is(#v2-results, [data-home-v2-id="v2-results"]) .ds-card--stat:is(:hover, :focus-visible) {
  background: #fff;
  border-color: rgba(18, 23, 34, .28);
  box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  :is(#dock-home-v2, .dock-v2, [data-home-v2-id="dock-home-v2"]) :is(#v2-results, [data-home-v2-id="v2-results"]) .ds-card--stat { transition: none; }
}

/* Shared compact pill rhythm for the product overview and customer filters. */
:is(#dock-home-v2, .dock-v2) #slTabs,
:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper {
  padding: 4px;
  gap: 2px;
  background: var(--ds-surface-tint, #faf9f7);
}

:is(#dock-home-v2, .dock-v2) #slTabs .sl-tab,
:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper .filter--item {
  padding: 8px 22px;
  min-height: 0;
  border: 0;
  box-shadow: none;
}

:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  overflow: auto;
  background: var(--ds-surface-tint, #faf9f7);
  border-radius: 100px;
}

:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper .filter--item {
  background: transparent;
  color: #656973;
  border-radius: 100px;
  z-index: 1;
  gap: 0;
  transition: color 250ms;
}

/* Webflow's radio clearfix becomes two extra flex items and adds side gaps. */
:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper .filter--item::before,
:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper .filter--item::after {
  content: none;
  display: none;
}

:is(#dock-home-v2, .dock-v2) #slTabs .sl-tab > span,
:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper .filter--item .text--body {
  color: inherit;
  font-family: var(--ds-font, "Roobert", sans-serif);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: normal;
  transition: color 150ms ease;
}

:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper .filter--item:is(:hover, :focus-within) {
  color: #121722;
}

:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper.has-segment-highlight .filter--item:has(input:checked) {
  background: transparent;
}

:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .v2-segment-highlight.is-ready {
  transition: transform 650ms cubic-bezier(.4,0,.25,1), width 650ms cubic-bezier(.4,0,.25,1), height 650ms cubic-bezier(.4,0,.25,1);
}

:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper .filter--item:has(input:checked) {
  background: #fff;
  color: #121722;
}

/* Keep each person's name and job together, including wrapped job titles. */
:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .testimonial--profile--details .text--callout {
  margin: 0;
  line-height: 20px;
}
:is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .testimonial--profile--details .testimonial--job {
  margin-top: 0;
  line-height: 19px;
}

@media (max-width: 800px) {
  :is(#dock-home-v2, .dock-v2) #slTabs .sl-tab,
  :is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper .filter--item { padding: 7px 14px; }

  :is(#dock-home-v2, .dock-v2) #slTabs .sl-tab > span,
  :is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper .filter--item .text--body {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 600px) {
  :is(#dock-home-v2, .dock-v2) :is(#customer-stories, [data-home-wall]) .filters--wrapper {
    width: 100%;
    flex-wrap: wrap;
    border-radius: 18px;
  }
}

/* Product windows keep their full-size geometry, whether selected or adjacent. */
:is(#dock-home-v2,.dock-v2) #v2-overview .v2-preview-track .v2-preview-frame,
:is(#dock-home-v2,.dock-v2) #v2-overview .v2-preview-track .v2-preview-frame:not(:has(.sl-scene.is-on)) {
  transform:none;
  transition:none;
  box-shadow:0 0 0 .5px rgba(18,23,34,.16),0 2px 6px rgba(18,23,34,.08);
}
/* The resting Sales Room is its reset editor, ready for the next selection. */
:is(#dock-home-v2,.dock-v2) #v2-overview .sl-scene[data-screen="deal"]:not(.is-on) .sr-fit:not(.is-on) { display:none; }
:is(#dock-home-v2,.dock-v2) #v2-overview .sl-scene[data-screen="deal"]:not(.is-on) .sr-fit.is-on { display:block; }
/* Library starts with an empty conversation, including while its frame travels. */
:is(#dock-home-v2,.dock-v2) #v2-overview .sl-scene[data-screen="library"] :is(.cl-bubble,.cl-step,.cl-answer,.cl-asset) {
  opacity:0;
  visibility:hidden;
}
:is(#dock-home-v2,.dock-v2) #v2-overview .sl-scene[data-screen="library"] [data-library-visible] {
  opacity:1;
  visibility:visible;
}
/* Without motion, present the static example only in the selected window. */
@media (prefers-reduced-motion:reduce) {
  :is(#dock-home-v2,.dock-v2) #v2-overview .sl-scene[data-screen="library"].is-on :is(.cl-bubble,.cl-step,.cl-answer,.cl-asset) {
    opacity:1;
    visibility:visible;
  }
}

/* White illustration frames keep the Sales cards distinct from the section. */
:is(#dock-home-v2,.dock-v2) #v2-sales :is(.sk-win,.nx-win,.cz-win,.sk-win-bar,.sk-win-content,.cz-kpi-tile,.cz-chart-tile) {
  background-color:#fff;
}

/* Keep the generation indicator neutral while its two strokes keep drawing. */
:is(#dock-home-v2,.dock-v2) #v2-sales .sk-win-status {
  color:var(--ds-ink,#121722);
  background-image:none;
  animation:none;
}
:is(#dock-home-v2,.dock-v2) #v2-sales .sk-win-ava {
  background:#fff;
  box-shadow:0 0 0 .5px rgba(18,23,34,.12);
}
:is(#dock-home-v2,.dock-v2) #v2-sales .sk-win-ava svg {
  color:var(--ds-ink,#121722);
}

/* The buyer workspace fills the copy width; its two collaborators are the focus. */
:is(#dock-home-v2,.dock-v2) #v2-sales .wd-chat { display:none; }
:is(#dock-home-v2,.dock-v2) #v2-sales .ds-card--wd .wd-il {
  position:absolute;
  top:var(--sales-illustration-top,214px);
  left:40px;
  right:40px;
  bottom:0;
  width:auto;
  overflow:visible;
  container-type:inline-size;
}
:is(#dock-home-v2,.dock-v2) #v2-sales .wd-fit {
  top:0;
  bottom:auto;
  left:0;
  width:630px;
  height:299px;
  transform:scale(calc(100cqw / 630px));
  transform-origin:top left;
}
:is(#dock-home-v2,.dock-v2) #v2-sales .wd-browser { left:0; top:0; }
:is(#dock-home-v2,.dock-v2) #v2-sales .wd-cur--champion { left:220px; top:67px; }
:is(#dock-home-v2,.dock-v2) #v2-sales .wd-cur--cfo { left:330px; top:78px; }
/* Both browser tops share an anchor, independent of the copy's line count. */
@media (min-width:641px) {
  :is(#dock-home-v2,.dock-v2) #v2-sales .home-prep-illo {
    position:absolute;
    top:var(--sales-illustration-top,214px);
    left:0;
    right:0;
    bottom:0;
    margin:0;
    min-height:0;
  }
  :is(#dock-home-v2,.dock-v2) #v2-sales .home-prep-illo .sk-win { left:40px; }
}
:is(#dock-home-v2,.dock-v2) #v2-sales .wd-cur {
  transform:scale(1.3);
  transform-origin:top left;
}
@media (max-width:640px) {
  :is(#dock-home-v2,.dock-v2) #v2-sales .ds-card--wd .wd-il {
    position:relative;
    inset:auto;
    margin-top:32px;
    aspect-ratio:auto;
    height:230px;
    margin-bottom:-28px;
  }
  :is(#dock-home-v2,.dock-v2) #v2-sales .wd-fit {
    transform:scale(calc((100cqw + 160px) / 630px));
  }
}

/* Native Home CMS: portrait covers and one consistent card rhythm. */
:is(#dock-home-v2, .dock-v2) [data-home-wall] .testimonial > .text--body {
  white-space: normal;
  text-wrap: wrap;
  line-height: 1.4;
  margin: 0;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .testimonial--stars--wrapper {
  gap: 0;
  line-height: 1;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .testimonial--stars--wrapper .w-embed {
  display: flex;
  flex: none;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .testimonial--stars--wrapper svg {
  width: 24px;
  height: 24px;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .testimonial--profile {
  align-items: flex-end;
  margin-top: 0;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .testimonial--profile--details {
  flex: 1;
  justify-content: flex-start;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .testimonial--profile > :is(a, .testimonial--source) {
  align-self: flex-end;
  margin: 0;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .wall-video-cover {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: inherit;
  overflow: hidden;
  background: var(--ds-surface-chip, #f5f1ea);
  cursor: pointer;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .wall-video-cover[hidden] { display: none; }
/* Keep the complete original portrait; only the quiet side fill is blurred. */
:is(#dock-home-v2, .dock-v2) [data-home-wall] .wall-video-cover::before {
  content: "";
  position: absolute;
  inset: -20px;
  background: var(--wall-portrait-image) center / cover no-repeat;
  filter: blur(24px);
  opacity: .85;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .wall-video-cover > img {
  display: block;
  height: 100%;
  position: relative;
  z-index: 1;
  width: auto;
  max-width: 100%;
  margin-inline: auto;
  object-fit: contain;
  object-position: center;
  mask-image: linear-gradient(to right, transparent, #000 18%, #000 82%, transparent);
}
/* This existing headshot is circular; discard its black square corners. */
:is(#dock-home-v2, .dock-v2) [data-home-wall] .wall-video-cover > img[src*="691ed2c049a5d7f78f04ca09"] {
  clip-path: circle(50%);
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .wall-video-play {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 20px;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  color: var(--ds-ink, #121722);
  box-shadow: 0 0 0 .5px rgba(18,23,34,.12);
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .wall-video-play svg { width: 22px; height: 22px; }
:is(#dock-home-v2, .dock-v2) [data-home-wall] .wall-video-cover:hover .wall-video-play {
  background: var(--ds-blue, #0068f9);
  color: #fff;
  transform: scale(1.04);
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .wall-video-cover:focus-visible {
  outline: 3px solid var(--ds-blue, #0068f9);
  outline-offset: -4px;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .w-pagination-next {
  min-height: 40px;
  padding: 8px 20px;
  gap: 0;
  border: 0;
  background: var(--ds-surface-tint, #faf9f7);
  box-shadow: none;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .w-pagination-next .text--body {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .w-pagination-next::after {
  content: none;
  display: none;
}
:is(#dock-home-v2, .dock-v2) [data-home-wall] .w-pagination-next > :is(svg, img) { display: none; }
:is(#dock-home-v2, .dock-v2) [data-home-wall] .w-pagination-next:hover {
  background: var(--ds-surface-chip, #f5f1ea);
  border: 0;
  box-shadow: none;
}