.web-visual{width:min(100%,500px);margin:auto}.browser-frame{overflow:hidden;border:1px solid #e4e7ec;border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(16,24,40,.10)}.browser-top{display:flex;gap:7px;padding:14px 17px;background:#f8fafc;border-bottom:1px solid #e8ebef}.browser-top span{width:9px;height:9px;border-radius:50%;background:#d0d5dd}.browser-top span:first-child{background:#ed1c24}.browser-page{padding:28px}.browser-nav{height:14px;width:66%;border-radius:8px;background:#e5e7eb;margin-bottom:25px}.browser-hero{height:145px;border-radius:16px;background:linear-gradient(135deg,#101828,#344054);margin-bottom:18px}.browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.browser-grid i{display:block;height:82px;border-radius:12px;background:#f3f5f7;border:1px solid #e5e7eb}@media(max-width:680px){.browser-page{padding:20px}.browser-hero{height:110px}.browser-grid i{height:60px}}