.ai{padding:clamp(84px,10vw,152px) 0;position:relative}.ai__shell{grid-template-columns:minmax(0,1fr) minmax(290px,410px);align-items:center;gap:clamp(48px,9vw,144px);display:grid}.ai__title{max-width:13ch}.ai__lead{max-width:49ch}.ai__stages{margin:46px 0 0;padding:0;list-style:none}.ai__stage{border-top:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);gap:16px;padding:20px 0;display:grid}.ai__stage:last-child{border-bottom:1px solid var(--line)}.ai__stage-number{font-family:var(--font-display);color:var(--gold-soft);padding-top:2px;font-size:17px}.ai__moment{letter-spacing:.07em;color:var(--ink-on-night-2);font-size:12px}.ai__stage h3{font-family:var(--font-display);color:var(--cream);margin:3px 0 4px;font-size:clamp(24px,2.3vw,34px);font-weight:400;line-height:1.15}.ai__stage p{max-width:49ch;color:var(--ink-on-night);margin:0;font-size:15px;line-height:1.5}.ai__bridge{min-height:var(--tap-min);color:var(--gold-soft);text-underline-offset:5px;align-items:center;margin-top:24px;font-size:14px;font-weight:600;display:inline-flex}.ai__bridge span{transition:transform var(--d-fast) var(--ease-out);margin-left:5px}.ai__bridge:focus-visible span{transform:translateY(3px)}.ai__proof{justify-content:center;padding:40px 0 0;display:flex;position:relative}.ai__proof-rule{background:linear-gradient(var(--line), var(--gold-line) 55%, var(--line));width:1px;position:absolute;top:0;bottom:92px;left:50%;transform:translate(-50%)}.ai__proof .proof__shot{width:min(100%,310px);max-width:none;position:relative}.ai__proof .proof__frame{box-shadow:0 38px 92px #00000073}.ai__proof .proof__note{max-width:36ch}@media (max-width:1000px){.ai__shell{grid-template-columns:minmax(0,1fr) minmax(230px,290px);gap:36px}}@media (max-width:720px){.ai{padding:72px 0 80px}.ai__shell{flex-direction:column;align-items:stretch;gap:32px;display:flex}.ai__title{max-width:15ch}.ai__stages{margin-top:32px}.ai__stage{padding:15px 0}.ai__proof{padding-top:18px}.ai__proof .proof__shot{width:min(230px,74vw)}}@media (hover:hover) and (pointer:fine){.ai__bridge:hover span{transform:translateY(3px)}}
.device{isolation:isolate;min-height:660px;padding:clamp(86px,10vw,150px) 0;position:relative;overflow:hidden}.device__scene{z-index:-1;opacity:.88;background:linear-gradient(90deg,#05141af5 0%,#05141adb 44%,#05141a8f 100%),linear-gradient(#05141af5,#0000 30% 75%,#05141af5),url(/assets/scenes/vault.webp) 50% 40%/cover;position:absolute;inset:0}.device__shell{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(50px,8vw,130px);display:grid}.device__title{max-width:12ch}.device__lead{max-width:37ch}.device__process{border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:#05141acc;padding:30px 34px 26px;box-shadow:0 30px 80px #00000047}.device__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.device__step{min-width:0;position:relative}.device__step:not(:last-child):after{content:"";background:var(--gold-line);opacity:.55;width:calc(100% - 46px);height:1px;position:absolute;top:26px;left:62px}.device__icon{border:1px solid var(--line-strong);width:52px;height:52px;color:var(--gold-soft);background:var(--night-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.device__step-index{color:var(--ink-on-night-2);margin-top:20px;font-size:12px;display:block}.device__step h3{font-family:var(--font-display);margin:5px 0 7px;font-size:clamp(20px,2vw,27px);font-weight:400;line-height:1.2}.device__step p{color:var(--ink-on-night);margin:0;font-size:14px;line-height:1.55}.device__seal{border-top:1px solid var(--line);color:var(--gold-soft);align-items:center;gap:10px;margin:30px 0 0;padding:17px 0 0;font-size:16px;font-weight:600;display:flex}.device__caveat{max-width:60ch;color:var(--ink-on-night-2);margin:8px 0 0;font-size:13px;line-height:1.5}@media (max-width:1000px){.device__shell{grid-template-columns:1fr;gap:35px}}@media (max-width:720px){.device{min-height:0;padding:80px 0 100px}.device__scene{background-position:50%,50%,52%}.device__process{padding:20px}.device__steps{grid-template-columns:1fr;gap:0}.device__step{grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:0 0 20px;display:grid}.device__step:not(:last-child):after{width:1px;height:calc(100% - 58px);top:52px;left:23px}.device__icon{grid-row:1/4;width:48px;height:48px}.device__step-index{margin-top:0}.device__step h3{margin:0 0 3px}.device__seal{margin-top:4px}}
.finale{isolation:isolate;color:var(--ink);text-align:center;padding:128px 0 0;position:relative;overflow:hidden}.fin-dawn{z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 50% 0,#efd9a09e,#efd9a038 55%,#efd9a000);width:min(1400px,140%);height:520px;position:absolute;top:0;left:50%;translate:-50%}.fin-body{flex-direction:column;align-items:center;display:flex;position:relative}.fin-verse{max-width:34rem}.fin-verse .ayah__arabic{min-height:0;font-size:clamp(38px,4.4vw,52px);line-height:1.75}.fin-verse .ayah__translation{font-size:16px}.fin-rule{background:linear-gradient(#b98a2f00,#b98a2f);width:1px;height:56px;margin:36px 0 28px;display:block}.fin-kicker{color:var(--green-deep)}.fin-title{max-width:17ch;color:var(--ink);margin:14px auto 0}.fin-sub{max-width:52ch;color:var(--muted);margin:20px auto 0}.fin-form{justify-content:center;width:100%;margin-top:36px;display:flex}.store-status{min-height:32px;font-size:var(--t-meta);line-height:var(--lh-meta);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--muted);border:1px dashed #241f1847;border-radius:999px;align-items:center;gap:10px;margin:26px 0 0;padding:0 16px;font-weight:700;display:inline-flex}.store-status__dot{border:1px solid var(--muted);border-radius:50%;flex:none;width:7px;height:7px}.fin-community{max-width:58ch;font-size:var(--t-small);color:var(--muted);margin:28px 0 0;line-height:1.65}.fin-review{max-width:58ch;font-size:var(--t-small);line-height:var(--lh-small);color:var(--muted);margin:12px 0 0;font-style:italic}.fin-mark{z-index:1;width:min(1360px, calc(100% - var(--gutter) * 2));clip-path:inset(-600px -200px 0);margin:96px auto 0;padding-bottom:clamp(22px,3.2vw,56px);position:relative}.fin-sun{z-index:-2;aspect-ratio:2;pointer-events:none;background:radial-gradient(closest-side at 50% 100%,#eabe609e,#efd08a42 58%,#efd9a000);width:min(1200px,100%);position:absolute;bottom:0;left:50%;translate:-50%}.fin-khatam{z-index:-1;stroke:#b98a2f;stroke-width:.8px;opacity:.42;pointer-events:none;width:clamp(200px,40vw,600px);position:absolute;bottom:0;left:50%;translate:-50% 50%}.fin-wordmark{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;color:var(--gold);background:linear-gradient(180deg, #e6c471 0%, var(--gold) 45%, #b98a2f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:.1em;font-size:clamp(58px,15.5vw,240px);font-weight:400;line-height:1.1}@media (max-width:720px){.finale{padding-top:88px}.fin-rule{height:40px;margin:28px 0 22px}.fin-form{margin-top:28px}.fin-mark{margin-top:72px}}@media (prefers-contrast:more){.fin-wordmark{-webkit-text-fill-color:#8a6420;color:#8a6420;background:0 0}.fin-khatam{opacity:.8}}
.waitlist{text-align:left;width:min(520px,100%)}.waitlist__label{font-size:var(--t-meta);line-height:var(--lh-meta);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--kicker-on-night);margin:0 0 10px 20px;font-weight:700;display:block}.waitlist__row{border:1px solid var(--line-strong);background:#05141a99;border-radius:999px;align-items:center;gap:8px;padding:5px;display:flex}.waitlist__row:focus-within{border-color:var(--gold-line)}.waitlist__input{min-width:0;min-height:var(--tap-min);font-family:var(--font-body);color:var(--cream);background:0 0;border:0;border-radius:999px;flex:1;padding:8px 8px 8px 18px;font-size:16px}.waitlist__input:focus-visible{outline-offset:0}.waitlist__input::placeholder{color:#f5f0e580}.waitlist__input:disabled{opacity:.6}.waitlist__submit{min-height:var(--tap-min);white-space:nowrap;border-radius:999px;padding:10px 22px}.waitlist__submit:disabled{box-shadow:none}.waitlist__spin{animation:.9s linear infinite waitlist-spin}@keyframes waitlist-spin{to{transform:rotate(360deg)}}.waitlist__trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.waitlist__meta{justify-content:space-between;align-items:baseline;gap:8px 20px;margin:12px 20px 0;display:flex}.waitlist__status{font-size:var(--t-small);line-height:var(--lh-small);color:var(--ink-on-night-2);margin:0}.waitlist__status--error{color:#f0b3a6}.waitlist__privacy{color:var(--gold-soft);text-underline-offset:3px;flex:none;font-size:13px;line-height:1.5}@media (max-width:360px){.waitlist__meta{text-align:center;flex-direction:column;align-items:center}}section[data-sky=duha] .waitlist__label,section[data-sky=duha] .waitlist__privacy{color:var(--green-deep)}section[data-sky=duha] .waitlist__row{background:#fffdf8;border-color:#241f1833;box-shadow:inset 0 1px #fffc,0 14px 34px #241f1814}section[data-sky=duha] .waitlist__row:focus-within{border-color:var(--green)}section[data-sky=duha] .waitlist__input{color:var(--ink)}section[data-sky=duha] .waitlist__input::placeholder{color:var(--muted-2)}section[data-sky=duha] .waitlist__status{color:var(--muted)}section[data-sky=duha] .waitlist__status--error{color:#9a3325}.fin-form .waitlist__label,.fin-form .waitlist__status{text-align:center;margin-inline:0}@media (max-width:720px){.waitlist__row{box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:10px;padding:0}section[data-sky=duha] .waitlist__row{box-shadow:none;background:0 0}.waitlist__input{border:1px solid var(--line-strong);background:#05141a99;padding:8px 20px}section[data-sky=duha] .waitlist__input{background:#fffdf8;border-color:#241f1833}.waitlist__submit{justify-content:center;width:100%}.waitlist__label{margin-left:4px}}@media (prefers-reduced-motion:reduce){.waitlist__spin{animation:none}}
.hero{--jw:20px;--nav-h:68px;isolation:isolate;min-height:clamp(640px, calc(100svh - var(--nav-h)), 860px);padding:clamp(44px,8.4vh,96px) 0 96px;position:relative;overflow:hidden}.hero__scene{z-index:0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0 7%,#000 30% 74%,#0000 100%);mask-image:linear-gradient(#0000 0 7%,#000 30% 74%,#0000 100%)}.hero__scene img{object-fit:cover;object-position:50% 46%;transform:scaleX(-1)}.hero__scene:after{content:"";background:linear-gradient(90deg,#05141ae6 0%,#05141ab3 30%,#05141a2e 56%,#05141a00 72%),linear-gradient(#05141a40,#05141a00 40%);position:absolute;inset:0}.hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(closest-side,#efd9a017,#efd9a000);width:62%;height:74%;position:absolute;top:2%;left:-8%}.hero .jadwal{z-index:3}.hero__bismillah{z-index:4;top:calc(var(--jw) - 25px);width:fit-content;color:var(--gold-soft);background:linear-gradient(90deg, #05141a00, var(--sky-night-a) 30%, var(--sky-night-a) 70%, #05141a00);text-align:center;animation:hero-fade .24s var(--ease-out) both;margin:0 auto;padding:0 clamp(36px,5vw,72px);font-size:22px;line-height:40px;position:absolute;left:0;right:0}.hero__inner{z-index:2;position:relative}.hero__column{max-width:min(620px,56vw)}.hero__ayah .ayah__arabic{text-align:left;min-height:0;font-size:clamp(52px,4.4vw,62px);line-height:1.6}.hero__ayah .ayah__caption{text-align:left;gap:2px;margin-top:4px}.hero__ayah .ayah__translation{font-size:17px;line-height:1.5}.hero__eyebrow{align-items:center;gap:14px;margin-top:clamp(22px,3vh,30px);display:flex}.hero__eyebrow:before{content:"";background:var(--gold-line);flex:none;width:32px;height:1px}.hero__title{font-family:var(--font-display);font-size:var(--t-hero);font-weight:400;line-height:var(--lh-hero);letter-spacing:-.01em;color:var(--cream);text-shadow:0 1px #00000059;margin:14px 0 0}.hero__title .title-gold{text-shadow:none}.hero__w{animation:hero-in calc(.28s - var(--w,0) * var(--stagger-word)) var(--ease-out) both;animation-delay:calc(.12s + var(--w,0) * var(--stagger-word));display:inline-block}.hero__sub{max-width:30em;font-size:var(--t-lead);line-height:var(--lh-lead);color:var(--ink-on-night);margin:20px 0 0}.hero__actions{flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:28px;display:flex}.hero__how{min-height:var(--tap-min);color:var(--cream);align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.hero__how:after{content:"";background:var(--gold-line);transform-origin:0;height:1px;transition:transform var(--d-base) var(--ease);position:absolute;bottom:7px;left:0;right:26px;transform:scaleX(0)}.hero__how:hover:after,.hero__how:focus-visible:after{transform:scaleX(1)}.hero__how-arrow{transition:transform var(--d-base) var(--ease);display:inline-block}.hero__how:hover .hero__how-arrow,.hero__how:focus-visible .hero__how-arrow{transform:translateY(3px)}.hero__foot{z-index:2;left:0;right:0;bottom:calc(var(--jw) + 24px);margin:0 auto;position:absolute}.hero__platforms{font-size:var(--t-meta);line-height:var(--lh-meta);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--ink-on-night-2);margin:0}.hero-in--verse{animation:hero-in .32s var(--ease-out) 80ms both}.hero-in--late{animation:hero-in .2s var(--ease-out) .2s both}@keyframes hero-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hero-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero__bismillah,.hero__w,.hero-in--verse,.hero-in--late{animation:none!important}}@media (min-width:721px) and (max-height:820px){.hero{padding-bottom:72px}.hero__foot{text-align:right}.hero__eyebrow{margin-top:18px}.hero__title{margin-top:10px}.hero__sub{margin-top:14px}.hero__actions{margin-top:22px}}@media (min-width:721px) and (orientation:portrait){.hero{padding-top:14vh}}@media (max-width:1000px){.hero__ayah .ayah__arabic{font-size:52px}}@media (max-width:720px){.hero{--jw:12px;--nav-h:64px;min-height:0;padding:0 0 64px}.hero__scene{height:380px;inset:0 0 auto;-webkit-mask-image:linear-gradient(#0000 0,#000 14% 66%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 14% 66%,#0000 100%)}.hero__scene img{object-position:26% 50%}.hero__scene:after{background:linear-gradient(#05141a1a,#05141a00 50%)}.hero:before{display:none}.hero__bismillah{top:calc(var(--jw) - 18px);font-size:20px;line-height:36px}.hero__inner{padding-top:212px}.hero__column{max-width:none}.hero__ayah .ayah__arabic{text-align:center;font-size:44px}.hero__ayah .ayah__caption{text-align:center}.hero__eyebrow{margin-top:22px}.hero__title{margin-top:12px}.hero__sub{margin-top:16px;font-size:17px;line-height:1.55}.hero__actions .btn--gold{display:none}.hero__actions{margin-top:8px}.hero__foot{bottom:calc(var(--jw) + 16px)}}
.ibd{padding:clamp(88px,8vw,116px) 0 clamp(72px,6.5vw,96px);position:relative}.ibd__fajr{pointer-events:none;position:absolute;inset:56% 0 0}.ibd__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"intro list""dial list";align-items:start;gap:44px clamp(40px,6vw,96px);display:grid;position:relative}.ibd__intro{grid-area:intro;align-self:end}.ibd__intro .title{text-wrap:balance;max-width:16ch}.ibd__intro .lead{max-width:34ch}.ibd-dial{view-timeline:--ibd-dial block;grid-area:dial;place-self:start;width:min(340px,100%);margin:0}.ibd-dial__face{aspect-ratio:1;width:100%;position:relative}.ibd-dial__ring{opacity:.9;background:conic-gradient(#0c1a33 0deg,#1a2a4a 24deg,#2d3b6b 52deg,#8a6f4c 64deg,#d9a94c 71deg,#efd9a0 80deg,#f5f0e599 120deg,#f5f0e5b3 178deg,#efd9a0bf 226deg,#d9a94c 262deg,#b0705a 274deg,#2b4763 290deg,#142446 320deg,#0c1a33 360deg);border-radius:50%;position:absolute;inset:-1.5%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.ibd-dial__sun{aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#f6e2a88c,#d9a94c33 50%,#d9a94c00 100%);width:22%;position:absolute;top:35%;left:91.1%;transform:translate(-50%,-50%)}.ibd-dial__glow{background:radial-gradient(circle at 50% 12%,#d9a94c29 0%,#1a2a4a8c 46%,#0c1a3333 100%);border-radius:50%;position:absolute;inset:6%}.ibd-dial__svg{width:100%;height:auto;position:relative}.ibd-dial .daydial__hand{transform:rotate(var(--ibd-to));stroke:var(--cream);stroke-width:1.4px;rotate:none!important}.ibd-dial .daydial__mark{fill:var(--gold-soft)}@supports (animation-timeline:view()){html.is-enhanced:not(.no-st) .ibd-dial .daydial__hand{animation:linear both ibd-hand;animation-timeline:--ibd-dial;animation-range:cover 14% cover 86%}}html.is-enhanced.no-st .ibd-dial .daydial__hand{transition:transform 1.6s var(--ease-out)}html.is-enhanced.no-st .ibd-dial:not(.is-in) .daydial__hand{transform:rotate(var(--ibd-from))}@supports not (animation-timeline:view()){html.is-enhanced .ibd-dial .daydial__hand{transition:transform 1.6s var(--ease-out)}html.is-enhanced .ibd-dial:not(.is-in) .daydial__hand{transform:rotate(var(--ibd-from))}}@keyframes ibd-hand{0%{transform:rotate(var(--ibd-from))}to{transform:rotate(var(--ibd-to))}}.ibd-dial__caption{width:440px;max-width:calc(100vw - 2 * var(--gutter));gap:10px;margin-top:26px;display:grid}.ibd-dial__legend{font-size:var(--t-small);line-height:var(--lh-small);color:var(--ink-on-night);flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}.ibd-dial__legend li{align-items:center;gap:7px;display:inline-flex}.ibd-dial__legend li:before{content:"";background:var(--gold-soft);opacity:.55;border-radius:50%;width:5px;height:5px}.ibd-dial__legend li[data-prayer=subuh]:before{opacity:1}.ibd-dial__eg{font-size:var(--t-meta);line-height:var(--lh-meta);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--ink-on-night-2)}.ibd__list{grid-area:list;align-self:center}.ibd__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ibd-tile{border:1px solid var(--line);border-radius:var(--radius-panel);background:#08102275;grid-template-columns:40px minmax(0,1fr);align-content:start;column-gap:16px;padding:18px 20px 20px;display:grid}.ibd-tile__icon{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--cream);border-radius:50%;grid-row:1/span 2;place-items:center;display:grid}.ibd-tile__title{font-family:var(--font-body);color:var(--cream);margin:2px 0 0;font-size:16px;font-weight:600;line-height:1.3}.ibd-tile__line{font-size:var(--t-small);line-height:var(--lh-small);color:var(--ink-on-night);margin:4px 0 0}.ibd__sources{font-size:var(--t-small);line-height:var(--lh-small);color:var(--ink-on-night-2);margin:22px 2px 0}@media (max-width:1000px){.ibd__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""dial""list";row-gap:40px}.ibd__intro .title,.ibd__intro .lead{max-width:30ch}.ibd__intro .lead{max-width:46ch}.ibd-dial{justify-self:center;width:min(300px,100%)}.ibd-dial__caption{justify-items:center}.ibd-dial__legend{justify-content:center}}@media (max-width:720px){.ibd{padding:60px 0 52px}.ibd__grid{row-gap:24px}.ibd-dial{width:min(184px,56%)}.ibd-dial__caption{gap:6px;width:100%;margin-top:14px}.ibd-dial__legend{gap:2px 12px;font-size:13px}.ibd__sources{margin-top:16px}.ibd__tiles{gap:8px}.ibd-tile{grid-template-columns:22px minmax(0,1fr);column-gap:10px;padding:12px 11px}.ibd-tile__icon{border:0;grid-row:auto;width:22px;height:22px}.ibd-tile__icon svg{width:20px;height:20px}.ibd-tile__title{margin-top:1px;font-size:14.5px;line-height:1.22}.ibd-tile__line{grid-column:1/-1;margin-top:6px;font-size:13px;line-height:1.38}}@media (prefers-reduced-motion:reduce){.ibd-dial .daydial__hand{transform:rotate(var(--ibd-to))!important;transition:none!important;animation:none!important}}@media print{.ibd-dial .daydial__hand{transform:rotate(var(--ibd-to))!important;transition:none!important;animation:none!important}}@media (prefers-contrast:more){.ibd-tile{border-color:var(--line-strong);background:#081022cc}}
.mth{--mth-p:376px;--mth-top:max(96px, calc((100svh - var(--mth-p)) / 2));--mth-leaf-a:#091630;--mth-leaf-b:#0f1e3b;--mth-rule:#d9bc6c3d;padding:88px 0 72px;position:relative}.mth-head{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:0;margin-bottom:44px;display:grid}.mth-head__text{padding-right:48px}.mth-title{max-width:13ch;margin-top:14px}.mth-lead{max-width:34ch;margin-top:20px}.mth-head__ayah{border-left:1px solid var(--mth-rule);padding-left:56px}.mth-ayah .ayah__arabic{min-height:calc(var(--t-ayah) * .86 * 2.1);font-size:calc(var(--t-ayah) * .86);line-height:1.95}.mth-ayah .ayah__caption{gap:8px;margin-top:10px}.mth-ayah .ayah__translation{max-width:46ch;margin-inline:auto}.mth-tiers{position:relative}.mth-tier{isolation:isolate;min-height:var(--mth-p);border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:linear-gradient(180deg, var(--mth-leaf-a) 0%, var(--mth-leaf-b) 100%);align-content:space-between;margin-bottom:12px;padding:28px 48px 30px;display:grid;position:relative;box-shadow:0 -10px 28px #02081452;container-type:inline-size}.mth-tier:before{content:"";z-index:-1;border:1px solid var(--line);pointer-events:none;border-radius:6px;position:absolute;inset:8px}.mth-tier__top{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.mth-count{font-size:var(--t-small);letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--ink-on-night-2);align-items:center;gap:0;margin:0;font-weight:600;line-height:1;display:inline-flex}.mth-count__n{color:var(--cream)}.mth-count__of{white-space:pre}.mth-dots{gap:6px;margin-left:16px;display:inline-flex}.mth-dots i{border:1px solid var(--ink-on-night-2);border-radius:50%;width:6px;height:6px}.mth-dots i[data-on=true]{border-color:var(--cream);background:var(--cream)}.mth-label{font-size:var(--t-small);line-height:var(--lh-small);letter-spacing:.02em;text-align:right;color:var(--ink-on-night);margin:0;font-weight:500}.mth-word{font-family:var(--font-display);font-size:min(var(--t-giant), calc(var(--mth-fit,15.2) * 1cqi));font-weight:400;line-height:var(--lh-giant);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:var(--cream);margin:8px 0 0 -.035em;padding-block:.03em .15em}.mth-tier__foot{border-top:1px solid var(--mth-rule);grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr);align-items:start;gap:16px 40px;margin-top:14px;padding-top:20px;display:grid}.mth-body{max-width:52ch;font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-on-night);margin:0}.mth-dfn,.mth-fact{font-size:var(--t-small);margin:0;padding-top:2px;line-height:1.55}.mth-fact{color:var(--ink-on-night-2)}.mth-fact__range{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--cream);font-weight:700}.mth-close{grid-template-columns:240px minmax(0,1fr);align-items:center;gap:88px;padding-top:52px;display:grid}.mth-shot{width:240px;max-width:none}.mth-shot .arch:after{content:"";pointer-events:none;background:linear-gradient(#f5efe6 0% 52%,#f5efe600 100%);height:40%;position:absolute;inset:0 0 auto}.mth-shot .proof__frame{position:relative;overflow:visible}.mth-shot .proof__frame:after{content:"";pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'><path d='M0,1 V.42 A.5,.5 0 0 1 .5,.06 A.5,.5 0 0 1 1,.42 V1' fill='none' stroke='%23d9bc6c' stroke-opacity='.55' stroke-width='1' vector-effect='non-scaling-stroke'/></svg>") 0 0/100% 100% no-repeat;position:absolute;inset:-10px}.mth-close__aside{gap:44px;display:grid}.mth-meta{font-size:var(--t-meta);line-height:var(--lh-meta);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--ink-on-night-2);margin:0 0 18px;font-weight:700}.mth-seq{align-items:flex-start;max-width:640px;margin:0;padding:0;list-style:none;display:flex}.mth-seq__step{text-align:center;flex:none;justify-items:center;gap:6px;min-width:108px;display:grid}.mth-seq__arch{fill:none;width:44px;height:56px;stroke:var(--gold-line);stroke-width:1px;margin-bottom:4px;display:block}.mth-seq__arch *{vector-effect:non-scaling-stroke}.mth-seq__inner{stroke-opacity:.32}.mth-seq__step[data-last=true] .mth-seq__arch{fill:#d9bc6c1a}.mth-seq__name{font-family:var(--font-display);font-size:var(--t-h3);color:var(--cream);line-height:1.1}.mth-seq__order{font-size:var(--t-small);color:var(--ink-on-night-2);line-height:1.3}.mth-seq__gate{flex:1 1 0;min-width:24px;height:56px;position:relative}.mth-seq__gate:before{content:"";background:var(--gold-line);opacity:.55;height:1px;position:absolute;top:34px;left:4px;right:4px}.mth-seq__gate:after{content:"";border:1px solid var(--gold-line);background:var(--mth-leaf-a);width:9px;height:9px;margin-left:-4.5px;position:absolute;top:30px;left:50%;transform:rotate(45deg)}.mth-plans{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chip.mth-plan{border:1px solid var(--line-strong);border-radius:var(--radius-panel);min-height:0;font-size:var(--t-body);line-height:var(--lh-body);letter-spacing:0;text-transform:none;background:#ffffff08;align-content:start;justify-items:start;gap:12px;padding:20px 22px 22px;font-weight:400;display:grid}.chip.mth-plan[data-plan=free]{border-color:#4fd8db57}.mth-plan__badge{font-size:var(--t-meta);line-height:var(--lh-meta);letter-spacing:var(--tr-meta);text-transform:uppercase;align-items:center;gap:8px;font-weight:700;display:inline-flex}.mth-plan__badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.chip.mth-plan[data-plan=free] .mth-plan__badge{color:var(--teal)}.chip.mth-plan[data-plan=premium] .mth-plan__badge{color:var(--gold-soft)}.mth-plan__text{color:var(--ink-on-night)}.mth-review{border-left:1px solid var(--mth-rule);font-size:var(--t-small);line-height:var(--lh-small);color:var(--ink-on-night-2);margin:0;padding-left:14px}@media screen and (min-width:721px) and (min-height:560px) and (prefers-reduced-motion:no-preference){.mth-tier{top:calc(var(--mth-top) + var(--k,0) * 14px);position:sticky}.mth-tiers:after{content:"";height:44px;display:block}}html.is-enhanced .mth-seq[data-scrub]:not(.is-in){clip-path:inset(0 100% 0 0)}@keyframes mth-wipe-right{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@supports (animation-timeline:view()){html.is-enhanced:not(.no-st) .mth-tier{view-timeline:--mth-tier block}html.is-enhanced:not(.no-st) .mth-tier .mth-word[data-scrub]{animation-timeline:--mth-tier;animation-range:entry 40% contain 10%}html.is-enhanced:not(.no-st) .mth-tier .mth-tier__foot[data-scrub]{animation-timeline:--mth-tier;animation-range:entry 60% contain 22%}html.is-enhanced:not(.no-st) .mth-seq[data-scrub]{transition:none;animation:linear both mth-wipe-right;animation-timeline:view();animation-range:entry 10% cover 40%}}@media (max-width:999px){.mth-head{grid-template-columns:1fr;gap:40px}.mth-head__text{padding-right:0}.mth-title,.mth-lead{max-width:30ch}.mth-head__ayah{border-left:0;border-top:1px solid var(--mth-rule);padding:32px 0 0}.mth-tier{min-height:0;padding-inline:32px}.mth-tier__foot{grid-template-columns:1fr 1fr}.mth-body{grid-column:1/-1;max-width:60ch}.mth-close{grid-template-columns:220px minmax(0,1fr);gap:48px}.mth-shot{width:220px}.mth-plans{grid-template-columns:1fr}}@media (min-width:800px) and (max-width:999px){.mth-plans{grid-template-columns:1fr 1fr}}@media (min-width:860px) and (max-width:999px){.mth-tier__foot{grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr);gap:16px 28px}.mth-body{grid-column:auto}}@media (max-width:720px){.mth{padding:44px 0 24px}.mth-head{gap:16px;margin-bottom:16px}.mth-title{margin-top:10px}.mth-head__ayah{padding-top:16px}.mth-lead{display:none}.mth-ayah .ayah__arabic{min-height:0;font-size:32px;line-height:1.7}.mth-ayah .ayah__caption{gap:2px;margin-top:4px}.mth-ayah .ayah__translation{font-size:var(--t-small);line-height:1.4}.mth-tier{border:0;border-top:1px solid var(--mth-rule);min-height:0;box-shadow:none;background:0 0;border-radius:0;margin-bottom:0;padding:12px 0}.mth-tier:before{display:none}.mth-word{font-size:min(var(--t-giant), 17cqi);white-space:nowrap;margin-top:6px}.mth-tier__foot{border-top:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 20px;margin-top:8px;padding-top:0}.mth-body{grid-column:1/-1;font-size:16px;line-height:1.42}.mth-dfn,.mth-fact{line-height:1.4}.mth-close{grid-template-columns:148px minmax(0,1fr);align-items:start;gap:10px 18px;padding-top:20px}.mth-close__aside{display:contents}.mth-shot{grid-area:1/1/span 2;width:148px}.mth-shot .proof__frame:after{inset:-6px}.mth-shot .proof__caption{font-size:var(--t-small);margin-top:12px;line-height:1.4}.mth-seq-wrap{display:none}.mth-plans{grid-area:1/2;grid-template-columns:1fr;gap:10px}.chip.mth-plan{font-size:var(--t-small);gap:6px;padding:12px 14px 13px;line-height:1.35}.mth-review{font-size:var(--t-small);grid-area:2/2;align-self:start;padding-left:12px;line-height:1.4}}