.cta-pending{opacity:0}.phone-wrap{--pf:clamp(12.5px, calc((46dvh - 20px) / 34), 14px)}@media (min-width:1024px){.phone-wrap{--pf:clamp(12.5px, calc((100dvh - 150px) / 34.6), 17px)}}.phone-wrap-static{--pf:14px}.phone{box-sizing:content-box;width:19em;height:34em;font-size:var(--pf);border:var(--pop-border-width) solid var(--pop-border);box-shadow:.45em .45em 0 0 var(--pop-shadow);background:var(--bg);color:var(--text);contain:layout paint;border-radius:2.4em;line-height:1.35;position:relative;overflow:hidden}.ph-notch{background:var(--pop-border);z-index:5;border-radius:9999px;width:5.2em;height:1.2em;position:absolute;top:.55em;left:50%;translate:-50%}.ph-status{height:2.6em;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:.6em 1.6em 0;font-size:.96em;display:flex}.ph-screen{flex-direction:column;padding:.3em 1.1em 0;animation:.28s ease-out both ph-in;display:flex;position:absolute;inset:2.6em 0 0}@keyframes ph-in{0%{opacity:0;translate:0 .6em}to{opacity:1;translate:0}}.ph-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.3em;font-weight:700;line-height:1.15}.ph-small{font-size:.96em}.ph-muted{color:var(--text-2)}.ph-amt{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.ph-card{background:var(--surface);border:1px solid var(--border);border-radius:.8em;padding:.7em .8em}.ph-pop{border:var(--pop-border-width) solid var(--pop-border);box-shadow:.25em .25em 0 0 var(--pop-shadow)}.ph-row{border-bottom:1px solid var(--border);align-items:center;gap:.65em;padding:.55em 0;display:flex}.ph-grow{flex:1;min-width:0}.ph-chip{border:1px solid var(--border-input);background:var(--surface);white-space:nowrap;border-radius:9999px;align-items:center;gap:.35em;padding:.2em .7em;font-size:.96em;display:inline-flex}.ph-chip-on{background:var(--accent);color:var(--on-accent);border:var(--pop-border-width) solid var(--pop-border);font-weight:600}.ph-btn{background:var(--accent);color:var(--on-accent);border:var(--pop-border-width) solid var(--pop-border);white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.4em;padding:.55em 1em;font-weight:600;display:inline-flex}.ph-btn-2{background:var(--surface);color:var(--text);border:1px solid var(--border-input)}.ph-avatar{background:var(--surface-2);width:2.3em;height:2.3em;color:var(--text);border:2px solid var(--c,var(--border-input));border-radius:9999px;flex:none;place-items:center;font-weight:700;display:grid}.ph-icon{border:1.5px solid var(--c,var(--border-input));width:2.1em;height:2.1em;color:var(--text);background:var(--surface);border-radius:.6em;flex:none;place-items:center;display:grid}.ph-nav{margin-top:auto;border-top:1px solid var(--border);background:var(--surface);justify-content:space-around;align-items:center;margin-inline:-1.1em;padding:.5em .4em .9em;font-size:.96em;display:flex}.ph-nav>span{justify-items:center;gap:.1em;display:grid}.ph-sheet{background:var(--elevated);border-top:1px solid var(--border-strong);border-radius:1.4em 1.4em 0 0;padding:.9em 1.1em 1.1em;position:absolute;inset:auto 0 0}.ph-scrim{background:var(--void);opacity:.55;position:absolute;inset:0}.ph-key{background:var(--surface);border:1px solid var(--border);height:2.2em;font-family:var(--font-mono);border-radius:.6em;place-items:center;font-size:1.05em;transition:translate .12s ease-out;display:grid}.ph-key-down{background:var(--surface-2);border-color:var(--border-input);translate:0 .12em}.ph-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:9999px;height:.8em;overflow:hidden}.ph-bar>i{transform-origin:0;background:var(--accent);width:100%;height:100%;transition:transform .16s linear;display:block}.ph-spring{transition:transform .42s var(--ease-spring), opacity .22s ease-out}.ph-fade{transition:opacity .22s ease-out}.ph-pulse{animation:1.4s ease-in-out 3 ph-pulse}@keyframes ph-pulse{50%{transform:scale(1.1)}}.ph-draw{fill:none}.ph-hot{cursor:pointer}@media (prefers-reduced-motion:reduce){.phone *,.phone{transition:none!important;animation:none!important}}.phone-enter{animation:phone-enter .6s var(--ease-spring) both}@keyframes phone-enter{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.phone-enter{animation:none}}@media (prefers-reduced-motion:no-preference){html:has(.landing){scroll-behavior:smooth}}