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