/* PWA install affordance */
.lp-install-promo { display:flex; align-items:center; gap:12px; margin-top:18px; padding:11px 13px; max-width:390px; border:1px solid var(--lp-line); border-radius:12px; background:rgba(255,255,255,.56); }
.lp-install-icon { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border-radius:9px; background:#0b0d0c; color:#8bd34a; font-size:16px; }
.lp-install-copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:2px; }
.lp-install-copy strong { color:var(--lp-ink); font-size:11px; }
.lp-install-copy small { color:var(--lp-muted); font-size:9px; line-height:1.4; }
.lp-install-button { min-height:34px; padding:0 11px; border:0; border-radius:8px; background:#0b0d0c; color:#fdf7df; font:600 10px 'Space Grotesk',sans-serif; cursor:pointer; white-space:nowrap; transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s; }
.lp-install-button:hover { background:#20231f; transform:translateY(-1px); }
.lp-install-button:active { transform:scale(.97); }
.lp-install-button:focus-visible,.pwa-help-close:focus-visible { outline:3px solid #8bd34a; outline-offset:3px; }
.lp-install-button[hidden] { display:none; }
.pwa-help { width:min(92vw,420px); padding:0; border:1px solid #292b27; border-radius:18px; background:#fff8d8; color:#111; box-shadow:0 24px 80px rgba(0,0,0,.32); }
.pwa-help::backdrop { background:rgba(10,12,10,.65); backdrop-filter:blur(3px); }
.pwa-help-inner { position:relative; padding:26px; }
.pwa-help-kicker { color:#618b28; font:700 10px 'IBM Plex Mono',monospace; letter-spacing:.12em; }
.pwa-help h2 { margin:9px 34px 8px 0; font:700 26px 'Space Grotesk',sans-serif; letter-spacing:-.05em; }
.pwa-help p,.pwa-help li { color:#595b54; font:400 13px/1.6 'Space Grotesk',sans-serif; }
.pwa-help ol { margin:12px 0 17px; padding-left:22px; }
.pwa-help li { padding:3px 0; }
.pwa-help-note { padding:11px 12px; border-left:3px solid #8bd34a; background:#f2edcc; }
.pwa-help-close { display:grid; place-items:center; width:32px; height:32px; position:absolute; top:15px; right:15px; border:1px solid #d9d5bf; border-radius:9px; background:#fffdf0; color:#111; font-size:20px; cursor:pointer; }
.pwa-help-done { min-height:40px; width:100%; border:0; border-radius:9px; background:#0b0d0c; color:#fff8d8; font:600 12px 'Space Grotesk',sans-serif; cursor:pointer; }
@media (max-width:700px) { .lp-install-promo { max-width:100%; margin-top:17px; padding:10px; gap:9px; }.lp-install-copy strong { font-size:10px; }.lp-install-copy small { font-size:8px; }.lp-install-button { padding:0 9px; font-size:9px; }.pwa-help-inner { padding:23px; } }
@media (prefers-reduced-motion:reduce) { .lp-install-button { transition:none; } }