@font-face{font-family:Tajawal;src:url('assets/tajawal-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/tajawal-500.ttf');font-weight:500;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/tajawal-700.ttf');font-weight:700;font-display:swap}
:root{--navy:#1A1040;--purple:#291966;--card:#241D50;--gold:#C9A86A;--cream:#FAF8F3;--slate:#6B7085;--green:#0E4F44;--border:#D9D9D9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--navy);font-family:Tajawal,Arial,sans-serif;font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{line-height:1.13;font-weight:500;letter-spacing:-.025em}h1{font-size:clamp(40px,4.3vw,66px);max-width:680px}h2{font-size:clamp(34px,3.3vw,50px)}h3{font-size:24px;line-height:1.35;font-weight:500}p{color:var(--slate)}em{font-style:normal;color:var(--purple)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:5px}header{background:#faf8f3f5;border-bottom:1px solid #1a104014;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.head{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:700;line-height:1}.brand img{object-fit:contain}.arabic-name{font-weight:400;font-size:21px;color:var(--slate);border-inline-start:1px solid #1a104020;margin-inline-start:8px;padding-inline-start:10px}nav{display:flex;gap:28px;font-size:16px}nav a:hover,.text-link:hover{color:var(--purple);text-decoration:underline;text-underline-offset:6px}.head-actions{display:flex;align-items:center;gap:18px}.lang{border:0;background:transparent;color:var(--navy);min-width:44px;min-height:44px}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--purple);color:white;min-height:52px;padding:10px 30px;border-radius:8px;font-weight:500;font-size:18px;transition:background .2s}.button:hover{background:var(--navy)}.button.small{min-height:44px;font-size:16px;padding:8px 23px}.menu{display:none;border:0;background:transparent;width:44px;height:44px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:755px;padding-block:60px 65px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;display:flex;align-items:center;gap:14px;margin-bottom:24px}.line{width:35px;height:1px;background:var(--gold)}.hero-copy>p{max-width:520px;font-size:20px;line-height:1.7;margin-top:25px}.actions{display:flex;align-items:center;gap:30px;margin-top:32px}.text-link{font-weight:500;font-size:17px;border-bottom:1px solid currentColor;padding-block:7px;display:inline-block}.hero-note{font-size:14px;color:var(--slate);margin-top:24px}.hero-art{height:580px;position:relative;background:#EEE9F5;border-radius:180px 180px 16px 16px;isolation:isolate;margin-inline-start:15px}.phone{background:#12122A;border-radius:33px;padding:7px;width:234px;box-shadow:0 20px 40px #1a104023;overflow:hidden;border:1px solid #ffffff40;flex:none}.phone img{width:100%;height:auto;border-radius:26px}.hero-art .phone{position:absolute;width:235px}.hero-art .front{top:74px;inset-inline-end:40px;transform:rotate(5deg);z-index:2}.hero-art .back{top:30px;inset-inline-start:15px;transform:rotate(-8deg);width:219px;filter:brightness(.98)}.art-label{position:absolute;inset-inline-end:34px;top:25px;font-size:11px;letter-spacing:.12em;color:var(--purple)}.art-caption{position:absolute;bottom:10px;inset-inline:22px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;color:var(--purple)}.art-caption>span:first-child{font-size:28px;font-weight:700;color:#86703f}.value-strip{border-block:1px solid #1a10401a}.value-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-block:25px}.value-strip .wrap>span{display:flex;gap:18px;justify-content:center;border-inline-end:1px solid #1a10401a}.value-strip .wrap>span:last-child{border:0}.value-strip b{font-size:12px;align-self:center;color:var(--slate);font-weight:400}.intro{padding-block:105px 95px;text-align:center}.intro>.eyebrow{justify-content:center}.intro>h2{max-width:750px;margin:auto}.intro>p{max-width:690px;margin:24px auto 42px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:start;border-top:1px solid #1a104020}.feature-grid a{padding:35px 30px 0;border-inline-end:1px solid #1a104020}.feature-grid a:last-child{border:0}.feature-number{font-size:12px;color:var(--slate);letter-spacing:.1em}.feature-grid h3{margin-block:18px 12px}.feature-grid p{font-size:17px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px}.quran-section{padding-block:95px;background:#eeeaf4}.section-copy h2{margin-bottom:25px}.section-copy>p{font-size:19px;line-height:1.8}.screen-pair{display:flex;gap:18px;align-items:start}.screen-pair .phone{width:calc(50% - 9px)}.screen-pair .offset{margin-top:65px}.details{list-style:none;margin:30px 0;padding:0;border-top:1px solid #1a104018}.details li{border-bottom:1px solid #1a104018;padding:13px 0;font-size:17px;display:flex;gap:15px}.details li:before{content:'✓';color:var(--green)}details{margin-top:25px;font-size:16px}summary{cursor:pointer;padding:10px 0}details img{max-width:220px;margin-top:16px;border-radius:16px}.prayer-section,.adhkar-section{padding-block:100px 30px}.adhkar-section{padding-block:65px 110px}.single-screen{display:flex;flex-direction:column;align-items:center;padding:45px 20px 25px;border-radius:16px;gap:20px}.gold-surface{background:#E8D5A04a}.green-surface{background:#e2ebe4}.single-screen .phone{width:240px}.surface-caption{font-size:14px;text-align:center;color:var(--slate)}.mini-feature{display:flex;align-items:flex-start;gap:20px;margin-top:28px}.mini-icon{display:grid;place-items:center;background:white;border:1px solid #1a104012;border-radius:8px;width:48px;height:48px;flex:none;font-size:27px;color:#91743d}.mini-feature h3{font-size:20px}.mini-feature p{font-size:16px;margin-top:5px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.tags span{border:1px solid #1a104020;border-radius:999px;padding:7px 16px;font-size:15px}.journey{background:var(--navy);color:var(--cream);padding-block:80px;overflow:hidden}.journey .eyebrow{color:var(--gold)}.journey h2{font-size:clamp(44px,4.5vw,68px)}.journey em{color:var(--gold)}.journey p{color:#c1bbd3;margin-top:28px}.journey-line{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff25;padding-top:25px;margin-top:35px;font-size:15px;color:var(--gold)}.journey-image{display:flex;flex-direction:column;align-items:center;gap:20px}.journey-image .phone{width:235px}.journey-image small{color:#c1bbd3;font-size:12px;text-align:center;max-width:320px}.about{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-block:100px}.about p{font-size:19px}.ayah-note{margin-top:30px;padding-inline-start:22px;border-inline-start:2px solid var(--gold)}.ayah-note h3{font-size:22px;margin-bottom:10px}.ayah-note p{font-size:17px}.privacy{border-top:1px solid #1a104025;padding-block:55px 75px;display:grid;grid-template-columns:2fr 1fr;gap:100px}.privacy h2{font-size:34px}.privacy p{margin-top:18px;font-size:17px;max-width:620px}.policy-links{display:flex;flex-direction:column;justify-content:center;gap:12px;font-size:16px}.policy-links a{text-decoration:underline;text-underline-offset:5px;width:fit-content;min-height:32px}.download{text-align:center;padding-block:80px;background:var(--card);color:var(--cream)}.download img{margin:0 auto 25px}.download .eyebrow{justify-content:center;color:var(--gold)}.download h2{max-width:750px;margin:auto}.download p{color:#c1bbd3;margin-top:20px}.store-buttons{display:flex;justify-content:center;gap:16px;margin-top:28px}.store-buttons a{min-width:185px;border:1px solid #ffffff55;border-radius:8px;padding:12px 20px;display:flex;gap:14px;text-align:start;align-items:center}.store-buttons a:hover{background:#ffffff0a}.store-symbol{font-size:32px}.store-buttons small{font-size:10px;letter-spacing:.1em;display:block}.store-buttons b{font-size:23px;font-weight:500;display:block;line-height:1.3}.download p.launch-info{font-size:14px;max-width:560px;margin:24px auto 0;scroll-margin-top:120px}.launch-info.highlight{color:var(--cream);outline:1px solid var(--gold);padding:14px;border-radius:8px}footer{padding-block:55px 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-top p{font-size:15px;margin-top:16px}.footer-top h3{font-size:16px;margin-bottom:15px}.footer-top>div>a:not(.brand){font-size:15px;color:var(--slate);display:block;width:fit-content;min-height:35px}.footer-bottom{border-top:1px solid #1a10401a;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--slate)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #6B7FD4;outline-offset:5px}section{scroll-margin-top:100px}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] h1{line-height:1.35}[dir=rtl] .hero-art .front{transform:rotate(-5deg)}[dir=rtl] .hero-art .back{transform:rotate(8deg)}
@media(min-width:1440px){.hero{min-height:790px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.head{gap:18px}nav{gap:18px}.hero{gap:20px;min-height:680px}.hero-art{height:530px}.hero-art .front{width:210px;inset-inline-end:16px}.hero-art .back{width:195px;inset-inline-start:0}.split,.about{gap:50px}.screen-pair{gap:12px}.phone{border-radius:27px;padding:6px}.phone img{border-radius:21px}.head-actions{gap:10px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.head{min-height:75px}.brand{font-size:24px}.arabic-name{display:none}nav{display:none;position:absolute;top:75px;inset-inline:0;background:var(--cream);padding:20px;border-bottom:1px solid var(--border);flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:12px 16px;min-height:44px}.menu{display:block}.head-actions{gap:8px}.button.small{padding-inline:16px}.hero{grid-template-columns:1fr;gap:45px;padding-block:45px 40px;min-height:unset}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-copy p{margin-inline:auto}.hero h1{font-size:clamp(40px,7vw,60px);max-width:650px;margin:auto}.actions{justify-content:center}.hero-art{max-width:460px;width:100%;margin:auto;height:550px}.hero-art .front{width:228px;inset-inline-end:36px}.hero-art .back{width:212px;inset-inline-start:23px}.value-strip .wrap{grid-template-columns:repeat(2,1fr);gap:20px;font-size:16px}.value-strip .wrap>span:nth-child(2){border:0}.intro{padding-block:65px}.feature-grid{gap:20px}.feature-grid a{padding:25px 10px 0}.feature-grid h3{font-size:21px}.feature-grid p{font-size:16px}.split{gap:40px}.quran-section{padding-block:60px}.quran-section .split{grid-template-columns:1fr}.quran-section .section-copy{grid-row:1}.screen-pair{max-width:480px;margin:auto;width:100%}.prayer-section,.adhkar-section{grid-template-columns:1fr;padding-block:60px 0}.section-copy{max-width:560px}.single-screen{width:100%;max-width:500px;margin:auto}.adhkar-section .section-copy{grid-row:1}.adhkar-section{padding-bottom:65px}.journey{padding-block:60px}.journey .split{grid-template-columns:1fr}.journey-image .phone{width:225px}.about{grid-template-columns:1fr;gap:25px;padding-block:65px}.privacy{grid-template-columns:1fr;gap:25px;padding-block:45px 60px}.policy-links{flex-direction:row;flex-wrap:wrap;gap:20px}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}}
@media(max-width:450px){.wrap{width:calc(100% - 40px)}body{font-size:17px}.head-actions{gap:4px}.head .brand{gap:8px}.head .brand img{width:27px;height:auto}.head .button{font-size:14px;padding-inline:12px}.lang{font-size:15px}.hero h1{font-size:40px;line-height:1.18}.hero-copy>p{font-size:18px}.eyebrow{font-size:11px;margin-bottom:20px}.hero-art{height:465px;border-radius:150px 150px 12px 12px}.hero-art .front{width:188px;top:65px;inset-inline-end:15px}.hero-art .back{width:175px;inset-inline-start:5px;top:25px}.art-label{top:19px;inset-inline-end:23px;font-size:9px}.art-caption{font-size:11px;gap:10px;bottom:11px}.art-caption>span:first-child{font-size:23px}.hero-note{font-size:13px}.actions{gap:24px}.feature-grid{grid-template-columns:1fr;gap:0}.feature-grid a{border-inline-end:0;border-bottom:1px solid #1a104020;padding:25px 0}.feature-grid h3{margin:10px 0}.intro{text-align:start}.intro>.eyebrow{justify-content:start}.intro>p{margin:20px 0 30px}.value-strip .wrap>span{gap:12px}h2{font-size:34px}.section-copy>p{font-size:18px}.single-screen .phone{width:220px}.screen-pair .offset{margin-top:40px}.screen-pair .phone{border-radius:24px;padding:5px}.screen-pair .phone img{border-radius:19px}.download{padding-block:60px}.store-buttons{flex-direction:column;align-items:center;gap:12px}.store-buttons a{width:215px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-top>div:first-child{grid-column:1/-1}.footer-top h3{font-size:16px}.footer-top>div>a:not(.brand){font-size:14px;min-height:44px}[dir=rtl] .hero h1{font-size:39px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Noor hero and home experience */
.hero-shell{background:var(--navy);color:var(--cream);overflow:hidden}.hero-shell .hero{grid-template-columns:1.04fr 1fr;min-height:780px;gap:45px;padding-block:65px 75px}.hero-shell .eyebrow{color:var(--gold)}.hero-shell h1{font-weight:700;font-size:clamp(46px,4.7vw,70px);line-height:1.25;max-width:650px}.hero-shell .hero-copy>p{color:#c7c1d9;max-width:500px;font-size:20px}.hero-shell .hero-note{color:#aaa2c1;font-size:13px;margin-top:12px}.hero-explore{display:inline-block;margin-top:25px;font-size:16px;color:var(--cream);border-bottom:1px solid #c9a86a80;padding-block:6px}.hero-explore:hover{color:var(--gold)}.store-buttons svg{width:29px;height:29px;flex:none}.hero-stores{justify-content:flex-start;margin-top:32px;gap:12px;flex-wrap:wrap}.hero-stores a{min-width:194px;background:#ffffff05;border-color:#ffffff30;transition:transform .25s,background .25s,border-color .25s}.hero-stores a:hover{transform:translateY(-3px);background:#ffffff0d;border-color:var(--gold)}.hero-stores small{color:#c7c1d9}.hero-stores b{color:var(--cream)}.hero-new.hero-art{background:transparent;border-radius:0;height:620px;margin:0;position:relative;isolation:isolate}.hero-orbit{position:absolute;inset:45px -10px 35px;border:1px solid #c9a86a25;border-radius:50%;transform:rotate(-23deg);z-index:-1}.hero-orbit:after{content:'';position:absolute;inset:25px;border:1px solid #c9a86a10;border-radius:50%}.hero-new .phone{position:absolute;box-shadow:0 28px 55px #0006;background:#12122A;border:1px solid #c9a86a50;padding:7px;width:243px;border-radius:35px}.hero-new .phone img{border-radius:28px}.hero-new .splash-phone{top:5px;inset-inline-start:5px;transform:rotate(-8deg);z-index:1;animation:splash-float 8s ease-in-out infinite}.hero-new .onboarding-phone{top:78px;inset-inline-end:0;transform:rotate(7deg);z-index:2;animation:onboarding-float 8s ease-in-out infinite}.hero-art-footer{position:absolute;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:16px;font-size:12px;color:#aaa2c1;gap:12px}.hero-art-footer>span:first-child{color:var(--gold);letter-spacing:.06em}.hero-copy{animation:hero-entrance .7s ease-out both}.home-experience{display:grid;grid-template-columns:1fr 1.05fr;gap:95px;align-items:center;padding-block:100px 70px}.home-copy>p{font-size:19px;margin-top:25px;line-height:1.85}.home-copy h2{line-height:1.35}.home-visual{background:#ede9f3;border-radius:24px;padding:35px 25px 20px;display:flex;flex-direction:column;align-items:center;gap:20px}.home-phone{width:285px;padding:7px;border-radius:34px;background:var(--navy);box-shadow:0 20px 45px #1a104025}.home-scroll{max-height:586px;overflow-y:auto;border-radius:27px;scrollbar-width:thin;scrollbar-color:var(--gold) var(--cream);overscroll-behavior:contain;direction:ltr}.home-scroll img{width:100%;height:auto;border-radius:0}.home-scroll:focus-visible{outline:2px solid #6B7FD4;outline-offset:-3px}.home-hint{font-size:13px;text-align:center;max-width:300px}.home-points{margin-top:28px}.home-points article{display:flex;gap:20px;padding-block:20px;border-top:1px solid #1a104018}.home-points article>span{font-size:12px;color:#8b7040;padding-top:6px;flex:none}.home-points h3{font-size:21px}.home-points p{font-size:16px;line-height:1.65;margin-top:6px}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.is-visible{opacity:1;transform:none}@keyframes hero-entrance{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes splash-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(-8deg)}}@keyframes onboarding-float{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(9px) rotate(7deg)}}
@media(max-width:1100px){.hero-shell .hero{gap:28px;min-height:715px}.hero-new.hero-art{height:540px}.hero-new .phone{width:210px}.hero-new .splash-phone{inset-inline-start:0}.hero-new .onboarding-phone{top:65px;inset-inline-end:0}.hero-shell h1{font-size:54px}.hero-stores a{min-width:175px;padding:12px 15px}.hero-stores b{font-size:21px}.home-experience{gap:55px}.home-phone{width:265px}.home-scroll{max-height:546px}}
@media(max-width:800px){.hero-shell .hero{grid-template-columns:1fr;gap:40px;padding-block:45px 35px}.hero-shell .hero-copy{max-width:610px;margin:auto}.hero-shell h1{font-size:clamp(42px,7.2vw,62px)}.hero-stores{justify-content:center;flex-direction:row}.hero-new.hero-art{width:min(450px,100%);height:580px;margin:auto}.hero-new .phone{width:225px}.hero-new .splash-phone{inset-inline-start:8px}.hero-new .onboarding-phone{inset-inline-end:8px;top:65px}.home-experience{grid-template-columns:1fr;gap:35px;padding-block:65px 35px}.home-copy{grid-row:1;max-width:600px}.home-visual{max-width:520px;width:100%;margin:auto}.home-points{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.home-phone{width:285px}.home-scroll{max-height:586px}}
@media(max-width:450px){.hero-shell .hero{gap:35px;padding-block:35px 28px}.hero-shell h1,[dir=rtl] .hero-shell .hero h1{font-size:41px;line-height:1.35}.hero-shell .hero-copy>p{font-size:18px;margin-top:20px}.hero-stores{gap:10px;flex-wrap:nowrap;margin-top:26px}.hero-stores a{min-width:0;width:calc(50% - 5px);padding:11px 10px;gap:9px}.hero-stores svg{width:24px;height:24px}.hero-stores b{font-size:19px;white-space:nowrap}.hero-stores small{font-size:10px;letter-spacing:0}.hero-new.hero-art{height:475px}.hero-new .phone{width:185px;border-radius:28px;padding:5px}.hero-new .phone img{border-radius:23px}.hero-new .splash-phone{inset-inline-start:0;top:0}.hero-new .onboarding-phone{inset-inline-end:0;top:48px}.hero-art-footer{font-size:11px;padding-top:12px}.hero-orbit{inset:40px -5px 35px}.home-copy h2{font-size:33px}.home-copy>p{font-size:18px}.home-points{grid-template-columns:1fr}.home-visual{padding:25px 16px 18px}.home-phone{width:260px}.home-scroll{max-height:538px}.home-hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-new .phone{animation:none!important}.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}.hero-stores a{transition:none}}
/* Consistent sections and bounded app previews */
.wrap{width:min(1200px,calc(100% - clamp(40px,7vw,96px)))}.split,.home-experience,.about{gap:clamp(40px,6vw,84px)}.split>*{min-width:0}.quran-section{padding-block:80px}.prayer-section{padding-block:80px 40px}.adhkar-section{padding-block:40px 80px}.home-experience{padding-block:80px}.about{padding-block:80px}.section-copy>p,.home-copy>p{max-width:560px}.screen-pair{max-width:490px;width:100%;margin-inline:auto}.single-screen{min-width:0}.journey-image .phone{max-width:100%}#quran-preview{border:1px solid #29196622;border-radius:14px;background:#ffffff70;margin-top:18px;overflow:hidden}#quran-preview summary{padding:15px 18px;min-height:52px;font-size:16px;font-weight:500;cursor:pointer}#quran-preview[open] summary{border-bottom:1px solid #29196615}.khatmah-preview{display:flex;flex-direction:column;align-items:center;padding:22px;gap:14px}.khatmah-viewport{width:min(260px,100%);height:340px;border-radius:20px;overflow-y:auto;border:5px solid var(--navy);box-shadow:0 12px 26px #1a104012;scrollbar-width:thin;scrollbar-color:var(--gold) var(--cream);overscroll-behavior:contain;direction:ltr}.khatmah-viewport img{width:100%;max-width:none;height:auto;margin:0;border-radius:0}.khatmah-viewport:focus-visible{outline:2px solid #6B7FD4;outline-offset:4px}.khatmah-preview p{font-size:12px;text-align:center;margin:0;color:var(--slate)}.phone{max-width:100%}.home-visual,.single-screen{overflow:hidden}.home-phone{max-width:100%}.store-buttons a{max-width:100%}
@media(min-width:801px) and (max-width:1024px){nav{gap:14px;font-size:15px}.head{gap:14px}.head .arabic-name{display:none}.single-screen .phone{width:220px}.split{gap:40px}.hero-shell h1{font-size:49px}.hero-stores{gap:10px}.hero-stores a{min-width:165px;padding-inline:12px}.hero-stores b{font-size:20px}}
@media(max-width:800px){.home-experience,.about{padding-block:56px}.quran-section{padding-block:56px}.prayer-section{padding-block:56px 28px}.adhkar-section{padding-block:28px 56px}.split,.home-experience,.about{gap:32px}.section-copy{max-width:600px;width:100%;margin-inline:auto}.section-copy h2,.home-copy h2{line-height:1.4}.single-screen{padding:30px 20px 20px}.journey{padding-block:56px}.journey .split{gap:32px}.khatmah-viewport{height:320px;width:245px}.screen-pair{max-width:440px}.screen-pair .offset{margin-top:35px}.home-visual{max-width:440px}.download{padding-block:56px}}
@media(max-width:450px){.wrap{width:calc(100% - 40px)}.section-copy h2,.home-copy h2,.about h2,.download h2{font-size:32px}.section-copy>p,.home-copy>p,.about p{font-size:17px;line-height:1.8}.hero-shell h1,[dir=rtl] .hero-shell .hero h1{font-size:38px}.hero-shell .hero-copy>p{font-size:17px}.home-scroll{max-height:510px}.home-phone{width:250px}.single-screen .phone{width:220px}.screen-pair{gap:10px}.screen-pair .phone{width:calc(50% - 5px)}.khatmah-preview{padding:18px 14px}.khatmah-viewport{width:230px;height:310px}.footer-bottom{font-size:12px}.hero-stores b{font-size:18px}.hero-stores a{gap:7px}.hero-stores svg{width:22px;height:22px}.tags span{font-size:14px}.home-points article{padding-block:17px}.home-points h3{font-size:20px}}
/* Noor design-system alignment: shared semantic tokens and a consistent rhythm */
:root{--surface-subtle:#FAF8F3;--text-primary:#1A1040;--text-secondary:#6B7085;--action-primary:#291966;--focus-ring:#6B7FD4;--radius-control:8px;--radius-surface:16px;--page-gutter:24px;--section-space:80px;--layout-gap:64px}
body{color:var(--text-primary);font-size:18px;line-height:1.65}.wrap{width:min(1200px,calc(100% - 96px))}.split,.home-experience,.about{gap:var(--layout-gap)}h2{font-size:40px;font-weight:700;line-height:1.3;letter-spacing:0}h3{font-weight:500;line-height:1.45}.section-copy h2,.home-copy h2{line-height:1.3}.section-copy>p,.home-copy>p,.about p{font-size:18px;line-height:1.75}.section-copy h2{margin-bottom:24px}.home-copy>p{margin-top:24px}.eyebrow{font-size:12px;line-height:20px;margin-bottom:24px}.section-copy .eyebrow,.home-copy .eyebrow,.about .eyebrow{color:var(--text-secondary)}.home-experience,.about{padding-block:var(--section-space)}.quran-section{padding-block:var(--section-space);background:#29196608}.home-visual{background:#29196608;border-radius:var(--radius-surface)}.gold-surface{background:#C9A86A14}.green-surface{background:#0E4F440c}.single-screen{border-radius:var(--radius-surface);padding:32px 24px 24px;gap:16px}.button,.store-buttons a{border-radius:var(--radius-control)}.button{font-size:16px;line-height:24px;min-height:48px;font-weight:500}.button.small{min-height:44px}.store-buttons small,.hero-stores small{font-size:12px;line-height:20px;letter-spacing:0}.store-buttons a{padding-block:12px}.hero-stores a{gap:12px}.hero-art-footer{font-size:12px;line-height:20px}.hero-note,.home-hint,.surface-caption,.journey-image small,.khatmah-preview p{font-size:14px;line-height:24px}.home-points article{padding-block:16px;gap:16px}.home-points article>span{color:var(--text-secondary);font-size:12px;line-height:20px}.home-points h3,.mini-feature h3{font-size:20px;line-height:28px}.home-points p,.mini-feature p{font-size:16px;line-height:26px;margin-top:8px}.details li{font-size:16px;line-height:26px;padding-block:12px}.tags{gap:8px;margin-top:24px}.tags span{font-size:14px;line-height:22px;padding:6px 12px}.mini-icon{border-radius:var(--radius-control)}.mini-feature{margin-top:24px;gap:16px}#quran-preview{border-radius:var(--radius-control)}#quran-preview summary{font-size:16px;line-height:24px;padding:12px 16px;min-height:48px}.text-link,.hero-explore{min-height:44px;display:inline-flex;align-items:center;line-height:24px}.footer-top>div>a:not(.brand){min-height:44px;font-size:14px;line-height:24px;padding-block:10px}.footer-top h3{font-size:16px;line-height:24px}.footer-bottom{font-size:14px;line-height:24px}.download p.launch-info{font-size:14px;line-height:24px}.head nav a{min-height:44px;display:inline-flex;align-items:center}.head{min-height:88px}.hero-shell .hero-copy>p{line-height:1.75}.journey .section-copy>p{line-height:1.75}[dir=rtl] .eyebrow,[dir=rtl] .hero-art-footer,[dir=rtl] .store-buttons small{letter-spacing:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}:root{--layout-gap:40px;--section-space:64px}.head nav{gap:16px}.hero-stores a{gap:10px}h2{font-size:36px;line-height:48px}}
@media(max-width:800px){:root{--layout-gap:32px;--section-space:56px}.wrap{width:calc(100% - 48px)}.head{min-height:76px}nav{top:76px}.head nav a{display:flex}.head .brand{font-size:24px}.home-experience,.about,.quran-section{padding-block:var(--section-space)}.prayer-section{padding-block:56px 24px}.adhkar-section{padding-block:24px 56px}.hero-shell .hero-copy>p{font-size:18px}.hero-shell .hero-copy{width:100%}.hero-stores{justify-content:center}.hero-stores a{min-width:0}.single-screen{padding:24px 24px 20px}.journey{padding-block:56px}.download{padding-block:56px}h2,.section-copy h2,.home-copy h2,.about h2,.download h2{font-size:32px;line-height:44px}.section-copy>p,.home-copy>p,.about p{font-size:16px;line-height:26px}.home-hint,.surface-caption{font-size:14px;line-height:22px}}
@media(max-width:450px){.wrap{width:calc(100% - 48px)}.head{gap:8px}.head-actions{gap:2px}.head .brand{font-size:22px;gap:8px}.head .brand img{width:25px}.head .button.small{padding-inline:10px;font-size:14px}.head .lang{min-width:40px}.hero-shell h1,[dir=rtl] .hero-shell .hero h1{font-size:36px;line-height:48px}.hero-shell .hero-copy>p{font-size:16px;line-height:26px}.hero-stores{gap:8px}.hero-stores a{width:calc(50% - 4px);padding:10px 8px;gap:7px}.hero-stores svg{width:21px;height:21px}.hero-stores b{font-size:18px;line-height:26px}.hero-stores small{font-size:12px;line-height:18px}.hero-new .phone{width:178px}.hero-new.hero-art{height:460px}.hero-art-footer{font-size:12px;line-height:20px}.hero-art-footer>span:last-child{max-width:185px}.home-phone{width:min(250px,100%)}.home-visual{padding:24px 16px 16px}.single-screen .phone{width:216px}.journey h2{font-size:40px;line-height:52px}.home-points h3{font-size:18px;line-height:28px}.footer-bottom{font-size:14px;line-height:24px}}
.lang{display:inline-flex;align-items:center;justify-content:center}.faq{padding-block:56px 64px;border-top:1px solid #1a104018}.faq h2{margin-bottom:24px}.faq details{border-bottom:1px solid #1a104020;margin:0;padding-block:8px}.faq summary{font-size:18px;font-weight:500;min-height:48px;line-height:28px;padding-block:12px;cursor:pointer}.faq details p{font-size:16px;line-height:26px;max-width:800px;margin:8px 0 20px}.faq .eyebrow{color:var(--slate)}
/* Hero composition follows available viewport space without clipping content. */
.hero-shell .hero{min-height:0;padding-block:40px 48px;gap:48px;grid-template-columns:1.08fr 1fr}.hero-shell h1{font-size:clamp(42px,3.8vw,56px);line-height:1.2;max-width:600px}.hero-shell .eyebrow{margin-bottom:20px}.hero-shell .hero-copy>p{font-size:18px;line-height:1.65;margin-top:20px;max-width:510px}.hero-shell .hero-stores{margin-top:24px}.hero-shell .hero-explore{margin-top:16px}.hero-shell .hero-note{display:none}.hero-new.hero-art{height:clamp(460px,calc(100svh - 184px),540px);width:100%;max-width:520px;justify-self:center}.hero-new .phone{width:calc((clamp(460px,calc(100svh - 184px),540px) - 80px) / 2.18);padding:6px;border-radius:30px}.hero-new .phone img{border-radius:24px}.hero-new .splash-phone{top:10px;inset-inline-start:8px}.hero-new .onboarding-phone{top:50px;inset-inline-end:12px}.hero-art-footer{padding-top:12px;min-height:34px}.hero-orbit{inset:25px 0 38px}.hero-shell .hero-stores a{padding:10px 16px;min-width:178px}.hero-shell .hero-stores b{font-size:21px;line-height:28px}.hero-shell .hero-stores small{font-size:12px;line-height:18px}
@media(min-width:801px) and (max-height:820px){.hero-shell .hero{padding-block:28px 32px;gap:36px}.hero-shell h1{font-size:44px;line-height:1.2}.hero-shell .eyebrow{margin-bottom:16px}.hero-shell .hero-copy>p{font-size:17px;margin-top:16px;line-height:1.6}.hero-shell .hero-stores{margin-top:20px}.hero-shell .hero-explore{margin-top:10px}}
@media(min-width:801px) and (max-width:1100px){.hero-shell .hero{gap:32px}.hero-shell h1{font-size:44px}.hero-shell .hero-stores a{min-width:164px;padding-inline:12px}.hero-shell .hero-stores b{font-size:20px}}
@media(max-width:800px){.hero-shell .hero{grid-template-columns:1fr;padding-block:36px 32px;gap:32px}.hero-shell h1{font-size:clamp(36px,6.5vw,48px);line-height:1.3;max-width:620px}.hero-shell .hero-copy>p{font-size:17px;margin-top:16px;max-width:550px}.hero-shell .hero-stores a{min-width:176px}.hero-new.hero-art{height:520px;width:min(430px,100%)}.hero-new .phone{width:205px}.hero-new .splash-phone{inset-inline-start:8px;top:8px}.hero-new .onboarding-phone{inset-inline-end:8px;top:48px}.hero-art-footer{bottom:0}.hero-shell .hero-explore{margin-top:12px}}
@media(max-width:450px){.hero-shell .hero{padding-block:28px;gap:28px}.hero-shell h1,[dir=rtl] .hero-shell .hero h1{font-size:34px;line-height:1.35}.hero-shell .hero-copy>p{font-size:16px;line-height:26px}.hero-shell .hero-stores{margin-top:20px;gap:8px}.hero-shell .hero-stores a{min-width:0;width:calc(50% - 4px);padding:10px 8px;gap:7px}.hero-shell .hero-stores b{font-size:18px;line-height:26px}.hero-new.hero-art{height:440px;max-width:340px}.hero-new .phone{width:172px;padding:5px;border-radius:26px}.hero-new .phone img{border-radius:21px}.hero-new .splash-phone{inset-inline-start:2px;top:8px}.hero-new .onboarding-phone{inset-inline-end:2px;top:44px}.hero-art-footer{font-size:12px;line-height:20px}.hero-shell .hero-explore{font-size:15px}}
/* Noor header: stable geometry, quiet feedback and comfortable touch targets. */
header{background:rgba(250,248,243,.97);box-shadow:0 2px 16px #1a104005}
.head{min-height:80px;gap:24px}
.head .brand{flex-shrink:0;min-height:48px;gap:10px;font-size:26px}
.head .brand img{width:32px;height:37px;object-fit:contain}
.head nav{align-items:center;gap:4px;font-size:16px;font-weight:500}
.head nav a{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:8px;white-space:nowrap;transition:color 180ms ease,background-color 180ms ease}
.head nav a:hover{text-decoration:none}
.head-actions{gap:10px;flex-shrink:0}
.head .lang,.head .menu{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px;transition:background-color 180ms ease,color 180ms ease}
.head .lang{font-size:15px;font-weight:500}
.head .menu{display:none;font-size:25px;line-height:1;color:var(--navy)}
.head .button.small{min-height:44px;padding:8px 20px;font-size:16px;white-space:nowrap;transition:background-color 180ms ease}
header a:focus-visible,header button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
@media(hover:hover){.head nav a:hover,.head .lang:hover,.head .menu:hover{background:#2919660a;color:var(--purple)}}
@media(min-width:901px) and (max-width:1100px){.head{gap:16px}.head nav a{padding-inline:10px}.head nav{font-size:15px}.head .arabic-name{display:none}}
@media(max-width:900px){.head{min-height:72px;gap:12px}.head .brand{font-size:24px}.head .arabic-name{display:none}.head .menu{display:inline-flex}.head nav{display:none;position:absolute;top:100%;inset-inline:0;max-height:calc(100svh - 72px);overflow-y:auto;overscroll-behavior:contain;background:var(--cream);padding:12px 24px 20px;border-bottom:1px solid #1a104018;box-shadow:0 16px 24px #1a104010;flex-direction:column;align-items:stretch;gap:4px}.head nav.open{display:flex}.head nav a{justify-content:flex-start;min-height:48px;padding:10px 16px;font-size:17px}.head-actions{gap:6px}.head .button.small{padding-inline:16px}.head nav.open{animation:noor-menu-in 180ms ease-out}}
@media(max-width:450px){.head{min-height:68px;gap:8px}.head .brand{font-size:22px;gap:8px}.head .brand img{width:27px;height:32px}.head-actions{gap:2px}.head .button.small{font-size:14px;padding-inline:12px}.head nav{max-height:calc(100svh - 68px)}}
@media(max-width:359px){.head>.brand>span{display:none}.head .button.small{padding-inline:10px}}
@keyframes noor-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.head a,.head button{transition:none}.head nav.open{animation:none}}
.head nav a::after{content:"";position:absolute;inset-inline:14px;bottom:4px;height:2px;border-radius:2px;background:var(--purple);opacity:0;transition:opacity 180ms ease}
.head nav a.is-current{color:var(--purple);background:#2919660a}
.head nav a.is-current::after{opacity:1}
@media(max-width:900px){.head nav a::after{inset-inline:16px auto;width:24px;bottom:5px}}
@media(prefers-reduced-motion:reduce){.head nav a::after{transition:none}}
/* Shared brand geometry and footer rhythm. */
:root{--motion-feedback:180ms;--section-space:80px}
.brand img,.head .brand img{width:32px;height:auto;aspect-ratio:135/166;object-fit:contain;flex-shrink:0}
.brand{flex-shrink:0}.brand>span{white-space:nowrap}
footer.wrap{padding-block:64px 24px;border-top:1px solid #1a104014}
.footer-top{grid-template-columns:minmax(240px,1.7fr) repeat(3,minmax(0,1fr));gap:48px;align-items:start}
footer .brand{gap:10px;min-height:48px;font-size:26px}
footer .brand .arabic-name{display:inline;font-size:21px}
.footer-top p{font-size:16px;line-height:26px;margin-top:16px;max-width:300px}
.footer-top h3{font-size:16px;line-height:26px;font-weight:700;margin-bottom:12px}
.footer-top>div>a:not(.brand){display:flex;align-items:center;font-size:16px;line-height:26px;min-height:44px;padding-block:8px;color:var(--slate);border-radius:4px;transition:color 180ms ease;text-underline-offset:5px}
.footer-bottom{margin-top:40px;padding-top:24px;gap:16px;font-size:14px;line-height:24px;align-items:center}
@media(hover:hover){.footer-top>div>a:not(.brand):hover{color:var(--purple);text-decoration:underline}}
.button,.text-link,.hero-explore,.store-buttons a{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease}
.hero-stores a:hover{transform:none}
@media(max-width:900px){.footer-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){footer.wrap{padding-block:48px 24px}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.footer-top>div:first-child{grid-column:1/-1}.footer-top h3{margin-bottom:8px}.footer-top>div>a:not(.brand){font-size:15px}.footer-bottom{margin-top:32px;padding-top:20px}footer .brand{font-size:24px}}
@media(max-width:450px){.head .brand img{width:27px;height:auto}}
@media(prefers-reduced-motion:reduce){.button,.text-link,.hero-explore,.store-buttons a,.footer-top a{transition:none}}