@font-face{font-family:SF Pro Display;src:url(fonts/SF-Pro-Display-Light.otf) format("opentype");font-weight:300;font-style:normal}:root{font-family:SF Pro Display,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:300;background-color:#000;display:flex;align-items:center;flex-direction:column}.logo{width:100%;height:fit-content;object-fit:contain;padding-top:.5rem}.logo img{width:100%;height:5rem;object-fit:contain}.container{width:100%;height:100%;display:flex;flex-direction:column}.phoneframe{position:relative;height:auto;width:fit-content;margin:0 auto;transition:opacity .6s ease;filter:drop-shadow(0 0 .7rem white);-webkit-filter:drop-shadow(0 0 .7rem white)}.screen{display:inline-block;top:0;left:0;width:auto;max-height:100%;object-fit:contain}.screen img{display:block;max-width:100%;max-height:67vh;object-fit:contain}.hotspot{position:absolute;cursor:pointer;background:#03abf333;pointer-events:auto;animation:blink 4s infinite}.description{width:100%;text-align:center;position:relative;margin-top:1rem}.description div span{background:radial-gradient(circle,#fff,#cdcdcd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.click-me-cloud{filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));transform:translateY(-90px)}@keyframes blink{0%,to{opacity:0}40%{opacity:1}}