/* Noor-e-Hidayah shared mobile experience + guided homepage */
:root{--nx-emerald:#0b4035;--nx-emerald-deep:#062b25;--nx-ivory:#fbf8ef;--nx-paper:#fffdf8;--nx-gold:#b58a43;--nx-gold-soft:#ead8b2;--nx-ink:#18352e;--nx-muted:#718078;--nx-line:rgba(11,64,53,.12);--nx-shadow:0 18px 50px rgba(13,48,39,.09)}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{padding-bottom:0}a,button{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}.skip-link:focus{z-index:100001}
.quick-start-section{position:relative;isolation:isolate;padding:clamp(58px,7vw,100px) clamp(18px,6vw,84px);background:linear-gradient(180deg,var(--nx-ivory),#fffdf8 72%);color:var(--nx-ink);overflow:hidden}.quick-start-section:before{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(181,138,67,.15);border-radius:50%;right:-170px;top:-190px;pointer-events:none}.quick-start-heading{max-width:760px;margin:0 auto 34px;text-align:center}.quick-start-heading .eyebrow,.home-progress-panel .eyebrow{color:#92703a;letter-spacing:.17em;font-size:.68rem;font-weight:800}.quick-start-heading h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.4rem,5vw,4.25rem);line-height:1.02;letter-spacing:-.025em;margin:12px 0;color:var(--nx-emerald-deep)}.quick-start-heading h2 span{color:var(--nx-gold)}.quick-start-heading>p:last-child{max-width:560px;margin:0 auto;color:#6b7971;font-size:.98rem;line-height:1.75}.quick-start-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.start-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:270px;padding:26px 25px 23px;border-radius:22px;border:1px solid var(--nx-line);background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(15,55,44,.045);text-decoration:none!important;color:var(--nx-ink)!important;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.start-card:after{content:"";position:absolute;inset:auto -40px -70px auto;width:160px;height:160px;border-radius:50%;background:rgba(181,138,67,.07);pointer-events:none}.start-card:hover,.start-card:focus-visible{transform:translateY(-5px);box-shadow:var(--nx-shadow);border-color:rgba(181,138,67,.5)}.start-card:focus-visible{outline:3px solid rgba(181,138,67,.65);outline-offset:3px}.start-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e9f0e9;color:var(--nx-emerald);font-size:1.6rem;margin-bottom:20px}.start-card-quran .start-card-icon{background:#f3ead8;color:#88652d}.start-card-continue .start-card-icon{background:#e7eeeb}.start-card-tag{font-size:.63rem;font-weight:800;letter-spacing:.13em;color:#8b7652;margin-bottom:8px}.start-card strong{font-size:1.35rem;letter-spacing:-.025em;color:var(--nx-emerald-deep);margin-bottom:9px}.start-card-copy{font-size:.88rem;line-height:1.7;color:#6d7972;max-width:310px}.start-card-link{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:22px;color:var(--nx-emerald);font-size:.83rem;font-weight:800}.start-card-link b{font-size:1.1rem;color:var(--nx-gold);transition:transform .2s ease}.start-card:hover .start-card-link b{transform:translate(3px,-2px)}.home-progress-panel{max-width:1180px;margin:22px auto 0;padding:25px 28px 22px;background:var(--nx-emerald-deep);color:#fffdf8;border:1px solid rgba(181,138,67,.35);border-radius:22px;box-shadow:0 18px 45px rgba(6,43,37,.12)}.home-progress-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.home-progress-panel .eyebrow{color:#dfc48c}.home-progress-panel h3{font-size:1.25rem;margin:8px 0 5px;letter-spacing:-.02em}.home-progress-note{font-size:.78rem;color:#c0d0c9}.home-progress-number{text-align:right;display:flex;flex-direction:column;gap:3px}.home-progress-number strong{font-size:2rem;line-height:1;color:#f0d49a;font-family:"Cormorant Garamond",Georgia,serif}.home-progress-number span{font-size:.68rem;color:#c0d0c9}.home-progress-track{height:8px;margin:22px 0 15px;background:rgba(255,255,255,.14);border-radius:99px;overflow:hidden}.home-progress-track span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#c39a52,#f1dcae);transition:width .5s ease}.home-progress-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.75rem;color:#c0d0c9}.home-progress-bottom a{color:#f0d49a;font-weight:700;text-decoration:none}.home-progress-bottom a b{margin-left:5px}
/* Phone-first navigation; desktop continues using the full site navigation. */
.noor-mobile-nav{display:none}
@media(max-width:900px){.quick-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.start-card-continue{grid-column:1/-1;min-height:225px}.noor-navbar{max-width:calc(100% - 24px)!important;width:calc(100% - 24px)!important;gap:10px!important}.noor-nav{gap:7px!important}.noor-nav>a{font-size:.78rem!important}}
@media(max-width:640px){html{scroll-padding-top:82px}body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.noor-navbar{position:sticky!important;top:7px!important;width:calc(100% - 20px)!important;max-width:none!important;min-height:60px!important;margin:7px 10px!important;padding:7px 10px!important;border-radius:18px!important}.noor-brand-copy strong{font-size:.92rem!important}.noor-brand-copy small{font-size:.62rem!important}.noor-nav{display:none!important}.noor-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:2px;z-index:100000;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:7px 5px 6px;background:rgba(255,253,248,.96);border:1px solid rgba(11,64,53,.13);border-radius:20px;box-shadow:0 12px 36px rgba(5,38,31,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.noor-mobile-nav a{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:13px;color:#718078!important;text-decoration:none!important;font-size:1.15rem;transition:background .18s ease,color .18s ease}.noor-mobile-nav a small{font-size:.62rem;font-weight:700;line-height:1.15;white-space:nowrap}.noor-mobile-nav a.is-active{background:#e7efe8;color:var(--nx-emerald)!important}.noor-mobile-nav a:focus-visible{outline:2px solid var(--nx-gold);outline-offset:1px}.hero{min-height:auto!important;padding:70px 20px 54px!important}.hero h1{font-size:clamp(2.9rem,12vw,4.8rem)!important;line-height:.98!important;letter-spacing:-1.7px!important}.hero-text{font-size:.94rem!important;line-height:1.75!important;margin:22px auto!important;max-width:34rem}.bismillah{font-size:1.2rem!important;line-height:1.8}.hero-buttons{flex-direction:column;align-items:stretch;gap:10px!important;margin-bottom:22px!important}.hero-buttons a{justify-content:center;min-height:48px;text-align:center}.hero-search{width:100%;max-width:100%;display:flex;flex-wrap:wrap}.hero-search input{min-width:0;flex:1}.floating-card,.scroll-down,.cursor-glow{display:none!important}.quick-start-section{padding:55px 16px 42px}.quick-start-heading{margin-bottom:24px}.quick-start-heading h2{font-size:clamp(2.35rem,10vw,3.3rem)}.quick-start-heading>p:last-child{font-size:.88rem;line-height:1.65}.quick-start-grid{grid-template-columns:1fr;gap:12px}.start-card,.start-card-continue{grid-column:auto;min-height:0;padding:21px;border-radius:19px}.start-card-icon{width:42px;height:42px;border-radius:14px;margin-bottom:15px}.start-card strong{font-size:1.23rem}.start-card-copy{font-size:.86rem}.start-card-link{padding-top:18px}.home-progress-panel{padding:21px 19px 18px;border-radius:19px;margin-top:14px}.home-progress-top{align-items:flex-start}.home-progress-panel h3{font-size:1.08rem}.home-progress-number strong{font-size:1.7rem}.home-progress-bottom{align-items:flex-start;flex-direction:column;gap:10px;font-size:.74rem}.section{padding:65px 20px!important}.section-heading{margin-bottom:32px!important}.section-heading h2,.feature-content h2,.duas-content h2,.final-cta h2{font-size:clamp(2.5rem,10vw,3.6rem)!important;line-height:1.02!important}.feature-section,.duas-section,.final-cta{padding:55px 20px!important}.footer-links{gap:28px!important;flex-wrap:wrap}.footer-bottom{padding-bottom:8px}.quick-start-section a,.noor-mobile-nav a{touch-action:manipulation}}
@media(max-width:380px){.noor-brand-copy strong{font-size:.82rem!important}.noor-brand-mark{transform:scale(.9);transform-origin:left center}.noor-mobile-nav{left:6px;right:6px}.noor-mobile-nav a small{font-size:.58rem}.home-progress-top{gap:10px}.home-progress-note{max-width:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.start-card,.start-card-link b,.home-progress-track span{transition:none!important}}