@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";body{background-color:#262727}.container{align-items:center;display:flex;flex-direction:column}h1{color:#fff;font-size:80px;margin:20px 0}h1 span{background-color:#ff623c;border-radius:50%;display:inline-block;height:30px;margin-left:8px;width:30px}h2{color:#d1d1d1;font-size:40px;margin:0}h2 span{background-color:#313030;border-radius:10px;margin:5px;padding:3px 7px}.appStoreBtn{background-color:#fff;border-radius:12px;margin:20px 0 0;padding:0}.appStoreBtn img{display:block;margin:-1px;width:200px}.roboto-font{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:700}.bezels{--scale:.75;display:flex;gap:-50px;perspective:1200px;width:-moz-fit-content;width:fit-content}.bezel-scale{height:calc(880px*var(--scale));margin:0 -50px;width:calc(430px*var(--scale))}.bezel{height:100%;overflow:hidden;position:relative;transform-style:preserve-3d;width:100%}.bezel-left{transform:rotate(-20deg)}.bezel-right{transform:rotate(20deg)}.bezel-img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;position:relative;width:100%;z-index:2}.screen-wrapper{border-radius:calc(55px*var(--scale));height:calc(780px*var(--scale));left:calc(33px*var(--scale));overflow:hidden;position:absolute;top:calc(52px*var(--scale));width:calc(365px*var(--scale));z-index:1}.screen{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:1024px){h1{font-size:56px}h2{font-size:28px}.bezels{--scale:.6}.bezel-scale{margin:0 -24px}}@media(max-width:768px){.container{padding-top:24px}h1{font-size:40px;margin-bottom:8px}h2{font-size:22px}.appStoreBtn{margin-bottom:24px;margin-top:16px}.appStoreBtn img{width:180px}.bezels{--scale:.8;flex-direction:column;gap:16px}.bezel-scale{margin:0}.bezel-left,.bezel-right{transform:rotate(0)}}@media(max-width:480px){.bezels{--scale:.6}h1{font-size:32px}h2{font-size:18px}.appStoreBtn img{width:160px}}