@media(max-width:767px){.courses .container,.courses .section-head,.course-card{width:100%}.course-card img{width:100%}.footer-grid{width:calc(100% - 20px)}}
/* The live mobile course rows are content-driven: the image keeps its 500:350
   ratio and each row shrinks with the viewport. Fixed 390px-era heights caused
   21px of cumulative drift per card at 360px and 49px per card at 320px. */
@media(max-width:767px){
  .courses{height:auto}
  .courses .section-head{height:auto;min-height:613.33px}
  .courses .section-head h2{font-size:30px;line-height:39px}
  .course-card{height:calc(70vw + 139px);min-height:0}
  .course-card img{height:auto;aspect-ratio:500/350;object-fit:cover}
}
/* Secondary-page parity: the source uses the same overlaid masthead on every inner page. */
body:not([data-page="home"]) .page-banner{height:439px;min-height:439px;padding-top:158px;background:linear-gradient(90deg,#212d45e8,#212d45d4),url('../assets/images/hero-quran.jpg') center 43%/cover no-repeat;place-items:center}
body:not([data-page="home"]) .page-banner h1{font-size:80px;line-height:1.15;margin:25px 0 0;text-transform:uppercase}
body:not([data-page="home"]) .page-banner p{display:none}
body:not([data-page="home"]) .stats{height:318px;background:linear-gradient(#212d45cc,#212d45cc),url('../assets/images/quran-memorization-course-img.jpg') center/cover}
body:not([data-page="home"]) .stats-layout{display:block;width:1140px;padding-top:82px}
body:not([data-page="home"]) .success-copy{display:none}
body:not([data-page="home"]) .stats-grid{width:100%;height:154px;margin:0;display:grid;grid-template-columns:repeat(3,1fr);background:transparent;text-align:center;color:#fff}
body:not([data-page="home"]) .stat,body:not([data-page="home"]) .stat:nth-child(3){width:auto;height:auto;border:0;padding:28px 20px;grid-column:auto}
body:not([data-page="home"]) .stat b{color:#fff;font-size:37px;margin:0 0 8px}
body:not([data-page="home"]) .stat span{color:#fff;font-size:14px}
.about-section{padding:91px 0 53px}.about-section .container{width:1120px}.about-section .about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:0}.about-section .about-grid>div{padding:0 10px}.about-section h2{font-size:40px;line-height:52px}.about-section p{font-size:16px;line-height:26.4px}.about-section img{width:100%;height:auto;aspect-ratio:500/350;max-height:none;object-fit:cover;margin-bottom:20px}
body[data-page="about"] .stats{margin-bottom:50px}
.contact-section{padding:85px 0 105px;min-height:768px}.contact-title{text-align:center;font-size:38px;margin-bottom:48px}.contact-section .contact-grid{grid-template-columns:1fr 1.12fr;gap:70px}.contact-details{padding:0;background:transparent;color:#4b4f58}.contact-details h3{font-size:21px;color:var(--navy);margin:0 0 22px}.contact-details p{font-size:16px;margin:-10px 0 24px}.contact-details a{color:#4b4f58}.contact-section .form-card{padding:0;height:auto;background:transparent}.contact-section .form-card h3{display:none}.contact-section .form-field{margin-bottom:22px}.contact-section .form-card input,.contact-section .form-card textarea{background:#f7f7f7;border:0;height:48px}.contact-section .form-card textarea{height:150px}.contact-section .form-card .button{margin-top:18px}
body[data-page="pricing"] main>.section{padding:70px 0 80px;background:#f7f7f7}body[data-page="pricing"] main>.section .section-head{text-align:left;margin-bottom:48px}body[data-page="pricing"] .pricing-grid{gap:20px;padding:0 10px}body[data-page="pricing"] .price-card{padding:0 0 10px;box-shadow:none;border:0;background:#fff;min-height:655px}body[data-page="pricing"] .price-card.popular{transform:none;border:0}body[data-page="pricing"] .price-card>h2{background:#5c5c5c;color:#fff;padding:15px;margin:0;font-size:25px}body[data-page="pricing"] .price{color:#5c5c5c;font-size:58px;margin:30px 0 0}body[data-page="pricing"] .features{padding:0 75px}body[data-page="pricing"] .features li{padding:14px 0;border-bottom:1px dotted #bbb;font-size:14px}body[data-page="pricing"] .price-card .button{background:#2c2c2c;color:#fff;border:0}.popular-label{left:auto;right:-5px;top:5px;transform:rotate(45deg);background:#111;color:#fff}
.price small{display:inline-block}.duration{width:150px;margin:12px auto 0;padding:12px 0;border-bottom:1px dotted #bbb;font-size:14px;font-weight:400}
.trial-copy{background-image:linear-gradient(#212d458a,#212d458a),url('../assets/images/new-cta-bg.png')}
.site-header,.topbar{z-index:8}.site-footer{background:#212d45}.copyright{min-height:62px}.site-footer h3{font-weight:700}.site-footer li,.site-footer p{line-height:1.65}
@media(min-width:1025px){body:not([data-page="home"]) .page-banner{height:439px}.about-section .container{width:1120px}.contact-section .container,body[data-page="pricing"] main>.section .container{width:1140px}.contact-section{min-height:879px}.about-section .about-grid>div+div{padding-top:9px}}
@media(max-width:767px){.about-section img{aspect-ratio:500/350}.about-section h2{font-size:30px;line-height:39px}.contact-title{font-size:30px;line-height:39px}.site-footer{padding-top:70px}.footer-logo img{width:250px;height:250px}}
@media(max-width:767px){
  body[data-page="about"] .about-section{padding-top:0;padding-bottom:55px}
  .about-section .container{width:100%;max-width:100%}
  .about-section .about-grid>div{padding-left:20px;padding-right:20px}
  .about-section .eyebrow{margin-bottom:2px}
  .about-section p{font-size:14.592px;line-height:24.0768px}
  body[data-page="about"] .stats{margin-bottom:108px}
}
@media(max-width:375px){body[data-page="about"] .stats{margin-bottom:70px}}
@media(max-width:767px){body[data-page="home"] .stats{margin-bottom:0}}
@media(max-width:767px){body:not([data-page="home"]) .page-banner{position:relative;top:calc(-145.93px + 17.98vw);height:370.5px;min-height:370.5px;margin-bottom:calc(-145.93px + 17.98vw);padding-top:94.7px}}
@media(max-width:767px){body:not([data-page="home"]) .page-banner{height:320px;min-height:320px;padding-top:93px}body:not([data-page="home"]) .page-banner h1{font-size:40px}body:not([data-page="home"]) .stats{height:auto}body:not([data-page="home"]) .stats-layout{width:100%;padding:30px 10px}body:not([data-page="home"]) .stats-grid{height:auto;grid-template-columns:1fr}.about-section,.contact-section{padding:55px 0}.about-section .about-grid{display:block}.about-section .about-grid>div{margin-bottom:35px}.contact-title{text-align:left;font-size:30px}.contact-section .contact-grid{display:block}.contact-details{margin-bottom:45px}body[data-page="pricing"] .pricing-grid{padding:0}body[data-page="pricing"] .price-card{min-height:0;padding-bottom:30px}}
@media(max-width:767px){
  .contact-section{padding-top:0;padding-bottom:42px}
  .contact-section .container{width:100%;max-width:100%;padding:0 20px}
  .contact-title{width:calc(100% + 20px);margin-left:-10px;text-align:center;font-size:25px;line-height:32.5px;margin-bottom:30px}
  .contact-details{margin-bottom:27px}
  .contact-details h3{font-size:20px;line-height:26px}
  .contact-section .form-card input{height:44.8px}
  .contact-section .form-card textarea{height:140px}
  .contact-section .form-card .button{width:100%;height:47px;margin-top:18px}
  body[data-page="contact"] .stats{margin-top:58.3px;margin-bottom:0}
}
.copyright{width:1140px;max-width:calc(100% - 48px);margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff77}.footer-social{display:flex;gap:7px}.footer-social a{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--yellow);color:var(--navy);font-weight:700}@media(max-width:767px){.copyright{max-width:calc(100% - 20px);display:block;text-align:center}.footer-social{justify-content:center;margin-top:10px}}
@media(min-width:768px) and (max-width:1024px){.stats-grid{width:auto;height:100%;margin:0}.stat{width:auto;height:auto}.faq-side .section-head,.faq-list{width:auto}.faq-side{max-width:100%}}
@media(min-width:768px) and (max-width:1024px){body[data-page="pricing"] .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body[data-page="pricing"] .features{padding:0 22px}}
@media(width:768px){body[data-page="home"] .hero{height:778px;min-height:778px;padding-top:112px}body[data-page="home"] .hero .container{padding-top:42px}body[data-page="home"] .hero h1{font-size:46px;line-height:1.25;max-width:620px}body[data-page="home"] .hero p{max-width:730px}body[data-page="home"] .trial{height:auto}body[data-page="home"] .trial-layout{display:block}body[data-page="home"] .trial-copy{height:305px;padding:35px 50px}body[data-page="home"] .trial>.trial-layout>.form-card{height:760px;padding:45px 60px}body[data-page="home"] .stats{height:auto}body[data-page="home"] .stats-layout{display:block;width:100%}body[data-page="home"] .success-copy{height:250px;padding:40px 50px}body[data-page="home"] .stats-grid{height:330px;margin:0;width:100%}body[data-page="home"] .faq .container{display:block;width:100%;max-width:100%}body[data-page="home"] .faq{height:auto}body[data-page="home"] .contact-mini{width:100%;margin:0;padding:50px 60px}body[data-page="home"] .faq-side{width:100%;padding:55px 60px}body[data-page="home"] .faq-side .section-head,body[data-page="home"] .faq-list{width:100%}}
@media(min-width:768px) and (max-width:1024px){
  body:not([data-page="home"]) .page-banner{height:calc(28.125vw + 83px);min-height:0;padding-top:112px}body:not([data-page="home"]) .page-banner h1{font-size:60px;line-height:78px;margin:0}
  body[data-page="home"] .trial{height:1097px}body[data-page="home"] .trial-layout{display:block}body[data-page="home"] .trial-copy{height:360px;padding:40px 50px}body[data-page="home"] .trial>.trial-layout>.form-card{height:737px;padding:45px 60px}
  body[data-page="home"] .stats{height:721px}body[data-page="home"] .stats-layout{display:block;width:100%}body[data-page="home"] .success-copy{height:278px;padding:40px 50px}body[data-page="home"] .stats-grid{height:443px;margin:0;width:100%}
  body[data-page="home"] .faq{height:auto}body[data-page="home"] .faq .container{display:block;width:100%;max-width:100%;height:auto}body[data-page="home"] .contact-mini{width:100%;margin:0;padding:50px 60px}body[data-page="home"] .faq-side{width:100%;padding:55px 60px}body[data-page="home"] .faq-side .section-head,body[data-page="home"] .faq-list{width:100%}
  body:not([data-page="home"]) .trial{height:1097px}body:not([data-page="home"]) .trial-layout{display:block}body:not([data-page="home"]) .trial-copy{height:360px;padding:40px 50px}body:not([data-page="home"]) .trial>.trial-layout>.form-card{height:737px;padding:45px 60px}
  body[data-page="pricing"] .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px}body[data-page="pricing"] .price-card{min-height:620px}body[data-page="pricing"] .price-card:last-child{grid-column:1}body[data-page="about"] .about-grid,body[data-page="contact"] .contact-grid{grid-template-columns:1fr;gap:45px}
  .site-footer{height:auto;min-height:0}.footer-grid{grid-template-columns:1fr 1fr;height:auto;min-height:760px;gap:35px;padding-bottom:35px}.footer-logo{grid-column:auto}.footer-logo img{width:210px;height:210px}
}
@media(max-width:767px){body:not([data-page="home"]) .page-banner{height:204px;min-height:204px;padding-top:84px}body:not([data-page="home"]) .page-banner h1{margin:0;font-size:35px;line-height:45.5px}.site-footer{height:1314.55px;min-height:1314.55px}}
@media(width:768px){
  body:not([data-page="home"]) .page-banner{position:relative;top:-50.3px;height:403px;min-height:403px;margin-bottom:-50.3px;padding-top:95px}
  body[data-page="about"] .about-section{height:1361.5px}
  body[data-page="about"] .stats{margin-bottom:0}
  body[data-page="courses"] .courses{height:1681.4px}
  body[data-page="contact"] .contact-section{height:1226.6px;min-height:0}
  body:not([data-page="home"]) .stats{height:274.1px}
  body:not([data-page="home"]) .trial{height:1121.4px}
  .site-footer{height:884.53px;min-height:884.53px}
}
@media(min-width:769px) and (max-width:1024px){
  body:not([data-page="home"]) .page-banner{position:relative;top:calc(-159.08px + 14.16vw);height:403px;min-height:403px;margin-bottom:calc(-159.08px + 14.16vw);padding-top:95px}
  body[data-page="about"] .about-section{height:calc(820.58px + 64.527vw)}
  body[data-page="about"] .stats{margin-bottom:0}
  body[data-page="courses"] .courses{height:calc(1076.5px + 76.762vw)}
  body[data-page="contact"] .contact-section{height:calc(1249.17px + 4.565vw);min-height:0}
  body:not([data-page="home"]) .trial{height:calc(1162.75px + 2.279vw)}
  body:not([data-page="home"]) .stats{height:calc(240.62px + 1.142vw)}
  body[data-page="home"] .hero{position:relative;top:calc(-159.08px + 14.16vw);height:calc(779.38px - 2.75vw);min-height:0;margin-bottom:calc(-159.08px + 14.16vw)}
  body[data-page="home"] .trial{height:calc(1112.73px + 2.282vw)}
  body[data-page="home"] .stats{height:calc(548.88px + 4.565vw)}
  body[data-page="home"] .courses{height:calc(1083.5px + 76.76vw)}
  body[data-page="home"] .faq{height:calc(1310.55px + 4.35vw)}
}
@media(min-width:769px) and (max-width:900px){.site-footer{height:884.53px;min-height:884.53px}}
@media(width:1024px){.site-footer{height:975.47px;min-height:975.47px}}
@media(min-width:1025px) and (max-width:1439px){.faq .container{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-mini{width:calc(100% - 140px)}.faq-side{width:calc(100% - 140px)}.faq-side .section-head,.faq-list{width:100%}}
/* Final measured mobile parity overrides for Fee Plans and About. */
@media(max-width:767px){
 body:not([data-page="home"]) .page-banner{height:calc(18.57vw + 302.6px);min-height:0;padding-top:93px}body:not([data-page="home"]) .page-banner h1{margin:0;font-size:35px;line-height:45.5px}
 body:not([data-page="home"]) .stats{height:677px}body:not([data-page="home"]) .stats-layout{height:100%;padding:10px}body:not([data-page="home"]) .stats-grid{height:657px;grid-template-columns:1fr}body:not([data-page="home"]) .stat{display:flex;flex-direction:column;justify-content:center}
 body:not([data-page="home"]) .trial{height:calc(1096.67px + max(0px, (340px - 100vw) * 1.204))}body:not([data-page="home"]) .trial-copy{height:calc(360.39px + max(0px, (340px - 100vw) * 1.204))}body:not([data-page="home"]) .trial>.trial-layout>.form-card{height:736.28px}
 body[data-page="pricing"] main>.section{min-height:2265px}body[data-page="pricing"] .price-card{min-height:655px}
 body[data-page="about"] .about-section{min-height:0}
 .footer-logo img{width:calc(80vw - 32px);height:calc(80vw - 32px)}
}
@media(max-width:340px){.site-footer{height:calc(1314.55px - (340px - 100vw)*1.6);min-height:0}}

@media(max-width:767px){
  body:not([data-page="home"]) .page-banner{top:calc(-145.93px + 17.98vw);height:370.5px;min-height:370.5px;margin-bottom:calc(-145.93px + 17.98vw);padding-top:94.7px}
  body[data-page="about"] .about-section{padding-top:100.234px;padding-bottom:58.3px}
  body[data-page="about"] .about-section .eyebrow{margin-bottom:8px;font-size:18px;line-height:23.4px}
  body[data-page="about"] .about-section h2{font-size:25px;line-height:32.5px}
  body[data-page="about"] .about-grid>div+div{margin-top:63.3px}
  body[data-page="about"] .stats{margin-bottom:0}
  body[data-page="about"] .trial{height:1146.67px;padding-top:50px}
  body[data-page="courses"] .courses{padding-top:60px}
  body[data-page="courses"] .courses .section-head{height:540.4px;min-height:540.4px}
  body[data-page="courses"] .courses .section-head .eyebrow{margin-bottom:8px;font-size:20px;line-height:26px}
  body[data-page="contact"] .contact-section{padding-top:78px}
  body[data-page="contact"] .contact-details h3:first-child{margin-bottom:20px}
  body[data-page="contact"] .contact-details p:first-of-type{margin-bottom:-2.7px}
  body[data-page="contact"] .contact-details p:not(:first-of-type){margin-bottom:25.69px}
  body[data-page="contact"] .contact-section .form-field{margin-bottom:20px}
  body[data-page="contact"] .contact-section .form-card .button{height:52.3px;margin-top:.3px}
  body:not([data-page="home"]) .trial{height:1146.67px;padding-top:50px}
  body[data-page="home"] .faq{height:1277.52px}
  body[data-page="home"] .faq .container{height:1227.52px}
  body[data-page="home"] .contact-mini{height:812.5px;padding-top:38px}
  body[data-page="home"] .contact-mini h2{font-size:30px;line-height:39px}
  body[data-page="home"] .contact-mini .form-field{margin-bottom:20px}
  body[data-page="home"] .contact-mini .form-card input{height:44.8px}
  body[data-page="home"] .contact-mini .form-card textarea{height:140px}
  body[data-page="home"] .contact-mini .form-card{height:569.28px;margin-top:38.1px}
  body[data-page="home"] .faq-side{height:415.02px}
  body[data-page="home"] .faq-side{padding-top:54.08px}
  body[data-page="home"] .faq-side .section-head h2{font-size:25px;line-height:32.5px}
  .site-footer{height:1302.55px;min-height:1302.55px}
}
@media(min-width:391px) and (max-width:767px){
  body[data-page="home"] .courses{height:calc(2165.5px + 770.56vw)}
  body[data-page="home"] .faq{height:1221.2px}
  body[data-page="about"] .trial{height:1122.59px}
  body[data-page="courses"] .courses{height:calc(2620.7px + 638.9vw)}
  body[data-page="courses"] .trial{height:1122.59px}
  body[data-page="contact"] .contact-section{height:1207.1px}
  body[data-page="contact"] .stats{margin-top:0}
  .site-footer{height:calc(1002.78px + 79.94vw);min-height:calc(1002.78px + 79.94vw)}
}
@media(max-width:374px){
  body[data-page="home"] .courses{height:calc(2817.3px + 609.67vw)}
  body[data-page="home"] .faq{height:calc(1649.5px - 99.2vw)}
  .site-footer{height:1314.55px;min-height:1314.55px}
  body[data-page="courses"] .courses{height:calc(2721.9px + 612vw)}
}
@media(min-width:376px) and (max-width:390px){
  body[data-page="home"] .courses{height:calc(2817.3px + 609.67vw)}
  body[data-page="home"] .faq{height:calc(1873.02px - 158.8vw)}
  .site-footer{height:1314.55px;min-height:1314.55px}
  body[data-page="courses"] .courses{height:calc(2741.9px + 606.67vw)}
  body[data-page="contact"] .contact-section{height:1207.1px}
  body[data-page="contact"] .stats{margin-top:0}
}
@media(min-width:421px) and (max-width:767px){body[data-page="courses"] .courses{height:calc(2644.7px + 638.9vw)}}

/* Measured desktop masthead, inner-banner, courses intro and footer geometry. */
@media(min-width:1025px){
  .topbar .container{width:1120px}
  .topbar .social{gap:5px}
  .topbar .social a{display:grid;place-items:center;width:32.39px;height:32.39px;border-radius:50%;background:var(--yellow);color:var(--navy);font-size:0;line-height:1;padding:0;border:0}
  .topbar .social a:nth-child(1)::before{content:'f';font:700 18px/1 Arial}
  .topbar .social a:nth-child(2)::before{content:'◎';font:700 18px/1 Arial}
  .topbar .social a:nth-child(3)::before{content:'◉';font:700 18px/1 Arial}
  .nav{left:307.06px;width:420.38px;height:45px;justify-content:space-between}
  .nav a{padding:15px 0;font-family:'Open Sans',sans-serif;line-height:15px;font-weight:500}
  .nav::after{left:calc(50% + 390px)}
  .nav::after{font-family:'Open Sans',sans-serif;font-weight:500}

  body:not([data-page="home"]) .page-banner{padding-top:94px}
  body:not([data-page="home"]) .page-banner>div{width:100%}
  body:not([data-page="home"]) .page-banner h1{width:calc(100% - 20px);margin:0 10px;font-size:90px;line-height:117px}

  body[data-page="courses"] .courses{height:2030.5625px;padding-top:61.375px}
  body[data-page="courses"] .courses .section-head{height:278.4375px}
  body[data-page="courses"] .courses .section-head .eyebrow{font-size:20px;font-weight:600;line-height:26px}
  body[data-page="courses"] .courses .section-head h2{font-size:40px;line-height:52px;margin:8px 0 0}
  body[data-page="courses"] .courses .section-head p{font-size:15px;line-height:26.4px;margin:0 0 24px}
  body[data-page="contact"] .contact-section{height:886.86px;min-height:0}
  body[data-page="contact"] .stats{height:318.81px}

  .site-footer{position:relative;padding-top:120px}
  .site-footer .footer-grid{width:1120px;grid-template-columns:repeat(4,265px);gap:20px;padding:0;border-bottom:0}
  .footer-logo img{width:251.75px;height:251.75px;margin:40.59px auto 0}
  .site-footer h3{font-size:21px;line-height:27.3px;margin:0 0 20px}
  .site-footer li,.site-footer p{font-size:16px;line-height:26.4px;margin:0}
  .copyright{position:absolute;left:50%;top:478.95px;transform:translateX(-50%);width:1120px;height:129.4px;margin:0;padding:35px 0 0;font-size:16px;line-height:26.4px;border-top:1px solid #ffffff77}
  .footer-social{gap:5px}
  .footer-social a{width:32.39px;height:32.39px;font-size:18px}
}