.pd{background:var(--color-dark);min-height:100vh}.pd__hero{align-items:flex-end;min-height:580px;display:flex;position:relative;overflow:hidden}.pd__hero-bg{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.pd__hero-bg--fallback{display:block}.pd__hero-overlay{background:linear-gradient(#0809128c 0%,#080912bf 50%,#080912f7 100%);position:absolute;inset:0}.pd__hero-content{z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:6rem 1.5rem 3.5rem;position:relative}.pd__back-link{color:#ffffff8c;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.pd__back-link:hover{color:#ffffffe6;gap:.75rem}.pd__hero-badges{flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;display:flex}.pd__hero-type{letter-spacing:.14em;text-transform:uppercase;border:1px solid;border-radius:2rem;padding:.3rem .9rem;font-size:.72rem;font-weight:700}.pd__hero-category{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;border:1px solid #ffffff26;border-radius:2rem;padding:.3rem .9rem;font-size:.72rem;font-weight:600}.pd__hero-title{font-family:var(--font-heading);color:#fff;max-width:800px;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.75rem);font-weight:800;line-height:1.1}.pd__hero-desc{color:#ffffffa6;max-width:620px;margin-bottom:1.5rem;font-size:clamp(.95rem,2vw,1.15rem);line-height:1.65}.pd__live-demo-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid;border-radius:50px;align-items:center;gap:8px;width:fit-content;margin-bottom:2rem;padding:10px 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex}.pd__live-demo-btn:hover{box-shadow:0 0 24px var(--pd-accent,#6c63ff)44;background:#ffffff26;transform:translateY(-1px)}.pd__live-demo-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.pd__hero-meta{flex-wrap:wrap;align-items:center;gap:0;display:flex}.pd__hero-meta-item{flex-direction:column;gap:.2rem;padding:0 1.5rem;display:flex}.pd__hero-meta-item:first-child{padding-left:0}.pd__hero-meta-label{letter-spacing:.15em;text-transform:uppercase;color:#ffffff59;font-size:.68rem;font-weight:700}.pd__hero-meta-val{color:#ffffffe6;font-size:.95rem;font-weight:600}.pd__hero-meta-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:36px}.pd__results-strip{background:var(--color-surface-2);border-bottom:1px solid #ffffff0f;padding:2.5rem 0}.pd__results-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.pd__result{text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;display:flex}.pd__result-value{font-family:var(--font-heading);font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;line-height:1}.pd__result-label{color:var(--color-muted);font-size:.82rem;font-weight:500}.pd__body{flex-direction:column;gap:4rem;padding:5rem 1.5rem;display:flex}.pd__two-col{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.pd__block{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;gap:.75rem;padding:2.25rem;display:flex}.pd__block-label{letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:700}.pd__block-title{font-family:var(--font-heading);color:var(--color-text);font-size:1.25rem;font-weight:700;line-height:1.3}.pd__block-text{color:var(--color-muted);font-size:.92rem;line-height:1.75}.pd__overview{flex-direction:column;gap:.85rem;display:flex}.pd__overview-text{color:var(--color-muted);max-width:800px;font-size:1rem;line-height:1.8}.pd__tech-wrap{flex-direction:column;gap:1rem;display:flex}.pd__tech-pills{flex-wrap:wrap;gap:.6rem;display:flex}.pd__tech-pill{font-size:.82rem;font-weight:600;font-family:var(--font-mono);background:0 0;border:1px solid;border-radius:2rem;padding:.45rem 1.1rem;transition:background .2s}.pd__tech-pill:hover{background:#6c63ff14}.pd__features-section{background:var(--color-surface-2);padding:5rem 0}.pd__section-head{text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:3rem;display:flex}.pd__section-title{font-family:var(--font-heading);color:var(--color-text);font-size:clamp(1.6rem,3vw,2.25rem);font-weight:700;line-height:1.2}.pd__section-sub{color:var(--color-muted);max-width:480px;font-size:.95rem;line-height:1.6}.pd__features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.pd__feature{background:#0e111eb3;border:1px solid #ffffff0f;border-radius:16px;align-items:flex-start;gap:1.1rem;padding:1.75rem;transition:border-color .3s,transform .3s;display:flex}.pd__feature:hover{border-color:color-mix(in srgb, var(--pd-accent) 25%, transparent);transform:translateY(-3px)}.pd__feature-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.pd__feature-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:.4rem;font-size:.95rem;font-weight:700;line-height:1.3}.pd__feature-desc{color:var(--color-muted);font-size:.82rem;line-height:1.65}.pd__gallery-section{padding:5rem 0}.pd__gallery-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.pd__gallery-item{aspect-ratio:16/9;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.pd__gallery-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.pd__gallery-item:hover .pd__gallery-img{transform:scale(1.04)}.pd__gallery-fallback{opacity:.4;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.pd__related-section{background:var(--color-surface-2);padding:5rem 0}.pd__related-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.pd__related-card{background:#0e111eb3;border:1px solid #ffffff0f;border-radius:16px;transition:border-color .3s,transform .3s;overflow:hidden}.pd__related-card:hover{border-color:color-mix(in srgb, var(--pd-accent) 30%, transparent);transform:translateY(-4px)}.pd__related-img-wrap{height:160px;overflow:hidden}.pd__related-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.pd__related-card:hover .pd__related-img{transform:scale(1.05)}.pd__related-img-fallback{opacity:.4;background:#ffffff05;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.pd__related-body{flex-direction:column;gap:.4rem;padding:1.25rem;display:flex}.pd__related-type{letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:700}.pd__related-title{font-family:var(--font-heading);color:var(--color-text);font-size:.95rem;font-weight:700;line-height:1.3}.pd__related-desc{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.55;display:-webkit-box;overflow:hidden}.pd__related-link{align-items:center;gap:.35rem;margin-top:.5rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.pd__related-link:hover{gap:.55rem}.pd__cta-section{padding:5rem 0}.pd__cta-box{text-align:center;background:#0e111ee6;border:1px solid #6c63ff2e;border-radius:24px;padding:5rem 3rem;position:relative;overflow:hidden}.pd__cta-glow{pointer-events:none;width:600px;height:300px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.pd__cta-title{font-family:var(--font-heading);color:var(--color-text);z-index:1;margin-bottom:1rem;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700;line-height:1.2;position:relative}.pd__cta-desc{color:var(--color-muted);z-index:1;max-width:460px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6;position:relative}.pd__cta-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.pd__cta-btn{color:#fff;border-radius:3rem;align-items:center;padding:.9rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.pd__cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px #6c63ff66}.pd__cta-btn-ghost{color:var(--color-text);background:0 0;border:1px solid #ffffff1f;border-radius:3rem;align-items:center;padding:.9rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.pd__cta-btn-ghost:hover{background:#6c63ff0f;border-color:#6c63ff66}@media (max-width:1024px){.pd__features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pd__hero{min-height:480px}.pd__hero-content{padding:5rem 1.25rem 2.5rem}.pd__hero-title{font-size:clamp(1.7rem,6vw,2.5rem)}.pd__hero-meta{flex-wrap:wrap;gap:.25rem}.pd__hero-meta-item{padding:0 .75rem}.pd__hero-meta-divider{height:28px}.pd__results-grid{grid-template-columns:repeat(2,1fr)}.pd__two-col,.pd__features-grid,.pd__gallery-grid{grid-template-columns:1fr}.pd__related-grid{grid-template-columns:repeat(2,1fr)}.pd__cta-box{padding:3.5rem 1.5rem}.pd__body{gap:3rem;padding:3.5rem 1.25rem}}@media (max-width:540px){.pd__results-grid{grid-template-columns:repeat(2,1fr)}.pd__related-grid{grid-template-columns:1fr}.pd__hero-meta-item{padding:0 .5rem}.pd__hero-meta-divider{display:none}.pd__hero-meta{gap:1rem}.pd__cta-box{padding:2.5rem 1.25rem}}