.product-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem;align-items:stretch;margin:1rem 0}
.product-hero>div,.metric-card,.flow-card,.studio-panel,.lab-card{background:var(--surface, #111827);border:1px solid var(--line,#334155);border-radius:18px;padding:1rem}
.product-grid,.metric-grid,.studio-grid,.lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.metric{font-size:1.8rem;font-weight:800}.muted{opacity:.75}.badge2{display:inline-flex;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--line,#334155);font-size:.8rem}
.flow{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.flow span{padding:.5rem .7rem;border-radius:12px;background:var(--surface-2,#1f2937)}
.generator-form label,.assistant-form label{display:block;font-weight:700;margin-top:.7rem}.generator-form input,.generator-form select,.generator-form textarea,.assistant-form input,.assistant-form select,.assistant-form textarea{width:100%;box-sizing:border-box;padding:.7rem;border-radius:10px;border:1px solid var(--line,#334155);background:var(--surface,#111827);color:inherit}
.output-box{white-space:pre;overflow:auto;background:#0b1020;color:#e5e7eb;padding:1rem;border-radius:14px;min-height:180px}.check-row{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem 0;border-bottom:1px solid var(--line,#334155)}
@media(max-width:760px){.product-hero{grid-template-columns:1fr}.product-grid,.metric-grid,.studio-grid,.lab-grid{grid-template-columns:1fr}}