/* App landing (/app) and family invitation (/join) pages. */
.wz-page-main .app-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 6px}
.wz-page-main .app-cta .app-store-buttons{display:contents}
.wz-page-main .app-cta .app-store-button,.wz-page-main .app-cta .wz-btn{min-height:var(--wz-tap);display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-size:var(--wz-t-md)}
.wz-page-main .app-cta .app-store-button{background:var(--wz-brand);color:#fff!important;border-radius:var(--wz-pill);font-weight:700;text-decoration:none}
.wz-page-main .app-soon{margin:0 0 4px;color:var(--wz-muted);font-size:var(--wz-t-sm)}
.wz-page-main .app-proof{display:grid;gap:10px;margin:18px 0}
@media(min-width:760px){.wz-page-main .app-proof{grid-template-columns:repeat(3,1fr)}}
.wz-page-main .app-proof article{margin:0;padding:14px 16px;border:1px solid var(--wz-line);border-radius:var(--wz-r-lg);background:var(--wz-surface)}
.wz-page-main .app-proof h2{font-size:var(--wz-t-lg);margin:0 0 6px}
.wz-page-main .app-proof p{margin:0;color:var(--wz-muted);font-size:var(--wz-t-sm)}
.wz-page-main .app-price{border:1px solid var(--wz-line);border-radius:var(--wz-r-lg);padding:16px 18px;background:var(--wz-brand-soft);margin:18px 0}
.wz-page-main .app-price strong{font-size:var(--wz-t-xl)}
.wz-page-main .app-price p{margin:6px 0 0}
.wz-page-main .app-steps{counter-reset:step;list-style:none;padding:0;margin:14px 0}
.wz-page-main .app-steps li{position:relative;padding-left:40px;margin:0 0 12px;min-height:30px}
.wz-page-main .app-steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--wz-brand);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:var(--wz-t-sm)}
.wz-page-main .join-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(26px,8vw,40px);letter-spacing:.12em;font-weight:700;color:var(--wz-ink);background:var(--wz-surface);border:2px dashed var(--wz-brand);border-radius:var(--wz-r-lg);padding:14px 18px;text-align:center;margin:12px 0;word-break:break-all;user-select:all}
.wz-page-main .join-code.is-missing{border-style:solid;border-color:var(--wz-warn-line);background:var(--wz-warn-soft);font-family:inherit;font-size:var(--wz-t-md);letter-spacing:0;font-weight:500}
.wz-page-main .join-status{min-height:1.4em;margin:6px 0 0;color:var(--wz-brand-ink);font-weight:600}
.wz-page-main .wz-btn.secondary{background:var(--wz-surface);color:var(--wz-brand-ink);border:1px solid var(--wz-line)}
.wz-page-main .wz-note{font-size:var(--wz-t-sm);color:var(--wz-muted);margin-top:18px}