*{box-sizing:border-box}html,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#08080a;font-family:Familjen Grotesk,system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{opacity:.8}input{font-family:inherit}input:focus{outline:none}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}.stage{background:radial-gradient(120% 90% at 50% 0,#17181c 0%,#08080a 62%);justify-content:center;align-items:center;min-height:100dvh;padding:32px 16px;display:flex}.device{--dev-radius:46px;border-radius:var(--dev-radius);border:10px solid #141519;flex:none;width:390px;height:844px;transition:background .6s;position:relative;box-shadow:0 60px 130px #000000a6,0 0 0 1px #ffffff0d}.tod-dock{align-items:center;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}@media (width<=519px),(height<=927px){.stage{padding:0}.device{--dev-radius:0px;width:100vw;height:100dvh;box-shadow:none;border:none;border-radius:0}.tod-dock{display:none}}@media (width>=1100px){.device{border-left:1px solid #ffffff12;border-right:1px solid #ffffff12;width:520px;max-width:520px;margin:0 auto}}@keyframes sqRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sqPop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes sqScreenIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sqWordIn{0%{opacity:0;filter:blur(10px);transform:translateY(24px)scale(.97)}to{opacity:1;filter:blur();transform:none}}@keyframes sqSlideIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes sqFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sqLeave{0%{opacity:1;filter:blur();transform:none}to{opacity:0;filter:blur(6px);transform:scale(.94)translateY(-8px)}}@keyframes sqWash{0%{opacity:0;transform:scale(.15)}30%{opacity:.92}to{opacity:0;transform:scale(3.4)}}@keyframes sqScaleX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sqPulse{0%,to{opacity:.34;transform:scale(1)}50%{opacity:.04;transform:scale(2)}}@keyframes sqBlob{0%{transform:translate(-5%,2%)scale(1)}to{transform:translate(7%,-5%)scale(1.18)}}@keyframes sqTick{0%,to{opacity:.2}50%{opacity:.95}}@keyframes sqMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}