@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Bold.woff2') format('woff2');font-style:normal;font-weight:600 900;font-display:swap}
@font-face{font-family:Amiri;src:url('../fonts/Amiri-Arabic.woff') format('woff');font-weight:400;font-display:swap}
:root{--green:#075b4e;--green-deep:#06473e;--ink:#163d35;--text:#4b625b;--muted:#61756e;--line:#dde8e2;--surface:#f5f9f6;--mint:#e8f3ed;--white:#fff;--radius:18px;--font:Vazirmatn,Tahoma,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-width:100%}img{display:block;height:auto}button{border:0}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:700;line-height:1.65}p{color:var(--text)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #d29a36;outline-offset:4px}.icon{display:inline-block;flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;right:12px;padding:10px 16px;transform:translateY(-150%);background:#fff;border:2px solid var(--green);z-index:100;border-radius:8px}.skip-link:focus{transform:none}.eyebrow{font-size:14px;color:var(--green);display:flex;align-items:center;gap:10px}.little-line{display:inline-block;width:24px;height:1px;background:var(--green)}
/* Header and conversion controls */
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:88px;border-bottom:1px solid #edf2ee;gap:16px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0;flex-shrink:1}.brand img{width:44px;height:44px;flex-shrink:0}.brand>span{overflow-wrap:anywhere;font-weight:700;font-size:24px;line-height:1.4}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:3px}.site-header .brand{max-width:65%}.header-download{flex-shrink:0;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--green);padding:10px 0;min-height:44px}.header-download .icon{width:19px;height:19px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:12px 27px;background:var(--green);color:#fff;border:1px solid transparent;border-radius:12px;font-size:16px;font-weight:700;line-height:1.7;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;text-align:center}.button:hover{background:var(--green-deep);box-shadow:0 8px 20px #075b4e1a;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button .icon{width:21px;height:21px}.button-light{background:#fff;color:var(--green)}.button-light:hover{background:#edf6f0;color:var(--green-deep)}.button-outline{background:transparent;color:var(--green);border-color:#b7cec2}.button-outline:hover{background:var(--mint);color:var(--green)}.button-small{min-height:46px;padding:9px 20px;font-size:14px}.full-width{width:100%}.quiet-link{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:14px;min-height:44px}.quiet-link:hover,.site-footer>a:hover{text-decoration:underline;text-underline-offset:5px}.centered{display:flex;justify-content:center}.free-note{display:flex;gap:6px;align-items:center;justify-content:center;font-size:13px;margin-top:13px;color:var(--muted)}.free-note .icon{width:17px;height:17px;color:var(--green)}
/* Mobile hero: the download action precedes the visual in document order. */
.hero{display:grid;padding-top:37px;padding-bottom:38px;gap:32px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:13px}.hero h1{font-size:clamp(29px,7.8vw,38px);line-height:1.65;letter-spacing:-.8px;margin-top:15px}.hero h1 span{color:var(--green)}.hero-description{font-size:16px;line-height:2;margin-top:14px}.hero-action{margin-top:23px}.hero-action .button{width:100%;box-shadow:0 8px 20px #075b4e17}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:23px 0 61px;isolation:isolate}.visual-orbit{position:absolute;z-index:-2;width:95%;height:85%;background:#ecf5ef;border-radius:48% 48% 14% 14%;bottom:33px}.hero-pattern{position:absolute;inset:auto;z-index:-1;width:110%;height:auto;max-width:480px;opacity:.34;top:9px}.device-frame{position:relative;width:min(248px,73%);padding:7px;border-radius:37px;background:linear-gradient(135deg,#a5b9af,#f0f5f1 35%,#739283 80%);box-shadow:0 25px 32px -22px #163d3560,0 0 0 1px #90a99a;transform:rotate(-5deg);animation:device-float 7s ease-in-out infinite}.device-frame::after{content:'';position:absolute;top:72px;left:-2px;width:2px;height:48px;border-radius:3px;background:#91a99b}.quran-cover{border:1px solid #50775e;border-radius:31px;min-height:445px;background:linear-gradient(165deg,#fbfcf3,#f1f4e6 70%,#e0ebd9);padding:30px 12px 22px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.quran-cover::before{position:absolute;content:'';inset:10px;border:1px solid #c1d2b7;border-radius:22px;pointer-events:none}.cover-top{display:flex;align-items:center;gap:6px;width:100%;justify-content:center;z-index:1}.cover-top p{font-family:Amiri,serif;color:#3d634a;font-size:18px;white-space:nowrap}.cover-top>span{width:7px;height:7px;flex-shrink:0;border:1px solid #718f69;transform:rotate(45deg)}.cover-medallion{width:100%;aspect-ratio:1;position:relative;display:grid;place-items:center;margin-top:-3px}.cover-medallion>img{width:100%;height:100%;position:absolute;opacity:.8}.cover-medallion>div{position:relative;text-align:center;padding-bottom:5px}.cover-medallion p{font-family:Amiri,serif;font-size:31px;color:#2e553d;line-height:1.7}.cover-medallion span{font-size:13px;color:#54734e}.cover-bottom{text-align:center;z-index:1}.cover-flower{font-size:27px;color:#53764e}.cover-bottom p{font-size:11px;color:#4e6f48;margin:6px 0 13px}.cover-rule{display:block;width:64px;margin:auto;height:1px;background:#c0ceb2}.app-screen{width:100%;height:auto;aspect-ratio:1/2;object-fit:contain;border-radius:31px;background:#f7faf4}.visual-caption{position:absolute;bottom:5px;background:#fff;border:1px solid #e1ebe4;border-radius:10px;box-shadow:0 8px 25px #183c3610;display:flex;align-items:center;gap:9px;padding:12px 18px;font-size:12px;color:var(--text);transform:rotate(0)}.visual-caption .icon{color:var(--green);width:21px;height:21px}
/* Content rhythm and original geometric artwork */
.value-section{background:var(--surface);border-block:1px solid #e9f0eb;padding-block:46px}.section-heading{text-align:center;margin-bottom:32px}.section-heading .eyebrow{justify-content:center;margin-bottom:8px}.section-heading h2{font-size:24px;line-height:1.8}.value-grid{display:grid;gap:0}.value-grid article{padding:22px 10px;text-align:center}.value-grid article+article{border-top:1px solid var(--line)}.value-icon{display:inline-grid;place-items:center;width:47px;height:47px;background:var(--mint);color:var(--green);border:1px solid #dcebe0;border-radius:13px}.value-grid h3{font-size:18px;margin:12px 0 7px}.value-grid p{max-width:290px;margin:auto;font-size:16px;line-height:1.95}.free-section{display:grid;gap:26px;padding-block:52px}.free-art{display:grid;place-items:center;position:relative;isolation:isolate;min-height:266px;overflow:hidden}.free-art::before{content:'';position:absolute;z-index:-2;inset:10px 0;background:linear-gradient(115deg,#edf6ef,#f5f9f2);border-radius:6px 70px 6px 6px}.free-art>img{height:250px;width:250px;opacity:.52;transform:rotate(22.5deg)}.free-art>span{position:absolute;font-family:Amiri,serif;font-size:78px;color:#426847;padding-bottom:12px}.art-ring{position:absolute;inset:33px 45px;border:1px solid #d2e2d0;border-radius:50%;z-index:-1}.free-copy .eyebrow{font-size:13px;margin-bottom:10px}.free-copy h2{font-size:29px;line-height:1.75}.free-copy>p:not(.eyebrow){font-size:16px;line-height:2.1;margin-top:15px}.free-list{list-style:none;padding:0;margin:22px 0 0;border-top:1px solid var(--line)}.free-list li{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.free-list .icon{width:18px;height:18px;color:var(--green)}.free-list strong{margin-inline-start:auto;color:var(--green);font-weight:400}.final-section{padding-bottom:45px}.final-inner{background:var(--green-deep);color:#fff;border-radius:20px;padding:35px 22px;position:relative;isolation:isolate;overflow:hidden;text-align:center}.final-pattern{position:absolute;z-index:-1;left:-100px;bottom:-100px;width:420px;opacity:.2}.final-inner .eyebrow{color:#bcd9c5;justify-content:center;font-size:13px}.final-inner h2{font-size:25px;line-height:1.85;margin-top:8px}.final-inner p:not(.eyebrow){color:#d6e6dd;font-size:14px;margin-top:9px}.final-action{margin-top:24px}.final-action>.button{width:100%}.final-action>span{display:block;font-size:12px;color:#d1e6d9;margin-top:9px}.site-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 30px;gap:20px}.site-footer .brand{gap:8px}.site-footer .brand img{width:35px;height:35px}.site-footer .brand>span{font-size:22px}.site-footer .brand small{display:none}.site-footer>div>p{font-size:12px;color:var(--muted);margin-top:8px}.site-footer>a{font-size:13px;color:var(--text);min-height:44px;display:flex;align-items:center}.sticky-download{position:fixed;inset:auto 0 0;padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));background:#fffffff5;box-shadow:0 -5px 20px #1649380d;border-top:1px solid var(--line);z-index:20;animation:bar-enter .2s ease-out}.sticky-download .button{width:100%;min-height:52px}.landing{padding-bottom:86px}.screens-section{padding-block:48px}.screens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:25px;justify-content:center;max-width:900px;margin:auto}.screen-card{background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:10px;max-width:320px;justify-self:center}.screen-card img{width:100%;height:auto;border-radius:18px}.will-reveal{opacity:0;transform:translateY(16px)}[data-reveal]{transition:opacity .5s ease,transform .5s ease}.is-revealed{opacity:1;transform:none}
/* Shared forms and quiet public pages */
.message-page{max-width:600px;min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:36px 24px;margin:auto}.message-page h1{font-size:28px;margin-top:24px}.message-page p{margin:18px 0 27px;line-height:2}.reading-page{width:min(700px,calc(100% - 40px));margin:44px auto 90px}.reading-page h1{font-size:34px;margin:12px 0 24px}.reading-page h2{font-size:22px;margin:27px 0 10px}.reading-page p+p{margin-top:14px}.muted{color:var(--muted);font-size:14px}.privacy-preference{background:var(--surface);padding:23px;border:1px solid var(--line);border-radius:14px;margin:22px 0}.privacy-preference form{margin-top:18px}.privacy-preference small{display:block;margin-top:16px}.notice{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;font-size:14px;margin:18px 0;border:1px solid transparent}.notice.success{background:#edf7ef;color:#185f3d;border-color:#cee6d4}.notice.error{background:#fff2f0;color:#952d26;border-color:#f2cec8}.notice.warning{background:#fff8e9;color:#715322;border-color:#ecdfbc;flex-wrap:wrap}.notice a{text-decoration:underline;text-underline-offset:4px;font-weight:700}.notice ul{padding-inline-start:18px;margin:0}.field{margin-bottom:20px;min-width:0}.field label,.credentials label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:var(--ink)}.field input,.field textarea,.credentials input{width:100%;border:1px solid #c8d8d0;border-radius:9px;background:#fff;color:var(--ink);min-height:49px;padding:10px 13px;line-height:1.6;font-size:16px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #075b4e0d;outline-offset:2px}.field textarea{resize:vertical;min-height:110px}.field input[dir=ltr],.credentials input{font-family:var(--font);text-align:left;letter-spacing:.1px}.field-help{font-size:13px;line-height:1.9;color:var(--muted);margin-top:8px}.form-stack>.button{margin-top:4px}.form-stack .field:last-of-type{margin-bottom:18px}.text-button{background:transparent;color:inherit;font-weight:400;padding:8px 0;display:flex;align-items:center;gap:10px;min-height:44px}.text-button:hover{color:var(--green)}
@keyframes device-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(-4deg)}}@keyframes bar-enter{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(min-width:600px){.container{width:min(1120px,calc(100% - 64px))}.hero-action .button{width:auto;min-width:280px}.hero-action{display:inline-block}.hero-visual{max-width:460px;width:100%;justify-self:center}.hero h1{font-size:43px}.hero-description{font-size:17px}.device-frame{width:270px}.quran-cover{min-height:495px}.cover-medallion p{font-size:35px}.cover-top p{font-size:19px}.cover-bottom p{font-size:12px}.free-section{grid-template-columns:1fr 1fr;align-items:center;gap:42px;padding-block:70px}.free-art{min-height:380px;order:2}.free-art::before{inset:10px 0}.free-art>img{width:100%;height:auto}.free-copy{order:1}.free-copy h2{font-size:32px}.final-inner{padding:45px}.final-action>.button{width:auto;min-width:270px}}
@media(min-width:850px){.landing{padding-bottom:0}.site-header{min-height:100px}.header-download{border:1px solid #cfe0d7;border-radius:9px;padding:8px 17px}.header-download:hover{background:var(--surface)}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;min-height:677px;padding-top:46px;padding-bottom:55px}.hero-copy{text-align:right;padding-bottom:30px}.hero-copy .eyebrow{justify-content:flex-start;font-size:14px}.hero h1{font-size:clamp(39px,4.1vw,52px);line-height:1.65;margin-top:22px;letter-spacing:-1.25px}.hero-description{margin-top:22px;line-height:2.05}.hero-action{margin-top:31px}.hero-action .button{min-width:271px;min-height:61px}.free-note{font-size:13px}.hero-visual{padding-block:30px 63px;max-width:none;min-height:570px}.device-frame{width:273px}.quran-cover{min-height:500px}.visual-orbit{height:84%;width:96%;bottom:30px}.hero-pattern{max-width:none;width:108%;top:20px}.visual-caption{bottom:18px;right:-4px;font-size:13px;padding:15px 20px}.value-section{padding-block:55px 49px}.section-heading{margin-bottom:31px}.section-heading h2{font-size:28px}.value-grid{grid-template-columns:repeat(3,1fr);gap:24px}.value-grid article{padding:12px 23px 15px}.value-grid article+article{border-top:0;border-right:1px solid var(--line)}.value-grid h3{font-size:18px;margin-top:18px}.value-grid p{font-size:16px}.free-section{gap:100px;padding-block:83px;grid-template-columns:1fr 1.04fr}.free-copy{max-width:400px}.free-copy h2{font-size:37px;line-height:1.8}.free-copy .eyebrow{font-size:14px}.free-copy>p:not(.eyebrow){font-size:16px}.free-art{min-height:396px}.free-art>img{width:335px;height:335px}.free-art>span{font-size:100px}.art-ring{inset:38px 85px}.free-list li{padding:15px 0;font-size:15px}.final-section{padding-bottom:58px}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:right;padding:41px 50px}.final-inner .eyebrow{justify-content:flex-start}.final-inner h2{font-size:30px}.final-inner p:not(.eyebrow){font-size:15px}.final-action{margin:0}.final-action>span{text-align:center}.site-footer{padding-block:31px 39px}.site-footer>div{display:flex;align-items:center;gap:25px}.site-footer>div>p{margin:0;border-right:1px solid var(--line);padding-right:25px;font-size:13px}.site-footer>a{font-size:14px}.sticky-download{display:none!important}}
@media(max-width:359px){.container{width:calc(100% - 32px)}.hero h1{font-size:28px;letter-spacing:-.5px}.hero-copy .eyebrow{font-size:12px}.hero-description{font-size:14px}.header-download{font-size:13px}.brand>span{font-size:22px}.quran-cover{min-height:400px;padding-inline:8px}.cover-top p{font-size:16px}.cover-medallion p{font-size:28px}.final-inner{padding:30px 18px}.final-inner h2{font-size:23px}.free-copy h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.device-frame{transform:rotate(-4deg)}}