.app-promo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:56px;align-items:center;padding:48px max(16px,calc((100% - 1152px)/2));background:var(--band);color:var(--band-ink);border-bottom:1px solid var(--line);overflow:hidden}@media(min-width:700px){.app-promo{padding-block:88px}}.app-promo-copy{display:flex;flex-direction:column;gap:22px;min-width:0}.app-promo .eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:var(--band-accent-text)}.app-promo-mark{display:block;flex:none;width:22px;height:22px}.app-promo h2{font-family:var(--display);font-size:clamp(2.125rem,4vw,3.25rem);line-height:1.12;margin:0;max-width:20ch}.app-promo-lead{font-size:1.125rem;line-height:1.65;color:var(--band-muted);margin:0;max-width:40ch}.app-promo-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.app-promo-list li{display:flex;align-items:flex-start;gap:12px;min-width:0}.app-promo-list .icon{flex:none;color:var(--band-accent);margin-top:2px}.app-promo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;padding-top:10px}.app-promo-price{margin:0;max-width:44ch;font-size:1rem;line-height:1.55;color:var(--band-muted)}.app-promo-more{display:inline-flex;align-items:center;min-height:48px;font-weight:600;color:var(--band-accent)}.app-promo-compact{padding-block:48px}.app-store-badge{display:inline-flex;flex-direction:column;justify-content:center;min-width:176px;min-height:48px;margin:0;padding:8px 20px;border-radius:var(--radius-button);background:#1E1A15;color:var(--on-accent);line-height:1.2;text-decoration:none}.app-store-badge-top{font-size:1rem;font-weight:400}.app-store-badge-main{font:700 1.5rem/1.1 var(--font-system)}.app-store-badge-small{min-width:0;padding:8px 16px}.app-store-badge-small .app-store-badge-main{font-size:1.125rem}.footer-grid .app-store-badge{border:1px solid var(--badge-line);color:var(--on-accent);background:#1E1A15}:root[data-theme="dark"] .app-store-badge,:root[data-theme="dark"] .footer-grid .app-store-badge{background:#ECE8E1;color:#101215}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .app-store-badge,:root:not([data-theme="light"]) .footer-grid .app-store-badge{background:#ECE8E1;color:#101215}}:root .app-promo .app-store-badge{background:#000;color:var(--band-ink);border:1px solid var(--badge-line)}.app-promo-visual{position:relative;display:grid;place-items:center;min-width:0}.app-promo-visual::before{content:"";position:absolute;top:50%;left:50%;width:min(420px,90vw);height:min(420px,90vw);transform:translate(-50%,-50%);border-radius:50%;background:var(--band-circle)}.app-promo-phone{position:relative;box-sizing:border-box;width:min(300px,100%);aspect-ratio:300/620;padding:11px;border:0;border-radius:48px;background:var(--frame)}.app-promo-phone-b{display:none}.app-promo-notch{position:absolute;top:10px;left:50%;width:64px;height:8px;margin-left:-32px;border-radius:999px;background:var(--band-circle);z-index:1}.app-promo-screen{position:relative;box-sizing:border-box;display:grid;align-content:start;gap:10px;height:100%;padding:28px 14px 14px;border-radius:38px;background:var(--bg);overflow:hidden}.app-promo-card{display:grid;gap:8px;min-width:0;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card)}.app-promo-card-hero{background:var(--soft)}.app-promo-phone-mark{width:40px;height:40px}.app-promo-card-compass{position:relative;place-items:center;height:112px}.app-promo-ring{width:72px;height:72px;border:2px solid var(--accent);border-radius:50%}.app-promo-needle{position:absolute;top:20px;left:calc(50% - 2px);width:4px;height:36px;border-radius:2px;background:var(--accent);transform:rotate(35deg);transform-origin:50% 100%}.app-promo-bar{display:block;width:40%;height:8px;border-radius:4px;background:var(--line)}.app-promo-bar-wide{width:90%;background:var(--muted)}.app-promo-bar-long{width:72%;background:var(--accent)}.app-promo-bar-short{width:40%}@media(min-width:900px){.app-promo-visual{height:640px}.app-promo-visual::before{top:90px;transform:translateX(-50%);width:420px;height:420px}.app-promo-phone-b{display:block}.app-promo-phone{position:absolute;top:0;width:300px;height:620px}.app-promo-phone-a{left:50%;margin-left:-290px;transform:rotate(-4deg)}.app-promo-phone-b{top:20px;left:50%;margin-left:-10px;transform:rotate(3deg)}}.app-callout{display:grid;gap:16px;margin:24px 0;padding:24px;background:var(--bg-alt);min-width:0}.app-callout-text{display:block;margin:0;font-size:var(--type-body);line-height:1.7}.app-callout .button{justify-self:start}