/* V107: authentic device views and a user-started recording of public practice mode. */
.bl104-signature .v107-device-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.235fr);gap:clamp(20px,3vw,44px);align-items:center}
.bl104-signature .v107-mobile-proof{margin:0;min-width:0;align-self:center}
.v107-phone-frame{padding:6px;border:1px solid #537085;border-radius:24px;background:#061830;box-shadow:0 26px 40px -30px #06183088}
.v107-phone-frame img{display:block;width:100%;height:auto;border-radius:18px}
.bl104-signature .v107-mobile-proof figcaption{padding:16px 4px 0;text-align:center;font-size:11px;line-height:1.6;color:#4a6174}
.bl104-signature .v107-demo-link{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:14px;margin:12px 0 0;font-size:14px}
.bl104-signature .v107-demo{scroll-margin-top:110px;box-shadow:0 30px 70px -45px #000;border:1px solid #29475b;border-radius:6px}
.v107-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:#102a3d;color:#fff}
.v107-demo-heading h3{margin:0;font:650 clamp(22px,2.6vw,34px)/1.15 var(--display);letter-spacing:-.035em}
.v107-demo-heading>span{color:#abd4e8;font-size:12px;line-height:1.6;text-align:right}
.v107-demo-frame{position:relative;background:#061830;isolation:isolate;line-height:0}
.bl104-signature .v107-demo .v107-demo-poster{display:none}
.v107-demo-video{display:block;width:100%;height:auto;aspect-ratio:8/5;background:#061830;object-fit:contain}
.bl104-signature .v107-demo .v107-demo-frame.is-enhanced .v107-demo-poster{display:block}
.v107-demo-frame.is-enhanced .v107-demo-video{position:absolute;inset:0;height:100%;opacity:0;pointer-events:none}
.v107-demo-frame.is-enhanced.is-playing .v107-demo-video{opacity:1;pointer-events:auto}
.v107-demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:calc(100% - 32px);min-height:80px;padding:16px 24px;border:1px solid #78d4fa;border-radius:5px;background:#061b2ff5;box-shadow:0 18px 60px #0006;color:#fff;text-align:left;font:700 16px/1.35 var(--body,Inter,sans-serif);cursor:pointer;transition:background 180ms,box-shadow 180ms}
.v107-demo-play[hidden]{display:none}
.v107-demo-play:hover{background:#0b3854;box-shadow:0 20px 70px #0008}
.v107-demo-play:focus-visible,.v107-demo-video:focus-visible{outline:3px solid #4ecfff;outline-offset:5px}
.v107-play-mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #53cfff;border-radius:50%;color:#7bdcff;font-size:17px;padding-left:2px}
.v107-demo-play small{display:block;margin-top:5px;color:#acd2e5;font-size:11px;font-weight:450;line-height:1.5}
.v107-demo-play:disabled{cursor:progress}
.bl104-signature .v107-demo figcaption{padding-right:24px;gap:24px}
.bl104-signature .v107-demo a.v103-expand{display:inline-flex;align-items:center;gap:8px}
.v107-demo-transcript{padding:15px 24px 18px;border-top:1px solid #29475b;background:#102639;color:#c5d9e5;font-size:12px;line-height:1.65}
.v107-demo-transcript summary{cursor:pointer;width:fit-content;color:#a1defa}
.v107-demo-transcript summary:focus-visible{outline:2px solid #53cfff;outline-offset:5px}
.v107-demo-transcript p{max-width:75ch;margin:12px 0 0}
.v107-demo-error{margin:0;padding:16px 24px;background:#102639;color:#e5eef4;font-size:13px;line-height:1.6}
.v107-demo-error a{color:#87daff}
@media(max-width:980px){.bl104-signature .v107-device-pair{grid-template-columns:minmax(0,1fr) minmax(0,.25fr);gap:20px}.v107-phone-frame{padding:4px;border-radius:18px}.v107-phone-frame img{border-radius:14px}.bl104-signature .v107-mobile-proof figcaption{font-size:10px}}
@media(max-width:760px){.bl104-signature .v107-device-pair{display:block}.bl104-signature .v107-mobile-proof{display:none}.v107-demo-heading{padding:18px 16px;align-items:start;gap:16px}.v107-demo-heading>span{max-width:17ch;font-size:10px}.v107-demo-play{min-height:66px;padding:12px 16px;gap:12px;font-size:14px}.v107-play-mark{width:36px;height:36px;flex-basis:36px;font-size:14px}.v107-demo-play small{font-size:10px;max-width:21ch}.bl104-signature .v107-demo figcaption{display:block;padding:14px 16px 14px 16px}.bl104-signature .v107-demo figcaption>span{display:block;max-width:none;margin-bottom:8px}.v107-demo-transcript,.v107-demo-error{padding:14px 16px}.bl104-signature .v107-demo-link{margin-top:4px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.v107-demo-play{transition:none}}