.viewoupe-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:28px 0}.viewoupe-flow div{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card-solid)}
.viewoupe-flow b{display:block;color:var(--accent);font-family:var(--font-mono);font-size:.68rem}.viewoupe-flow span{display:block;margin-top:8px;font-weight:700}.viewoupe-demo{margin:30px 0;padding:26px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-soft),var(--bg-card-solid))}
.viewoupe-demo h3{margin:0 0 8px}.viewoupe-demo p{margin:0 0 16px}.viewoupe-demo__text{padding:18px;border-radius:12px;background:var(--bg);border:1px solid var(--border);line-height:1.75}.viewoupe-anchors{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.viewoupe-anchor{padding:7px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.viewoupe-anchor:nth-child(1){background:#fff6cf}.viewoupe-anchor:nth-child(2){background:#eaf6ff}.viewoupe-anchor:nth-child(3){background:#f2ecff}
.viewoupe-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.viewoupe-facts>div{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card-solid)}.viewoupe-facts strong{display:block;margin-bottom:6px}.viewoupe-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.viewoupe-note{font-size:.88rem;color:var(--text-muted)}
@media(max-width:900px){.viewoupe-flow{grid-template-columns:1fr 1fr}.viewoupe-facts{grid-template-columns:1fr}}@media(max-width:560px){.viewoupe-flow{grid-template-columns:1fr}}