.prototype-intro .actions{gap:12px;flex-wrap:wrap}
.prototype-intro .panel-heading{gap:16px;flex-wrap:wrap}
.prototype-player{margin:20px 0 24px;background:#101e29;border:1px solid #273b4e;border-radius:16px;overflow:hidden;scroll-margin-top:20px}
.prototype-placeholder{padding:54px 24px;text-align:center;color:#c1cddd}
.prototype-placeholder h2{color:#fff;font-size:clamp(23px,3vw,34px);margin:14px 0}
.prototype-placeholder .eyebrow{color:#c8ad76}
.prototype-placeholder p:last-child{color:#bdcad8}
.prototype-playmark{margin:0 auto 25px;border:1px solid #537195;background:#1e3448;border-radius:20px;width:65px;height:65px;display:grid;place-items:center}
.prototype-playmark svg{width:27px;height:27px;color:#a4c0ff}
.prototype-frame{display:block;width:100%;height:calc(100vh - 60px);height:calc(100dvh - 60px);min-height:320px;max-height:1000px;border:0;background:#101e29}
.prototype-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.prototype-details>section{min-width:0}
.prototype-details ul{padding-left:23px;line-height:1.7}
.prototype-results{margin:24px 0}
.prototype-results div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #e4eaf2}
.prototype-results dd{text-align:right;margin:0;font-weight:650}
.prototype-results dt{color:#5e6e86}
.prototype-reference{border-left:3px solid #4679ed;padding:1px 20px;margin:24px 0}
@media(max-width:900px){.prototype-details{grid-template-columns:1fr}.prototype-intro .pill{white-space:normal}.prototype-results div{flex-wrap:wrap}.prototype-results dd{text-align:left}}
@media(max-width:520px){.prototype-placeholder{padding:38px 18px}.prototype-player{margin-left:-14px;margin-right:-14px;border-radius:10px}}