/* Scoped case-study preview. The standalone demonstration owns its interface. */
.vision-preview{padding:clamp(18px,2.4vw,30px);border:1px solid var(--line2);border-radius:16px;background:var(--s1)}
.vision-preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.vision-preview-top .phv-kicker{margin:0;color:var(--teal)}.vision-preview-top>span{font:10px/1.6 var(--mono);color:var(--fg2);border:1px solid var(--line2);border-radius:20px;padding:4px 9px}
.vision-preview h2{font-size:clamp(26px,2.6vw,36px);margin:20px 0 8px}.vision-preview>p{font-size:14px;color:var(--fg2);line-height:1.7}.vision-preview-screen{margin:22px 0;border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--bg)}.vision-preview-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px;font:10px var(--mono);color:var(--fg2);border-bottom:1px solid var(--line2)}.vision-preview-toolbar>span:first-child{color:var(--teal)}.vision-preview-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.vision-preview-workspace svg{width:100%;height:100%;min-height:160px}.vision-preview-result{padding:15px 12px;border-left:1px solid var(--line2);display:flex;flex-direction:column;justify-content:center;gap:8px}.vision-preview-result strong{font-size:13px;font-weight:500;line-height:1.5}.vision-preview-result p{font-size:11px;line-height:1.7;margin:0;color:var(--fg2)}.vision-preview-result .phv-kicker{font-size:9px;margin:0}.vision-preview-status{font-size:10px;color:var(--gold)}.vision-preview-screen figcaption{padding:12px;border-top:1px solid var(--line2);font-size:11px;color:var(--fg2);line-height:1.7}.vision-preview-domains{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 22px;gap:7px}.vision-preview-domains li{padding:5px 9px;border:1px solid var(--line2);border-radius:5px;font-size:11px;color:var(--fg2)}.vision-preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.vision-preview-actions a{font-size:13px}.vision-preview-actions .btn{background:var(--teal);color:var(--bg)}.vision-preview .vision-preview-note{font-size:12px;margin:15px 0 0}.vision-engineering-statement{margin:22px 0 12px;padding:16px 20px;background:var(--s1);border-left:3px solid var(--gold);border-radius:0 8px 8px 0}.vision-engineering-statement p{font-size:17px;line-height:1.75;margin:0;color:var(--fg)}
@media(max-width:400px){.vision-preview-workspace{grid-template-columns:1fr}.vision-preview-result{border-left:0;border-top:1px solid var(--line2)}.vision-preview-actions .btn{white-space:normal}.vision-engineering-statement{padding:14px}.vision-engineering-statement p{font-size:16px}}