/* Homepage: "See it for real" section with a real screenshot of the Strider dashboard (demo account) */
.real-dash{padding:76px 0;background:radial-gradient(ellipse at 12% 18%,#f1ff9b55,transparent 55%),radial-gradient(ellipse at 92% 82%,#b3f7f555,transparent 55%),#fff}
.real-dash-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:48px;align-items:center}
.real-dash .rd-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#a00049;margin:0 0 10px}
.real-dash h2{font-size:40px;line-height:1.1;letter-spacing:-.045em;margin:0 0 14px;color:#17121f}
.real-dash h2 span{color:#bc0053}
.real-dash .rd-copy>p{color:#5f5866;margin:0 0 14px;line-height:1.6}
.rd-list{list-style:none;padding:0;margin:18px 0 26px}
.rd-list li{margin:9px 0;display:flex;gap:10px;color:#2b2431}
.rd-list b{color:#13703e}
.rd-btn{display:inline-block;background:linear-gradient(110deg,#bc0053,#df0063);color:#fff;text-decoration:none;padding:13px 22px;border-radius:10px;font-weight:650;font-size:14px}
.rd-btn:hover{background:#a10047;color:#fff}
.rd-frame{border-radius:14px;background:#fff;box-shadow:0 30px 70px -30px #3b123f55,0 0 0 1px #ece2f0;overflow:hidden;transform:rotate(-1deg)}
.rd-bar{height:30px;background:#f5f0f7;display:flex;align-items:center;gap:6px;padding:0 12px}
.rd-bar i{width:9px;height:9px;border-radius:50%;background:#ddd}
.rd-bar span{margin-left:12px;font-size:10px;color:#8a7f91;background:#fff;border-radius:6px;padding:2px 10px}
.rd-frame img{display:block;width:100%;height:auto}
.rd-cap{font-size:12px;color:#8a7f91;margin:14px 0 0;text-align:center}
@media (max-width:760px){
  .real-dash{padding:44px 0}
  .real-dash-wrap{grid-template-columns:1fr;gap:26px}
  .real-dash h2{font-size:30px}
  .rd-frame{transform:none;max-width:330px;margin:0 auto;border-radius:22px}
  .rd-bar{display:none}
  .rd-btn{display:block;text-align:center}
}