.app-cta{--cta-primary:var(--neon-indigo);--cta-glow:var(--glow-indigo);--cta-on-accent:#fff;--cta-button-bg:var(--brand-focus-button);--cta-qr-surface:#fff;border-radius:var(--radius-lg);background:color-mix(in oklab, var(--cta-primary) 8%, var(--bg-card));border:1px solid color-mix(in oklab, var(--cta-primary) 36%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--cta-primary) 10%, transparent), 0 18px 40px -28px var(--cta-glow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(16px,2vw,24px);margin:24px 0 8px;padding:clamp(18px,2.2vw,24px);display:flex}.app-cta[data-brand=focus]{--cta-primary:var(--brand-focus-primary);--cta-glow:var(--brand-focus-glow)}.app-cta[data-brand=words]{--cta-primary:var(--brand-words-primary);--cta-button-bg:var(--brand-words-button);--cta-glow:var(--brand-words-glow)}.app-cta[data-brand=dday]{--cta-primary:var(--brand-dday-primary);--cta-button-bg:var(--cta-primary);--cta-on-accent:var(--accent-yellow-fg);--cta-glow:var(--brand-dday-glow)}.app-cta[data-brand=hello]{--cta-primary:var(--brand-hello-primary);--cta-button-bg:var(--cta-primary);--cta-on-accent:var(--accent-yellow-fg);--cta-glow:var(--brand-hello-glow)}.app-cta-text{flex-direction:column;flex:240px;gap:6px;min-width:0;display:flex}:root body .app-cta[data-brand] .ak-eyebrow.app-cta-eyebrow{color:var(--text-primary)}.app-cta-headline{font-family:var(--font-display);font-weight:600;font-size:calc(18px * var(--type-scale,1));color:var(--text-primary);line-height:1.3}.app-cta-sub{font-size:calc(13px * var(--type-scale,1));color:var(--text-secondary);line-height:1.6}.app-cta-store-note{min-width:0;color:var(--text-secondary);font-size:calc(12px * var(--type-scale,1));overflow-wrap:anywhere;flex:1 0 100%;margin:0;line-height:1.5}.app-cta-actions{flex-wrap:wrap;flex:none;gap:10px;display:flex}.app-cta-btn{border-radius:var(--radius-pill);font-family:var(--font-display);font-size:calc(14px * var(--type-scale,1));white-space:nowrap;color:var(--text-primary);background:var(--bg-raised);border:1px solid color-mix(in oklab, var(--cta-primary) 40%, transparent);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);align-items:center;gap:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.app-cta-btn:hover{border-color:var(--cta-primary);background:color-mix(in oklab, var(--cta-primary) 16%, var(--bg-raised))}:root body .app-cta[data-brand] .app-cta-actions .app-cta-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px;box-shadow:none}.app-cta-btn svg{color:var(--cta-primary);flex:none}.app-cta-btn.is-primary{color:var(--cta-on-accent);background:var(--cta-button-bg);box-shadow:0 8px 24px -8px var(--cta-glow);border-color:#0000}.app-cta-btn.is-primary svg{color:var(--cta-on-accent)}.app-cta-btn.is-primary:hover{background:var(--cta-button-bg);filter:none;border-color:#0000}.app-cta-free{font-family:var(--font-code);font-size:calc(10px * var(--type-scale,1));letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);color:var(--cta-on-accent);background:0 0;padding:1px 6px;font-weight:600}.app-cta-btn-soon{opacity:.55;cursor:not-allowed;border-style:dashed}.app-cta-btn-soon:hover{background:var(--bg-raised);border-color:color-mix(in oklab, var(--cta-primary) 40%, transparent)}.app-cta-qr{font:inherit;cursor:zoom-in;border-radius:var(--radius-sm);transition:transform var(--dur-fast) var(--ease);background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;margin:0;padding:0;display:flex}.app-cta-qr:hover{transform:translateY(-2px)}:root body .app-cta[data-brand] .app-cta-qr:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px;box-shadow:none}.app-cta-qr-img{border-radius:var(--radius-sm);background:var(--cta-qr-surface);border:1px solid color-mix(in oklab, var(--cta-primary) 30%, transparent);width:104px;height:104px;padding:7px;display:block}.app-cta-qr-label{font-family:var(--font-code);font-size:calc(10px * var(--type-scale,1));letter-spacing:.04em;color:var(--text-muted);text-align:center;max-width:120px;line-height:1.3}.app-cta-qr-modal{width:100%;max-width:none;height:100dvh;max-height:none;color:inherit;animation:app-cta-qr-fade var(--dur-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:24px;display:none;position:fixed;inset:0}.app-cta-qr-modal[open]{display:flex}.app-cta-qr-modal::backdrop{-webkit-backdrop-filter:blur(3px);background:#000000a3}.app-cta-qr-modal-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid color-mix(in oklab, var(--cta-primary) 30%, var(--border-default));max-width:100%;max-height:calc(100dvh - 48px);box-shadow:0 30px 80px -30px var(--cta-glow);flex-direction:column;align-items:center;gap:14px;padding:56px 24px 18px;display:flex;position:relative;overflow:hidden}.app-cta-qr-modal-content{flex-direction:column;align-items:center;gap:14px;max-width:100%;min-height:0;display:flex;overflow:auto}.app-cta-qr-modal-img{aspect-ratio:1;border-radius:var(--radius-md);background:var(--cta-qr-surface);flex-shrink:0;width:300px;max-width:70vw;height:auto;padding:12px;display:block}.app-cta-qr-modal-hint{overflow-wrap:anywhere;max-width:300px;font-family:var(--font-display);font-size:calc(14px * var(--type-scale,1));color:var(--text-secondary);flex-shrink:0;font-weight:600}.app-cta-qr-modal-close{width:44px;height:44px;color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:22px;line-height:1;display:inline-flex;position:absolute;top:8px;right:10px}.app-cta-qr-modal-close:hover{color:var(--text-primary);background:color-mix(in oklab, var(--text-muted) 16%, transparent)}@keyframes app-cta-qr-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.app-cta-qr-modal{animation:none}.app-cta-qr:hover{transform:none}}@media (width<=560px){.app-cta-actions{width:100%}.app-cta-btn{flex:1 1 0;justify-content:center}.app-cta-qr{display:none}}.pw-apps-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pw-apps-grid .app-cta{height:100%;margin:0}@media (width<=860px){.pw-apps-grid{grid-template-columns:1fr}}.app-directory{min-width:0;margin-top:24px}.app-directory-heading{font-family:var(--font-display);font-size:calc(16px * var(--type-scale,1));color:var(--text-primary);margin:0 0 8px;font-weight:600;line-height:1.3}.app-directory-note{font-size:calc(14px * var(--type-scale,1));color:var(--text-secondary);margin:0 0 12px;line-height:1.6}.app-directory-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.app-directory-item{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;min-width:0;padding:8px 16px;display:flex}.app-directory-name{min-width:0;font-size:calc(14px * var(--type-scale,1));color:var(--text-primary);overflow-wrap:anywhere;flex:180px;font-weight:600;line-height:1.5}.app-directory-links{flex-wrap:wrap;gap:0 16px;display:flex}.app-directory-links a{min-height:48px;font-size:calc(14px * var(--type-scale,1));color:var(--text-primary);text-underline-offset:.2em;white-space:nowrap;align-items:center;line-height:1.4;text-decoration:underline;display:inline-flex}.app-directory-links a:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}@media (width<=240px){:is(.ed-apps-grid,.pw-apps-grid) .app-cta-actions{flex-direction:column;min-width:0}:is(.ed-apps-grid,.pw-apps-grid) .app-cta-btn{white-space:normal;text-align:center;flex-direction:column;max-width:100%;padding:10px 8px}}
