@charset "UTF-8";
:root{--paper:#f6f4ec;--ink:#153a32;--muted:#5d6f65;--green:#083e34;--mint:#b7d6bd;--line:#d8dfd2;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.04em}h1{font-size:clamp(52px,6.2vw,88px)}h1 em{font-weight:400;color:#58785d}h2{font-size:clamp(38px,4.2vw,56px)}h3{font-size:23px;line-height:1.25;letter-spacing:-.025em}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:10;padding:12px;background:white}.skip:focus{top:12px}:focus-visible{outline:3px solid #b5803f;outline-offset:6px;border-radius:4px}[hidden]{display:none!important}.header{display:flex;align-items:center;justify-content:space-between;min-height:104px;gap:32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1px}.brand img{border-radius:24%;flex:none}.header nav{display:flex;gap:34px;margin-left:auto;font-size:14px}.header nav a{text-decoration:none}.header nav a:hover,.text-link:hover{text-decoration:underline}.language{display:flex;align-items:center;gap:7px;font-size:12px;color:#708075}.language button{border:0;background:none;color:var(--muted);padding:10px 4px;cursor:pointer;font-size:12px;min-height:44px;min-width:30px}.language button[aria-pressed=true]{color:var(--ink);font-weight:750}.hero{min-height:770px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding-block:70px 85px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--green);line-height:1.7}.tiny-sun{font-size:18px;margin-right:7px}.hero .eyebrow{margin-bottom:28px}.lede{font-size:18px;line-height:1.8;max-width:480px;margin-top:28px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:54px;border-radius:100px;padding:14px 24px;text-decoration:none;font-size:14px;font-weight:600;transition:transform .18s,background-color .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:#fff9e9}.primary:hover{background:#17604d}.text-link{font-size:13px;font-weight:600;text-decoration:none}.release-note{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:23px;line-height:1.6}.status-dot{width:6px;height:6px;background:#729b7b;border-radius:50%;flex:none}.play-link{display:inline-flex;align-items:center;gap:8px;margin-top:23px;font-size:13px;font-weight:650}.play-link svg{width:24px;height:24px}.hero-art{min-height:620px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;width:100%;aspect-ratio:1;border-radius:50%;background:#e4e9da;z-index:-1;top:70px}.orbit:after{content:"";position:absolute;inset:25px;border:1px solid #cfd8c7;border-radius:50%}.phone{background:#0b211e;padding:7px;border:1px solid #496359;border-radius:34px;overflow:hidden;box-shadow:0 20px 45px #06291d24}.phone img{width:100%;border-radius:27px}.hero-phone{width:268px;transform:rotate(5deg)}.art-label{position:absolute;font:italic 14px var(--serif);color:#687d66}.label-top{top:10px;right:30px;transform:rotate(5deg)}.label-bottom{bottom:0;left:0;transform:rotate(-5deg)}.leaf{width:52px;height:90px;border-radius:100% 0 100% 0;background:#91ae8e;position:absolute;bottom:65px;right:15px;transform:rotate(25deg)}.language-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:27px}.language-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.language-band p{font-size:12px}.language-band .wrap>div{display:flex;gap:25px;align-items:center;font-size:13px}.section{padding-block:110px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:18px 100px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:10px}.section-heading>p:last-child{font-size:16px;align-self:center;max-width:390px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.features-grid article{border-top:1px solid #c4cfc1;padding-top:20px}.feature-number{font-size:11px;color:#668267;letter-spacing:.1em}.features-grid h3{margin:25px 0 16px;max-width:270px}.features-grid p{font-size:14px;line-height:1.85}.screen-section{padding-block:80px;background:#e9eddf}.screen-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.screen-heading .eyebrow{margin-bottom:18px}.screen-heading>p{font-size:12px;max-width:220px}.screen-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.poster{margin:0;border-radius:18px;padding:25px 23px 0;overflow:hidden;height:485px;position:relative}.poster figcaption{height:122px}.poster figcaption>span{font-size:8px;letter-spacing:.13em;font-weight:700}.poster h3{font:400 25px/1.15 var(--serif);letter-spacing:-.025em;margin-top:13px}.poster-prayer{background:#0e4239;color:#fff7df}.poster-tasbih{background:#d9c5a6;color:#423a2c}.poster-style{background:#c9d6c8;color:#243f35}.poster-language{background:#172b44;color:#e4ebf3}.poster-phone{width:100%;padding:5px;border-radius:25px;box-shadow:0 15px 25px #10261d25;transform:translateY(10px)}.poster-phone img{border-radius:20px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.faq .eyebrow{margin-bottom:25px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-size:15px;font-weight:600;cursor:pointer;padding-right:14px}details p{padding-top:15px;font-size:14px;max-width:520px}.support-banner{background:var(--green);color:var(--paper);border-radius:24px;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding:60px 70px;margin-bottom:85px;overflow:hidden;align-items:center}.support-banner .eyebrow{color:#bad3b6;font-size:9px}.support-banner h2{margin:20px 0}.support-banner p:not(.eyebrow){color:#c4d4c6;font-size:14px;max-width:460px}.cream{background:#f2eedc;color:#193d32;margin-top:28px}.support-symbol{font-family:var(--serif);font-size:220px;line-height:1;color:#b2d1a6;text-align:center;font-weight:400}.footer{display:flex;align-items:center;gap:27px;flex-wrap:wrap;padding:26px 0 35px;border-top:1px solid var(--line)}.footer .brand{font-size:20px}.footer p{font-size:12px;margin-right:auto}.footer>a:not(.brand),.footer small{font-size:11px;color:var(--muted)}.support-page{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;padding-block:100px 130px}.support-intro h1{font-size:clamp(46px,5vw,70px);margin-top:25px}.support-intro .button{margin-top:30px}.support-intro>.text-link{display:inline-block;margin-top:30px}.support-intro>.release-note{display:block;max-width:350px}.support-card{background:#e6ebdf;border:1px solid #d3ddce;border-radius:24px;padding:45px}.support-card>img{border-radius:20px;margin-bottom:30px}.support-card h2{font-size:36px;margin-bottom:23px}.support-card p,.support-card li{font-size:14px}.support-card ul{padding-left:20px;margin-block:28px;line-height:2;color:#415e4c}.support-thanks{border-top:1px solid #cad5c5;padding-top:23px}
@media(min-width:1500px){.hero{min-height:810px}.hero-art{transform:scale(1.05)}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px;min-height:700px}.hero-art{min-height:540px}.hero-phone{width:225px}.hero h1{font-size:60px}.hero .lede{font-size:16px}.label-top{right:0}.leaf{right:0;width:35px;height:65px}.language-band .wrap{flex-direction:column;gap:14px}.section-heading{gap:20px 40px}.features-grid{gap:30px}.screen-gallery{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:0 24px 20px;width:100%;scrollbar-color:#8da38d transparent}.poster{min-width:265px;width:265px;scroll-snap-align:center;height:520px}.faq{gap:50px}.support-banner{padding:45px;gap:30px;grid-template-columns:.5fr 1fr}.support-symbol{font-size:170px}.support-page{gap:45px}.support-card{padding:30px}.support-intro h1{font-size:52px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{min-height:86px;gap:12px;flex-wrap:wrap;padding-block:15px}.brand{font-size:23px}.brand img{width:35px;height:35px}.header nav{order:3;width:100%;justify-content:space-between;gap:15px;font-size:12px;padding-top:4px}.header .language{margin-left:auto}.hero{grid-template-columns:1fr;padding-block:45px 30px;gap:28px;min-height:unset}.hero h1{font-size:clamp(48px,12vw,66px)}.hero .eyebrow{margin-bottom:20px;font-size:9px}.lede{font-size:16px;margin-top:20px;max-width:450px}.actions{gap:22px;margin-top:26px}.button{min-height:50px;padding:13px 21px;font-size:13px}.text-link{font-size:12px}.hero-art{min-height:565px;max-width:390px;width:100%;margin:auto}.hero-phone{width:230px}.orbit{width:98%;top:80px}.label-top{top:16px;right:8px}.label-bottom{left:3px;bottom:5px}.leaf{right:5px;bottom:50px}.language-band{padding-block:22px}.language-band .wrap>div{justify-content:center;flex-wrap:wrap;gap:8px 19px;font-size:12px}.language-band p{font-size:11px}.section{padding-block:65px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading .eyebrow{margin-bottom:0}.section-heading>p:last-child{font-size:14px}.features-grid{grid-template-columns:1fr;margin-top:38px;gap:30px}.features-grid h3{margin-top:12px;max-width:none;font-size:22px}.features-grid p{max-width:470px}.screen-section{padding-block:55px 35px}.screen-heading{display:block;margin-bottom:28px}.screen-heading>p{margin-top:20px;max-width:280px}.screen-gallery{width:100%;padding-inline:20px}.poster{min-width:260px;width:260px;height:510px}.faq{grid-template-columns:1fr;gap:30px}.faq .eyebrow{margin-bottom:15px}.support-banner{display:block;padding:33px 27px;margin-bottom:45px;border-radius:18px}.support-symbol{display:none}.support-banner h2{font-size:40px}.support-banner .eyebrow{font-size:8px}.footer{gap:18px 24px;padding-block:24px}.footer p{flex-basis:calc(100% - 135px);font-size:11px}.footer small{margin-left:auto}.support-page{grid-template-columns:1fr;gap:45px;padding-block:50px 65px}.support-intro h1{font-size:50px}.support-card{padding:30px}.support-card h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}