/* Al-Huda International Quran Institute
   Local fonts and assets. Edit the palette here to update the whole theme. */
@font-face{font-family:Jakarta;src:url('assets/fonts/plus-jakarta-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url('assets/fonts/plus-jakarta-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Jakarta;src:url('assets/fonts/plus-jakarta-sans-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Cormorant;src:url('assets/fonts/cormorant-garamond-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Amiri;src:url('assets/fonts/amiri-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Naskh;src:url('assets/fonts/noto-naskh-arabic-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Naskh;src:url('assets/fonts/noto-naskh-arabic-600.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--green:#123e33;--deep:#0c2c25;--green-light:#235f4f;--gold:#e6c77a;--gold-dark:#82621e;--ink:#183e33;--muted:#66716c;--paper:#f8f7f2;--white:#fff;--line:#dedfd6;--serif:Cormorant,Georgia,serif;--sans:Jakarta,Arial,sans-serif;--arabic:Amiri,Naskh,serif;--ease:cubic-bezier(.22,1,.36,1);--header-height:88px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button{color:inherit}
a{color:inherit;text-decoration:none}
button,a{touch-action:manipulation}
button:disabled{cursor:wait;opacity:.7}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a07b30;outline-offset:5px}
::selection{background:var(--gold);color:var(--deep)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.15}
[hidden]{display:none!important}
.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon{display:inline-block;flex-shrink:0;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.skip-link{position:fixed;top:-100px;inset-inline-start:20px;z-index:150;background:var(--white);color:var(--green);padding:12px 20px;box-shadow:0 4px 20px #0002}
.skip-link:focus{top:12px}
.btn{min-height:52px;padding:13px 24px;border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:700;line-height:1.5;transition:background .25s,transform .25s var(--ease),box-shadow .25s;color:var(--green);text-align:center}
.btn .arrow{width:18px;transition:transform .25s var(--ease)}
.btn-gold{background:var(--gold);color:var(--deep)}
.btn-green{background:var(--green);color:var(--white)}
.btn-outline-light{color:#fff;border-color:#ffffff4d;background:#ffffff03}
.btn:active{transform:translateY(1px)}
.text-link{display:inline-flex;align-items:center;gap:13px;font-size:14px;font-weight:700;min-height:44px}
.text-link .arrow{transition:transform .25s var(--ease)}
.eyebrow{font-size:12px;font-weight:700;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:18px}
.section{padding-block:108px}
.section-title{font-family:var(--serif);font-size:clamp(38px,4vw,54px);font-weight:600;letter-spacing:-.03em;white-space:pre-line;line-height:1.08;text-wrap:balance}
.body-copy{color:var(--muted);font-size:15px;line-height:1.9;margin-top:22px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:44px}
.section-heading .section-title{max-width:680px}
.section-intro{max-width:295px;font-size:15px;color:var(--muted);padding-bottom:3px}
.topbar{background:var(--deep);color:#e5eee8;font-size:12px;font-weight:400}
.topbar-inner{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:5px}
.topbar-inner>span,.topbar-inner>a{display:flex;align-items:center;gap:9px}
.topbar .icon{width:14px;height:14px;color:var(--gold)}
.site-header{position:sticky;top:0;z-index:70;background:#f8f7f2f5;backdrop-filter:blur(18px);border-bottom:1px solid #183e3310;transition:box-shadow .3s}
.site-header.is-scrolled{box-shadow:0 5px 25px #0c2c2510}
.header-inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}
.brand-mark{width:48px;height:53px;display:grid;place-items:center;font-family:var(--arabic);font-size:23px;line-height:1.6;color:var(--green);border:1px solid #ad924e;border-radius:50% 50% 4px 4px;padding-top:6px}
.brand-copy{display:flex;flex-direction:column;gap:5px}
.brand-copy>strong{font-family:var(--serif);font-size:27px;font-weight:600;line-height:1;letter-spacing:.06em}
.brand-sub{font-size:10px;line-height:1.5;letter-spacing:.065em;white-space:nowrap;color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:27px}
.main-nav a{position:relative;display:flex;align-items:center;min-height:48px;font-size:12px;font-weight:600;white-space:nowrap}
.main-nav a::after{position:absolute;content:'';inset-inline:0;bottom:4px;height:2px;background:var(--gold-dark);transform:scaleX(0);transform-origin:50%;transition:transform .25s var(--ease)}
.main-nav a.is-active::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.language-button{font-family:Naskh,serif;font-size:20px;background:none;border:0;min-width:40px;min-height:44px;padding:0 4px}
.language-button[lang=en]{font-family:var(--sans);font-size:13px}
.header-trial{font-size:12px;min-height:43px;padding:10px 16px;gap:17px}
.header-trial .icon{width:16px}
.icon-button{width:44px;height:44px;display:grid;place-items:center;background:none;border:1px solid var(--line);border-radius:7px;padding:0}
.menu-button{display:none}
.close-icon{display:none}
.reading-progress{position:absolute;bottom:-1px;inset-inline-start:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{background:var(--green);color:#fff;position:relative;isolation:isolate;overflow:hidden}
.hero-pattern{position:absolute;z-index:-1;inset:0;opacity:.035;background-image:linear-gradient(45deg,transparent 49.4%,#e6c77a 49.7%,#e6c77a 50.3%,transparent 50.6%),linear-gradient(-45deg,transparent 49.4%,#e6c77a 49.7%,#e6c77a 50.3%,transparent 50.6%);background-size:86px 86px;mask-image:linear-gradient(to right,transparent 25%,#000)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:66px;align-items:center;padding-block:56px 38px}
.hero-copy{padding-block:20px}
.hero-copy .eyebrow{font-size:10px;letter-spacing:.15em;color:#d9c38b;margin-bottom:24px}
.hero h1{font-family:var(--serif);font-size:clamp(52px,5.85vw,82px);font-weight:600;letter-spacing:-.035em;line-height:1.025;margin-bottom:29px}
.hero h1 em{font-weight:600;color:var(--gold);font-style:normal}
.hero-subtitle{font-size:17px;color:#f1f1e8;font-weight:600;line-height:1.6}
.hero-description{font-size:14px;line-height:1.95;color:#c6d6ce;max-width:435px;margin-top:12px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}
.hero-assurances{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#c5d8cd;font-size:11px;margin-top:22px}
.hero-assurances .icon{width:16px;height:16px;color:var(--gold)}
.assurance-dot{opacity:.7}
.hero-art{position:relative;isolation:isolate;padding-inline:15px;width:100%;max-width:458px;justify-self:center}
.calligraphy-panel{position:relative;min-height:490px;border:1px solid #ba9c5470;border-radius:49% 49% 5px 5px / 40% 40% 5px 5px;background:radial-gradient(ellipse at 50% 23%,#6d734225,transparent 65%),linear-gradient(155deg,#205343,#123e33 70%);box-shadow:0 25px 90px #08251d25,inset 0 0 35px #e6c77a03;display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px 26px}
.arch-inlay{position:absolute;inset:11px;border:1px solid #cbb16e38;border-radius:inherit;pointer-events:none}
.ornament{font-size:26px;line-height:1;color:var(--gold);margin-bottom:14px}
.bismillah{font-family:var(--arabic);font-size:23px;line-height:2;color:#e6cc92;font-weight:400}
.hero-verse{font-family:var(--arabic);font-size:clamp(55px,5.6vw,78px);line-height:1.57;color:#f0d99e;text-shadow:0 3px 22px #f1d29112;font-weight:400;margin-top:6px;padding-block:7px 0;white-space:nowrap;direction:rtl}
.hero-verse span{display:block}
.verse-rule{display:block;width:42px;height:1px;background:var(--gold);opacity:.45;margin:8px 0 18px}
.verse-translation{font-family:var(--serif);font-size:20px;line-height:1.4;color:#f4e9c9}
.verse-reference{font-size:10px;letter-spacing:.13em;color:#cbb980;margin-top:10px}
.arch-signature{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:21px;margin-top:14px;opacity:.65}
.arch-signature span{height:1px;width:70px;background:linear-gradient(90deg,transparent,#c2a561);transform:scaleX(-1)}
.arch-signature span:first-child{transform:none}
.arch-orbit{position:absolute;z-index:-1;border:1px solid #d6b36a1a;border-radius:50%;width:520px;height:520px;inset-inline-start:50%;top:3%;transform:translateX(-50%) rotate(-12deg);pointer-events:none}
.orbit-two{width:560px;height:430px;top:12%;transform:translateX(-50%) rotate(32deg)}
.art-caption{margin:20px 0 0;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;color:#b4cabc}
.art-caption .icon{width:16px;height:16px;color:var(--gold)}
.hero-bottom{padding:20px 0 23px;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#bcd0c4;font-size:10px}
.hero-bottom>span,.scroll-link{display:inline-flex;gap:9px;align-items:center}
.hero-bottom .icon{width:14px;height:14px;color:#c6b57f}
.scroll-link>span[aria-hidden]{color:var(--gold);font-size:19px;margin-inline-start:8px}
.highlights{background:#efeee5;border-bottom:1px solid #e1e1d7}
.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:26px}
.highlight{display:flex;flex-direction:column;align-items:center;gap:5px;border-inline-end:1px solid #183e3324;text-align:center;padding:4px 16px}
.highlight:last-child{border:0}
.highlight strong{font-family:var(--serif);font-size:34px;font-weight:600;line-height:1.2}
.highlight>span{font-size:11px;color:#617067}
.about-grid{display:grid;grid-template-columns:.92fr 1fr;gap:92px;align-items:center}
.about-visual{position:relative;padding:0 22px 30px 0}
.image-frame{position:relative;aspect-ratio:1/1.12;overflow:hidden;border-radius:180px 180px 6px 6px}
.image-frame img{width:100%;height:100%;object-fit:cover;object-position:47% center;filter:saturate(.72);transition:transform 1.3s var(--ease)}
.image-frame::after{content:'';position:absolute;inset:10px;border:1px solid #fbf6e23b;border-radius:inherit;pointer-events:none}
.image-note{position:absolute;bottom:0;inset-inline:50px 0;background:var(--white);border:1px solid #e9e6da;box-shadow:0 12px 30px #102f2110;border-radius:4px;padding:22px 26px;display:flex;align-items:center;gap:20px}
.image-note>.icon{width:29px;height:29px;color:var(--gold-dark)}
.image-note strong{display:block;font-family:var(--serif);font-size:25px;line-height:1.2}
.image-note div>span{display:block;font-size:11px;color:var(--muted);margin-top:7px}
.image-side-label{position:absolute;inset-inline-start:-28px;top:50%;font-size:9px;letter-spacing:.22em;color:#69746b;writing-mode:vertical-rl;transform:rotate(180deg)}
.about-copy .section-title{font-size:52px}
.about-points{display:flex;flex-direction:column;gap:20px;margin-top:28px}
.about-point{display:flex;gap:13px;align-items:flex-start}
.about-point>.icon{width:23px;height:23px;border:1px solid #b2c0b2;border-radius:50%;padding:4px;margin-top:1px}
.about-point h3{font-size:14px;line-height:1.5;font-weight:600}
.about-point p{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.8}
.about-copy .text-link{margin-top:25px}
.courses-section{background:#f0f1e9;border-block:1px solid #e5e6da}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.course-card{background:#fcfcf8;border:1px solid #dbdfd3;border-radius:8px;overflow:hidden;transition:box-shadow .35s var(--ease),border-color .35s;display:flex;flex-direction:column}
.course-top{position:relative;height:126px;padding:22px 25px;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #dfe3d6;background:#e6eadd;overflow:hidden}
.course-top::after{content:'';position:absolute;width:190px;height:190px;border:1px solid #758a6c24;border-radius:50%;inset-inline-end:-25px;top:25px;box-shadow:0 0 0 13px #0000,0 0 0 14px #758a6c13}
.course-number{font-size:11px;color:#4c634d;border:1px solid #8899824d;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;line-height:1}
.course-category{font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:27px;font-weight:600;color:#53634a}
.course-calligraphy{font-family:var(--arabic);color:#254a35;font-size:48px;line-height:1.65;position:absolute;inset-inline-end:29px;top:41px;z-index:1}
.course-card:nth-child(2) .course-top{background:#eae5d4}
.course-card:nth-child(3) .course-top{background:#dce7e0}
.course-card:nth-child(4) .course-top{background:#e9e4d7}
.course-card:nth-child(5) .course-top{background:#e2e8dc}
.course-card:nth-child(6) .course-top{background:#e4e6dc}
.course-body{padding:25px 26px 19px;flex:1;display:flex;flex-direction:column}
.course-body h3{font-family:var(--serif);font-size:28px;letter-spacing:-.025em;font-weight:600}
.course-body>p{font-size:13px;color:var(--muted);line-height:1.85;margin-top:13px;margin-bottom:23px}
.course-foot{border-top:1px solid #dfe3d7;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;margin-top:auto}
.course-level{font-size:10px;color:#697666}
.course-action{font-size:11px;font-weight:700;display:inline-flex;gap:9px;align-items:center;min-height:40px;border:0;padding:0;background:none;text-align:start}
.course-action .icon{width:16px;height:16px;transition:transform .25s var(--ease)}
.services-block{margin-top:40px;display:flex;align-items:flex-start;gap:40px;padding-top:34px;border-top:1px solid #d2d8c8}
.services-block>h3{font-size:13px;line-height:1.7;width:100px;flex-shrink:0;padding-top:10px}
.service-chips{display:flex;flex-wrap:wrap;gap:9px}
.service-chip{background:#fafbf7;border:1px solid #d2d9c9;border-radius:5px;padding:9px 12px;font-size:11px;line-height:1.6;display:inline-flex;align-items:center;gap:10px;transition:background .2s,border-color .2s}
.service-chip .icon{width:13px;height:13px;color:#6c8264}
.why-section{background:var(--green);color:var(--white)}
.why-heading{display:grid;grid-template-columns:1fr .82fr;gap:120px;align-items:center;margin-bottom:58px}
.why-section .eyebrow{color:var(--gold)}
.why-section .body-copy{color:#c7d7ce;margin-top:0}
.why-tags{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px;font-size:11px;color:#d7e1d8}
.why-tags>span{display:flex;align-items:center;gap:9px}
.why-tags .icon{width:17px;height:17px;color:var(--gold)}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.feature{padding-inline:27px;border-inline-start:1px solid #ffffff23}
.feature:first-child{padding-inline-start:0;border:0}
.feature:last-child{padding-inline-end:0}
.feature-icon{display:flex;align-items:center;justify-content:center;border:1px solid #d0ba7455;border-radius:50%;width:46px;height:46px;color:var(--gold);margin-bottom:23px}
.feature h3{font-size:15px;line-height:1.55;font-weight:600;color:#f7f5e9}
.feature p{font-size:12px;line-height:1.95;color:#baccc1;margin-top:13px}
.teacher-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;align-items:center}
.teacher-intro .text-link{margin-top:22px}
.teacher-roles{border-top:1px solid var(--line)}
.teacher-role{display:flex;gap:25px;padding-block:26px;border-bottom:1px solid var(--line);align-items:flex-start}
.role-number{font-family:var(--serif);font-size:24px;color:#8d7b46;line-height:1.2}
.teacher-role h3{font-family:var(--serif);font-size:28px;letter-spacing:-.015em}
.teacher-role p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:9px}
.teacher-role>.icon{width:19px;height:19px;margin-inline-start:auto;color:#9caa9b}
.experience-section{padding-bottom:32px}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#f0eee4;border-radius:7px;overflow:hidden}
.experience-image img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;filter:saturate(.65)}
.experience-copy{padding:47px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.experience-copy .eyebrow{font-size:10px;margin-bottom:24px}
.experience-verse{font-family:var(--arabic);font-size:36px;line-height:2.2;white-space:nowrap;color:var(--green)}
.experience-translation{font-family:var(--serif);font-size:21px;line-height:1.55;margin-top:10px}
.experience-copy .verse-reference{color:#7d704d}
.experience-values{margin-top:25px;padding-top:25px;border-top:1px solid #bcb39769;width:100%}
.experience-values h2{font-family:var(--serif);font-size:27px}
.experience-values p{font-size:12px;color:var(--muted);margin-top:8px}
.faq-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:120px;align-items:start}
.faq-intro .text-link{margin-top:20px}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:14px;font-weight:600;line-height:1.7;padding:23px 0;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary>.icon{width:18px;height:18px;transition:transform .25s;opacity:.7}
.faq-item[open] summary>.icon{transform:rotate(45deg)}
.faq-answer{padding:0 34px 24px 0;color:var(--muted);font-size:13px;line-height:1.9}
.faq-item[open] .faq-answer{animation:answer-in .3s var(--ease)}
.trial-section{padding-bottom:20px}
.trial-banner{background:#e7ca84;border-radius:9px;padding:48px 56px;display:flex;align-items:center;justify-content:space-between;gap:36px;position:relative;isolation:isolate;overflow:hidden}
.trial-banner::after{content:'';position:absolute;z-index:-1;width:380px;height:380px;inset-inline-end:-130px;top:-220px;border-radius:50%;border:1px solid #836b2a29;box-shadow:0 0 0 24px #0000,0 0 0 25px #836b2a21,0 0 0 55px #0000,0 0 0 56px #836b2a16}
.trial-copy .eyebrow{color:#6c5826;font-size:10px;margin-bottom:15px}
.trial-copy .section-title{font-size:48px}
.trial-copy>p:last-child{font-size:12px;color:#536044;margin-top:17px;max-width:430px}
.trial-action{flex-shrink:0;text-align:center}
.trial-action .btn{background:var(--green);color:#fff;min-width:228px}
.trial-action>p{font-size:10px;color:#4f5b3e;margin-top:12px}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}
.contact-intro>.btn{margin-top:27px}
.contact-row{display:flex;align-items:center;gap:23px;padding-block:22px;border-bottom:1px solid var(--line)}
.contact-row:first-child{padding-top:0}
.contact-row:last-child{border:0;padding-bottom:0}
.contact-row>.icon:first-child{width:23px;height:23px;color:#8b7b4f}
.contact-row>div{min-width:0}
.contact-row div>span{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}
.contact-row div>strong{display:block;font-size:15px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;text-align:start}
.contact-row>.arrow{width:17px;height:17px;margin-inline-start:auto;opacity:.65}
.site-footer{background:var(--deep);color:#d8e0d8;padding-top:65px}
.footer-main{display:grid;grid-template-columns:1.4fr .7fr .8fr 1fr;gap:48px;padding-bottom:45px}
.site-footer .brand-mark{color:var(--gold);border-color:#e6c77a70}
.site-footer .brand-sub{color:#9cb3a6;font-size:9px}
.site-footer .brand-copy>strong{color:#f1efdf}
.footer-about>p:not(.footer-arabic){font-size:12px;line-height:1.9;color:#a0b7a8;max-width:240px;margin-top:23px}
.footer-arabic{font-family:var(--arabic);font-size:27px;line-height:2;text-align:start;color:var(--gold);margin-top:16px}
.footer-links,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:11px;color:#b0c4b7}
.site-footer h2{color:#eee9d9;font-size:12px;font-family:var(--sans);font-weight:600;margin:8px 0 12px}
.footer-links a{min-height:22px}
.footer-contact>a{overflow-wrap:anywhere;max-width:100%}
.footer-contact>p{white-space:pre-line;line-height:1.95}
.footer-wa{display:flex;align-items:center;gap:8px;color:var(--gold);margin-top:9px}
.footer-wa .icon{width:17px;height:17px}
.footer-wa .arrow{width:14px}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-block:21px;border-top:1px solid #ffffff18;color:#8fa699;font-size:9px;line-height:1.8}
.floating-whatsapp{position:fixed;bottom:25px;inset-inline-end:25px;z-index:60;width:53px;height:53px;display:grid;place-items:center;border:1px solid #effff73b;background:#216a4b;color:#fff;border-radius:50%;box-shadow:0 6px 24px #0c362633;transition:transform .3s var(--ease),background .3s}
.floating-whatsapp .icon{width:28px;height:28px;stroke-width:1.4}
.trial-dialog{border:1px solid #d6d8ca;border-radius:14px;width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:0;color:var(--ink);background:var(--paper);box-shadow:0 35px 150px #0004;overscroll-behavior:contain}
.trial-dialog::backdrop{background:#061e18bd;backdrop-filter:blur(6px)}
.trial-dialog[open]{animation:dialog-in .25s var(--ease)}
.dialog-inner{position:relative;padding:35px 36px 28px}
.dialog-close{position:absolute;inset-inline-end:14px;top:14px;width:34px;height:34px;border-color:transparent}
.dialog-close .icon{width:18px;height:18px}
.dialog-inner>.eyebrow{font-size:10px;margin-bottom:12px;padding-inline-end:24px}
.dialog-inner h2{font-family:var(--serif);font-size:37px;font-weight:600;letter-spacing:-.03em}
.dialog-description{font-size:13px;color:var(--muted);margin-top:9px;margin-bottom:24px}
.form-field{margin-top:16px}
.form-field>label{display:block;font-size:12px;font-weight:600;line-height:1.6;margin-bottom:7px}
.form-field .optional{font-weight:400;color:var(--muted)}
.form-field input,.form-field select,.form-field textarea{display:block;width:100%;border:1px solid #ced5c7;background:#fff;border-radius:6px;min-height:45px;padding:10px 12px;color:var(--ink);font-size:14px;line-height:1.5;transition:border .2s,box-shadow .2s}
.form-field input::placeholder,.form-field textarea::placeholder{color:#7b857d;opacity:1}
.form-field textarea{resize:vertical;min-height:78px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#5d8268;box-shadow:0 0 0 3px #52746120}
.form-field small{font-size:10px;color:var(--muted);line-height:1.6;display:block;margin-top:6px}
.form-submit{width:100%;margin-top:22px;gap:13px}
.form-note{font-size:10px;display:flex;align-items:flex-start;gap:8px;line-height:1.75;color:var(--muted);margin-top:14px}
.form-note .icon{width:14px;height:14px;margin-top:2px}
.form-error{font-size:12px;color:#9e342d;line-height:1.7;margin-top:14px}
.whatsapp-fallback{padding:15px;margin-top:15px;background:#e9efdf;border:1px solid #c5d3b8;border-radius:6px;font-size:12px}
.whatsapp-fallback .text-link{font-size:12px;min-height:36px}
.noscript-note{position:relative;padding:20px;background:#e7ca84;color:var(--green);text-align:center;font-size:14px}
.noscript-note a{text-decoration:underline}
/* Motion enhances the page; content is visible if JavaScript is unavailable. */
.reveal{transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal.is-prepared:not(.is-visible){opacity:0;transform:translateY(24px)}
.hero-copy{animation:hero-in .9s var(--ease) both}
.hero-art{animation:art-in 1.1s var(--ease) both}
@keyframes hero-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes art-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(hover:hover){
 .btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0001}
 .btn-gold:hover{background:#f1d68e}
 .btn-green:hover{background:#235846}
 .btn-outline-light:hover{background:#ffffff0c;border-color:#d5d2a8}
 .text-link:hover .arrow,.btn:hover .arrow,.course-action:hover .arrow{transform:translateX(4px)}
 .main-nav a:hover::after{transform:scaleX(1)}
 .course-card:hover{box-shadow:0 14px 30px #223f2510;border-color:#9caf91}
 .course-card:hover .course-calligraphy{color:#547541}
 .service-chip:hover{background:#edf1e5;border-color:#94aa86}
 .about-visual:hover img{transform:scale(1.04)}
 .footer-links a:hover,.footer-contact>a:hover{color:var(--gold)}
 .floating-whatsapp:hover{transform:translateY(-3px);background:#18553b}
 .contact-row[href]:hover strong{color:var(--gold-dark)}
}
/* Urdu uses logical layout properties and a locally bundled shaping font. */
html[lang=ur] body{font-family:Naskh,serif;font-size:18px;line-height:1.95}
html[lang=ur] .section-title,html[lang=ur] .hero h1,html[lang=ur] .course-body h3,html[lang=ur] .teacher-role h3,html[lang=ur] .experience-values h2,html[lang=ur] .dialog-inner h2,html[lang=ur] .image-note strong{font-family:Naskh,serif;letter-spacing:0;font-weight:600;line-height:1.6}
html[lang=ur] .hero h1{font-size:clamp(42px,4.3vw,60px);line-height:1.8;margin-bottom:17px}
html[lang=ur] .section-title{font-size:38px;line-height:1.6}
html[lang=ur] .eyebrow,html[lang=ur] .course-category,html[lang=ur] .verse-reference{letter-spacing:0;font-size:15px}
html[lang=ur] .main-nav a{font-size:16px}
html[lang=ur] .brand-sub{font-size:13px;letter-spacing:0}
html[lang=ur] .hero-description,html[lang=ur] .body-copy,html[lang=ur] .section-intro{font-size:18px}
html[lang=ur] .btn,html[lang=ur] .text-link{font-size:17px}
html[lang=ur] .hero-subtitle{font-size:22px}
html[lang=ur] .hero-assurances,html[lang=ur] .art-caption,html[lang=ur] .hero-bottom,html[lang=ur] .highlight>span{font-size:14px}
html[lang=ur] .verse-translation,html[lang=ur] .experience-translation{font-family:Naskh,serif;font-size:20px}
html[lang=ur] .hero-verse{direction:rtl}
html[lang=ur] .highlight strong{font-family:Naskh;font-size:31px;line-height:1.5}
html[lang=ur] .course-body h3,html[lang=ur] .teacher-role h3{font-size:27px}
html[lang=ur] .course-body>p,html[lang=ur] .feature p,html[lang=ur] .teacher-role p,html[lang=ur] .faq-answer{font-size:17px}
html[lang=ur] .course-level,html[lang=ur] .course-action,html[lang=ur] .service-chip,html[lang=ur] .why-tags{font-size:14px}
html[lang=ur] .feature h3,html[lang=ur] .faq-item summary,html[lang=ur] .about-point h3{font-size:19px}
html[lang=ur] .about-point p,html[lang=ur] .image-note div>span,html[lang=ur] .experience-values p,html[lang=ur] .trial-copy>p:last-child{font-size:16px}
html[lang=ur] .trial-action>p,html[lang=ur] .footer-about>p:not(.footer-arabic),html[lang=ur] .footer-links,html[lang=ur] .footer-contact,html[lang=ur] .site-footer h2{font-family:Naskh;font-size:15px}
html[lang=ur] .contact-row div>span{font-size:15px}
html[lang=ur] .contact-row div>strong{font-size:18px}
html[lang=ur] .footer-bottom{font-size:12px}
html[lang=ur] .dialog-inner h2{font-size:30px}
html[lang=ur] .dialog-description,html[lang=ur] .form-field>label,html[lang=ur] .form-field input,html[lang=ur] .form-field select,html[lang=ur] .form-field textarea{font-size:17px}
html[lang=ur] .form-field small,html[lang=ur] .form-note,html[lang=ur] .form-error,html[lang=ur] .whatsapp-fallback{font-size:14px}
[dir=rtl] .arrow{transform:scaleX(-1)}
[dir=rtl] .reading-progress{transform-origin:right}
[dir=rtl] .arch-orbit{transform:translateX(50%) rotate(-12deg)}
[dir=rtl] .orbit-two{transform:translateX(50%) rotate(32deg)}
[dir=rtl] .faq-answer{padding:0 0 24px 34px}
[dir=rtl] .about-visual{padding:0 0 30px 22px}
[dir=rtl] .footer-arabic{text-align:right}
@media(hover:hover){[dir=rtl] .text-link:hover .arrow,[dir=rtl] .btn:hover .arrow,[dir=rtl] .course-action:hover .arrow{transform:translateX(-4px) scaleX(-1)}}
/* Tablet and mobile */
@media(min-width:1600px){.hero-grid{padding-block:76px 54px}.hero h1{font-size:88px}}
@media(max-width:1190px){
 .container{width:calc(100% - 64px)}
 .main-nav{gap:20px}.header-inner{gap:18px}.header-actions{gap:10px}.brand-copy>strong{font-size:25px}.brand-sub{font-size:9px}
 .hero-grid{gap:35px}.hero h1{font-size:66px}.hero-actions .btn{font-size:12px;padding:12px 19px;gap:13px}
 .hero-copy .eyebrow{font-size:9px;letter-spacing:.13em}.hero-art{padding-inline:5px}.calligraphy-panel{min-height:470px;padding:54px 15px 23px}.hero-verse{font-size:70px}
 .about-grid{gap:64px}.about-copy .section-title{font-size:46px}.why-heading{gap:70px}.teacher-layout{gap:60px}.faq-layout{gap:70px}.contact-layout{gap:70px}
 .experience-copy{padding:35px}.experience-verse{font-size:31px}.footer-main{gap:30px}
 html[lang=ur] .main-nav{gap:17px}html[lang=ur] .header-trial{font-size:14px}
}
@media(max-width:1050px){
 :root{--header-height:78px}
 .main-nav{display:none;position:absolute;top:var(--header-height);inset-inline:0;padding:14px 32px 20px;background:#f8f7f2;box-shadow:0 16px 20px #0c2c2514;border-bottom:1px solid var(--line);max-height:calc(100dvh - 100px);overflow-y:auto}
 .main-nav.is-open{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .main-nav a{font-size:15px;padding:7px 0;border-bottom:1px solid #183e3310}
 .main-nav a::after{display:none}.main-nav a.is-active{color:var(--gold-dark)}
 .menu-button{display:grid}.menu-button[aria-expanded=true] .menu-icon{display:none}.menu-button[aria-expanded=true] .close-icon{display:block}
 .header-actions{gap:18px}.hero-grid{gap:24px;grid-template-columns:1fr 1fr}.hero h1{font-size:59px}.hero-subtitle{font-size:14px}.hero-description{font-size:13px}.hero-actions .btn{min-height:48px;font-size:11px;padding:12px 15px}
 .hero-assurances{font-size:10px;gap:5px}.calligraphy-panel{min-height:445px}.hero-verse{font-size:64px}.bismillah{font-size:21px}.verse-translation{font-size:18px}.art-caption{font-size:9px}.hero-bottom{font-size:10px}
 .section{padding-block:80px}.section-title{font-size:44px}.about-grid{gap:45px}.about-copy .section-title{font-size:41px}.about-copy .body-copy{font-size:14px}.image-note{inset-inline:25px 0;padding:18px}.image-note strong{font-size:22px}
 .course-grid{gap:18px}.course-body{padding:22px 20px 14px}.course-body h3{font-size:25px}.course-foot{gap:8px}.course-action{font-size:10px;gap:6px}.course-level{font-size:9px}.course-calligraphy{font-size:43px}.course-top{padding:18px 20px}
 .why-heading{gap:40px}.feature{padding-inline:18px}.feature h3{font-size:14px}.teacher-layout{gap:45px}.teacher-role{gap:18px}.teacher-role h3{font-size:25px}.faq-layout{gap:55px}.trial-banner{padding:38px}.trial-copy .section-title{font-size:42px}.contact-layout{gap:55px}
 .footer-main{grid-template-columns:1.15fr .65fr .7fr 1fr;gap:20px}.footer-about .brand{gap:10px}.footer-about .brand-sub{font-size:8px}.footer-about .brand-copy>strong{font-size:24px}.footer-about .brand-mark{width:38px;height:47px;font-size:23px}
 html[lang=ur] .hero h1{font-size:48px}html[lang=ur] .hero-subtitle{font-size:20px}html[lang=ur] .hero-description{font-size:17px}html[lang=ur] .hero-actions .btn{font-size:15px}html[lang=ur] .section-title{font-size:35px}html[lang=ur] .course-foot{align-items:flex-start;flex-direction:column}
}
@media(max-width:800px){
 .container{width:calc(100% - 48px)}
 .hero-grid{grid-template-columns:1fr;gap:40px;padding-top:49px;padding-bottom:33px}.hero-copy{padding:0;text-align:center}.hero h1{font-size:70px;margin-bottom:23px}.hero-copy .eyebrow{font-size:10px}.hero-subtitle{font-size:17px}.hero-description{font-size:14px;margin-inline:auto;max-width:460px}.hero-actions{justify-content:center;margin-top:26px}.hero-actions .btn{font-size:13px;padding:13px 20px;min-height:52px}.hero-assurances{justify-content:center;font-size:11px;gap:8px}.hero-art{max-width:415px;padding-inline:5px}.calligraphy-panel{min-height:465px;padding-top:48px}.hero-verse{font-size:71px}.verse-translation{font-size:21px}.art-caption{font-size:10px}
 .hero-bottom{font-size:10px}.highlight-grid{padding-block:24px}.highlight strong{font-size:29px}.highlight>span{font-size:9px}.highlight{padding:4px 10px}
 .section{padding-block:70px}.about-grid{grid-template-columns:1fr 1fr;gap:35px}.about-visual{align-self:start;margin-top:35px}.image-frame{aspect-ratio:.72;border-radius:130px 130px 5px 5px}.image-side-label{display:none}.image-note{padding:17px;inset-inline:15px 0;gap:10px}.image-note strong{font-size:20px}.image-note div>span{font-size:9px}.image-note>.icon{width:23px}.about-copy .section-title{font-size:36px}.about-copy .body-copy{font-size:13px}.about-points{gap:17px}.about-point h3{font-size:13px}.about-point p{font-size:11px}.section-title{font-size:42px}
 .section-heading{align-items:flex-start;flex-direction:column;gap:19px}.section-intro{max-width:440px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-body h3{font-size:27px}.course-foot{gap:10px}.course-action{font-size:11px}.course-level{font-size:10px}.services-block{gap:24px}.services-block>h3{width:80px;font-size:12px}
 .why-heading{grid-template-columns:1fr 1fr;gap:35px;margin-bottom:40px}.why-heading .body-copy{font-size:13px}.why-tags{gap:13px;font-size:10px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:32px}.feature{padding:0 22px!important}.feature:nth-child(odd){padding-inline-start:0!important;border:0}.feature h3{font-size:15px}.feature p{font-size:13px}.feature-icon{margin-bottom:16px}
 .teacher-layout{grid-template-columns:1fr;gap:36px}.teacher-intro .section-title{white-space:normal}.teacher-intro .body-copy{max-width:510px}.teacher-role>.icon{width:23px;height:23px}.teacher-role h3{font-size:28px}
 .experience-copy{padding:32px 22px}.experience-verse{font-size:25px}.experience-translation{font-size:19px}.experience-copy .eyebrow{font-size:9px}.experience-values h2{font-size:24px}.experience-values p{font-size:11px}.experience-values{margin-top:22px;padding-top:22px}
 .faq-layout{grid-template-columns:1fr;gap:32px}.faq-intro .section-title{white-space:normal}.faq-intro .body-copy{margin-top:17px}.faq-intro .text-link{margin-top:8px}.faq-item summary{font-size:15px}.faq-answer{font-size:14px}
 .trial-banner{padding:35px;gap:25px}.trial-copy .section-title{font-size:38px}.trial-action .btn{min-width:185px;gap:10px;padding:12px 16px;font-size:12px}.trial-action>p{max-width:170px;margin-inline:auto}.trial-copy>p:last-child{font-size:11px}
 .contact-layout{gap:40px}.contact-row{gap:16px}.contact-row div>strong{font-size:13px}.contact-row div>span{font-size:10px}.contact-intro .body-copy{font-size:14px}
 .footer-main{grid-template-columns:1.3fr 1fr;gap:35px 50px}.footer-about .brand-sub{font-size:10px}.footer-about .brand-copy>strong{font-size:28px}.footer-about .brand-mark{width:45px;height:54px;font-size:25px}.footer-links,.footer-contact{font-size:12px}.site-footer h2{font-size:13px}.footer-bottom{font-size:9px}.footer-bottom>p:last-child{display:none}
 html[lang=ur] .hero h1{font-size:52px}html[lang=ur] .course-foot{flex-direction:row;align-items:center}html[lang=ur] .section-title{font-size:34px}html[lang=ur] .experience-verse{font-size:25px}html[lang=ur] .trial-action .btn{font-size:15px}html[lang=ur] .trial-banner{flex-direction:column;align-items:flex-start}html[lang=ur] .trial-action{text-align:start}html[lang=ur] .trial-action>p{max-width:none}html[lang=ur] .hero-bottom{font-size:12px}
}
@media(max-width:600px){
 :root{--header-height:74px}
 .container{width:calc(100% - 40px)}.topbar{font-size:9px}.topbar-inner{min-height:30px;gap:10px}.topbar .icon{width:11px;height:11px}.topbar-inner>span,.topbar-inner>a{gap:6px}
 .brand{gap:9px}.brand-mark{width:39px;height:45px;font-size:21px}.brand-copy{gap:4px}.brand-copy>strong{font-size:23px}.brand-sub{font-size:8px;letter-spacing:.03em}.header-actions{gap:7px}.header-trial{display:none}.language-button{min-width:35px;font-size:19px}.language-button[lang=en]{font-size:11px}.menu-button{width:36px;height:36px;border-color:#cdd5c7}.menu-button .icon{width:18px}.main-nav{padding-inline:20px}
 .hero-grid{padding-block:43px 27px;gap:36px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:20px}.hero h1{font-size:clamp(48px,11.8vw,69px);margin-bottom:24px;line-height:1.03}.hero-subtitle{font-size:14px;font-weight:600}.hero-description{font-size:12px;line-height:1.9;margin-top:12px;max-width:355px}.hero-actions{gap:10px}.hero-actions .btn{font-size:11px;gap:12px;padding:13px 15px;min-height:49px}.hero-actions .icon{width:16px}.hero-assurances{font-size:9px;gap:5px;margin-top:18px}.hero-assurances .icon{width:13px}.hero-art{max-width:340px;padding-inline:5px}.calligraphy-panel{min-height:411px;padding:43px 17px 22px}.ornament{font-size:23px;margin-bottom:11px}.bismillah{font-size:20px}.hero-verse{font-size:60px;line-height:1.58;margin-top:2px}.verse-rule{margin:4px 0 14px}.verse-translation{font-size:18px}.verse-reference{font-size:9px;margin-top:8px}.arch-signature{font-size:18px;margin-top:11px}.arch-signature span{width:48px}.art-caption{font-size:9px;margin-top:18px}.hero-bottom{padding:15px 0 19px;justify-content:center;font-size:9px}.scroll-link{display:none}
 .highlight-grid{grid-template-columns:repeat(2,1fr);padding-block:8px}.highlight{padding:19px 8px;border-bottom:1px solid #183e331a}.highlight:nth-child(2){border-inline-end:0}.highlight:nth-child(3){border-bottom:0}.highlight:last-child{border:0}.highlight strong{font-size:30px}.highlight>span{font-size:10px}
 .section{padding-block:60px}.eyebrow{font-size:10px;margin-bottom:13px}.section-title{font-size:39px}.body-copy{font-size:14px;margin-top:18px}
 .about-grid{grid-template-columns:1fr;gap:37px}.about-visual{margin-top:0;padding:0 16px 23px 0;max-width:440px;width:100%;margin-inline:auto}.image-frame{aspect-ratio:1.1;border-radius:145px 145px 5px 5px}.image-note{inset-inline:42px 0;padding:18px 20px;gap:16px}.image-note strong{font-size:23px}.image-note div>span{font-size:10px}.image-note>.icon{width:25px;height:25px}.about-copy .section-title{font-size:40px}.about-copy .body-copy{font-size:14px}.about-points{gap:19px;margin-top:25px}.about-point h3{font-size:14px}.about-point p{font-size:12px}.about-copy .text-link{margin-top:18px}
 .section-heading{gap:15px;margin-bottom:29px}.section-intro{font-size:13px}.course-grid{grid-template-columns:1fr;gap:18px}.course-top{height:110px;padding:17px 23px}.course-calligraphy{font-size:46px;top:25px;inset-inline-end:35px}.course-number{width:26px;height:26px}.course-category{font-size:10px}.course-body{padding:22px 24px 16px}.course-body h3{font-size:29px}.course-body>p{font-size:13px;margin-bottom:22px}.course-action{font-size:12px}.course-level{font-size:10px}.services-block{flex-direction:column;gap:17px;margin-top:30px;padding-top:27px}.services-block>h3{width:auto;font-size:13px;padding:0}.service-chip{font-size:10px;padding:9px 10px;gap:6px}.service-chips{gap:7px}
 .why-heading{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.why-heading .section-title{white-space:normal;font-size:40px}.why-heading .body-copy{font-size:14px}.why-tags{font-size:11px;gap:20px}.feature-grid{gap:27px 18px}.feature{padding:0 0 0 17px!important}.feature:nth-child(odd){padding:0!important}.feature h3{font-size:13px;line-height:1.7}.feature p{font-size:11px;line-height:1.95;margin-top:10px}.feature-icon{width:41px;height:41px;margin-bottom:16px}.feature-icon .icon{width:20px;height:20px}
 .teacher-layout{gap:30px}.teacher-intro .text-link{margin-top:16px}.teacher-role{gap:16px;padding-block:24px}.teacher-role h3{font-size:25px}.teacher-role p{font-size:12px}.teacher-role>.icon{width:19px;height:19px}.role-number{font-size:22px}
 .experience-grid{grid-template-columns:1fr}.experience-image{height:240px}.experience-image img{object-position:60% 45%}.experience-copy{padding:36px 23px}.experience-verse{font-size:clamp(25px,7.6vw,35px);line-height:2.3}.experience-translation{font-size:21px}.experience-copy .eyebrow{font-size:10px;margin-bottom:19px}.experience-values h2{font-size:26px}.experience-values p{font-size:12px}.experience-section{padding-bottom:0}
 .faq-item summary{font-size:13px;gap:18px;padding-block:20px}.faq-answer{font-size:13px;padding-inline-end:20px}.faq-intro .section-title{font-size:40px}.faq-layout{gap:26px}
 .trial-section{padding-bottom:0}.trial-banner{flex-direction:column;align-items:flex-start;padding:32px 26px;gap:24px}.trial-copy .section-title{font-size:40px}.trial-copy>p:last-child{font-size:12px}.trial-action{text-align:start}.trial-action .btn{font-size:13px;padding:14px 20px;min-height:51px}.trial-action>p{max-width:none;font-size:10px;margin-top:10px}
 .contact-layout{grid-template-columns:1fr;gap:34px}.contact-intro>.btn{margin-top:22px}.contact-row{gap:19px}.contact-row div>strong{font-size:14px}.contact-row div>span{font-size:11px}.contact-row:first-child{padding-top:0}
 .site-footer{padding-top:44px}.footer-main{gap:32px 24px;grid-template-columns:1fr 1fr;padding-bottom:33px}.footer-about{grid-column:1 / -1}.footer-about>p:not(.footer-arabic){max-width:290px;margin-top:18px}.footer-arabic{font-size:27px;margin-top:13px}.footer-contact{grid-column:1 / -1;font-size:12px;gap:11px}.footer-links{font-size:12px;gap:12px}.site-footer h2{margin-top:0;margin-bottom:8px}.footer-contact>p{white-space:normal}.footer-bottom{font-size:9px;padding-block:19px 25px;padding-inline-end:45px}
 .floating-whatsapp{width:48px;height:48px;bottom:max(18px,env(safe-area-inset-bottom));inset-inline-end:17px}.floating-whatsapp .icon{width:26px;height:26px}
 .trial-dialog{max-height:calc(100dvh - 24px);border-radius:12px}.dialog-inner{padding:30px 24px 24px}.dialog-inner h2{font-size:33px}.dialog-description{font-size:12px;margin-bottom:20px}.form-field input,.form-field select,.form-field textarea{font-size:16px}.form-field small,.form-note{font-size:11px}.form-field>label{font-size:12px}.form-field{margin-top:15px}.form-submit{font-size:13px}
 html[lang=ur] .brand-sub{font-size:11px}html[lang=ur] .topbar{font-size:11px}html[lang=ur] .topbar-inner>span{gap:4px}html[lang=ur] .hero h1{font-size:43px;line-height:1.75}html[lang=ur] .hero-copy .eyebrow{font-size:13px}html[lang=ur] .hero-subtitle{font-size:20px}html[lang=ur] .hero-description{font-size:17px}html[lang=ur] .hero-actions .btn{font-size:14px}html[lang=ur] .hero-assurances{font-size:12px}html[lang=ur] .hero-bottom{font-size:12px}html[lang=ur] .art-caption{font-size:12px}html[lang=ur] .section-title{font-size:33px}html[lang=ur] .eyebrow{font-size:15px}html[lang=ur] .feature h3{font-size:17px}html[lang=ur] .feature p{font-size:15px}html[lang=ur] .experience-verse{font-size:29px}html[lang=ur] .verse-translation{font-size:17px}html[lang=ur] .verse-reference{font-size:12px}html[lang=ur] .trial-copy .section-title{font-size:31px}html[lang=ur] .form-note,html[lang=ur] .form-field small{font-size:13px}
}
@media(max-width:359px){.container{width:calc(100% - 28px)}.brand-copy>strong{font-size:20px}.brand-sub{font-size:7px}.brand-mark{width:35px;font-size:22px}.header-inner{gap:8px}.header-actions{gap:4px}.topbar{font-size:8px}.hero-verse{font-size:56px}.hero-actions{gap:8px}.hero-actions .btn{font-size:10px;padding:12px 13px}.hero-copy .eyebrow{font-size:8px}.course-body{padding-inline:20px}.trial-banner{padding-inline:22px}.experience-copy{padding-inline:18px}.experience-verse{font-size:26px}html[lang=ur] .hero h1{font-size:37px}html[lang=ur] .topbar{font-size:9px}html[lang=ur] .experience-verse{font-size:24px}html[lang=ur] .brand-sub{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal.is-prepared:not(.is-visible){opacity:1;transform:none}}
@media print{.topbar,.site-header,.hero-actions,.hero-assurances,.floating-whatsapp,.trial-section,.trial-dialog,.course-action,.service-chips,.reading-progress{display:none!important}body{background:white;color:black}.hero,.why-section,.site-footer{background:#fff;color:#183e33}.reveal{opacity:1!important;transform:none!important}.section{padding-block:28px}.hero{overflow:visible}.hero-grid{padding-block:25px}.hero h1{color:#183e33}.hero-art{max-width:280px}.hero-verse{font-size:48px}.calligraphy-panel{min-height:350px}.container{width:100%}.course-card{break-inside:avoid}.site-footer{padding-top:20px}.body-copy,.hero-description{color:#333}}
/* Final readability and calligraphy alignment. */
html[lang=en] .body-copy,html[lang=en] .hero-description,html[lang=en] .course-body>p,html[lang=en] .teacher-role p,html[lang=en] .faq-answer{font-size:16px;line-height:1.85}
html[lang=en] .feature p,html[lang=en] .about-point p,html[lang=en] .section-intro,html[lang=en] .experience-values p{font-size:14px}
html[lang=en] .hero-assurances{font-size:12px;gap:7px}
html[lang=en] .course-level{font-size:12px}
html[lang=en] .course-action{font-size:13px}
.course-calligraphy{inset-inline-end:auto;left:auto;right:29px}
html[dir=rtl] .course-calligraphy{inset-inline-end:auto;right:auto;left:29px}
html[dir=ltr] .footer-arabic{text-align:left}
@media(min-width:1051px){html[lang=en] .main-nav a{font-size:14px}}
@media(max-width:600px){html[lang=en] .feature p{font-size:13px}.course-calligraphy{right:28px}html[dir=rtl] .course-calligraphy{left:28px}}
@media(max-width:359px){html[lang=en] .hero-assurances{font-size:10px;gap:6px}}