/* Template geometry retained; ZikrSoul product styling is isolated here. */
:root{--body-bg:#05050b;--primary:#bc9be8;--lavender:#eee1f8;--button-border:#c9a9f5;--body-text:#cec7d8cc}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.zs-wordmark{display:inline-flex;align-items:center;gap:10px;color:white;font:600 24px "Instrument Sans",sans-serif;white-space:nowrap}.zs-wordmark img{width:32px;height:32px;border-radius:9px}.zs-eyebrow{font-size:11px;letter-spacing:.16em;color:#ddc5f1;padding:10px 0}
.zs-pillars{display:flex;justify-content:space-between;gap:24px;color:#b9adca;font-size:18px;padding:22px 0}.zs-phone{border:7px solid #29272f;border-radius:38px;box-shadow:0 0 0 2px #77717e,0 25px 65px #0009;aspect-ratio:556/1164;object-fit:cover;object-position:top;background:#000}.process-screen{object-fit:cover;object-position:top}.app-image{max-height:620px;object-fit:contain}.zs-offline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.zs-offline-grid article{border:1px solid #ffffff20;border-radius:24px;padding:30px;background:linear-gradient(145deg,#22152c88,#08070d)}.zs-offline-grid article>span{font-size:14px;color:#c1a1e7}.zs-offline-grid h3{font-size:25px;line-height:1.2;margin:28px 0 16px}.zs-offline-grid p{font-size:16px;color:#bdb4c9;line-height:1.6}.zs-download-note{text-align:center;color:#aaa0b7;font-size:13px;margin:24px 0 0}.footer-ticker-text{font-family:"Instrument Sans",sans-serif}
@media(max-width:767px){.zs-pillars{display:grid;grid-template-columns:1fr 1fr;padding:20px 24px;font-size:14px}.zs-offline-grid{grid-template-columns:1fr}.zs-phone{border-width:5px;border-radius:28px}.zs-wordmark{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.zs-simulator-phone{overflow:hidden;border-radius:37px;aspect-ratio:812/1632;width:50%;max-width:50%;background:transparent}.zs-simulator-phone>img{display:block;width:100%;max-width:none;transform:translateY(-6.85%)}.zs-simulator-inside{object-position:0 100%;height:100%;object-fit:cover}.zs-simulator-full{clip-path:inset(7.2% 0 0 0 round 25px)}

/* Content remains readable if the retained template animation engine is blocked. */
.banner-mockup,.banner-hand,.banner-user-wrap,.banner-title,.banner-details,.banner-button-wrap{visibility:visible!important}.app-image,.app-content-wrapper,.cta-v1-content-wrap{opacity:1!important}.how-it-work-image{object-fit:contain}