/* Al-Saff app page: the site's style.css plus the app's purple and gold. */
.app{--purple:#340959;--purple-1:#672F9C;--purple-deep:#10042C;--gold-app:#D8B15A}
.app .top{background:rgba(26,6,48,.88);border-bottom-color:rgba(216,177,90,.2)}
.app .nav-toggle{color:var(--cream)}
.app .brand img{border-radius:9px}

.app-hero{background:radial-gradient(120% 90% at 85% 10%,#5a2a8f 0%,var(--purple) 50%,var(--purple-deep) 100%)}
.app-hero .hero-glow{background:radial-gradient(circle,rgba(216,177,90,.18),transparent 60%)}
.app-hero h1{max-width:13em}
.badge{display:inline-flex;align-items:center;gap:8px;font:600 .82rem/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--purple-deep);background:var(--gold-app);padding:7px 12px;border-radius:999px;margin-bottom:18px}
.dl{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:30px 0 26px}
.dl-meta{font-size:.92rem;color:rgba(243,235,214,.75)}
.dl-meta b{color:var(--cream);font-weight:600}
.ico-android{width:22px;height:22px;fill:currentColor}
.qr{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;border:1px solid rgba(243,235,214,.18);border-radius:16px;background:rgba(243,235,214,.05)}
.qr img{width:86px;height:86px;background:#fff;border-radius:10px;padding:5px}
.qr span{font-size:.88rem;color:rgba(243,235,214,.78);max-width:11em;line-height:1.35}
@media (hover:none),(max-width:700px){.qr{display:none}}

.hero-phone{max-width:300px;margin:0 auto;transform:rotate(-2deg)}
.app .phone img,.app .phone-card .phone img{aspect-ratio:390/844}

.app .feature svg{background:var(--purple)}
.soon{list-style:none;margin:40px auto 0;padding:24px 28px;max-width:860px;border:1.5px dashed rgba(52,9,89,.3);border-radius:var(--radius);display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px}
.soon li{display:flex;gap:10px;align-items:baseline;color:var(--ink-2)}
.soon li::before{content:"";flex:none;width:9px;height:9px;transform:rotate(45deg);background:var(--gold-app);position:relative;top:-1px}
.soon li b{color:var(--ink)}
.soon-head{grid-column:1/-1;font:700 1.15rem var(--head);color:var(--purple)}
@media (max-width:700px){.soon{grid-template-columns:1fr;padding:20px}}

.app .step-n,.app .process li:first-child .p-n{background:linear-gradient(135deg,var(--purple-1),var(--purple));color:#fff}
.note{margin:28px auto 0;max-width:760px;text-align:center;color:var(--ink-2);font-size:.98rem}

.app-cta{background:linear-gradient(135deg,var(--purple-1),var(--purple) 55%,var(--purple-deep));color:var(--cream);text-align:center}
.app-cta h2{margin-bottom:14px}
.app-cta .dl{justify-content:center}

.legal h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:10px}
.legal h2{font-size:1.5rem;margin:36px 0 10px}
.legal p,.legal li{color:var(--ink-2);margin-bottom:10px}
.legal .updated{color:var(--ink-2);font-size:.95rem;margin-bottom:28px}
.app-cta .sub{color:rgba(243,235,214,.8)}
.dl-meta a{color:var(--cream);text-decoration:underline}