.demo-intro{padding:20px 30px}.demo-intro p,.demo-intro h2{max-width:760px}.demo-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.demo-person{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 10px;border:1px solid #e5ebeb;border-radius:12px;background:#fff}.demo-person img{width:100px;height:100px;object-fit:cover;border-radius:50%;border:1px solid #edf1f1}.demo-person span{color:#62737a;font-size:12px}.demo-person code{background:#eef6f3;padding:4px 12px;border-radius:6px}.demo-credentials{background:#eef7f3;padding:14px;border-radius:8px}.demo-login{margin:16px 0}.demo-login .demo-person img{width:66px;height:66px}.demo-login .demo-person{font-size:12px;padding:10px 4px}.demo-login p{font-size:12px}#ribbon.demo-ribbon{background:#173d45;color:#fff}#ribbon .demo-exit{background:transparent;color:#fff;border:1px solid #ffffff65;border-radius:5px;padding:3px 10px;margin-left:12px;font-size:12px}@media(max-width:650px){.demo-people{grid-template-columns:1fr}.demo-person img{width:76px;height:76px}}@media print{.demo-login{display:none}}