*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Hanken Grotesk,system-ui,sans-serif;color:#2c231c;background:#f4ede1;-webkit-font-smoothing:antialiased}.desk{min-height:100vh}@media(min-width:700px){.desk{display:flex;flex-direction:column;align-items:center;padding:34px 16px 60px;background:radial-gradient(120% 120% at 50% 0%,#efe9df,#e2dccf 60%,#d8d0c0)}.desk-cap{font-family:Space Mono,monospace;font-size:11px;letter-spacing:2px;color:#8a7d6a;text-transform:uppercase;margin-bottom:18px;text-align:center}.phone{width:392px;border-radius:46px;padding:11px;background:#0d0b09;box-shadow:0 2px 4px #00000040,0 40px 80px -24px #321e0a80}.screen{border-radius:35px;overflow:hidden;position:relative;background:#f4ede1;height:812px}}@media(max-width:699px){.desk-cap{display:none}.phone{width:100%}.screen{min-height:100vh;background:#f4ede1}}.scroll{height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}@media(max-width:699px){.screen>.scroll{height:auto;min-height:100vh}}button{font-family:inherit}@keyframes crIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}