/* "Get the app" promo — one component, two shapes (includes/pt-app-promo.php). Same graphite / bone / ink as the
   /app hero so the promo and the page it opens read as one thing. Scoped .pt-ap-; square; sentence case; no red. */
.pt-ap{--ink:#1A1A1A;--paper:#FAF9F6;--graphite:#23211E;--bone:#EFEBE3;--line:#E4E2DB;--bone-dim:rgba(239,235,227,.66);--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;margin:0;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.pt-ap *{box-sizing:border-box}
.pt-ap__in{display:flex;align-items:center;justify-content:space-between;gap:32px}
.pt-ap__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;font:12.5px var(--mono);letter-spacing:.04em;text-transform:uppercase}
.pt-ap__title{margin:0 0 8px;font-size:26px;line-height:1.15;letter-spacing:-.02em;font-weight:800;text-transform:none}
.pt-ap__text{margin:0;font-size:16px;line-height:1.5;max-width:52ch}
.pt-ap__btn,.pt-ap__btn:hover,.pt-ap__btn:focus,.pt-ap__btn:active{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;font-weight:600;font-size:16px;text-decoration:none;border-radius:0;white-space:nowrap;flex:none}
/* band: full bleed graphite, bone text, bone button */
.pt-ap--band{background:var(--graphite);color:var(--bone);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;overflow-x:clip;padding:48px 0}
.pt-ap--band .pt-ap__in{max-width:1120px;margin:0 auto;padding:0 24px}
.pt-ap--band .pt-ap__eyebrow,.pt-ap--band .pt-ap__text{color:var(--bone-dim)}
.pt-ap--band .pt-ap__title{color:var(--bone)}
.pt-ap--band .pt-ap__btn,.pt-ap--band .pt-ap__btn:focus,.pt-ap--band .pt-ap__btn:active{background:var(--bone);color:var(--ink)}
.pt-ap--band .pt-ap__btn:hover{background:#E4DFD3;color:var(--ink)}
/* card: white, hairline, ink button */
.pt-ap--card{background:#fff;border:1px solid var(--line);padding:24px;margin:32px 0;color:var(--ink)}
.pt-ap--card .pt-ap__eyebrow{color:#6B6862}
.pt-ap--card .pt-ap__title{font-size:22px;color:var(--ink)}
.pt-ap--card .pt-ap__text{color:#3A3834;font-size:15px}
.pt-ap--card .pt-ap__btn,.pt-ap--card .pt-ap__btn:focus,.pt-ap--card .pt-ap__btn:active{background:var(--ink);color:var(--paper)}
.pt-ap--card .pt-ap__btn:hover{background:#000;color:var(--paper)}
/* footer link: inherits the footer's link styling */
.pt-ap-link{white-space:nowrap}
@media (max-width:700px){
  .pt-ap__in{flex-direction:column;align-items:flex-start;gap:20px}
  .pt-ap--band{padding:36px 0}
  .pt-ap__title{font-size:22px}
  .pt-ap__btn{width:100%;justify-content:center}
}
/* the phone: a 132px frame at the left of the band, showing a portrait capture (PT_APP_PROMO_IMAGE); hidden on phones */
.pt-ap__phone{flex:none;width:132px;aspect-ratio:9/19.5;border:6px solid #0F0E0D;border-radius:22px;overflow:hidden;background:#0F0E0D;margin-right:8px}
.pt-ap__phone img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;border-radius:16px}
.pt-ap--has-phone .pt-ap__copy{flex:1 1 auto}
@media (max-width:700px){ .pt-ap__phone{display:none} }