*{box-sizing:border-box}html,body{width:300px;height:250px;margin:0;overflow:hidden}body{font-family:Arial,'Helvetica Neue',sans-serif}#ad{display:block;position:relative;width:100%;height:100%;overflow:hidden;color:#183b2e;text-decoration:none;cursor:pointer}.background{position:absolute;inset:0;width:100%;height:100%;display:block}.scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,0),rgba(10,10,10,0) 58%,rgba(10,10,10,0) 100%)}.logo-shell{position:absolute;top:6%;left:4%;max-width:31.5%;transform:none;padding:4px 6px;border-radius:8px;background:rgba(255,255,255,.92);animation:logo 5000ms 1 ease both}.logo{display:block;max-width:100%;height:23px;object-fit:contain}.copy{position:absolute;left:6%;top:53px;bottom:auto;width:76%;transform:none;text-align:left;animation:fade-up 5000ms 1 ease both}.copy h1{max-height:3.35em;overflow:hidden;margin:0 0 .25em;font-size:23px;line-height:1.05;font-weight:800}.copy h1::after{content:"";display:block;width:1.6em;height:max(3px,.08em);margin-top:.08em;border-radius:2px;background:#183b2e}.copy p{max-height:3.54em;overflow:hidden;margin:0 0 .8em;font-size:10px;line-height:1.18}.cta{display:inline-block;padding:.55em 1em;border-radius:.35em;background:#183b2e;color:#FFFFFF;font-size:15px;font-weight:700;animation:cta 5000ms 1 ease both}@keyframes logo{0%,8%{opacity:0;transform:translateY(-8px)}18%,82%{opacity:1;transform:none}100%{opacity:1;transform:none}}@keyframes fade-up{0%,14%{opacity:0;transform:translateY(14px)}26%,82%{opacity:1;transform:none}100%{opacity:1;transform:none}}@keyframes slide-left{0%,14%{opacity:0;transform:translate(-16px,0)}26%,82%{opacity:1;transform:none}100%{opacity:1;transform:none}}@keyframes cta-pulse{0%,14%{opacity:0;transform:none}26%,64%{opacity:1;transform:none}70%{opacity:1;transform:scale(1.015)}82%{opacity:1;transform:none}100%{opacity:1;transform:none}}@keyframes cta{0%,60%{transform:scale(1)}68%{transform:scale(1.06)}76%,100%{transform:scale(1)}}