.page-products{
  --pp-line:rgba(54,81,107,.42);
  --pp-line-soft:rgba(8,24,39,.12);
  --pp-tint:rgba(127,168,155,.12);
  background:var(--paper);
  color:var(--ink);
  overflow-x:clip;
}

.page-products :is(h1,h2,h3){
  font-family:var(--font-head);
  letter-spacing:-.01em;
  line-height:1.18;
}

.page-products .pp-section{
  padding-block:var(--sp-md);
}

.page-products .pp-section--paper{
  background:var(--paper);
}

/* ---------- 首屏 ---------- */
.page-products .pp-hero{
  background:
    radial-gradient(120% 90% at 88% 0%, rgba(224,138,46,.16), transparent 62%),
    radial-gradient(90% 80% at 0% 100%, rgba(127,168,155,.14), transparent 60%),
    var(--ink);
  color:var(--white);
  padding-block:var(--sp-sm) var(--sp-lg);
}

.page-products .pp-hero .breadcrumbs__list{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  align-items:center;
  list-style:none;
  margin:0 0 var(--sp-md);
  padding:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
}

.page-products .pp-hero .breadcrumbs__item{
  color:var(--mist);
}

.page-products .pp-hero .breadcrumbs__item + .breadcrumbs__item::before{
  content:"/";
  margin-right:.4rem;
  color:var(--steel);
}

.page-products .pp-hero .breadcrumbs__link{
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .2s ease,border-color .2s ease;
}

.page-products .pp-hero .breadcrumbs__link:hover,
.page-products .pp-hero .breadcrumbs__link:focus-visible{
  color:var(--amber);
  border-bottom-color:var(--amber);
}

.page-products .pp-hero__frame{
  position:relative;
  border:1px solid var(--rule-dark);
  padding:clamp(18px,3.6vw,42px);
  background:linear-gradient(180deg,rgba(16,42,68,.62),rgba(8,24,39,.12));
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);
}

.page-products .pp-hero__ruler{
  height:10px;
  margin-bottom:var(--sp-sm);
  background:repeating-linear-gradient(90deg,var(--steel) 0 1px,transparent 1px 14px);
  opacity:.85;
}

.page-products .eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--amber);
  margin:0 0 .6rem;
}

.page-products .pp-hero__title{
  margin:0;
  font-size:clamp(30px,6.4vw,56px);
  font-weight:800;
  max-width:20ch;
}

.page-products .pp-hero__lede{
  margin:1rem 0 0;
  max-width:62ch;
  font-size:clamp(15px,2.1vw,17px);
  line-height:1.75;
  color:var(--mist);
}

.page-products .pp-hero__jump{
  list-style:none;
  margin:var(--sp-md) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:0 26px;
}

.page-products .pp-jump{
  display:flex;
  align-items:baseline;
  gap:.65rem;
  padding:13px 2px;
  border-top:1px solid var(--rule-dark);
  color:var(--white);
  text-decoration:none;
  font-size:15px;
  transition:color .2s ease,border-color .2s ease,padding-left .2s ease;
}

.page-products .pp-jump:hover,
.page-products .pp-jump:focus-visible{
  color:var(--amber);
  border-top-color:var(--amber);
  padding-left:6px;
}

.page-products .pp-jump__no{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--amber);
}

.page-products .pp-hero__status{
  margin-top:var(--sp-md);
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1.4rem;
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--mist);
}

.page-products .pp-hero__status .status-bar__item{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
}

.page-products .pp-hero__status .status-bar__dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--celadon);
  display:inline-block;
}

.page-products .pp-hero__status .status-bar__dot--amber{
  background:var(--amber);
}

/* ---------- 章节头 ---------- */
.page-products .section-head{
  margin-bottom:var(--sp-md);
  max-width:64ch;
}

.page-products .section-head__index{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--celadon-deep);
  margin:0 0 .5rem;
}

.page-products .section-head__title{
  margin:0;
  font-size:clamp(22px,4.2vw,34px);
  font-weight:800;
}

.page-products .section-head__note{
  margin:.7rem 0 0;
  font-size:15px;
  line-height:1.7;
  color:var(--ink-soft);
}

/* ---------- 场景主题带 ---------- */
.page-products .pp-scene{
  display:grid;
  gap:var(--sp-md);
}

.page-products .pp-band__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}

.page-products .pp-band{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:6px 16px;
  padding:18px 18px 16px;
  background:var(--white);
  border:1px solid var(--pp-line-soft);
  border-left:6px solid var(--steel);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
  transition:border-color .2s ease,background-color .2s ease;
}

.page-products .pp-band:hover{
  background:var(--white);
  border-left-color:var(--amber-deep);
}

.page-products .pp-band--amber{border-left-color:var(--amber);}
.page-products .pp-band--celadon{border-left-color:var(--celadon);}
.page-products .pp-band--harbor{border-left-color:var(--harbor);}
.page-products .pp-band--steel{border-left-color:var(--steel);}

.page-products .pp-band__no{
  margin:0;
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--celadon-deep);
}

.page-products .pp-band__title{
  margin:0 0 .35rem;
  font-size:18px;
  font-weight:700;
}

.page-products .pp-band__text{
  margin:0;
  font-size:14.5px;
  line-height:1.7;
  color:var(--ink-soft);
}

.page-products .pp-band__act{
  grid-column:2;
  margin:.7rem 0 0;
}

.page-products .pp-band__link{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.05em;
  color:var(--amber-deep);
  text-decoration:none;
  border-bottom:1px solid var(--amber-deep);
  padding-bottom:2px;
}

.page-products .pp-band__link:hover,
.page-products .pp-band__link:focus-visible{
  color:var(--ink);
  border-bottom-color:var(--ink);
}

.page-products .tag{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  padding:3px 9px;
  border:1px solid var(--pp-line);
  color:var(--steel);
  background:transparent;
  white-space:nowrap;
}

.page-products .tag--amber{border-color:var(--amber);color:var(--amber-deep);}
.page-products .tag--celadon{border-color:var(--celadon);color:var(--celadon-deep);}

/* ---------- 图片框 ---------- */
.page-products .pp-figure{
  margin:0;
  border:1px solid var(--pp-line-soft);
  background:var(--harbor);
}

.page-products .pp-figure .media-frame__img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}

.page-products .pp-figure .figure-caption{
  margin:0;
  padding:10px 14px;
  font-family:var(--font-mono);
  font-size:11.5px;
  line-height:1.6;
  color:var(--mist);
  background:var(--harbor);
  border-top:1px solid var(--rule-dark);
}

/* ---------- 索引 + 正文分栏 ---------- */
.page-products .pp-split{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--sp-md);
}

.page-products .pp-aside{
  background:var(--harbor);
  color:var(--white);
  padding:18px;
  border-left:3px solid var(--amber);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);
}

.page-products .pp-aside .toc__title{
  margin:0 0 .8rem;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--amber);
}

.page-products .pp-aside .toc__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:2px;
}

.page-products .pp-aside .toc__link{
  display:block;
  padding:9px 8px;
  font-size:14px;
  color:var(--mist);
  text-decoration:none;
  border-left:2px solid transparent;
  transition:color .2s ease,border-color .2s ease,background-color .2s ease;
}

.page-products .pp-aside .toc__link:hover,
.page-products .pp-aside .toc__link:focus-visible{
  color:var(--white);
  border-left-color:var(--steel);
  background:rgba(255,255,255,.05);
}

.page-products .pp-aside .toc__link[aria-current]{
  color:var(--amber);
  border-left-color:var(--amber);
  background:rgba(224,138,46,.1);
}

.page-products .pp-aside__note{
  margin:1rem 0 0;
  padding-top:.9rem;
  border-top:1px solid var(--rule-dark);
  font-family:var(--font-mono);
  font-size:11.5px;
  line-height:1.7;
  color:var(--mist);
}

.page-products .pp-col{
  display:grid;
  gap:var(--sp-lg);
  min-width:0;
}

.page-products .pp-block{
  scroll-margin-top:calc(var(--main-h) + var(--rail-h) + 20px);
}

.page-products .pp-block__title{
  margin:0 0 .7rem;
  font-size:clamp(21px,3.6vw,28px);
  font-weight:800;
  padding-bottom:.6rem;
  border-bottom:2px solid var(--ink);
}

.page-products .pp-block__text{
  margin:0 0 var(--sp-md);
  font-size:15.5px;
  line-height:1.78;
  color:var(--ink-soft);
}

/* ---------- 资料归档 ---------- */
.page-products .pp-archive{
  margin-bottom:var(--sp-md);
}

.page-products .pp-archive .pp-card{
  background:var(--white);
  border:1px solid var(--pp-line-soft);
  padding:18px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transition:border-color .2s ease,transform .2s ease;
}

.page-products .pp-archive .pp-card:hover{
  border-color:var(--amber);
}

.page-products .pp-card__title{
  margin:.7rem 0 .4rem;
  font-size:16.5px;
  font-weight:700;
}

.page-products .pp-card__text{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--ink-soft);
}

.page-products .pp-dims{
  list-style:none;
  margin:0 0 var(--sp-md);
  padding:0;
  display:grid;
  gap:1px;
  background:var(--pp-line-soft);
  border:1px solid var(--pp-line-soft);
}

.page-products .pp-dim{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:2px 14px;
  align-items:baseline;
  padding:12px 14px;
  background:var(--white);
}

.page-products .pp-dim__no{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--celadon-deep);
}

.page-products .pp-dim__name{
  font-weight:700;
  font-size:14.5px;
}

.page-products .pp-dim__text{
  grid-column:2;
  font-size:13.5px;
  line-height:1.65;
  color:var(--ink-soft);
}

/* ---------- 版本对照 ---------- */
.page-products .pp-cmp{
  border:1px solid var(--pp-line-soft);
  background:var(--white);
  margin-bottom:var(--sp-md);
}

.page-products .pp-cmp__head{
  display:none;
  grid-template-columns:minmax(0,150px) minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  padding:12px 16px;
  background:var(--ink);
  color:var(--white);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
}

.page-products .pp-cmp__ver--a{color:var(--celadon);}
.page-products .pp-cmp__ver--b{color:var(--amber);}

.page-products .pp-cmp__rows{
  list-style:none;
  margin:0;
  padding:0;
}

.page-products .pp-cmp__row{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:5px;
  padding:13px 15px;
  border-top:1px solid var(--pp-line-soft);
}

.page-products .pp-cmp__row:first-child{border-top:0;}

.page-products .pp-cmp__k{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--celadon-deep);
}

.page-products .pp-cmp__v{
  font-size:14px;
  line-height:1.65;
  color:var(--ink);
  padding-left:.1rem;
}

.page-products .pp-cmp__v::before{
  content:attr(data-ver) " · ";
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.04em;
  color:var(--steel);
}

.page-products .pp-cmp__v--diff{
  color:var(--rust);
}

.page-products .pp-cmp__v--diff::before{
  color:var(--rust);
}

.page-products .pp-cmp__row--diff{
  background:rgba(184,74,74,.06);
  box-shadow:inset 3px 0 0 var(--rust);
}

/* 变化要点切换 */
.page-products .pp-changes{
  margin-bottom:var(--sp-md);
  border:1px solid var(--pp-line-soft);
  background:var(--white);
}

.page-products .pp-changes .compare__bar{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  border-bottom:1px solid var(--pp-line-soft);
}

.page-products .pp-changes .compare__btn{
  flex:1 1 160px;
  appearance:none;
  border:0;
  border-right:1px solid var(--pp-line-soft);
  background:var(--paper);
  color:var(--ink-soft);
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.04em;
  padding:12px 14px;
  cursor:pointer;
  text-align:left;
  transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;
}

.page-products .pp-changes .compare__btn:last-child{border-right:0;}

.page-products .pp-changes .compare__btn:hover,
.page-products .pp-changes .compare__btn:focus-visible{
  background:var(--amber-ghost);
  color:var(--ink);
}

.page-products .pp-changes .compare__btn[aria-pressed="true"]{
  background:var(--ink);
  color:var(--amber);
  box-shadow:inset 0 -3px 0 var(--amber);
}

.page-products .pp-changes__panel{
  padding:16px 18px;
}

.page-products .pp-changes__list{
  margin:0;
  padding-left:1.1rem;
  display:grid;
  gap:.55rem;
  font-size:14.5px;
  line-height:1.7;
  color:var(--ink-soft);
}

.page-products .pp-changes__list li::marker{
  color:var(--amber);
}

/* 折叠差异 */
.page-products .pp-diff{
  border:1px solid var(--pp-line-soft);
  background:var(--white);
}

.page-products .pp-diff .disclosure__summary{
  cursor:pointer;
  padding:14px 16px;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.03em;
  color:var(--ink);
  background:var(--paper);
  list-style:none;
}

.page-products .pp-diff .disclosure__summary::-webkit-details-marker{display:none;}

.page-products .pp-diff .disclosure__summary::before{
  content:"+";
  display:inline-block;
  width:1.1em;
  color:var(--amber-deep);
  font-weight:700;
}

.page-products .pp-diff[open] .disclosure__summary::before{content:"–";}

.page-products .pp-diff .disclosure__body{
  padding:6px 16px 16px;
  border-top:1px solid var(--pp-line-soft);
}

.page-products .pp-diff__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
  font-size:14.5px;
  line-height:1.7;
  color:var(--ink-soft);
}

.page-products .pp-diff__k{
  display:inline-block;
  margin-right:.5rem;
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--rust);
}

/* ---------- 安卓两步 ---------- */
.page-products .pp-steps{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
  margin-bottom:var(--sp-md);
}

.page-products .pp-step{
  background:var(--white);
  border:1px solid var(--pp-line-soft);
  border-top:4px solid var(--harbor);
  padding:18px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);
}

.page-products .pp-step:last-child{
  border-top-color:var(--amber);
}

.page-products .pp-step__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.6rem;
  margin-bottom:.6rem;
}

.page-products .pp-step__no{
  margin:0;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  color:var(--celadon-deep);
}

.page-products .pp-step__title{
  margin:0 0 .8rem;
  font-size:17.5px;
  font-weight:700;
}

.page-products .pp-step__opts{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.page-products .pp-step__opt{
  font-size:13px;
  padding:7px 12px;
  border:1px solid var(--pp-line-soft);
  background:var(--paper);
  color:var(--ink-soft);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
  transition:border-color .2s ease,color .2s ease;
}

.page-products .pp-step__opt:hover{
  border-color:var(--celadon);
  color:var(--ink);
}

.page-products .pp-step__opt--on{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--white);
  font-weight:500;
}

.page-products .pp-step__hint{
  margin:.9rem 0 0;
  font-family:var(--font-mono);
  font-size:11.5px;
  line-height:1.6;
  color:var(--steel);
}

.page-products .pp-step__result{
  margin-top:1rem;
  padding:12px 14px;
  background:var(--ink);
  color:var(--white);
  display:grid;
  gap:.5rem;
  font-family:var(--font-mono);
  font-size:12px;
}

.page-products .pp-step__result .status-bar__item{
  display:flex;
  align-items:center;
  gap:.55rem;
}

.page-products .pp-step__result .status-bar__dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--celadon);
  flex:0 0 auto;
}

.page-products .pp-step__result .status-bar__dot--amber{
  background:var(--amber);
}

/* ---------- 推荐依据 ---------- */
.page-products .pp-method{
  list-style:none;
  margin:0 0 var(--sp-md);
  padding:0;
  border-top:1px solid var(--pp-line-soft);
}

.page-products .pp-method__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:2px 14px;
  padding:14px 4px;
  border-bottom:1px solid var(--pp-line-soft);
  transition:background-color .2s ease;
}

.page-products .pp-method__item:hover{
  background:var(--celadon-ghost);
}

.page-products .pp-method__no{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--amber-deep);
  padding-top:.25rem;
}

.page-products .pp-method__title{
  margin:0 0 .3rem;
  font-size:16px;
  font-weight:700;
}

.page-products .pp-method__text{
  grid-column:2;
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--ink-soft);
}

/* ---------- 反馈区 ---------- */
.page-products .pp-cta{
  background:var(--ink);
  color:var(--white);
  padding-block:var(--sp-lg);
}

.page-products .pp-cta__panel{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--sp-md);
  border:1px solid var(--rule-dark);
  padding:clamp(20px,4vw,44px);
  background:linear-gradient(135deg,rgba(16,42,68,.9),rgba(8,24,39,.9));
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);
}

.page-products .pp-cta__title{
  margin:0 0 .8rem;
  font-size:clamp(22px,4vw,32px);
  font-weight:800;
  max-width:24ch;
}

.page-products .pp-cta__text{
  margin:0;
  max-width:60ch;
  font-size:15px;
  line-height:1.78;
  color:var(--mist);
}

.page-products .pp-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:var(--sp-md);
}

.page-products .pp-cta .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 20px;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.04em;
  text-decoration:none;
  border:1px solid var(--rule-dark);
  color:var(--white);
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}

.page-products .pp-cta .btn--amber{
  background:var(--amber);
  border-color:var(--amber);
  color:var(--ink);
  font-weight:700;
}

.page-products .pp-cta .btn--amber:hover,
.page-products .pp-cta .btn--amber:focus-visible{
  background:var(--amber-deep);
  border-color:var(--amber-deep);
  color:var(--white);
}

.page-products .pp-cta .btn--ghost:hover,
.page-products .pp-cta .btn--ghost:focus-visible{
  border-color:var(--celadon);
  color:var(--celadon);
}

.page-products .pp-cta__info{
  margin:0;
  display:grid;
  gap:1px;
  background:var(--rule-dark);
  border:1px solid var(--rule-dark);
  align-self:start;
}

.page-products .pp-cta__row{
  display:grid;
  gap:3px;
  padding:12px 14px;
  background:var(--ink);
}

.page-products .pp-cta__row dt{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--celadon);
}

.page-products .pp-cta__row dd{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:var(--white);
  overflow-wrap:anywhere;
}

.page-products .pp-cta__link{
  color:var(--white);
  text-decoration:none;
  border-bottom:1px solid var(--steel);
  transition:color .2s ease,border-color .2s ease;
}

.page-products .pp-cta__link:hover,
.page-products .pp-cta__link:focus-visible{
  color:var(--amber);
  border-bottom-color:var(--amber);
}

/* ---------- 响应式 ---------- */
@media (min-width:600px){
  .page-products .pp-hero__jump{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .page-products .pp-cmp__row{
    grid-template-columns:minmax(0,130px) minmax(0,1fr) minmax(0,1fr);
    gap:14px;
    align-items:start;
  }

  .page-products .pp-cmp__v::before{content:none;}

  .page-products .pp-cmp__row--diff{
    box-shadow:inset 3px 0 0 var(--rust);
  }

  .page-products .pp-cta__panel{
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
    align-items:start;
  }
}

@media (min-width:860px){
  .page-products .pp-section{
    padding-block:var(--sp-lg);
  }

  .page-products .pp-scene{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    align-items:start;
    gap:var(--sp-md);
  }

  .page-products .pp-band{
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:start;
  }

  .page-products .pp-band__act{
    grid-column:3;
    margin:0;
    align-self:center;
  }

  .page-products .pp-cmp__head{
    display:grid;
  }

  .page-products .pp-split{
    grid-template-columns:minmax(0,220px) minmax(0,1fr);
    gap:clamp(24px,4vw,52px);
    align-items:start;
  }

  .page-products .pp-aside{
    position:sticky;
    top:calc(var(--main-h) + var(--rail-h) + 18px);
    align-self:start;
  }

  .page-products .pp-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(24px,3vw,40px);
  }

  .page-products .pp-steps::before{
    content:"";
    position:absolute;
    top:56px;
    left:calc(50% - 20px);
    width:40px;
    height:2px;
    background:linear-gradient(90deg,var(--harbor),var(--amber));
    z-index:1;
  }

  .page-products .pp-method__item{
    grid-template-columns:auto minmax(0,220px) minmax(0,1fr);
    align-items:baseline;
  }

  .page-products .pp-method__text{
    grid-column:3;
  }

  .page-products .pp-dims .pp-dim{
    grid-template-columns:auto minmax(0,140px) minmax(0,1fr);
  }

  .page-products .pp-dim__text{
    grid-column:3;
  }
}

@media (min-width:1080px){
  .page-products .pp-hero__jump{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .page-products .pp-split{
    grid-template-columns:minmax(0,240px) minmax(0,1fr);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-products *{
    transition:none !important;
  }
}
<<<PAGE_CSS_END>>>