.page-products{
  overflow-x:hidden;
  background:var(--ybo-light);
  color:var(--ybo-text);
  font-family:var(--ybo-font-body);
  font-weight:300;
  line-height:1.75;
}
.page-products img{
  max-width:100%;
  height:auto;
}
.page-products .pp-breadcrumb{
  max-width:1280px;
  margin:0 auto;
  padding:18px var(--ybo-gap) 0;
}
.page-products .pp-breadcrumb__list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-size:13px;
  color:var(--ybo-mgray);
}
.page-products .pp-breadcrumb__link{
  color:var(--ybo-mgray);
  text-decoration:none;
  transition:color .2s ease;
}
.page-products .pp-breadcrumb__link:hover{
  color:var(--ybo-neon);
}
.page-products .pp-hero{
  padding:clamp(36px,6vw,72px) var(--ybo-gap) clamp(48px,7vw,88px);
  background:
    radial-gradient(circle at 86% 14%,rgba(57,255,20,.16),transparent 34%),
    radial-gradient(circle at 10% 90%,rgba(255,107,53,.18),transparent 30%),
    linear-gradient(135deg,var(--ybo-deep-2),var(--ybo-deep));
  color:var(--ybo-ondark);
}
.page-products .pp-hero__inner{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(28px,5vw,64px);
  align-items:center;
}
.page-products .pp-hero__eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ybo-mgray);
  font-family:var(--ybo-font-mono);
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.page-products .pp-hero__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--ybo-neon);
  box-shadow:0 0 0 4px rgba(57,255,20,.15);
}
.page-products .pp-hero__title{
  margin:.3em 0 .4em;
  font-family:var(--ybo-font-head);
  font-weight:800;
  font-size:clamp(34px,6vw,60px);
  letter-spacing:-.02em;
  line-height:1.1;
}
.page-products .pp-hero__title .pp-accent{
  color:var(--ybo-neon);
}
.page-products .pp-hero__lead{
  max-width:640px;
  color:rgba(229,231,235,.85);
  font-size:clamp(15px,2vw,17px);
}
.page-products .pp-hero__facts{
  margin:28px 0 0;
  padding:18px 0;
  display:flex;
  flex-wrap:wrap;
  gap:16px 40px;
  border-top:1px solid rgba(138,143,152,.25);
  border-bottom:1px solid rgba(138,143,152,.25);
}
.page-products .pp-hero__fact{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.page-products .pp-hero__num{
  font-family:var(--ybo-font-mono);
  font-size:clamp(28px,4vw,40px);
  font-weight:700;
  line-height:1;
  color:var(--ybo-neon);
}
.page-products .pp-hero__num small{
  font-size:.6em;
  font-weight:400;
}
.page-products .pp-hero__label{
  font-size:13px;
  color:var(--ybo-mgray);
}
.page-products .pp-hero__actions{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.page-products .pp-hero__visual{
  border:1px solid rgba(57,255,20,.35);
  border-radius:calc(var(--ybo-radius) + 4px);
  padding:8px;
  background:rgba(255,255,255,.04);
}
.page-products .pp-hero__img{
  width:100%;
  height:auto;
  display:block;
  border-radius:var(--ybo-radius);
  box-shadow:0 24px 48px rgba(0,0,0,.4);
}
.page-products .ybo-btn--ghost{
  border-color:rgba(229,231,235,.6);
  color:var(--ybo-ondark);
}
.page-products .ybo-btn--ghost:hover{
  background:rgba(57,255,20,.1);
  border-color:var(--ybo-neon);
  color:var(--ybo-neon);
}
.page-products .pp-btn--solid{
  background:linear-gradient(180deg,var(--ybo-orange),#e8531a);
  border:none;
  box-shadow:0 12px 28px rgba(255,107,53,.35);
}
.page-products .pp-btn--solid:hover{
  transform:translateY(-2px);
}
.page-products .pp-section{
  max-width:1280px;
  margin:0 auto;
  padding:clamp(56px,8vw,100px) var(--ybo-gap);
}
.page-products .pp-section--features,
.page-products .pp-section--download{
  max-width:none;
  padding:0;
}
.page-products .pp-section__inner{
  max-width:1280px;
  margin:0 auto;
  padding:clamp(56px,8vw,100px) var(--ybo-gap);
}
.page-products .pp-section--features{
  background:linear-gradient(180deg,var(--ybo-light),#ecf7ec);
}
.page-products .pp-section--download{
  background:
    radial-gradient(circle at 82% 18%,rgba(57,255,20,.16),transparent 36%),
    radial-gradient(circle at 12% 84%,rgba(255,215,0,.1),transparent 30%),
    linear-gradient(135deg,var(--ybo-deep-2),var(--ybo-deep));
}
.page-products .pp-section--changelog{
  background:#fff;
}
.page-products .pp-chapter{
  display:flex;
  align-items:flex-start;
  gap:clamp(14px,3vw,24px);
  margin-bottom:clamp(32px,5vw,56px);
}
.page-products .pp-chapter__num{
  flex:0 0 auto;
  font-family:var(--ybo-font-mono);
  font-size:clamp(40px,5vw,54px);
  line-height:.9;
  color:var(--ybo-deep);
  -webkit-text-stroke:1px var(--ybo-neon);
}
.page-products .pp-chapter__title{
  margin:0;
  font-family:var(--ybo-font-head);
  font-weight:800;
  font-size:clamp(28px,4vw,38px);
  letter-spacing:-.02em;
  color:var(--ybo-deep);
}
.page-products .pp-chapter__desc{
  margin:.5em 0 0;
  max-width:640px;
  color:var(--ybo-mgray);
}
.page-products .pp-section--download .pp-chapter__title,
.page-products .pp-section--download .pp-download__subtitle{
  color:#fff;
}
.page-products .pp-section--download .pp-chapter__desc{
  color:rgba(229,231,235,.8);
}
.page-products .pp-section--download .pp-chapter__num{
  color:var(--ybo-neon);
  -webkit-text-stroke:0;
}
.page-products .pp-versus__grid{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.page-products .pp-version{
  flex:1 1 0%;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid #e2e6ee;
  border-radius:20px;
  padding:clamp(24px,3vw,36px);
  box-shadow:var(--ybo-shadow);
  transition:flex .5s ease,box-shadow .3s ease,transform .3s ease;
}
.page-products .pp-version:hover{
  box-shadow:var(--ybo-shadow-lg);
  transform:translateY(-4px);
}
.page-products .pp-version--speed{
  background:linear-gradient(160deg,#0D2850,#071733);
  border-color:rgba(57,255,20,.3);
  color:var(--ybo-ondark);
  box-shadow:0 20px 40px rgba(10,31,68,.25);
}
.page-products .pp-version--speed .pp-version__name{
  color:#fff;
}
.page-products .pp-version--speed .pp-version__desc{
  color:rgba(229,231,235,.75);
}
.page-products .pp-version__head{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:14px;
}
.page-products .pp-version__name{
  margin:0;
  font-family:var(--ybo-font-head);
  font-weight:800;
  font-size:clamp(24px,3vw,30px);
  color:var(--ybo-deep);
}
.page-products .pp-version__desc{
  margin:0 0 16px;
  color:var(--ybo-mgray);
}
.page-products .pp-version__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.page-products .pp-version__list li{
  position:relative;
  padding-left:22px;
  font-size:15px;
}
.page-products .pp-version__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ybo-neon);
  box-shadow:0 0 8px rgba(57,255,20,.5);
}
.page-products .pp-table-wrap{
  margin-top:32px;
  border-radius:var(--ybo-radius);
  background:var(--ybo-deep);
  box-shadow:var(--ybo-shadow-lg);
  overflow-x:auto;
}
.page-products .pp-compare-table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
}
.page-products .pp-compare-table th,
.page-products .pp-compare-table td{
  padding:16px 20px;
  text-align:left;
  font-size:14px;
  border-bottom:1px solid rgba(138,143,152,.22);
  color:var(--ybo-ondark);
}
.page-products .pp-compare-table thead th{
  font-family:var(--ybo-font-mono);
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ybo-neon);
  background:rgba(255,255,255,.04);
}
.page-products .pp-compare-table tbody th{
  color:var(--ybo-mgray);
  font-weight:400;
}
.page-products .pp-compare-table tbody tr:hover{
  background:rgba(57,255,20,.08);
}
.page-products .pp-compare-table td[colspan]{
  text-align:center;
  color:var(--ybo-yellow);
}
.page-products .pp-features__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}
.page-products .pp-feature{
  height:100%;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:clamp(22px,3vw,30px);
  background:#fff;
  border-radius:20px;
  box-shadow:var(--ybo-shadow);
  transition:transform .25s ease,box-shadow .25s ease;
}
.page-products .pp-feature:hover{
  transform:translateY(-4px);
  box-shadow:var(--ybo-shadow-lg);
}
.page-products .pp-feature__icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:var(--ybo-deep);
  color:var(--ybo-neon);
}
.page-products .pp-feature__title{
  margin:0;
  font-family:var(--ybo-font-head);
  font-weight:800;
  font-size:clamp(20px,2vw,24px);
  color:var(--ybo-deep);
}
.page-products .pp-feature__text{
  margin:0;
  color:#5b6472;
  font-size:15px;
}
.page-products .pp-feature__link{
  align-self:flex-start;
  color:var(--ybo-deep);
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid var(--ybo-neon);
}
.page-products .pp-feature__meta{
  margin:auto 0 0;
  padding:14px;
  border-radius:12px;
  background:var(--ybo-light);
  color:var(--ybo-mgray);
  font-family:var(--ybo-font-mono);
  font-size:13px;
}
.page-products .pp-feature__wave{
  margin-top:auto;
  border-radius:12px;
  background:linear-gradient(135deg,var(--ybo-deep),var(--ybo-deep-2));
  color:var(--ybo-neon);
  padding:20px;
  display:grid;
  place-items:center;
}
.page-products .pp-feature__img{
  width:100%;
  border-radius:12px;
  object-fit:cover;
  margin-top:auto;
}
.page-products .pp-download__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,4vw,48px);
  align-items:center;
}
.page-products .pp-download__subtitle{
  margin:0 0 16px;
  font-family:var(--ybo-font-head);
  font-weight:800;
  font-size:clamp(24px,3vw,32px);
  color:var(--ybo-deep);
}
.page-products .pp-download__list{
  margin:0 0 24px;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.page-products .pp-download__list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:var(--ybo-ondark);
}
.page-products .pp-download__list li::before{
  content:"";
  flex:0 0 auto;
  width:9px;
  height:9px;
  border-radius:50%;
  margin-top:.55em;
  background:var(--ybo-neon);
  box-shadow:0 0 10px rgba(57,255,20,.5);
}
.page-products .pp-btn--download{
  display:inline-block;
  background:linear-gradient(180deg,#FF8A4D,var(--ybo-orange) 55%,#F04A12);
  border:none;
  border-radius:12px;
  padding:15px 28px;
  font-family:var(--ybo-font-head);
  font-weight:800;
  font-size:15px;
  color:#fff;
  text-decoration:none;
  box-shadow:0 14px 28px rgba(255,107,53,.32);
  transition:transform .2s ease,box-shadow .2s ease;
}
.page-products .pp-btn--download:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(255,107,53,.4);
}
.page-products .pp-download__hint{
  margin-top:16px;
  color:rgba(229,231,235,.7);
  font-size:13px;
}
.page-products .pp-download__hint a{
  color:var(--ybo-neon);
}
.page-products .pp-download__card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(57,255,20,.28);
  border-radius:20px;
  padding:24px;
}
.page-products .pp-download__card-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid rgba(138,143,152,.22);
}
.page-products .pp-download__card-row:last-child{
  border-bottom:0;
}
.page-products .pp-download__card-label{
  color:var(--ybo-mgray);
  font-size:14px;
}
.page-products .pp-download__card-value{
  font-family:var(--ybo-font-mono);
  font-weight:700;
  font-size:18px;
  color:var(--ybo-neon);
}
.page-products .pp-changelog__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,4vw,56px);
  align-items:center;
}
.page-products .pp-timeline{
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
}
.page-products .pp-timeline::before{
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  bottom:8px;
  width:2px;
  background:linear-gradient(180deg,var(--ybo-neon),rgba(57,255,20,.2));
}
.page-products .pp-timeline__item{
  position:relative;
  padding:0 0 28px 32px;
}
.page-products .pp-timeline__item::before{
  content:"";
  position:absolute;
  left:0;
  top:5px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--ybo-deep);
  border:3px solid var(--ybo-neon);
  box-shadow:0 0 0 3px rgba(57,255,20,.15);
}
.page-products .pp-timeline__tag{
  display:inline-block;
  margin-bottom:8px;
}
.page-products .pp-timeline__title{
  margin:0 0 6px;
  font-family:var(--ybo-font-head);
  font-weight:800;
  font-size:clamp(18px,2vw,22px);
  color:var(--ybo-deep);
}
.page-products .pp-timeline__text{
  margin:0;
  color:#5b6472;
  font-size:14px;
}
.page-products .pp-changelog__visual{
  border-radius:20px;
  overflow:hidden;
  background:var(--ybo-deep);
  box-shadow:var(--ybo-shadow-lg);
}
.page-products .pp-changelog__img{
  width:100%;
  display:block;
}
.page-products .pp-changelog__stat{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 20px;
  background:var(--ybo-neon);
  color:var(--ybo-deep);
  font-family:var(--ybo-font-mono);
  font-weight:700;
  font-size:14px;
}

@media (min-width:760px){
  .page-products .pp-features__grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (min-width:820px){
  .page-products .pp-versus__grid{
    flex-direction:row;
  }
  .page-products .pp-versus__grid:hover .pp-version--full{
    flex:1.15;
  }
  .page-products .pp-versus__grid:hover .pp-version--speed{
    flex:1.15;
  }
  .page-products .pp-versus__grid:hover .pp-version--full:hover{
    flex:1.45;
  }
  .page-products .pp-versus__grid:hover .pp-version--speed:hover{
    flex:1.45;
  }
}

@media (min-width:900px){
  .page-products .pp-download__grid{
    grid-template-columns:1.15fr .85fr;
  }
  .page-products .pp-changelog__grid{
    grid-template-columns:1.1fr .9fr;
  }
}

@media (min-width:960px){
  .page-products .pp-hero__inner{
    grid-template-columns:1.05fr .95fr;
  }
}