/* Plain bridge page, laid out like the proven ones: headline, sub-headline, image, warning, one red button, small footer. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#161616;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.45}
a{color:inherit}
:focus-visible{outline:3px solid #1a5fd0;outline-offset:3px}
.page{max-width:960px;margin:0 auto;padding:16px 20px 24px;text-align:center}
h1{font-size:36px;line-height:1.2;font-weight:700;margin:15px auto 0;max-width:820px}
h2.sub{font-size:23px;line-height:1.3;font-weight:700;color:#d6281c;margin:15px auto 0}
.shot{display:block;position:relative;max-width:900px;margin:20px auto 0;border-radius:6px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.4);background:#0a0f1c}
.shot img{display:block;width:100%;height:auto;aspect-ratio:900/506}
.shot .play{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:rgba(228,59,44,.94);box-shadow:0 4px 18px rgba(0,0,0,.5);transition:transform .15s ease-out}
.shot .play::after{content:"";position:absolute;left:36px;top:26px;border-style:solid;border-width:20px 0 20px 32px;border-color:transparent transparent transparent #fff}
.shot:hover .play{transform:scale(1.07)}
.warn{font-size:19px;font-weight:700;line-height:1.4;margin:50px auto 0;max-width:720px}
.btn{display:inline-block;margin-top:25px;padding:14px 34px;min-height:60px;background:#e43b2c;color:#fff;font-size:30px;line-height:1.15;font-weight:700;text-decoration:none;border-radius:6px;border-bottom:4px solid #b12a1e;transition:background-color .15s ease-out,transform .15s ease-out}
.btn:hover{background:#ee4a3b;transform:translateY(-1px)}
.btn:active{transform:translateY(1px);border-bottom-width:2px}
.foot{max-width:960px;margin:100px auto 0;padding:20px 20px 40px;text-align:center;font-size:11px;line-height:1.6;color:#333}
.foot p{margin:0 0 10px}
.foot nav a{display:inline-block;padding:10px 6px;font-size:13px}
@media (max-width:640px){
  h1{font-size:28px} h2.sub{font-size:18px} .warn{font-size:17px;margin-top:34px}
  .btn{display:block;font-size:24px;padding:16px 12px}
  .shot .play{width:72px;height:72px;margin:-36px 0 0 -36px} .shot .play::after{left:28px;top:20px;border-width:16px 0 16px 25px}
  .foot{margin-top:60px}
}
/* legal pages */
.legal{max-width:720px;margin:0 auto;padding:24px 20px 40px;text-align:left}
.legal h1{font-size:30px;text-align:left;margin:10px 0 16px}
.legal h2{font-size:20px;margin:28px 0 6px}
.legal p{margin:0 0 12px}
.home{display:inline-block;padding:10px 0;font-size:15px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
