.product-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1rem}
.dependency-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;margin-top:1.5rem}.dependency-list article{border-top:1px solid var(--border);padding-top:1rem}.dependency-list h3{font-size:1rem}.dependency-list p{font-size:.85rem}summary{cursor:pointer;min-height:44px}
.product-nav a{padding:.6rem .2rem;min-height:44px;text-decoration:none}
.product-nav a[aria-current]{border-bottom:2px solid var(--accent);color:var(--text);font-weight:700}
.demo-label{font:500 .75rem/1.6 var(--mono);color:var(--warning);margin:1.5rem 0 2.5rem}
.product-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;padding:1rem 0 3rem;border-bottom:1px solid var(--border)}
.product-hero h1{font-size:clamp(3.5rem,7vw,6.5rem);line-height:.97;letter-spacing:-.06em}
.product-art{margin:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--inset);overflow:hidden}
.product-art img{display:block;width:100%}
.product-art figcaption{font-size:.75rem;color:var(--muted);padding:1rem 1.25rem;border-top:1px solid var(--border)}
.release-label,.evidence-state{font-weight:700;color:var(--warning);font-size:.86rem;letter-spacing:.015em}
.product-facts{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,3fr);gap:1rem 2rem;margin-bottom:0}
.product-facts dt{color:var(--subtle);font-weight:600}.product-facts dd{margin:0;overflow-wrap:anywhere;color:var(--text)}
.product-facts code{white-space:normal;font-size:.82rem;word-break:break-all}
.milestone-list,.workflow-list{padding:0;list-style:none}.milestone-list li{border-top:1px solid var(--border);padding:1.1rem 0;display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}
.audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.audit-grid .card{padding:1.5rem}.audit-source,.audit-scope{font-size:.85rem}.audit-source{border-top:1px solid var(--border);padding-top:1rem}
.workflow-list{counter-reset:step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.workflow-list li{counter-increment:step;border:1px solid var(--border);padding:1.1rem;border-radius:var(--radius-small);margin:0}.workflow-list li:before{content:counter(step,decimal-leading-zero) " / ";color:var(--accent);font-family:var(--mono)}.workflow-list span{display:block;font-size:.8rem;margin-top:.3rem}
@media(max-width:900px){.product-hero{grid-template-columns:1fr}.product-art{max-width:650px}.product-hero h1{font-size:clamp(3.5rem,11vw,6rem)}}
@media(max-width:600px){.audit-grid,.workflow-list,.product-facts,.milestone-list li{grid-template-columns:1fr}.product-facts{gap:.4rem}.product-facts dd{margin-bottom:1rem}.milestone-list li{gap:.4rem}.product-nav{gap:1rem}.product-art figcaption{padding:.8rem}}
@media(prefers-reduced-motion:reduce){.product-nav a{transition:none}}