.home{padding-bottom:var(--space-24)}.home-hero{display:grid;gap:clamp(var(--space-7),5vw,var(--space-12));align-items:start;padding:clamp(3rem,6vw,5rem) 0 clamp(4rem,8vw,7rem);border-bottom:1px solid color-mix(in srgb,var(--theme-border) 62%,transparent)}.home-hero-copy{display:grid;gap:var(--space-4);max-width:42rem}.home-hero-meta{display:grid;gap:var(--space-3)}.home-kicker,.section-kicker,.support-card-kicker{margin:0;font-size:.74rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-text-muted) 84%,var(--color-primary-light))}.home-meta-pills{display:flex;flex-wrap:wrap;gap:.55rem}.home-meta-pill{display:inline-flex;align-items:center;min-height:32px;padding:.35rem .72rem;border-radius:999px;background:color-mix(in srgb,var(--theme-bg-card) 52%,transparent);border:1px solid color-mix(in srgb,var(--theme-border) 42%,transparent);color:color-mix(in srgb,var(--theme-text) 78%,transparent);font-size:.82rem}.home-title{margin:0;font-family:var(--font-heading);font-size:clamp(2.35rem,4.2vw,3.6rem);line-height:.97;letter-spacing:-.05em;color:var(--theme-text);max-width:10ch}.home-direct-answer{max-width:54ch}.home-direct-answer p,.section-supporting,.faq-item p,.support-card p{margin:0;font-size:1.04rem;line-height:1.78;color:color-mix(in srgb,var(--theme-text) 76%,transparent)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.hero-actions .q-btn-primary{min-width:220px}.home-secondary-action{display:inline-flex;align-items:center;min-height:48px;color:color-mix(in srgb,var(--theme-text) 82%,transparent);font-size:1.02rem;font-weight:600;text-decoration:none}.home-secondary-action:hover{color:var(--theme-text)}.hero-companion{display:grid;gap:var(--space-4);align-content:start;padding:clamp(1.2rem,2.6vw,1.55rem);border-radius:1.7rem;border:1px solid color-mix(in srgb,var(--theme-border) 54%,transparent);background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--manuscript-gold, var(--color-gold)) 7%,transparent),transparent 50%),linear-gradient(180deg,color-mix(in srgb,var(--theme-bg-card) 74%,transparent),color-mix(in srgb,var(--theme-bg-elevated) 68%,transparent));box-shadow:0 18px 44px color-mix(in srgb,black 10%,transparent)}.hero-companion-arabic{margin:0;font-family:var(--font-arabic);font-size:clamp(1.55rem,2.8vw,2rem);line-height:1.7;text-align:center;color:var(--manuscript-gold, var(--color-gold));padding:var(--space-4) var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--theme-border) 34%,transparent)}.hero-companion-section,.hero-companion-links{display:grid;gap:var(--space-3)}.hero-companion-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-text-muted) 84%,transparent)}.hero-companion-route{display:grid;gap:.4rem;padding:1rem 1.05rem;border-radius:1.1rem;text-decoration:none;background:color-mix(in srgb,var(--theme-bg) 34%,transparent);border:1px solid color-mix(in srgb,var(--theme-border) 36%,transparent)}.hero-companion-route strong{color:var(--theme-text);font-size:1.02rem;font-weight:600;letter-spacing:-.01em}.hero-companion-route span{color:color-mix(in srgb,var(--theme-text) 68%,transparent);line-height:1.62}.hero-companion-links{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--theme-border) 34%,transparent)}.hero-companion-link{color:color-mix(in srgb,var(--theme-text) 70%,transparent);text-decoration:none;font-size:.94rem}.hero-companion-link:hover{color:var(--theme-text)}.home-section{padding-top:clamp(3rem,7vw,5rem)}.home-reading-section{padding-top:clamp(4rem,8vw,6.5rem)}.section-header{display:flex;justify-content:space-between;align-items:end;gap:var(--space-5);margin-bottom:var(--space-7);padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--theme-border) 58%,transparent)}.home-section-header-stack{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.section-header h2{margin:.45rem 0 0;max-width:18ch;font-family:var(--font-heading);font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.02;letter-spacing:-.04em;color:var(--theme-text)}.section-supporting{max-width:34rem}.home-reading-support{margin-top:var(--space-3);max-width:42ch}.text-link{color:color-mix(in srgb,var(--color-primary-light) 84%,var(--theme-text) 16%);text-decoration:none;font-weight:600;transition:color var(--transition-fast) ease}.text-link:hover{color:var(--theme-text)}.text-link:focus-visible,.continue-reading-card:focus-visible,.surah-row:focus-visible,.support-card:focus-visible,.faq-item:focus-within{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent)}.continue-reading-card{display:grid;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-5) var(--space-6);border-radius:1.4rem;text-decoration:none;background:color-mix(in srgb,var(--theme-bg-card) 60%,transparent);border:1px solid color-mix(in srgb,var(--theme-border) 48%,transparent);color:var(--theme-text)}.continue-reading-empty{background:color-mix(in srgb,var(--theme-bg-card) 50%,transparent)}.continue-reading-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;color:color-mix(in srgb,var(--theme-text) 66%,transparent)}.continue-reading-label{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-text-muted) 88%,transparent)}.surah-list{display:grid;gap:var(--space-2)}.surah-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:1.15rem;text-decoration:none;border:1px solid transparent;color:var(--theme-text-muted);transition:background-color var(--transition-base) var(--ease-out-quint),border-color var(--transition-base) var(--ease-out-quint),transform var(--transition-base) var(--ease-out-quint)}.surah-row:hover{background:color-mix(in srgb,var(--theme-text) 3%,transparent);border-color:color-mix(in srgb,var(--theme-border) 50%,transparent);transform:translateY(-1px)}.surah-num{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--theme-text-muted);font-variant-numeric:tabular-nums}.surah-en-group{display:flex;align-items:center;gap:var(--space-3)}.surah-revelation-icon.meccan{color:var(--manuscript-gold, var(--color-gold))}.surah-revelation-icon.medinan{color:color-mix(in srgb,var(--color-primary-light) 88%,var(--theme-text) 12%)}.surah-en{font-family:var(--font-sans);font-size:clamp(1rem,1.4vw,1.12rem);font-weight:600;letter-spacing:-.01em;color:var(--theme-text)}.surah-ar{font-family:var(--font-arabic);font-size:var(--font-size-arabic-base);color:var(--manuscript-gold, var(--color-gold))}.support-grid,.faq-list{display:grid;gap:var(--space-4)}.support-card,.faq-item{display:grid;gap:var(--space-3);padding:var(--space-6);border-radius:1.35rem;border:1px solid color-mix(in srgb,var(--theme-border) 44%,transparent);background:color-mix(in srgb,var(--theme-bg-card) 42%,transparent);text-decoration:none;color:inherit}.faq-item{padding:clamp(var(--space-5),5vw,var(--space-7));gap:var(--space-4)}.support-card h3,.faq-item h3{margin:0;font-family:var(--font-heading);font-size:clamp(1.14rem,1.7vw,1.36rem);line-height:1.14;letter-spacing:-.02em;color:var(--theme-text)}.support-card-link{display:inline-flex;align-items:center;margin-top:var(--space-1);font-size:.84rem;font-weight:600;color:color-mix(in srgb,var(--color-primary-light) 82%,var(--theme-text) 18%)}@media(min-width:1040px){.home-hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.surah-list,.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:899px){.section-header{flex-direction:column;align-items:start}.section-header h2{max-width:18ch}}@media(max-width:767px){.home{padding-bottom:var(--space-18)}.home-hero{padding-top:var(--space-7)}.home-title{max-width:9ch}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .q-btn-primary,.home-secondary-action{width:100%;justify-content:center}.continue-reading-card{padding:var(--space-4)}.continue-reading-meta{flex-direction:column;align-items:start;gap:var(--space-2)}.surah-row{grid-template-columns:48px minmax(0,1fr);gap:var(--space-3);padding:var(--space-4)}.surah-ar{grid-column:2}}