/* Dashboard showcase */
    .showcase-shell{position:relative;padding:18px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-lg)}
    .showcase-shell img{width:100%;border-radius:15px}
    .callout{position:absolute;width:36px;height:36px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:var(--brand);color:#fff;font-size:13px;font-weight:800;box-shadow:0 6px 18px rgba(36,36,39,.28);cursor:default}
    .c1{top:19%;left:18%}.c2{top:33%;left:44%}.c3{top:22%;right:18%}
    .c4{bottom:26%;left:28%}.c5{bottom:16%;right:27%}.c6{top:52%;right:8%}
    .callout-key{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
    .key-item{display:flex;gap:10px;align-items:center;font-size:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
    .key-item b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;flex:0 0 auto;font-weight:800}

@media(max-width:760px){.callout-key{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.callout-key{grid-template-columns:1fr}.showcase-shell{padding:10px}.callout{width:28px;height:28px;border-width:3px;font-size:11px}}