/* GALAXY — Products page */
.ppage{background:var(--bg)}
.ppage .nav{background:rgba(6,10,24,.86);border-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.ppage .nav__links a.is-current{color:#fff}
.ppage .nav__links a.is-current::after{width:100%}

/* ---- page hero ---- */
.phero{position:relative;padding:clamp(120px,15vw,180px) 0 clamp(50px,6vw,86px);overflow:hidden}
.phero__bg{position:absolute;inset:0;z-index:0;background:
  radial-gradient(80% 70% at 82% 10%,rgba(47,107,237,.22),transparent 58%),
  radial-gradient(60% 60% at 8% 90%,rgba(126,217,255,.12),transparent 60%),
  linear-gradient(180deg,var(--bg),var(--bg-2))}
.phero .container{position:relative;z-index:2}
.pcrumb{display:flex;align-items:center;gap:10px;font-family:'Sora';font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}
.pcrumb a{color:var(--muted);transition:color .3s}.pcrumb a:hover{color:var(--cyan)}
.pcrumb span{color:var(--cyan)}
.phero__title{font-family:'Manrope','Sora',sans-serif;font-weight:800;font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.02;letter-spacing:-.03em;margin:14px 0 0}
.phero__title .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero__lead{max-width:560px;margin-top:22px;font-size:1.08rem;line-height:1.7;color:rgba(231,237,250,.82)}
.phero__stats{display:flex;flex-wrap:wrap;gap:38px;margin-top:38px}
.phero__stats .s strong{display:block;font-family:'Manrope','Sora';font-weight:800;font-size:clamp(1.7rem,2.6vw,2.4rem);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.phero__stats .s span{font-size:.82rem;color:var(--muted);letter-spacing:.04em}

/* ---- sticky category tabs ---- */
.pcatnav{position:sticky;top:64px;z-index:800;background:rgba(6,10,24,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pcatnav__inner{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,52px);display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.pcatnav__inner::-webkit-scrollbar{display:none}
.pcatnav a{white-space:nowrap;padding:16px 20px;font-family:'Sora';font-size:.82rem;font-weight:600;color:rgba(231,237,250,.62);border-bottom:2px solid transparent;transition:color .3s,border-color .3s}
.pcatnav a:hover{color:#fff}
.pcatnav a.is-active{color:#fff;border-color:var(--acc,var(--blue-2))}
.pcatnav a .d{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dot,var(--blue-2));margin-right:9px;vertical-align:middle}

/* ---- category section ---- */
.pcat{position:relative;padding:clamp(64px,8vw,110px) 0;scroll-margin-top:130px;border-top:1px solid var(--line)}
.pcat:first-of-type{border-top:0}
.pcat__head{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3vw,40px);align-items:start;max-width:900px}
.pcat__ic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--acc),rgba(255,255,255,.05));box-shadow:0 16px 34px -14px var(--acc)}
.pcat__ic svg{width:30px;height:30px}
.pcat__no{font-family:'Sora';font-weight:700;font-size:.82rem;letter-spacing:.2em;color:var(--acc)}
.pcat__title{font-family:'Manrope','Sora',sans-serif;font-weight:800;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-.02em;margin:8px 0 12px}
.pcat__lead{color:rgba(231,237,250,.8);font-size:1.04rem;line-height:1.7;max-width:60ch}
.pcat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(34px,4vw,52px)}
.pitem{position:relative;padding:22px 20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);overflow:hidden;transition:transform .4s var(--ease),border-color .4s,background .4s,box-shadow .4s}
.pitem::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);opacity:.85}
.pitem:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--acc) 55%,transparent);background:color-mix(in srgb,var(--acc) 8%,transparent);box-shadow:0 20px 44px -22px var(--acc)}
.pitem h4{font-size:1.02rem;color:#fff;font-weight:700;margin:0 0 6px}
.pitem p{font-size:.84rem;color:var(--muted);line-height:1.5;margin:0}
.pcat__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;margin-top:clamp(30px,4vw,46px)}
.pcat__specs{display:flex;flex-wrap:wrap;gap:10px}
.pcat__specs span{font-family:'Sora';font-size:.74rem;letter-spacing:.04em;color:rgba(231,237,250,.82);border:1px solid var(--line-2);border-radius:100px;padding:9px 16px;background:rgba(255,255,255,.03)}
.btn--acc{background:var(--acc);color:#04122e;font-weight:700;box-shadow:0 14px 32px -12px var(--acc)}
.btn--acc:hover{transform:translateY(-3px);filter:brightness(1.08)}

/* ---- closing CTA ---- */
.pcta{position:relative;overflow:hidden;padding:clamp(70px,9vw,120px) 0;border-top:1px solid var(--line);text-align:center}
.pcta__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(70% 90% at 50% 0%,rgba(47,107,237,.24),transparent 60%),linear-gradient(180deg,var(--bg-2),var(--bg))}
.pcta .container{position:relative;z-index:2}
.pcta h2{font-family:'Manrope','Sora';font-weight:800;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.08;letter-spacing:-.02em}
.pcta p{max-width:520px;margin:18px auto 30px;color:rgba(231,237,250,.8)}

@media(max-width:1000px){
  .pcat__grid{grid-template-columns:repeat(2,1fr)}
  .pcatnav{top:0}
}
@media(max-width:600px){
  .pcat__grid{grid-template-columns:1fr}
  .pcat__head{grid-template-columns:1fr;gap:16px}
  .phero__stats{gap:24px}
}