@font-face{font-family:Urbanist;src:url(/fonts/urbanist/Urbanist-VariableFont_wght.ttf) format("truetype-variations"),url(/fonts/urbanist/Urbanist-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/urbanist/Urbanist-Italic-VariableFont_wght.ttf) format("truetype-variations"),url(/fonts/urbanist/Urbanist-Italic-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--font: "Urbanist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--brake: #5518fd;--brake-2: #2f1bff;--ink: #171f24;--muted: #aab2b7}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:#0e0a1f;color:#fff;-webkit-font-smoothing:antialiased}.page{min-height:100vh;padding:56px 24px 80px;background:radial-gradient(1100px 500px at 15% -10%,rgba(85,24,253,.45),transparent 60%),radial-gradient(900px 500px at 100% 10%,rgba(47,27,255,.35),transparent 55%),#0e0a1f}.page-head{max-width:1180px;margin:0 auto 44px;text-align:center}.page-head .kicker{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:#b9a8ff;font-weight:700;margin:0 0 12px}.page-head h1{font-size:clamp(30px,5vw,48px);font-weight:800;margin:0 0 12px;letter-spacing:-.02em}.page-head p{color:#b6b2c9;font-size:16px;margin:0}.grid{max-width:1180px;margin:0 auto;display:grid;gap:56px 40px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));justify-items:center}.cell{display:flex;flex-direction:column;align-items:center;gap:18px}.cell .label{text-align:center}.cell .label .n{font-size:13px;color:#8f8ab0;font-weight:700}.cell .label .t{font-size:18px;font-weight:700;margin-top:2px}.phone{position:relative;width:290px;height:628px;border-radius:46px;background:#000;padding:11px;box-shadow:0 30px 60px -20px #000000b3,0 0 0 2px #ffffff0f}.phone .screen{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:#fff}.phone .notch{position:absolute;top:11px;left:50%;transform:translate(-50%);width:44%;height:26px;background:#000;border-radius:0 0 16px 16px;z-index:50}.viewport{position:absolute;top:0;left:0;width:375px;height:812px;transform:scale(.7146);transform-origin:top left}.statusbar{position:absolute;top:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 30px;z-index:40;font-weight:600}.statusbar .time{font-size:15px;letter-spacing:-.02em;font-variation-settings:"wght" 600}.statusbar .icons{display:flex;align-items:center;gap:6px}.statusbar .icons svg{display:block}.please{font-weight:500}.please .big{color:var(--ink);text-align:center}.please .sub{color:var(--muted);font-size:12px;line-height:16px;text-align:center}.spinner-seg{position:relative}.spinner-seg span{position:absolute;left:50%;top:0;width:8%;height:28%;margin-left:-4%;border-radius:40px;background:var(--brake);transform-origin:center 178%;animation:seg-fade 1s linear infinite}@keyframes seg-fade{0%{opacity:1}to{opacity:.15}}.spinner-ring{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bob{animation:bob 1.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}.prog-fill{animation:prog 3.2s ease-in-out infinite}@keyframes prog{0%{width:12%}55%{width:62%}to{width:12%}}.wave{animation:wavemove 6s ease-in-out infinite}@keyframes wavemove{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.sheet-in{animation:sheetin .6s cubic-bezier(.2,.9,.25,1) both}@keyframes sheetin{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}
