.page-products{
  --pp-cyan:#00D4FF;
  --pp-purple:#9B5DE5;
  --pp-orange:#FF6B35;
  --pp-card:#131A2A;
  --pp-mut:#8A94A6;
  --pp-line:rgba(192,192,192,.22);
  position:relative;
  overflow:hidden;
  background:linear-gradient(160deg,#0B0F19 0%,#0D1222 52%,#131A2A 100%);
  color:#FFFFFF;
}
.page-products::before{
  content:"";
  position:absolute;
  top:-12%;
  right:-6%;
  width:46vw;
  height:46vw;
  min-width:320px;
  min-height:320px;
  background:
    repeating-linear-gradient(135deg,transparent 0 14px,rgba(0,212,255,.055) 14px 15px),
    radial-gradient(circle at 68% 30%,rgba(155,93,229,.14),transparent 70%);
  pointer-events:none;
  z-index:0;
}
.page-products .container{
  position:relative;
  z-index:1;
}

.page-products .breadcrumb{
  margin:1.25rem 0 0;
  padding:0;
}
.page-products .breadcrumb__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.25rem;
  list-style:none;
  margin:0;
  padding:0;
}
.page-products .breadcrumb__item{
  color:var(--pp-mut);
  font-size:.8rem;
  letter-spacing:.04em;
}
.page-products .breadcrumb__item + .breadcrumb__item::before{
  content:"/";
  margin:0 .5rem;
  color:var(--pp-line);
}
.page-products .breadcrumb__item a{
  color:var(--pp-cyan);
  text-decoration:none;
  transition:color .25s ease;
}
.page-products .breadcrumb__item a:hover{
  color:var(--pp-purple);
}

.page-products .page-header{
  position:relative;
  padding:2.25rem 0 1.75rem;
}
.page-products .page-header::before{
  content:"";
  display:block;
  width:58px;
  height:4px;
  background:linear-gradient(90deg,var(--pp-cyan),var(--pp-purple));
  border-radius:2px;
  margin-bottom:1rem;
}
.page-products .page-header__eyebrow{
  font-family:"Noto Sans SC","Roboto",sans-serif;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--pp-orange);
  margin:0 0 .25rem;
}
.page-products .page-header__title{
  font-family:Impact,"Noto Sans SC",sans-serif;
  font-style:italic;
  font-weight:700;
  font-size:clamp(1.9rem,5.5vw,3.4rem);
  line-height:1.12;
  letter-spacing:1px;
  text-shadow:2px 2px 0 rgba(0,212,255,.7);
  margin:.5rem 0 1rem;
}
.page-products .page-header__intro{
  max-width:660px;
  color:var(--pp-mut);
  font-size:.95rem;
  line-height:1.85;
}
.page-products .page-header__intro strong{
  color:#FFFFFF;
}

.page-products .solution-overview{
  padding:3rem 0 2rem;
}
.page-products .solution-overview__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  align-items:center;
}
.page-products .solution-overview__media{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  border:1px solid var(--pp-line);
  box-shadow:12px 12px 0 rgba(155,93,229,.24),0 22px 50px rgba(0,0,0,.45);
  transform:rotate(-1.1deg) translateY(4px);
  background:var(--pp-card);
}
.page-products .solution-overview__media img{
  display:block;
  width:100%;
  height:auto;
}
.page-products .solution-overview__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 58%,rgba(0,212,255,.14));
  pointer-events:none;
}
.page-products .solution-overview__content{
  position:relative;
  padding:.25rem 0;
}
.page-products .solution-overview__content .section-title{
  margin:.7rem 0 .8rem;
}
.page-products .solution-overview__content p{
  color:rgba(255,255,255,.88);
  font-size:.93rem;
  line-height:1.75;
  margin:0 0 .9rem;
}
.page-products .solution-overview__points{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.5rem;
}
.page-products .solution-overview__points li{
  display:flex;
  align-items:center;
  gap:.65rem;
  font-size:.9rem;
  color:rgba(255,255,255,.9);
}
.page-products .solution-overview__points i{
  display:inline-block;
  width:10px;
  height:10px;
  background:var(--pp-cyan);
  transform:rotate(45deg);
  flex:0 0 auto;
}
.page-products .solution-overview__points li:nth-child(even) i{
  background:var(--pp-purple);
}
.page-products .solution-overview__stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.6rem;
  margin:1.5rem 0 0;
  padding:0;
}
.page-products .solution-overview__stats div{
  background:rgba(19,26,42,.9);
  border:1px solid var(--pp-line);
  border-radius:8px;
  padding:.8rem .4rem;
  text-align:center;
}
.page-products .solution-overview__stats dt{
  color:var(--pp-mut);
  font-size:.68rem;
  letter-spacing:.06em;
  margin-bottom:.3rem;
}
.page-products .solution-overview__stats dd{
  margin:0;
  font-family:Impact,"Noto Sans SC",sans-serif;
  font-style:italic;
  font-size:1.25rem;
  color:var(--pp-cyan);
  line-height:1.1;
}

.page-products .feature-block{
  position:relative;
}
.page-products .feature-block__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
  align-items:center;
  position:relative;
}
.page-products .feature-block__media{
  position:relative;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(0,212,255,.2);
  box-shadow:0 14px 36px rgba(0,0,0,.38);
  background:var(--pp-card);
}
.page-products .feature-block__media img{
  display:block;
  width:100%;
  height:auto;
}
.page-products .feature-block__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(200deg,transparent 62%,rgba(255,107,53,.09));
  pointer-events:none;
}
.page-products .feature-block__num{
  position:absolute;
  top:8px;
  left:14px;
  font-family:Impact,"Noto Sans SC",sans-serif;
  font-style:italic;
  font-size:2.8rem;
  line-height:1;
  color:rgba(255,255,255,.14);
  text-shadow:1px 1px 0 rgba(0,212,255,.4);
  z-index:2;
  pointer-events:none;
  letter-spacing:.02em;
}
.page-products .feature-block__content{
  padding:.2rem 0;
}
.page-products .feature-block__content h2{
  font-family:Impact,"Noto Sans SC",sans-serif;
  font-style:italic;
  font-weight:700;
  font-size:clamp(1.35rem,3vw,1.9rem);
  line-height:1.2;
  letter-spacing:.5px;
  text-shadow:1.5px 1.5px 0 rgba(0,212,255,.55);
  margin:.55rem 0 .7rem;
}
.page-products .feature-block__content > p{
  color:rgba(255,255,255,.88);
  font-size:.93rem;
  line-height:1.8;
  margin:0 0 .8rem;
}
.page-products .feature-block__list{
  list-style:none;
  margin:.9rem 0 0;
  padding:0;
  display:grid;
  gap:.55rem;
}
.page-products .feature-block__list li{
  position:relative;
  padding-left:1.4rem;
  color:rgba(255,255,255,.9);
  font-size:.9rem;
  line-height:1.65;
}
.page-products .feature-block__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:8px;
  height:8px;
  background:var(--pp-cyan);
  transform:rotate(45deg);
  border-radius:1px;
}
.page-products .feature-block__list li:nth-child(even)::before{
  background:var(--pp-purple);
}
.page-products .feature-block__more{
  display:inline-block;
  margin-top:1.1rem;
  padding:.55rem 1.1rem;
  border:1px solid var(--pp-cyan);
  border-radius:6px;
  color:var(--pp-cyan);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.04em;
  text-decoration:none;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.page-products .feature-block__more:hover{
  background:var(--pp-cyan);
  color:#0B0F19;
  transform:translateY(-2px);
}

.page-products .verify-steps{
  list-style:none;
  margin:.9rem 0 0;
  padding:0;
  display:grid;
  gap:.8rem;
}
.page-products .verify-steps li{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  background:rgba(19,26,42,.72);
  border:1px solid var(--pp-line);
  border-radius:10px;
  padding:1rem .9rem;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.page-products .verify-steps li:hover{
  transform:translateY(-3px) rotate(-.5deg);
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  border-color:rgba(0,212,255,.45);
}
.page-products .verify-steps__index{
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--pp-cyan),var(--pp-purple));
  color:#0B0F19;
  font-family:Impact,"Noto Sans SC",sans-serif;
  font-style:italic;
  font-size:1.1rem;
  border-radius:8px;
  transform:rotate(-4deg);
}
.page-products .verify-steps__body strong{
  display:block;
  font-size:.92rem;
  color:#FFFFFF;
  letter-spacing:.03em;
  margin-bottom:.2rem;
}
.page-products .verify-steps__body p{
  margin:0;
  font-size:.82rem;
  color:var(--pp-mut);
  line-height:1.6;
}
.page-products .verify-note{
  margin-top:1rem;
  font-size:.8rem;
  color:var(--pp-mut);
  border-left:3px solid var(--pp-purple);
  padding-left:.8rem;
  line-height:1.7;
  background:rgba(155,93,229,.06);
  border-radius:0 6px 6px 0;
  padding-top:.45rem;
  padding-bottom:.45rem;
}

.page-products .compare-chart{
  background:rgba(19,26,42,.85);
  border:1px solid var(--pp-line);
  border-radius:12px;
  padding:1rem 1rem 1.15rem;
  margin:.9rem 0 .4rem;
}
.page-products .compare-chart__head{
  display:flex;
  justify-content:space-between;
  margin-bottom:.6rem;
}
.page-products .compare-chart__team{
  font-size:.75rem;
  font-weight:700;
  color:#FFFFFF;
  letter-spacing:.06em;
  padding:.3rem .6rem;
  background:rgba(0,212,255,.12);
  border:1px solid rgba(0,212,255,.3);
  border-radius:6px 6px 0 0;
}
.page-products .compare-chart__team--alt{
  background:rgba(155,93,229,.14);
  border-color:rgba(155,93,229,.4);
}
.page-products .compare-chart__bars{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.5rem;
  align-items:flex-end;
  height:92px;
}
.page-products .compare-chart__bar{
  display:block;
  height:var(--pp-h,42%);
  border-radius:5px 5px 0 0;
  transform:skewX(-3deg);
  transition:filter .3s ease,height .4s ease;
}
.page-products .compare-chart__bar:hover{
  filter:brightness(1.25);
}
.page-products .compare-chart__bar--in{
  background:linear-gradient(180deg,var(--pp-cyan),rgba(0,212,255,.45));
}
.page-products .compare-chart__bar--out{
  background:linear-gradient(180deg,var(--pp-orange),rgba(255,107,53,.45));
}
.page-products .compare-chart__legend{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-top:.7rem;
  font-size:.75rem;
  color:var(--pp-mut);
}
.page-products .compare-chart__dot{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
}
.page-products .compare-chart__dot--in{
  background:var(--pp-cyan);
}
.page-products .compare-chart__dot--out{
  background:var(--pp-orange);
}

.page-products .solution-extras{
  padding-top:2.5rem;
  padding-bottom:3rem;
}
.page-products .solution-extras__lead{
  color:var(--pp-mut);
  font-size:.9rem;
  margin:0 0 1.3rem;
}
.page-products .solution-extras__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}
.page-products .solution-extras__grid .card{
  display:flex;
  flex-direction:column;
  gap:.4rem;
  text-decoration:none;
  color:#FFFFFF;
  background:var(--pp-card);
  border:1px solid var(--pp-line);
  border-top:3px solid var(--pp-cyan);
  border-radius:10px;
  padding:1.3rem 1.2rem;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.page-products .solution-extras__grid .card:hover{
  transform:translateY(-6px) rotate(-1deg);
  box-shadow:0 16px 34px rgba(0,0,0,.42);
  border-top-color:var(--pp-purple);
  border-color:rgba(155,93,229,.35);
}
.page-products .solution-extras__grid .card__title{
  font-family:Impact,"Noto Sans SC",sans-serif;
  font-style:italic;
  font-size:1.1rem;
  margin:0;
  letter-spacing:.04em;
  text-shadow:1px 1px 0 rgba(0,212,255,.4);
}
.page-products .solution-extras__grid .card__text{
  font-size:.83rem;
  color:var(--pp-mut);
  line-height:1.7;
  margin:0;
}
.page-products .solution-extras__grid .card__link{
  margin-top:auto;
  font-size:.8rem;
  font-weight:700;
  color:var(--pp-cyan);
  letter-spacing:.04em;
  transition:color .25s ease;
}
.page-products .solution-extras__grid .card:hover .card__link{
  color:var(--pp-purple);
}

@media (min-width:760px){
  .page-products .solution-overview__stats{
    gap:.8rem;
  }
  .page-products .solution-overview__stats dd{
    font-size:1.4rem;
  }
  .page-products .solution-extras__grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (min-width:860px){
  .page-products .solution-overview__grid{
    grid-template-columns:7fr 5fr;
    gap:3.5rem;
  }
  .page-products .feature-block__grid{
    grid-template-columns:5fr 6fr;
    gap:3rem;
  }
  .page-products .feature-block__grid--image-right{
    grid-template-columns:6fr 5fr;
  }
  .page-products .feature-block__grid--image-right .feature-block__media{
    order:2;
  }
  .page-products .feature-block__grid--image-right .feature-block__content{
    order:1;
  }
  .page-products .verify-steps li{
    padding:1.1rem 1.1rem;
  }
  .page-products .compare-chart{
    padding:1.2rem 1.3rem 1.3rem;
  }
  .page-products .compare-chart__bars{
    height:112px;
  }
}

@media (min-width:1020px){
  .page-products .solution-extras__grid{
    grid-template-columns:repeat(4,1fr);
  }
}

@media (prefers-reduced-motion:no-preference){
  .page-products .compare-chart__bar{
    animation:pp-rise .7s ease both;
  }
}

@keyframes pp-rise{
  from{height:6%;opacity:.4;}
  to{opacity:1;}
}

.page-products {
  --pp-h: 1rem;
}