/* website -> iOS app (Carlos's launch kit, approved by Bruno 2026-10-31; built 2026-11-06): quiet inline nudges on church pages and the
   /app page. Never a modal or interstitial; no script, no cookie. Apple's own Smart App Banner (meta apple-itunes-app) does the rest. */
.app-nudge{display:flex;align-items:center;gap:9px;margin:-6px 0 18px;padding:9px 12px;border:1px solid var(--line,#d7d3d3);border-radius:10px;
  font-size:13px;color:var(--ink-2,#605d5d);text-decoration:none;max-width:420px}
.page.church a.app-nudge{color:var(--ink-2,#605d5d)}
.app-nudge svg{width:16px;height:16px;flex:none;color:var(--gold-ink,#7d5411)}
.app-nudge b{font-weight:600;color:var(--ink,#201f1d)}
.app-nudge i{font-style:normal;margin-left:auto;color:var(--ink-3,#7d7979)}
.app-nudge:hover{border-color:var(--gold,#b68235)}
.app-line{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:13px;color:var(--ink-2,#605d5d)}
.app-line svg{width:16px;height:16px;flex:none;color:var(--ink-2,#605d5d)}
.page.church .app-line a,.app-line a{color:var(--gold-ink,#7d5411);text-decoration:none;border-bottom:1px solid var(--gold,#b68235)}
.app-page{--ink:var(--color-text);--ink-2:var(--color-neutral-700);--ink-3:var(--color-neutral-600);--line:var(--color-neutral-300);--gold:var(--color-accent);--gold-ink:var(--color-accent-700);max-width:1120px}
.app-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;margin:26px 0 56px}
.app-hero .k{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-ink)}
.app-hero h1{font-family:var(--font-heading);font-weight:600;font-size:clamp(40px,5vw,60px);line-height:1.02;margin:10px 0 14px;text-wrap:balance}
.app-hero .lede{font-size:17px;line-height:1.55;color:var(--ink-2);margin:0 0 26px;max-width:30em}
.stores{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.asb{display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 18px 0 14px;border-radius:11px;background:#000;color:#fff !important;text-decoration:none;border:1px solid #a6a6a6;font-family:-apple-system,system-ui,sans-serif}
.asb svg{width:24px;height:28px;fill:#fff}
.asb span{display:flex;flex-direction:column;line-height:1.05}.asb small{font-size:11px}.asb b{font-size:21px;font-weight:600;letter-spacing:-.01em}
.gp{font-size:13px;color:var(--ink-3)}
.qr{display:flex;align-items:center;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line);max-width:30em}
.qr .qplate{width:112px;height:112px;padding:8px;background:#fff;border-radius:12px;border:1px solid var(--line);box-sizing:border-box;flex:none}
.qr .qplate img{width:100%;height:100%;display:block}
.qr p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.5}.qr p b{color:var(--ink);font-weight:600}
.fan{position:relative;height:560px}
.fan .ph{position:absolute;top:0;width:250px;aspect-ratio:390/844;border-radius:34px;background:#111;padding:7px;box-sizing:border-box;box-shadow:0 0 0 1px #3a3a3a,0 24px 50px rgba(32,31,29,.25)}
.fan .ph img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:28px;display:block}
.fan .p1{left:0;top:40px;transform:rotate(-5deg)}.fan .p2{left:50%;margin-left:-125px;z-index:2}.fan .p3{right:0;top:40px;transform:rotate(5deg)}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0 0 40px}
.benefits div{background:var(--color-card,#fff);border:1px solid var(--line);border-radius:14px;padding:20px 20px 18px}
.benefits svg{width:24px;height:24px;color:var(--gold-ink)}
.benefits h2{font-family:var(--font-heading);font-weight:600;font-size:24px;line-height:1.1;margin:10px 0 6px}
.benefits p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.55}
.app-foot{font-size:13.5px;color:var(--ink-3);margin:0 0 70px}
@media (max-width:760px){
 .app-hero{grid-template-columns:1fr;gap:28px;margin-top:10px}
 .fan{height:430px;order:2}.fan .ph{width:190px;border-radius:26px;padding:5px}.fan .ph img{border-radius:21px}.fan .p2{margin-left:-95px}
 .qr{display:none}
 .benefits{grid-template-columns:1fr;gap:12px}
}
@media (max-width:420px){.fan .ph{width:160px}.fan .p2{margin-left:-80px}.fan{height:370px}}