.product-page{max-width:1100px;padding:var(--space-md) var(--space-sm) var(--space-lg);color:var(--color-text);margin:0 auto}.product-hero{border:1px solid var(--color-border-strong);margin-bottom:var(--space-md);background:linear-gradient(135deg, var(--color-border), color-mix(in oklch, var(--color-text) 3%, transparent)), radial-gradient(circle at 15% 10%, var(--color-accent-glow), transparent 35%), var(--color-glass-strong);-webkit-backdrop-filter:blur(18px);padding:clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden;box-shadow:0 24px 80px oklch(0% none none/.35)}.product-hero:after{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);height:1px;position:absolute;inset:auto 0 0}.hero-content{z-index:1;text-align:center;position:relative}.hero-eyebrow{margin-bottom:var(--space-sm);color:var(--color-text-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;display:inline-block}.product-hero h1{color:var(--color-text-strong);letter-spacing:0;border-bottom:none;margin-bottom:.5rem;padding-bottom:0;font-size:clamp(3rem,7vw,5.2rem);line-height:.92}.product-hero .tagline{color:var(--color-accent);margin:0 auto var(--space-sm);text-align:center;max-width:54ch;text-shadow:var(--text-shadow-space);font-size:1.35rem;font-style:normal}.hero-description{color:var(--color-text);text-align:center;max-width:68ch;text-shadow:var(--text-shadow-space);margin:0 auto;font-size:1.18rem}.hero-clarity-grid{gap:var(--space-sm);margin-top:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.clarity-card{padding:var(--space-sm);border:1px solid var(--color-border);background:color-mix(in oklch, var(--color-text) 6%, transparent)}.clarity-card span{color:var(--color-text-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.35rem;font-size:.68rem;display:block}.clarity-card strong{color:var(--color-text-strong);font-size:.94rem;line-height:1.45;display:block}.hero-image{z-index:1;max-width:860px;margin:var(--space-md) auto 0;border:1px solid var(--color-border-subtle);background:var(--color-glass);box-shadow:var(--shadow-panel);transition:border-color var(--transition-slow), box-shadow var(--transition-slow);position:relative}.hero-image img{aspect-ratio:1200/630;object-fit:cover;filter:saturate(.7)brightness(.8)contrast(.97);width:100%;height:auto;transition:filter var(--transition-slow), opacity var(--transition-slow);display:block}@media (hover:hover){.hero-image:hover,.hero-image:focus-within{border-color:var(--color-border-strong);box-shadow:var(--shadow-panel), 0 0 40px var(--color-accent-glow);outline:2px solid var(--color-border-accent)}.hero-image:hover img,.hero-image:focus-within img{filter:saturate()brightness()contrast()}}.product-layout{gap:var(--space-lg);grid-template-columns:1fr clamp(220px,22vw,280px);align-items:start;display:grid}.product-article{border:1px solid var(--color-border);background:var(--color-glass);-webkit-backdrop-filter:blur(14px);min-width:0;padding:clamp(1.25rem,3vw,2rem)}.product-article p,.product-article li{color:var(--color-text);font-size:1rem;line-height:1.8}.product-article p:first-of-type{color:var(--color-text-strong);font-size:1.08rem}.product-article a{color:var(--color-accent);text-decoration:underline;text-decoration-color:var(--color-border-accent);text-underline-offset:.18em}.product-article a:hover{text-decoration-color:var(--color-accent)}.product-article strong{color:var(--color-text-strong)}.product-article ul{margin:0 0 var(--space-sm) 1.15rem}.product-article h2{margin-top:var(--space-md);color:var(--color-accent)}.product-article h2:first-child{margin-top:0}.product-sidebar{top:calc(var(--nav-height) + var(--space-md));padding:var(--space-md);border:1px solid var(--color-border);background:var(--color-glass-strong);color:var(--color-text);-webkit-backdrop-filter:blur(14px);position:sticky}.sidebar-section{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.sidebar-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-section h3{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs);margin-top:0;font-size:.75rem}.facts-list{margin:0}.facts-list dt{color:var(--color-text-muted);margin-top:.5rem;font-size:.8rem}.facts-list dt:first-child{margin-top:0}.facts-list dd{color:var(--color-text);margin:.25rem 0 0;font-size:.9rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid;padding:.2rem .5rem;font-size:.7rem;display:inline-block}.status-active{border-color:var(--color-success);color:var(--color-success);background:color-mix(in oklch, var(--color-success) 15%, transparent)}.status-concept{border-color:var(--color-info);color:var(--color-info);background:color-mix(in oklch, var(--color-info) 15%, transparent)}.status-archived{border-color:var(--color-border-strong);color:var(--color-text-muted);background:color-mix(in oklch, var(--color-text) 6%, transparent)}.tech-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tech-list li{color:var(--color-text);background:var(--color-glass);margin:0;padding:.2rem .5rem;font-size:.8rem}.sidebar-links{flex-direction:column;gap:.5rem;display:flex}.sidebar-link{border:1px solid var(--color-border-strong);text-align:center;color:var(--color-text-strong);padding:.5rem .75rem;font-size:.85rem;transition:border-color .2s,background .2s,color .2s;display:block}.sidebar-link:hover,.sidebar-link:focus-visible{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-text)}.back-link{color:var(--color-text-muted);font-size:.85rem;transition:color .2s}.back-link:hover,.back-link:focus-visible{color:var(--color-text-strong)}@media (width<=900px){.product-layout{gap:var(--space-md);grid-template-columns:1fr}.product-sidebar{padding:var(--space-sm);order:-1;position:static}.hero-clarity-grid{grid-template-columns:1fr}.product-hero .tagline,.hero-description{font-size:1rem}.hero-image{margin:var(--space-sm) calc(-1 * clamp(1.5rem, 4vw, 3rem) + var(--space-xs)) 0;box-shadow:var(--shadow-soft)}.sidebar-section{margin-bottom:var(--space-sm);padding-bottom:var(--space-sm)}.facts-list{gap:.5rem var(--space-md);flex-wrap:wrap;display:flex}.facts-list dt,.facts-list dd{margin-top:0}.sidebar-links{flex-direction:row}.sidebar-link{flex:1}}