.contextual-surface{width:100%;max-width:520px;padding:1rem;border:1px solid rgba(25,35,67,.12);border-radius:1rem;background:#f7f8fb;box-shadow:0 24px 60px rgba(25,35,67,.12)}.contextual-surface__top{display:flex;align-items:center;gap:.6rem;color:#66708a;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.contextual-surface__top small{margin-left:auto;color:#7b5ce1;font-size:.58rem;font-weight:700}.contextual-surface__dots{display:inline-flex;gap:.22rem}.contextual-surface__dots i{width:.42rem;height:.42rem;border-radius:50%;background:#d9dcec}.contextual-surface__dots i:first-child{background:#d8b45e}.contextual-surface__heading{display:grid;gap:.35rem;margin:1.2rem 0 .9rem}.contextual-surface__heading span{color:#7b5ce1;font-size:.64rem;font-weight:800;letter-spacing:.12em}.contextual-surface__heading strong{color:#18203e;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.08}.contextual-surface__rows{display:grid;gap:.5rem}.contextual-surface__rows>div{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.7rem;padding:.7rem;border:1px solid rgba(25,35,67,.08);border-radius:.7rem;background:#fff}.contextual-surface__icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.55rem;color:#7252dc;background:#f0ebff}.contextual-surface__rows small,.contextual-surface__rows strong{display:block}.contextual-surface__rows strong{color:#27304e;font-size:.78rem}.contextual-surface__rows small{margin-top:.18rem;color:#727b91;font-size:.68rem}@media (max-width:600px){.contextual-surface{padding:.8rem}.contextual-surface__heading{margin-top:1rem}.contextual-surface__rows>div{padding:.58rem}}