:root{--cream:#faf7ef;--ink:#233c35;--line:#e5e1d4;--green:#173f36;--gold:#d8b679}header{height:88px;background:#faf7ef;position:relative;z-index:5}header nav{gap:23px}header nav a{font-size:12px}.brand .mark{color:#9e814f}.cinematic-hero{position:relative;min-height:660px;height:calc(100vh - 125px);max-height:900px;background:#091f2b;color:#fff5df;overflow:hidden}.cinematic-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061c2ddb 0%,#061c2d99 32%,#061c2d08 75%),linear-gradient(0deg,#07263199,transparent 55%)}.cinematic-copy{position:relative;z-index:2;padding:75px 7%;height:100%;display:flex;flex-direction:column;justify-content:center}.hero-pill{display:block;width:max-content;max-width:100%;font-size:10px;letter-spacing:1.2px;color:#dfc994;border:1px solid #edd49a4d;background:#0526385c;border-radius:50px;padding:8px 14px;margin-bottom:15px}.cinematic-copy h1{font-size:clamp(56px,6.4vw,91px);letter-spacing:-3px;line-height:1.08;margin:15px 0 25px;max-width:800px}.cinematic-copy h1 em{color:#dcc08a;font-weight:400}.cinematic-copy p{font-size:15px;line-height:1.85;color:#d7e0db;max-width:480px;margin:0}.gold-button{color:#193d35;background:#dbc18d;border:1px solid #e4cc9a;box-shadow:0 5px 25px #051c3425}.gold-button:hover{background:#efdab0}.hero-secondary{display:flex;gap:24px;align-items:center;color:#f3ecda;font-size:12px;padding:14px 8px;border-bottom:1px solid #f1dfb84d}.hero-bottom{display:flex;gap:35px;color:#b8c4c1;font-size:8px;letter-spacing:2px;margin-top:25px}.hero-verse{position:absolute;z-index:2;right:6%;bottom:65px;text-align:center;color:#e8d8b5}.hero-verse>span{font:33px/1.5 Amiri,serif;display:block}.hero-verse small{font-size:10px;display:block;margin-top:5px}.hero-verse button{font-size:8px;letter-spacing:1.5px;margin-top:12px;color:#bfc9ba}.hero-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 15% 15%,#f9db97 90%,transparent),radial-gradient(2px 2px at 47% 25%,#edddbf 90%,transparent),radial-gradient(1px 1px at 60% 8%,#edddbf 90%,transparent),radial-gradient(1px 1px at 85% 18%,#edddbf 90%,transparent);animation:starlight 6s ease-in-out infinite;pointer-events:none}@keyframes starlight{50%{opacity:.25}}.discovery-strip{display:flex;justify-content:center;gap:0;padding:26px 6%;background:#eef0e6;border-bottom:1px solid var(--line)}.discovery-strip>div{display:flex;align-items:center;gap:14px;padding:0 5%;border-right:1px solid #cdd6c2}.discovery-strip b{font:32px 'Playfair Display',serif;color:#526c55}.discovery-strip span{font-size:10px;line-height:1.7;max-width:90px;color:#5e7465}.discovery-strip>a{display:flex;gap:16px;align-items:center;padding-left:5%;font-size:27px;color:#789573}.discovery-strip>a span{max-width:none}.discovery-strip small{font-size:9px}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.path-card{height:370px;position:relative;color:white;border-radius:10px;overflow:hidden;display:block;box-shadow:0 8px 25px #183e3510}.path-card>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.path-card:hover>img{transform:scale(1.07)}.path-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#03262105 20%,#072e2cf2 100%)}.path-number{position:absolute;top:24px;left:24px;font-size:11px;letter-spacing:2px;background:#ffffeb20;padding:5px 10px;border:1px solid #ffffeb40;border-radius:40px}.path-copy{position:absolute;bottom:25px;left:25px;right:25px}.path-copy small{font-size:8px;letter-spacing:2px;color:#d7c697}.path-copy h3{font-size:30px;margin:12px 0;color:#fff9e7}.path-copy p{font-size:12px;line-height:1.8;color:#c9d8d1;max-width:290px}.path-copy>span{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #d8e2c630;font-size:10px;color:#ead7ac}.path-copy b{font-size:18px}.journey-feature{background:#102e32;border-radius:12px;padding:58px 6%;color:#f7f2df;display:grid;grid-template-columns:1fr 1fr;gap:60px;position:relative;overflow:hidden}.journey-feature:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 40%,#1c615756,transparent 60%)}.journey-feature-copy,.constellation{position:relative}.journey-feature .eyebrow{color:#c6af7b}.journey-feature h2{font-size:45px}.journey-feature p{max-width:380px;color:#adc3b8;font-size:13px}.constellation{min-height:300px}.constellation-node{position:absolute;z-index:2;display:flex;flex-direction:column;gap:8px;align-items:center}.constellation-node span{width:58px;height:58px;display:grid;place-items:center;font-size:24px;border-radius:50%;border:1px solid #bbac745c;background:#163e3c;box-shadow:0 0 35px #d1bc7715;color:#e1c88c;transition:background .3s,transform .3s}.constellation-node:hover span{background:#28524a;transform:scale(1.1)}.constellation-node small{font-size:10px;color:#cad8c9;white-space:nowrap}.node-0{top:0;left:10%}.node-1{top:15%;left:52%}.node-2{top:45%;left:80%}.node-3{top:65%;left:46%}.node-4{top:53%;left:5%}.node-5{top:92%;left:17%}.constellation-line{position:absolute;left:14%;top:35px;width:75%;height:230px;border:1px solid #93896655;border-radius:40% 70% 70% 30%;transform:rotate(14deg)}.text-link{font-size:12px;border-bottom:1px solid #b2bda8;padding:8px 0}.story-carousel{display:flex;gap:24px;overflow:auto;padding:4px 0 20px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8c9b7a transparent}.story-thumb{flex:0 0 300px;scroll-snap-align:start;display:block;border-radius:8px;overflow:hidden;background:#fcfbf5;border:1px solid #dbdfd1}.story-thumb>img{height:180px;width:100%;object-fit:cover}.story-thumb>div{padding:23px}.story-thumb small{font-size:8px;letter-spacing:1.5px;color:#a18952}.story-thumb h3{font-size:25px}.story-thumb p{font-size:12px;color:var(--muted)}.story-thumb span{font-size:11px}.reflection-wall{padding:70px 7%;background:#dfdfcd;display:grid;grid-template-columns:1fr 1fr;gap:10px 70px}.reflection-wall .eyebrow{grid-column:1/-1}.reflection-wall h2{font-size:44px;margin-top:12px}.reflection-prompts{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.reflection-prompts a{padding:18px;font-size:12px;background:#f4f3e4;border-radius:6px;display:flex;justify-content:space-between;align-items:center;min-height:85px;gap:15px}.reflection-prompts a:hover{background:white}.source{cursor:pointer;font-family:'DM Sans',sans-serif;text-align:left}.source span{font-size:8px;padding-left:6px;opacity:.65}.local-verse{padding:22px 0;border-bottom:1px solid var(--line)}.local-verse .arabic{font:32px/2.2 Amiri,serif;text-align:right;direction:rtl;color:#244e3e}.local-verse p{font-size:14px;line-height:1.85}.local-verse small{font-size:9px;letter-spacing:1px;color:#86764f}.evidence-caption{font-size:11px}.path-choice{display:flex;gap:14px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:6px;align-items:center;font-size:14px}.path-choice b{margin-left:auto}.path-choice>span{width:35px;font-size:22px}.path-choice:hover{background:#edf2e4}.journey-rail button{position:relative;padding-block:22px;border-radius:0 10px 10px 0}.journey-rail button:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;left:-5px;top:30px;background:#acb59a}.journey-rail button.active:before{background:#a08343;box-shadow:0 0 0 5px #d2ba7c38}.immersive-chapter{box-shadow:0 12px 40px #2c45350b}.immersive-chapter .chapter-image{height:330px}.immersive-chapter .chapter-body{padding:36px 40px}.chapter-intro-tools{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.story-hero{height:390px;position:relative;background:#153c3c;overflow:hidden;color:white}.story-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.story-hero>div:last-child{position:relative;z-index:2;padding:45px 7%;max-width:1000px}.story-hero h1{font-size:53px}.story-hero .eyebrow{color:#d7bf84;margin-top:25px}.story-hero p{color:#e5eadb}.story-reading{max-width:980px}.story-stepper{display:flex;gap:24px;padding:0 0 35px;border-bottom:1px solid var(--line);margin-bottom:35px}.story-stepper button{display:flex;align-items:center;gap:10px;flex:1;text-align:left;font-size:12px;color:#8b9381}.story-stepper button span{width:28px;height:28px;border-radius:50%;background:#e5e6d7;display:grid;place-items:center;flex-shrink:0}.story-stepper button.active{color:#1d4c3c}.story-stepper button.active span{background:#1d4c3c;color:#e4d4a5}.story-text{font-size:20px;color:#62715f;line-height:1.9;max-width:760px}.nature-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.nature-tile{height:360px;border-radius:10px;overflow:hidden;position:relative;padding:0;color:white;text-align:left}.nature-tile img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.nature-tile:hover img{transform:scale(1.05)}.nature-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#0c2d2be0)}.nature-tile>span{position:absolute;z-index:2;left:30px;right:30px;bottom:30px}.nature-tile small{font-size:9px;letter-spacing:2px;color:#e4d8b8}.nature-tile h2{font-size:34px}.nature-tile b{font-size:11px;font-weight:400}.modal-art{width:100%;height:200px;object-fit:cover;border-radius:7px;margin:10px 0 25px}.activity-banner{margin-top:35px;background:#e9ebd9;border:1px solid #d1d8be;border-radius:8px;padding:30px;display:flex;gap:30px;justify-content:space-between;align-items:center}.activity-banner h3{font-size:28px}.activity-banner p{font-size:12px;color:var(--muted)}.matching-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:14px;margin-top:22px}.matching-grid>div{display:flex;flex-direction:column;gap:12px}.match-item{padding:12px;border:1px solid var(--line);background:#fff;border-radius:5px;text-align:left;font-size:12px;min-height:60px}.match-item.selected{border:2px solid #a5823d;background:#fff2ce}.match-item.matched{background:#e4eeda;border-color:#a7bf8b;color:#526546}.learning-badges{margin-top:35px;border-top:1px solid var(--line);padding-top:30px}.badge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.learning-badge{padding:25px 15px;border:1px solid var(--line);border-radius:8px;text-align:center;opacity:.5;background:#f1f1e7}.learning-badge.unlocked{opacity:1;background:#e9edda;border-color:#bbc89e}.learning-badge span{display:block;font-size:35px;color:#a38a4e}.learning-badge b{font-size:11px;display:block;margin-top:10px}.learning-badge small{font-size:9px;color:var(--muted)}.search-result{width:100%;display:flex;justify-content:space-between;gap:15px;text-align:left;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.search-result small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:7px}.search-result b{font-size:12px}.verse.playing{background:#edf2e3;box-shadow:-3px 0 #aa8a4e;padding-inline:15px}.reader .notice{background:#f0eee1}.outline:hover{background:#edf0e4}.lesson:hover{border-color:#abb79b;box-shadow:0 5px 25px #273d2710}.source:hover{background:#e6edda}.source.hadith:hover{background:#e4dcc7}.section h2{max-width:800px}.mobile-nav a[aria-current]{color:#a38a4e}footer{background:#faf7ef}button:disabled{cursor:default;opacity:.8}html{scroll-behavior:smooth}@media(max-width:1100px){header nav{gap:15px}header .start.small{display:none}.cinematic-copy h1{font-size:76px}.discovery-strip>div{padding:0 4%}.discovery-strip>a{padding-left:3%}.journey-feature{gap:30px}.constellation-node span{width:49px;height:49px}.journey-feature h2{font-size:38px}.hero-verse{right:5%;bottom:40px}.path-card{height:335px}.path-copy h3{font-size:26px}}@media(max-width:800px){header nav{display:none}.cinematic-hero{height:auto;min-height:620px}.cinematic-copy{padding:65px 6%}.cinematic-copy h1{font-size:66px;max-width:500px}.cinematic-bg{object-position:60% center}.hero-verse{display:none}.hero-bottom span:last-child{display:none}.discovery-strip>div{padding:0 4%;gap:10px}.discovery-strip b{font-size:25px}.discovery-strip>a{display:none}.path-grid{gap:14px}.path-copy{left:18px;right:18px;bottom:20px}.path-copy h3{font-size:25px}.path-copy p{font-size:11px}.journey-feature{padding:40px 30px}.journey-feature h2{font-size:35px}.constellation{min-height:320px}.constellation-node small{font-size:8px}.reflection-wall{gap:20px;grid-template-columns:1fr}.reflection-wall h2{font-size:38px}.reflection-prompts{max-width:600px}.story-stepper{gap:10px}.story-stepper button{font-size:10px;gap:7px}.badge-grid{grid-template-columns:repeat(3,1fr)}.activity-banner{padding:25px;flex-direction:column;align-items:start}.source{font-size:9px}.nature-tile{height:300px}}@media(max-width:560px){header{height:78px}.cinematic-hero{min-height:620px}.cinematic-copy{padding:50px 7% 190px}.cinematic-copy h1{font-size:58px;letter-spacing:-2px;line-height:1.12}.cinematic-copy p{font-size:13px}.cinematic-copy .actions{gap:10px;flex-direction:column;align-items:flex-start}.hero-pill{font-size:8px;letter-spacing:.5px;padding:7px 10px}.hero-bottom{font-size:7px;letter-spacing:1.3px}.hero-shade{background:linear-gradient(90deg,#071d2ac4,#071d2a55),linear-gradient(0deg,transparent,#071d2a66)}.cinematic-bg{object-position:67% center}.hero-stars{display:none}.discovery-strip{padding:20px 4%;justify-content:space-between}.discovery-strip>div{gap:8px;padding:0 12px}.discovery-strip>div:last-of-type{border-right:0}.discovery-strip b{font-size:27px}.discovery-strip span{font-size:8px;max-width:60px}.path-grid{grid-template-columns:1fr;gap:20px}.path-card{height:320px}.path-copy h3{font-size:32px}.path-copy{left:25px;right:25px}.path-copy p{font-size:12px}.journey-feature{grid-template-columns:1fr;padding:35px 27px;gap:32px}.journey-feature h2{font-size:38px}.constellation{height:330px;margin-right:20px;margin-bottom:20px}.constellation-node small{font-size:10px}.constellation-node span{width:53px;height:53px}.story-thumb{flex-basis:270px}.story-hero{height:360px}.story-hero h1{font-size:41px}.story-hero>div:last-child{padding:30px 6%}.story-stepper{flex-wrap:wrap;gap:13px}.story-stepper button{flex:0 0 100%;font-size:12px}.story-reading h2{font-size:34px}.story-text{font-size:18px}.nature-grid{grid-template-columns:1fr;gap:20px}.nature-tile{height:300px}.badge-grid{grid-template-columns:1fr 1fr}.learning-badge:last-child{grid-column:1/-1}.reflection-wall{padding:40px 6%}.reflection-prompts{gap:10px}.reflection-prompts a{padding:13px;font-size:11px}.immersive-chapter .chapter-image{height:235px}.immersive-chapter .chapter-body{padding:25px}.journey-rail button{padding-block:15px}.journey-rail button:before{display:none}.source span{display:none}.matching-grid{gap:10px}.match-item{font-size:11px;min-height:65px;padding:9px}.local-verse .arabic{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-stars{animation:none}}
.practice-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px;background:#e8ebdc;border-radius:8px;margin-bottom:25px}.practice-controls b{display:block;font-size:13px}.practice-controls small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.prayer-phrase{text-align:center;font:34px/2 Amiri,serif;margin:18px 0;color:#355a41}@media(max-width:560px){.practice-controls{align-items:start;flex-direction:column;padding:20px}.prayer-phrase{font-size:30px}}