:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;scroll-behavior:smooth;--color-islamic-green: #0D7C66;--color-islamic-green-light: #41B8A5;--color-islamic-gold: #D4AF37;--color-islamic-beige: #F5F1E8;--color-islamic-cream: #FFFDF7;--color-islamic-brown: #8B7355;--color-soft-white: #FFFFFF;--bg-primary: var(--color-islamic-beige);--bg-card: var(--color-islamic-cream);--text-primary: var(--color-islamic-brown);--text-secondary: #5C4B35;--accent-primary: var(--color-islamic-green);--accent-secondary: var(--color-islamic-gold);color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;font-size:16px}#root{width:100%;margin:0 auto}h1,h2,h3,h4,h5,h6{line-height:1.1;text-wrap:balance}p{text-wrap:pretty}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-padding{padding:clamp(4rem,8vw,10rem) 1.5rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s}a{font-weight:500;color:inherit;text-decoration:none;transition:opacity .3s}a:hover{opacity:.8}@media(max-width:768px){:root{font-size:14px}.container{padding:0 1.25rem}}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;grid-auto-flow:dense}.feature-card{grid-area:auto}.span-2-2{grid-area:span 2 / span 2}.span-2-1{grid-area:span 2 / span 1}.span-1-2{grid-area:span 1 / span 2}.span-1-1{grid-area:span 1 / span 1}@media(max-width:968px){.features-grid{grid-template-columns:1fr 1fr}.span-2-2{grid-area:span 1 / span 2}}@media(max-width:640px){.features-grid{grid-template-columns:1fr;gap:1.5rem}.span-2-2,.span-2-1,.span-1-2,.span-1-1{grid-area:auto!important}}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.phone-mockup-container{width:320px;height:640px;max-width:100%;aspect-ratio:1 / 2;margin:0 auto}@media(max-width:968px){.download-grid{grid-template-columns:1fr;gap:3rem;text-align:center}.download-grid>div:first-child{align-items:center}}@media(max-width:480px){.phone-mockup-container{height:auto}}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4rem;margin-bottom:4rem}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:3rem}}@media(max-width:640px){.footer-grid{grid-template-columns:1fr;gap:1.5rem;text-align:left}.footer-grid>div:first-child{margin-bottom:1rem}}.testimonial-card{min-width:380px;width:380px}@media(max-width:480px){.testimonial-card{min-width:auto;width:85vw;flex-shrink:0}}@media(prefers-color-scheme:light){:root{color:var(--text-primary);background-color:var(--bg-primary)}}