:root{--width-max: 600px;--app-bar-flow-gap: 15px;--app-bar-bottom-gap: 15px;--accent: rgb(0, 126, 230);--pale: rgb(184, 223, 255);color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111;color:#fff;font-size:calc(min(100vw,600px / 1.3) / 18);scroll-behavior:smooth;scroll-padding-top:20px}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#111}#particles{position:absolute;inset:0;width:100%;height:100dvh;pointer-events:none}header{position:absolute;inset:0 0 auto;padding:15px}.header-inner{max-width:570px;margin:auto;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}main{display:grid;gap:2px;max-width:var(--width-max);margin:auto;padding-bottom:1em}.hero{height:100vh;height:100dvh;padding:15px;display:flex;flex-direction:column;justify-content:center}.carousel{padding:10px;letter-spacing:-1px}.slide{display:none;color:var(--slide-color)}.slide.active{display:block;animation:enter .2s both}h1{font-size:1.8rem;line-height:normal;margin:0;font-weight:700}.slide p{font-size:1.05rem;opacity:.6;font-weight:700;margin:6px 0 0}.slide.leaving{opacity:0;transform:translate(-50px);transition:opacity .2s,transform .2s}.buttons{display:flex;gap:8px;margin:5px 10px 10px;font-size:.75rem;position:relative}.button{appearance:none;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:.7em;text-transform:uppercase;font-weight:700;padding:.8em;border-radius:2em;text-decoration:none;transition:background 1s,color 1s}.button.alt{color:var(--accent);background:var(--pale)}a:focus-visible{outline:2px solid white;outline-offset:4px}.card{margin:20px 15px 0;padding:15px 15px 0;border-radius:30px;background:#222;font-size:clamp(14px,4vw,17px);font-weight:600;overflow:hidden}.card h2{font-size:1.9em;font-weight:800;margin:.3em 0 0}.card p{opacity:.7}.card-body{display:grid}.card picture{display:block;overflow:hidden;width:100%;max-width:420px;margin:0 auto -5px}.card img{width:100%;height:auto}.app-bar{position:sticky;bottom:0;margin-top:var(--app-bar-flow-gap);padding:1px;z-index:3;font-size:clamp(13px,3.8vw,18px);transform:translateY(300px);transition:transform .7s}.app-bar.shown{transform:translateY(0)}.app-inner{display:flex;align-items:center;gap:10px;width:100%;max-width:calc(min(600px,100vw) - 30px);margin:0 auto max(var(--app-bar-bottom-gap),env(safe-area-inset-bottom,0px));padding:10px;border-radius:20px;background:#49494980;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 10px #0006;transition:max-width .5s}.app-bar.contracted .app-inner{max-width:calc(min(600px,100vw) - 60px)}.app-inner img{width:2.5em;height:2.5em}.app-description{display:grid;gap:2px;font-size:.7em;min-width:0}.app-description span{opacity:.8}.app-inner .button{margin-left:auto;flex-shrink:0;padding:.6em .8em}footer{padding:15px 20px;font-size:.6rem;font-weight:600;color:#fff9}.company-id{opacity:.5;font-size:.7em}footer nav{display:flex;gap:8px;margin-top:.7em;font-size:1.1em}footer a{color:#fff;text-decoration:none}@keyframes enter{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}:root{--frame-1-crop-bottom: 340;--frame-2-crop-bottom: 250;--frame-3-crop-bottom: 277;--frame-4-crop-bottom: 495}.frame-1{--crop-bottom: var(--frame-1-crop-bottom)}.frame-2{--crop-bottom: var(--frame-2-crop-bottom)}.frame-3{--crop-bottom: var(--frame-3-crop-bottom)}.frame-4{--crop-bottom: var(--frame-4-crop-bottom)}.phone-preview{position:relative;isolation:isolate;contain:paint;width:100%;max-width:420px;margin:0 auto;aspect-ratio:473 / calc(932 - var(--crop-bottom));overflow:hidden}.phone-preview:after{content:"";position:absolute;inset:0;z-index:1}.phone-device{position:absolute;top:0;left:0;width:473px;height:932px;pointer-events:none;transform:scale(var(--phone-scale, 1));transform-origin:top left}.phone-screen{position:absolute;top:40px;left:40px;width:393px;height:852px;overflow:hidden;border-radius:53px;background:#000;box-shadow:0 4px 19px 12px #0005}.phone-screen iframe{display:block;width:393px;height:852px;border:0;pointer-events:none;background:#000;opacity:0;transition:opacity .25s ease}.phone-screen iframe.is-loaded{opacity:1}.card .phone-bezel{position:absolute;inset:0;display:block;width:473px;height:932px;max-width:none;margin:0;filter:drop-shadow(0 3px 8px #0005)}