/* Page-local hierarchy. Product interactions and shared site styling stay owned
   by their original components. */
.product-clean-page {
  --product-width: 72rem;
  --product-gutter: clamp(1.25rem, 3vw, 2rem);
  --product-space: clamp(3.5rem, 6vw, 5rem);
  --ba-y: var(--product-space);
  --ba-gap-head: 2rem;
  --ba-h2: clamp(1.75rem, 2.8vw, 2.5rem);
  --ba-radius-stage: 1rem;
  --ba-radius-card: .75rem;
  --ba-shadow-stage: none;
  --ba-shadow-card: none;
  color: #252838;
  background: #fff;
}
.product-clean-page :is(.overview-product-hero, .overview-section, .ba-product-demo, .ba-parallel, .ba-llm-sheet, .ba-stealth, .ba-rpa) {
  position: relative;
  padding: var(--product-space) var(--product-gutter);
  color: #252838;
  background: #fff;
}
.product-clean-page :is(.overview-section, .ba-parallel, .ba-llm-sheet, .ba-stealth, .ba-rpa)::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 auto auto 50%;
  width: min(var(--product-width), calc(100% - var(--product-gutter) * 2));
  height: 1px;
  transform: translateX(-50%);
  background: #ebedf2;
  opacity: 1;
  filter: none;
  pointer-events: none;
}
.product-clean-page :is(.ba-product-demo, .ba-parallel, .ba-llm-sheet, .ba-stealth, .ba-rpa)::after { display: none; }
.product-clean-page :is(.overview-inner, .ba-product-demo-shell, .ba-parallel-shell, .ba-llm-sheet-shell, .ba-stealth-shell, .ba-rpa-shell, .geo-faq-shell) {
  width: min(var(--product-width), 100%);
  max-width: var(--product-width);
  margin-inline: auto;
}
.product-clean-page :is(.overview-heading, .ba-product-demo-heading, .ba-parallel-heading, .ba-rpa-heading, .connect-heading) {
  max-width: 48rem;
  margin: 0 0 2rem;
  text-align: left;
}
.product-clean-page :is(.ba-stealth-heading, .ba-llm-sheet-copy) { margin: 0; padding-top: 0; text-align: left; }
.product-clean-page :is(.overview-heading h2, .ba-parallel-heading h2, .ba-llm-sheet-copy h2, .connect-heading h2, .ba-stealth-heading h2, .ba-rpa-heading h2, .geo-faq-title) {
  margin: .75rem 0 1rem;
  font-size: var(--ba-h2);
  line-height: 1.35;
  color: #252838;
}
.product-clean-page :is(.overview-heading h2, .ba-parallel-heading h2, .ba-llm-sheet-copy h2, .connect-heading h2, .ba-stealth-heading h2, .ba-rpa-heading h2) :is(span, em) {
  color: inherit;
  background: none;
  -webkit-text-fill-color: currentColor;
  font-style: normal;
}
.product-clean-page :is(.overview-heading p, .ba-parallel-heading p, .ba-llm-sheet-lead, .ba-stealth-heading p, .ba-rpa-heading p) {
  margin: 0;
  color: #767b89;
  font-size: .9375rem;
  line-height: 1.85;
}
.product-clean-page :is(.overview-section > .overview-inner > .overview-heading .site-eyebrow, .connect-heading .site-eyebrow, .ba-product-demo-kicker, .ba-parallel-kicker, .ba-llm-sheet-kicker, .ba-stealth-kicker, .ba-rpa-kicker):not(.home-section-label) {
  display: block;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: #8a8d9b;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .04em;
}
/* Paint behind the fixed navigation and the introduction as one surface.
   Move its existing 6rem reservation into the hero so content stays in place. */
body.site-has-header.product-clean-page > .page-wrapper { padding-top: 0; }
body.product-clean-page .overview-product-hero {
  padding-top: calc(6rem + var(--product-space));
  padding-bottom: 4rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,0), #fff 100%),
    var(--site-header-gradient);
}
.product-clean-page .overview-product-hero .site-eyebrow { color: #858997; }
.product-clean-page #build { padding-bottom: 2.5rem; }
.product-clean-page .overview-three-grid { gap: 0; }
.product-clean-page .overview-card {
  padding: .5rem 1.5rem;
  border: 0;
  border-left: 1px solid #e9ebf1;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.product-clean-page .overview-card:first-child { padding-left: 0; border-left: 0; }
.product-clean-page .overview-number { margin-bottom: .625rem; color: #a1a5b1; }
.product-clean-page .overview-card h3 { margin-bottom: .5rem; font-size: 1.125rem; }
.product-clean-page .overview-card p { color: #7a7f8c; font-size: .875rem; }
.product-clean-page .ba-product-demo { padding-top: 0; }
.product-clean-page .ba-product-demo-heading { margin-bottom: 1rem; }
.product-clean-page .ba-product-demo-kicker { display: none; }
.product-clean-page .ba-product-demo-heading h3 { margin: 0; font-size: 1.125rem; color: #454958; }
.product-clean-page .ba-demo-controller .ba-demo-tabs {
  max-width: none;
  margin: 0 0 1rem;
  gap: 1rem;
}
.product-clean-page .ba-demo-controller .ba-demo-tabs label { min-height: 3.5rem; padding: .75rem 1rem; border-radius: .75rem; box-shadow: none; }
.product-clean-page .ba-demo-tabs label .ba-demo-step { flex-basis: 1.875rem; width: 1.875rem; height: 1.875rem; }
.product-clean-page .ba-demo-tabs label:not(:last-child)::after { right: -.75rem; }
.product-clean-page .ba-demo-panel { padding: 2rem; gap: 2rem; grid-template-columns: minmax(12.5rem, .65fr) minmax(0, 1.35fr); border-color: #eaecf2; border-radius: 1rem; background: #f8f9fb; box-shadow: none; }
.product-clean-page .ba-demo-panel h3 { font-size: 1.375rem; }
.product-clean-page .ba-demo-panel img { height: auto; max-height: none; border-radius: .625rem; box-shadow: none; }
.product-clean-page .ba-parallel-benefits { margin: 1.5rem 0 0; max-width: none; gap: 1.5rem; }
.product-clean-page .ba-parallel-benefit { display: block; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.product-clean-page .ba-parallel-benefit-icon { display: none; }
.product-clean-page .ba-parallel-benefit h3 { margin: 0 0 .375rem; color: #454958; font-size: .9375rem; }
.product-clean-page .ba-parallel-benefit p { font-size: .8125rem; color: #858997; }
.product-clean-page :is(.ba-stage, .ba-llm-sheet-visual) { border: 1px solid #eaecf2; border-radius: 1rem; background: #f8f9fb; box-shadow: none; }
.product-clean-page :is(.ba-stage, .ba-llm-sheet-visual)::before,
.product-clean-page :is(.ba-stage, .ba-llm-sheet-visual)::after { display: none; }
.product-clean-page .ba-window { border-color: #e7e9ef; border-radius: .75rem; box-shadow: none; }
.product-clean-page .overview-schedule { display: grid; grid-template-columns: 1fr auto; gap: .375rem 2rem; align-items: center; margin-top: 1.75rem; padding: 1.5rem 0 0; border: 0; border-top: 1px solid #eaecf2; border-radius: 0; background: none; }
.product-clean-page .overview-schedule .site-eyebrow { display: none; }
.product-clean-page .overview-schedule h3 { margin: 0; font-size: 1rem; }
.product-clean-page .overview-schedule p { grid-column: 1; margin: 0; color: #858997; font-size: .8125rem; }
.product-clean-page .overview-schedule a { grid-column: 2; grid-row: 1 / 3; }
.product-clean-page :is(.ba-llm-sheet-shell, .ba-stealth-shell) { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); column-gap: 3rem; }
.product-clean-page .ba-llm-sheet-steps { margin-top: 1.5rem; gap: .375rem; }
.product-clean-page .ba-llm-sheet-step { grid-template-columns: 1.75rem minmax(0, 1fr); gap: .5rem; padding: .75rem 0; }
.product-clean-page .ba-llm-sheet-step > span { width: auto; height: auto; border-radius: 0; background: none; color: #a0a4b0; font-size: .6875rem; }
.product-clean-page .ba-llm-sheet-tags { gap: .625rem; margin-top: 1rem; justify-content: flex-start; }
.product-clean-page .ba-llm-sheet-tags span { padding: 0; border: 0; border-radius: 0; color: #999daa; background: none; font-size: .6875rem; }
.product-clean-page .ba-llm-sheet-visual { display: flex; flex-direction: column; min-height: 0; gap: 1rem; padding: 1.25rem; }
.product-clean-page .ba-sheet-window { width: 100%; border-radius: .75rem; box-shadow: none; }
.product-clean-page .ba-sheet-grid { padding-bottom: 0; }
.product-clean-page .ba-llm-panel { position: relative; inset: auto; width: 100%; padding: 1rem; border: 1px solid #e7e9ef; border-radius: .75rem; background: #fff; color: #454958; box-shadow: none; }
.product-clean-page .ba-llm-panel :is(strong, b) { color: #454958; }
.product-clean-page .ba-llm-panel :is(small, .ba-llm-run, .ba-llm-output span, .ba-llm-prompt > span) { color: #8b909d; }
.product-clean-page .ba-llm-prompt { margin-top: 1rem; background: #f8f9fb; border-color: #eaecf2; }
.product-clean-page .ba-llm-prompt p { color: #737988; font-size: .75rem; }
.product-clean-page .ba-llm-output > div { background: none; border-color: #eaecf2; }
.product-clean-page :is(.ba-sheet-app-icon, .ba-llm-spark) { background: #f0edf9; color: #8274b4; }
.product-clean-page .connect-heading { display: block; }
.product-clean-page .connect-card { padding: 1.5rem; border-color: #eaecf2; border-radius: 1rem; box-shadow: none; }
.product-clean-page .connect-card h3 { font-size: 1.375rem; }
.product-clean-page .connect-label { color: #9196a3; }
.product-clean-page :is(.connect-template-scene, .connect-tool-scene) { min-height: 15rem; border-color: #eceef3; border-radius: .75rem; background: #f8f9fb; }
.product-clean-page .connect-hub { box-shadow: none; border-color: #e3e5ed; }
.product-clean-page .ba-stealth-shell { row-gap: 1rem; }
.product-clean-page .ba-stealth-feature { grid-template-columns: minmax(0, 1fr); padding: .75rem 0; gap: 0; }
.product-clean-page .ba-stealth-feature-icon { display: none; }
.product-clean-page .ba-stealth-feature h3 { font-size: .9375rem; }
.product-clean-page .ba-stealth-feature p { color: #858997; font-size: .8125rem; }
.product-clean-page .ba-stealth { padding-bottom: 2rem; }
.product-controls { padding: 0 var(--product-gutter) var(--product-space); }
.product-controls__inner { max-width: var(--product-width); margin-inline: auto; padding-top: 1.75rem; border-top: 1px solid #eaecf2; }
.product-controls__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
.product-controls__grid article { min-width: 0; }
.product-controls__grid h3 { margin: 0 0 .625rem; font-size: .9375rem; color: #454958; line-height: 1.5; }
.product-controls__grid p, .product-controls__note { margin: 0; color: #858997; font-size: .8125rem; line-height: 1.8; }
.product-controls__note { margin-top: 1.5rem; font-size: .6875rem; color: #a0a4af; }
/* Comparison: the pricing comparison's table language, with the Browser Agent
   column tinted and pricing's plain brand-blue ticks instead of badges. */
.product-clean-page .ba-rpa-matrix { border: 1px solid #e2e7ef; border-radius: 1rem; background: #fff; box-shadow: none; }
.product-clean-page .ba-rpa-row { min-width: 0; grid-template-columns: .8fr 1fr 1.2fr; border-color: #eaeef3; }
.product-clean-page .ba-rpa-row > div { padding: 1rem 1.25rem; color: #736a80; background: transparent; font-size: .875rem; line-height: 1.6; }
.product-clean-page .ba-rpa-row > div + div { border-left: 0; }
.product-clean-page .ba-rpa-row > div:nth-child(3) { background: #f8f7ff; }
.product-clean-page .ba-rpa-row-head { background: #f8fbfe; }
.product-clean-page .ba-rpa-row-head > div { color: #4a3d61; font-size: .875rem; font-weight: 500; }
.product-clean-page .ba-rpa-row-head > div:nth-child(3) { color: #4b50c4; font-weight: 600; background: #f0efff; }
.product-clean-page .ba-rpa-topic { color: #192236 !important; font-weight: 500; }
.product-clean-page .ba-rpa-agent-cell { display: flex; align-items: flex-start; gap: .75rem; color: #414c63 !important; }
.product-clean-page .ba-rpa-check {
  flex-shrink: 0;
  width: auto;
  height: auto;
  margin: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #5e63c6;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
}
.product-clean-page .ba-rpa-note { max-width: none; margin: 1rem 0 0; color: #9398a5; font-size: .8125rem; text-align: left; }
.product-clean-page .ba-rpa-note strong { color: #4a3d61; font-weight: 600; }
/* Phones: one card per capability instead of a sideways-scrolling table, so the
   Browser Agent answer is always visible. Labels come from CSS per language. */
@media (max-width: 767px) {
  .product-clean-page .ba-rpa-matrix { display: grid; gap: .75rem; overflow: visible; border: 0; border-radius: 0; background: transparent; }
  .product-clean-page .ba-rpa-row,
  .product-clean-page .ba-rpa-row:last-child {
    min-width: 0;
    grid-template-columns: 1fr;
    overflow: hidden;
    border: 1px solid #e2e7ef;
    border-radius: .875rem;
    background: #fff;
  }
  .product-clean-page .ba-rpa-row-head { display: none; }
  .product-clean-page .ba-rpa-row > div { padding: .75rem 1rem; }
  .product-clean-page .ba-rpa-row > .ba-rpa-topic { padding-bottom: .25rem; font-weight: 600; }
  .product-clean-page .ba-rpa-row > div:nth-child(2) { padding-top: .25rem; }
  .product-clean-page .ba-rpa-agent-cell { flex-wrap: wrap; column-gap: .5rem; row-gap: 0; }
  .product-clean-page .ba-rpa-row > div:nth-child(2)::before,
  .product-clean-page .ba-rpa-agent-cell::before {
    display: block;
    flex-basis: 100%;
    color: #9398a5;
    font-size: .75rem;
    font-weight: 500;
  }
  .product-clean-page .ba-rpa-row > div:nth-child(2)::before { content: "Traditional RPA"; }
  .product-clean-page .ba-rpa-agent-cell::before { content: "Browser Agent"; color: #4b50c4; }
  html[lang^="zh"] .product-clean-page .ba-rpa-row > div:nth-child(2)::before { content: "传统 RPA"; }
}
.product-clean-page #geo-product-faq { background: #fff; border-top: 1px solid #eaecf2; }
.product-clean-page #geo-product-faq .geo-faq-shell { padding-block: var(--product-space); }
.product-clean-page .geo-faq-title { font-size: var(--ba-h2); }
.product-clean-page .geo-faq-item { box-shadow: none; border-color: #eaecf2; }
.product-clean-page .overview-cta { max-width: var(--product-width); margin: 0 auto var(--product-space); padding: 3rem var(--product-gutter); background: #f8f9fb; border-radius: 1rem; }
.product-clean-page .overview-cta h2 { font-size: var(--ba-h2); }
.product-clean-page .product-next-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem 1.5rem; margin-top: 1rem; }
.product-clean-page .product-next-links .overview-text-link { margin: 0; }
@media (max-width: 991px) {
  .product-clean-page :is(.ba-llm-sheet-shell, .ba-stealth-shell) { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .product-clean-page :is(.ba-llm-sheet-copy, .ba-stealth-heading, .ba-stealth-features) { max-width: none; width: 100%; text-align: left; }
  .product-clean-page :is(.ba-llm-sheet-visual, .ba-stealth-visual) { width: 100%; max-width: none; margin: 0; }
  .product-clean-page .ba-demo-panel { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .product-clean-page .ba-stealth-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-controls__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .product-clean-page .overview-card { border: 0; border-top: 1px solid #eaecf2; padding: 1rem 0; }
  .product-clean-page .overview-card:first-child { border-top: 0; }
  .product-clean-page .ba-demo-controller .ba-demo-tabs { gap: .5rem; }
  .product-clean-page .ba-demo-controller .ba-demo-tabs label { min-height: 4.25rem; padding: .625rem .5rem; }
  .product-clean-page .ba-demo-tabs label:not(:last-child)::after { display: none; }
  .product-clean-page .ba-demo-copy small { display: none; }
  .product-clean-page .ba-demo-panel { padding: 1.25rem; }
  .product-clean-page .ba-parallel-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  .product-clean-page .overview-schedule { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
  .product-clean-page .overview-schedule a { grid-column: 1; grid-row: auto; }
  .product-clean-page .connect-card { padding: 1.25rem; }
  .product-clean-page .ba-llm-sheet-visual { padding: .75rem; }
  .product-clean-page .ba-stealth-features { column-gap: 1rem; }
  .product-clean-page .overview-cta { margin-inline: var(--product-gutter); }
}
@media (max-width: 479px) {
  .product-controls__grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
}

/* Product chapters: a numbered workflow node, a readable name and a short
   connector. Specificity keeps the shared inner-page eyebrow reset local. */
body.site-refined-page.product-clean-page .product-chapter-label {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  justify-content: start;
  gap: 1rem;
  max-width: 100%;
  min-height: 3.25rem;
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #211f54;
  font-size: clamp(1.25rem, 1.65vw, 1.625rem);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
}
.product-clean-page .product-chapter-index {
  position: relative;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid #e0d9ff;
  border-radius: 1rem 1rem 1rem .375rem;
  background: linear-gradient(145deg, #faf9ff, #eee9ff);
  box-shadow: inset 0 1px 0 #fff, 0 .25rem .75rem rgba(86, 58, 255, .06);
  color: #563aff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
}
.product-clean-page .product-chapter-index::after {
  content: "";
  position: absolute;
  bottom: -.0625rem;
  left: .5rem;
  width: .875rem;
  height: .1875rem;
  border-radius: 999px;
  background: #563aff;
}
.product-clean-page .product-chapter-divider { display: none; }
.product-clean-page .product-chapter-title { min-width: 0; text-wrap: balance; }
.product-clean-page .product-chapter-label::after {
  content: "";
  width: clamp(2rem, 4vw, 4rem);
  height: .625rem;
  background:
    radial-gradient(circle at calc(100% - .3125rem) 50%, #563aff 0 .1875rem, transparent .21875rem),
    linear-gradient(90deg, #e0d9ff, #a895ff) left center / calc(100% - .5rem) 1px no-repeat;
  pointer-events: none;
}
@media (max-width: 767px) {
  body.site-refined-page.product-clean-page .product-chapter-label {
    gap: .75rem;
    min-height: 2.75rem;
    margin-bottom: .75rem;
    font-size: 1.25rem;
  }
  .product-clean-page .product-chapter-index {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .875rem .875rem .875rem .3125rem;
    font-size: 1.25rem;
  }
  .product-clean-page .product-chapter-label::after { width: 1.5rem; }
}
@media (max-width: 479px) {
  body.site-refined-page.product-clean-page .product-chapter-label { grid-template-columns: auto minmax(0, 1fr); }
  .product-clean-page .product-chapter-label::after { content: none; }
}

/* Headings sit 0.875rem below their section label, as on the homepage;
   the label's own section classes would otherwise add their margins. */
body.product-clean-page .home-section-label:not(.home-section-label--faq) { margin-bottom: 0; }
body.product-clean-page .home-section-label:not(.home-section-label--faq) + h2 { margin-top: .875rem; }

/* Section 2: one heading, one screenshot, and the homepage tour controls
   (a progress track over soft pill tabs) underneath. The radio inputs drive
   both the visible panel and the track, so the tabs need no script.
   .site-refined-page outranks the inner-refinement panel surface. */
/* The demo now opens straight on its caption, so anchor jumps keep it clear of the fixed header. */
body.site-refined-page.product-clean-page #product-demo { scroll-margin-top: 7.5rem; }
body.site-refined-page.product-clean-page .ba-build-intro { max-width: 42rem; margin: 1rem 0 0; color: #737688; font-size: 1rem; line-height: 1.7; }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-controller { display: flex; flex-direction: column; }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-panels { order: 1; }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-panel {
  min-height: 0;
  padding: 0;
  /* Without padding, the base overflow: hidden would clip heading glyphs. */
  overflow: visible;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
  border: 0;
  background: none;
  box-shadow: none;
}
/* Every panel shares one two-row grid. Subgrid rows give each caption the
   height of the longest one, so switching tabs never moves the screenshot
   or the tabs; only the visible panel changes. */
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-panels { display: grid; grid-template-rows: auto auto; row-gap: 1.25rem; }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-panel {
  display: grid;
  grid-row: 1 / span 2;
  grid-column: 1;
  grid-template-rows: subgrid;
  opacity: 0;
  visibility: hidden;
  transition: opacity 240ms ease, visibility 240ms;
}
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-radio:nth-of-type(1):checked ~ .ba-demo-panels .ba-demo-panel-record,
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-radio:nth-of-type(2):checked ~ .ba-demo-panels .ba-demo-panel-refine,
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-radio:nth-of-type(3):checked ~ .ba-demo-panels .ba-demo-panel-run {
  opacity: 1;
  visibility: visible;
}
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-panel > div { max-width: 42rem; }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-panel h3 { margin: 0 0 .375rem; font-size: 1.25rem; }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-panel p { margin: 0; }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-panel img {
  width: 100%;
  border: 1px solid #e6e9f0;
  border-radius: .875rem;
  box-shadow: 0 1.25rem 3rem rgba(33, 42, 75, .1);
}
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-progress {
  order: 2;
  display: block;
  height: .1875rem;
  margin: 1.75rem 0 0;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(39, 42, 92, .12);
}
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #272fc7, #797edc, #21cde3);
  transform: scaleX(.3333);
  transform-origin: left center;
  transition: transform 420ms ease;
}
body.site-refined-page.product-clean-page .ba-demo-radio:nth-of-type(2):checked ~ .ba-demo-progress i { transform: scaleX(.6667); }
body.site-refined-page.product-clean-page .ba-demo-radio:nth-of-type(3):checked ~ .ba-demo-progress i { transform: scaleX(1); }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-controller .ba-demo-tabs {
  order: 3;
  display: flex;
  max-width: none;
  margin: .875rem 0 0;
  padding: 0;
  gap: .75rem;
  border: 0;
  background: none;
}
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-controller .ba-demo-tabs label {
  flex: 1;
  min-width: 0;
  min-height: 3.5rem;
  padding: .75rem .5rem;
  justify-content: center;
  border: 0;
  border-radius: .875rem;
  color: #65718b;
  background: #fafcff;
  box-shadow: .25rem .25rem .625rem rgba(103, 119, 151, .13), -.25rem -.25rem .625rem #fff;
  font-size: .75rem;
  transition: box-shadow 320ms ease, color 240ms ease, transform 240ms ease;
}
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-tabs label .ba-demo-step { display: none; }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-tabs label::after { content: none; }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-tabs label strong { color: inherit; font-size: .8125rem; font-weight: 500; }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-radio:nth-of-type(1):checked ~ .ba-demo-tabs label:nth-child(1),
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-radio:nth-of-type(2):checked ~ .ba-demo-tabs label:nth-child(2),
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-radio:nth-of-type(3):checked ~ .ba-demo-tabs label:nth-child(3) {
  color: #3844b5;
  border: 0;
  background: linear-gradient(145deg, #fafcff, #f1f4fc);
  box-shadow: .25rem .375rem 1rem rgba(103, 119, 151, .12), inset 0 1px 0 rgba(255, 255, 255, .9);
}
@media (hover: hover) {
  body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-tabs label:hover { color: #535f8e; }
}
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-tabs label:active { transform: translateY(1px); }
body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-radio:focus-visible ~ .ba-demo-tabs { outline: 2px solid #4950d6; outline-offset: .375rem; border-radius: 1rem; }
@media (prefers-reduced-motion: reduce) {
  body.site-refined-page.product-clean-page .ba-product-demo :is(.ba-demo-progress i, .ba-demo-tabs label, .ba-demo-panel) { transition: none; transform: none; }
}
@media (max-width: 767px) {
  body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-controller .ba-demo-tabs { gap: .5rem; }
  body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-controller .ba-demo-tabs label { min-height: 3rem; padding: .625rem .375rem; }
  body.site-refined-page.product-clean-page .ba-product-demo .ba-demo-tabs label strong { font-size: .75rem; }
}

/* Real screenshots replace the drawn browser mockups in these stages, framed
   like the section 2 screenshots. */
body.site-refined-page.product-clean-page .ba-stage.ba-stage--capture {
  display: block;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e6e9f0;
  border-radius: .875rem;
  background: #fff;
  box-shadow: 0 1.25rem 3rem rgba(33, 42, 75, .1);
}
body.site-refined-page.product-clean-page .ba-stage.ba-stage--capture::before,
body.site-refined-page.product-clean-page .ba-stage.ba-stage--capture::after { content: none; }
body.site-refined-page.product-clean-page .ba-stage.ba-stage--capture img { display: block; width: 100%; height: auto; }

/* Stealth mode: two real settings screenshots, framed like the other captures.
   A square crop anchored top-right keeps the part that matters: the
   fingerprint panel and the proxy drawer, not the dimmed list behind them. */
body.site-refined-page.product-clean-page .ba-stealth-mode__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
body.site-refined-page.product-clean-page .ba-stealth-mode__card { display: grid; align-content: start; gap: 1rem; margin: 0; }
body.site-refined-page.product-clean-page .ba-stealth-mode__shot {
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid #e6e9f0;
  border-radius: .875rem;
  background: #fff;
  box-shadow: 0 1.25rem 3rem rgba(33, 42, 75, .1);
}
body.site-refined-page.product-clean-page .ba-stealth-mode__shot img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right top; }
body.site-refined-page.product-clean-page .ba-stealth-mode__card h3 { margin: 0 0 .375rem; color: #252838; font-size: 1.125rem; }
body.site-refined-page.product-clean-page .ba-stealth-mode__card p { margin: 0; color: #737688; font-size: .9375rem; line-height: 1.65; }
@media (max-width: 767px) {
  body.site-refined-page.product-clean-page .ba-stealth-mode__grid { grid-template-columns: minmax(0, 1fr); }
}