.msj{--turq: #00C5A8;--turq-deep: #00967F;--turq-glow: rgba(0,197,168,.22);--turq-dim: rgba(0,197,168,.12);--msj-accent: #007E6A;--ink: var(--text-primary);--bg: var(--bg-base);--card: var(--bg-elevated);--line: var(--glass-border);--muted: var(--text-muted);--gold: #C9A34E;--walnut: #8C603C}.msj *{box-sizing:border-box;margin:0;padding:0}.msj{overflow-x:clip;font-family:DM Sans,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.msj h2,.msj .serif{font-family:Amiri,serif}.msj .pillar-section{padding:110px 32px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1180px;margin:0 auto}.msj .pillar-section.reverse .pillar-copy{order:2}.msj .pillar-section.reverse .stage{order:1}.msj .tag{display:inline-flex;align-items:center;background:var(--turq-dim);color:var(--msj-accent);padding:7px 16px;border-radius:100px;font-size:13px;font-weight:600;margin-bottom:22px}.msj .pillar-copy h2{font-size:clamp(32px,3.4vw,44px);line-height:1.12;font-weight:700;letter-spacing:-.01em;margin-bottom:22px}.msj .pillar-copy h2 em{font-style:italic;color:var(--turq);font-weight:400}.msj .feature-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.msj .feature-pill{transition:background .6s ease,color .6s ease,border-color .6s ease;display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);padding:8px 14px;border-radius:100px;font-size:12.5px;font-weight:700;color:var(--muted)}.msj .feature-pill.on{background:var(--turq-dim);border-color:transparent;color:var(--msj-accent)}.msj .feature-pill svg{width:14px;height:14px}.msj .desc{font-size:16px;line-height:1.7;max-width:440px;margin-bottom:14px}.msj .note{font-size:14px;line-height:1.6;color:var(--muted);max-width:440px;margin-bottom:26px}.msj .explore{font-size:14px;font-weight:700;color:var(--msj-accent);text-decoration:none;border-bottom:1.5px solid rgba(0,150,127,.3);padding-bottom:3px}.msj .explore:hover{border-color:var(--turq)}.msj .explore:focus-visible{outline:2px solid var(--turq);outline-offset:4px;border-radius:2px}.msj .stage{display:flex;justify-content:center;align-items:center;min-height:440px}.msj .rig{position:relative;width:400px;height:340px}.msj .float{position:absolute;top:0;right:0;bottom:0;left:0;animation:msj-floaty 8s ease-in-out infinite}@keyframes msj-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.msj .halo{position:absolute;left:50%;top:50%;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;background:radial-gradient(circle at 42% 38%,rgba(0,197,168,.26),rgba(0,197,168,.08) 55%,transparent 72%);transform:scale(.6);opacity:0;transition:transform 1.1s cubic-bezier(.2,.9,.3,1),opacity .9s ease}.msj .play .halo{transform:scale(1);opacity:1}.msj .scene-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.msj .scene-svg *{transform-box:fill-box}.msj .chip{position:absolute;z-index:20;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid rgba(255,255,255,.8);border-radius:14px;padding:9px 14px 9px 10px;white-space:nowrap;box-shadow:0 1px #ffffffe6 inset,0 16px 32px -10px #0d2b2a47;opacity:0;transform:translateY(8px) scale(.94);transition:opacity .5s ease,transform .55s cubic-bezier(.3,1.4,.5,1);transition-delay:var(--d, 0s)}.msj .play .chip{opacity:1;transform:none}.msj .chip-ic{width:28px;height:28px;border-radius:50%;background:var(--turq-dim);color:var(--msj-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.msj .chip-ic svg{width:15px;height:15px}.msj .chip-t{font-size:12.5px;font-weight:700}.msj .chip-s{font-size:10.5px;color:var(--muted);margin-top:1px}.msj .m-rise{transform-origin:50% 100%;transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.9,.25,1.12);transition-delay:var(--d, 0s)}.msj .play .m-rise{transform:scaleY(1)}.msj .m-pop{transform-origin:50% 100%;transform:scale(0);transition:transform .95s cubic-bezier(.3,1.5,.5,1);transition-delay:var(--d, 0s)}.msj .play .m-pop{transform:scale(1)}.msj .m-fade{opacity:0;transform:translateY(-10px);transition:opacity .6s ease,transform .7s ease;transition-delay:var(--d, 0s)}.msj .play .m-fade{opacity:1;transform:none}.msj .m-shadow{transform-origin:50% 50%;transform:scaleX(0);transition:transform .9s ease}.msj .play .m-shadow{transform:scaleX(1)}.msj .m-win{fill:#d6e0dc;transition:fill .5s ease;transition-delay:var(--d, 0s)}.msj .play .m-win{fill:#f2c75c}.msj .m-star{opacity:0}.msj .play .m-star{animation:msj-twinkle 2.8s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes msj-twinkle{0%,to{opacity:.2}50%{opacity:1}}.msj .chip.cyc{width:214px;height:50px;padding:0}.msj .cyc-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:9px;padding:0 14px 0 10px;opacity:0;transition:opacity .5s ease}.msj .cyc-item.active{opacity:1;transition:opacity .6s ease .5s}.msj .bk-scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1100px}.msj .bk-slab{position:absolute;left:22px;height:20px;border-radius:4px;box-shadow:0 6px 14px -6px #0d2b2a59;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .6s cubic-bezier(.3,1.3,.5,1);transition-delay:var(--d)}.msj .bk-slab:after{content:"";position:absolute;top:6px;left:14px;width:34px;height:2px;background:var(--gold);border-radius:2px;opacity:.9}.msj .play .bk-slab{opacity:1;transform:none}.msj .bk-book{position:absolute;left:132px;top:88px;width:236px;height:156px;transform-style:preserve-3d;transform:rotateX(40deg) rotate(-6deg) translateY(24px);opacity:0;transition:opacity .6s ease .25s,transform .9s cubic-bezier(.2,.9,.3,1) .25s}.msj .play .bk-book{opacity:1;transform:rotateX(40deg) rotate(-6deg)}.msj .bk-backboard{position:absolute;left:-5px;top:-5px;width:128px;height:166px;border-radius:9px 2px 2px 9px;background:linear-gradient(145deg,#0f4a44,#082e2a);transform:translateZ(-1px);box-shadow:0 24px 40px -18px #0d2b2a8c}.msj .bk-backboard.right{left:113px;border-radius:2px 9px 9px 2px;opacity:0;transition:opacity .3s ease 1.25s}.msj .play .bk-backboard.right{opacity:1}.msj .leaf{position:absolute;left:0;top:0;width:118px;height:156px;transform-origin:100% 50%;transform-style:preserve-3d;transform:translateZ(var(--z0)) rotateY(var(--a0));transition:transform 1s cubic-bezier(.45,.05,.25,1);transition-delay:var(--d)}.msj .play .leaf{transform:translateZ(var(--z1)) rotateY(var(--a1))}.msj .face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.msj .face.back{transform:rotateY(180deg)}.msj .cover-front{border-radius:7px 1px 1px 7px;background:linear-gradient(150deg,#11c9ab,#007a68 70%)}.msj .cover-front:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1.5px solid rgba(201,163,78,.9);border-radius:4px}.msj .cover-front .orn{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:1.5px solid var(--gold);border-radius:50%}.msj .cover-front .orn:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1.5px solid var(--gold);transform:rotate(45deg)}.msj .cover-back{border-radius:1px 7px 7px 1px;background:#0f5a50;padding:6px}.msj .cover-back:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:2px;background:repeating-linear-gradient(45deg,#f1e9d6 0,#f1e9d6 6px,#ece2cb 6px,#ece2cb 12px)}.msj .pg{background:#fbf8f1;padding:16px 14px 12px;text-align:right}.msj .pg.left{border-radius:5px 0 0 5px;box-shadow:inset -14px 0 18px -14px #0d2b2a40}.msj .pg.right{border-radius:0 5px 5px 0;box-shadow:inset 14px 0 18px -14px #0d2b2a40;text-align:left}.msj .pg-ar{font-family:Amiri,serif;font-size:25px;line-height:1;color:var(--turq-deep)}.msj .pg-en{font-size:10.5px;font-weight:700;color:var(--ink);margin-top:6px}.msj .pg-lines{margin-top:12px;height:62px;background:repeating-linear-gradient(to bottom,rgba(13,43,42,.13) 0 2px,transparent 2px 10px)}.msj .pg-done{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--msj-accent);background:var(--turq-dim);padding:4px 8px;border-radius:100px}.msj .pg-done svg{width:10px;height:10px}.msj .pg.right .pg-lines{margin-top:14px;height:86px}.msj .r3-scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:900px;perspective-origin:50% 12%;opacity:0;transition:opacity .8s ease .1s}.msj .play .r3-scene{opacity:1}.msj .r3-world{position:absolute;left:200px;top:226px;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-24deg) scale3d(1.02,1.02,1.02)}.msj .r3-mat{position:absolute;left:-178px;top:-60px;width:356px;height:120px;border-radius:16px;background:linear-gradient(180deg,#f0e8d8,#e7ddc8);box-shadow:inset 0 0 0 7px #e2d5bb,inset 0 0 0 8.5px #c9a34e99,inset 0 0 0 13px #e2d5bb,inset 0 0 0 14px #c9a34e59;transform:rotateX(90deg)}.msj .r3-shadow{position:absolute;left:-58px;top:-30px;width:116px;height:60px;border-radius:50%;background:radial-gradient(closest-side,rgba(70,40,18,.34),transparent);transform:translate(var(--x)) translateY(-1px) rotateX(90deg) scaleX(.35);transition:transform 1.2s cubic-bezier(.45,.05,.25,1);transition-delay:var(--d)}.msj .play .r3-shadow{transform:translate(var(--x)) translateY(-1px) rotateX(90deg) scaleX(1)}.msj .rehal{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translate3d(var(--x),-34.4px,0)}.msj .rehal-lift{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translateY(-24.7px);transition:transform 1.2s cubic-bezier(.45,.05,.25,1);transition-delay:var(--d)}.msj .play .rehal-lift{transform:translateY(0)}.msj .board{position:absolute;left:-60px;top:-28px;width:120px;height:56px;border-radius:13px;transform-style:preserve-3d;background:radial-gradient(circle at 17% 50%,#3A2210 0 3.2px,transparent 3.7px),radial-gradient(circle at 83% 50%,#3A2210 0 3.2px,transparent 3.7px),linear-gradient(90deg,#a86f42,#8e5a33 50%,#a86f42);transition:transform 1.2s cubic-bezier(.45,.05,.25,1);transition-delay:var(--d)}.msj .board:before,.msj .board:after{content:"";position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;background:#3a2210;transform:rotate(45deg)}.msj .board:before{left:28%}.msj .board:after{right:28%}.msj .board .thick{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;background:#5e3a1f;transform:translateZ(-5px)}.msj .board.a{transform:rotate(-80deg) rotateX(90deg)}.msj .board.b{transform:rotate(80deg) rotateX(90deg)}.msj .play .board.a{transform:rotate(-35deg) rotateX(90deg)}.msj .play .board.b{transform:rotate(35deg) rotateX(90deg)}.msj .r-half{position:absolute;top:-38px;width:64px;height:76px;transform-style:preserve-3d;background:#fbf4de;padding:9px 8px;transition:transform 1.2s cubic-bezier(.45,.05,.25,1);transition-delay:var(--d)}.msj .r-half.l{left:-64px;transform-origin:100% 50%;transform:translateY(-4px) rotate(80deg) rotateX(90deg);box-shadow:inset -12px 0 14px -12px #5a3c1466}.msj .r-half.r{left:0;transform-origin:0% 50%;transform:translateY(-4px) rotate(-80deg) rotateX(90deg);box-shadow:inset 12px 0 14px -12px #5a3c1466}.msj .play .r-half.l{transform:translateY(-4px) rotate(35deg) rotateX(90deg)}.msj .play .r-half.r{transform:translateY(-4px) rotate(-35deg) rotateX(90deg)}.msj .r-frame{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1.3px solid rgba(201,163,78,.9);border-radius:2px;box-shadow:inset 0 0 0 2px #fbf4de,inset 0 0 0 3px #00967f59}.msj .r-band{height:8px;margin:1px 3px 5px;border-radius:2px;background:linear-gradient(90deg,#c9a34e59,#c9a34ee6,#c9a34e59)}.msj .r-ln{height:2px;margin:5px 4px;border-radius:2px;background:#3c2d1961;transform-origin:100% 50%;transform:scaleX(0);transition:transform .4s ease;transition-delay:var(--d)}.msj .play .r-ln{transform:scaleX(1)}.msj .r-cov{position:absolute;left:-2px;top:-2px;right:-2px;bottom:-2px;border-radius:3px;background:linear-gradient(150deg,#0e6b5f,#07443d);transform:translateZ(-5px)}.msj .r-edge{position:absolute;left:0;top:100%;width:100%;height:5px;transform-origin:top;transform:rotateX(-90deg);background:linear-gradient(90deg,#f3d878,#b9e1d2,#d7c6ee,#f4c2b8,#f3d878)}.msj .r-leaf{position:absolute;left:-64px;top:-38px;width:64px;height:76px;padding:9px 8px;background:#fdf8e8;transform-origin:100% 50%;transform:translateY(-5px) rotate(80deg) rotateX(90deg);box-shadow:inset -12px 0 14px -12px #5a3c144d}.msj .play .r-leaf{animation:msj-leafTurn 4.4s both}@keyframes msj-leafTurn{0%{transform:translateY(-5px) rotate(80deg) rotateX(90deg)}19.3%{transform:translateY(-5px) rotate(80deg) rotateX(90deg);animation-timing-function:cubic-bezier(.45,.05,.25,1)}46.6%{transform:translateY(-5px) rotate(35deg) rotateX(90deg)}66%{transform:translateY(-5px) rotate(35deg) rotateX(90deg);animation-timing-function:cubic-bezier(.45,.1,.3,1)}94%{transform:translateY(-5px) rotate(145deg) rotateX(90deg)}to{transform:translateY(-5px) rotate(145deg) rotateX(90deg)}}.msj.rm .play .r-leaf{transform:translateY(-5px) rotate(145deg) rotateX(90deg)}.msj .r3-glow{position:absolute;left:110px;top:96px;width:180px;height:120px;border-radius:50%;background:radial-gradient(closest-side,rgba(242,199,92,.38),transparent 75%);opacity:0;transition:opacity 1s ease 2.2s}.msj .play .r3-glow{opacity:1}.msj .k3-tick{position:absolute;z-index:15;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:var(--turq);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -6px #00967f8c,0 0 0 4px #ffffffbf;opacity:0;transform:translateY(10px) scale(.4);transition:opacity .3s ease,transform .5s cubic-bezier(.3,1.6,.5,1);transition-delay:var(--d)}.msj .play .k3-tick{opacity:1;transform:none}.msj .k3-tick svg{width:13px;height:13px}.msj .dn-pill{position:absolute;left:0;top:30px;z-index:10;display:flex;align-items:center;gap:10px;background:var(--card);border-radius:100px;padding:7px 7px 7px 14px;box-shadow:0 16px 32px -12px #0d2b2a4d;opacity:0;transform:translate(-12px);transition:opacity .5s ease .2s,transform .6s ease .2s}.msj .play .dn-pill{opacity:1;transform:none}.msj .dn-amt{font-family:Amiri,serif;font-size:19px;font-weight:700}.msj .dn-lbl{font-size:11px;color:var(--muted);font-weight:600}.msj .dn-give{background:var(--turq);color:#06201e;font-size:12px;font-weight:700;padding:8px 14px;border-radius:100px}.msj .play .dn-give{animation:msj-tap .6s ease 3 .7s}@keyframes msj-tap{0%,to{transform:scale(1)}40%{transform:scale(.86);box-shadow:0 0 0 6px var(--turq-dim)}}.msj .coin{opacity:0;transform-origin:50% 50%}.msj .play .coin{animation:msj-coinArc 1s cubic-bezier(.4,0,.6,1) forwards;animation-delay:var(--d)}@keyframes msj-coinArc{0%{transform:translate(128px,52px) scale(.4);opacity:0}14%{transform:translate(138px,34px) scale(1);opacity:1}48%{transform:translate(160px,18px) scale(1)}86%{transform:translate(180px,98px) scale(.85);opacity:1}to{transform:translate(180px,114px) scale(.5);opacity:0}}.msj .jar{opacity:0;transform-origin:50% 100%;transform:scale(.92);transition:opacity .5s ease,transform .7s cubic-bezier(.3,1.3,.5,1)}.msj .play .jar{opacity:1;transform:none}.msj .liquid{transform:translateY(170px);transition:transform 2.4s cubic-bezier(.2,.7,.3,1) 1.1s}.msj .play .liquid{transform:translateY(66px)}.msj .wave{animation:msj-wave 2.4s linear infinite}@keyframes msj-wave{0%{transform:translate(0)}to{transform:translate(-40px)}}.msj .dn-stat{position:absolute;left:268px;top:128px;width:132px;opacity:0;transform:translateY(8px);transition:opacity .5s ease .9s,transform .6s ease .9s}.msj .play .dn-stat{opacity:1;transform:none}.msj .dn-stat-l{font-size:11px;font-weight:700;color:var(--muted)}.msj .dn-stat-v{font-family:Amiri,serif;font-size:28px;font-weight:700;line-height:1.1;margin-top:2px}.msj .dn-bar{height:6px;border-radius:100px;background:var(--line);margin:8px 0 6px;overflow:hidden}.msj .dn-bar-fill{height:100%;width:0;border-radius:100px;background:var(--turq);transition:width 2.4s cubic-bezier(.2,.7,.3,1) 1.1s}.msj .play .dn-bar-fill{width:62%}.msj .dn-stat-s{font-size:11px;color:var(--muted)}.msj .ticket{position:absolute;right:-26px;bottom:4px;z-index:12;width:196px;display:flex;background:var(--card);border-radius:14px;box-shadow:0 20px 36px -12px #0d2b2a52;opacity:0;transform:translateY(24px) rotate(4deg);transition:opacity .5s ease 3.4s,transform .7s cubic-bezier(.3,1.4,.5,1) 3.4s}.msj .play .ticket{opacity:1;transform:translateY(0) rotate(4deg)}.msj .t-stub{width:50px;flex-shrink:0;border-radius:14px 0 0 14px;background:linear-gradient(160deg,var(--turq),var(--turq-deep));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.msj .t-day{font-family:Amiri,serif;font-size:22px;font-weight:700;line-height:1}.msj .t-mon{font-size:10px;font-weight:700;opacity:.9}.msj .t-body{position:relative;flex:1;padding:11px 12px 11px 14px;border-left:2px dashed var(--line)}.msj .t-body:before,.msj .t-body:after{content:"";position:absolute;left:-7px;width:12px;height:12px;border-radius:50%;background:var(--bg)}.msj .t-body:before{top:-6px}.msj .t-body:after{bottom:-6px}.msj .t-title{font-size:13px;font-weight:700}.msj .t-meta{font-size:10.5px;color:var(--muted);margin-top:2px}.msj .t-going{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:10.5px;font-weight:700;color:var(--msj-accent)}.msj .t-av{display:flex}.msj .t-av span{width:16px;height:16px;border-radius:50%;border:2px solid #fff;margin-left:-5px}.msj .t-av span:first-child{margin-left:0}.msj .wa-phone{position:absolute;left:22px;top:0;width:184px;height:340px;z-index:5;border-radius:36px;padding:5px;background:linear-gradient(160deg,#4a4a4d,#232326 18%,#0a0a0b 55%,#232326);box-shadow:0 1px #ffffff29 inset,0 20px 40px -12px #0d2b2a59,0 48px 80px -24px #0d2b2a59;opacity:0;transform:translateY(16px);transition:opacity .6s ease .15s,transform .8s cubic-bezier(.2,.9,.3,1) .15s}.msj .play .wa-phone{opacity:1;transform:none}.msj .wa-screen{position:relative;width:100%;height:100%;border-radius:31px;overflow:hidden;background:#efeae2;display:flex;flex-direction:column}.msj .wa-island{position:absolute;top:8px;left:50%;width:58px;height:17px;margin-left:-29px;border-radius:100px;background:#000;z-index:3}.msj .wa-status{height:30px;flex-shrink:0;background:#075e54;color:#fff;font-size:9.5px;font-weight:700;padding:10px 16px 0}.msj .wa-top{flex-shrink:0;background:#075e54;color:#fff;display:flex;align-items:center;gap:7px;padding:4px 10px 8px}.msj .wa-av{width:24px;height:24px;border-radius:50%;background:var(--turq);display:flex;align-items:center;justify-content:center;font-family:Amiri,serif;font-weight:700;font-size:13px}.msj .wa-name{font-size:11px;font-weight:700;display:flex;align-items:center;gap:3px}.msj .wa-name svg{width:10px;height:10px}.msj .wa-sub{font-size:8.5px;opacity:.75}.msj .wa-thread{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:8px 8px 12px}.msj .wa-m{display:none;max-width:84%;font-size:10px;line-height:1.38;padding:5px 8px 3px;border-radius:8px;color:#111b21;box-shadow:0 1px 1px #00000014}.msj .wa-m.on{display:block;animation:msj-waPop .35s cubic-bezier(.3,1.4,.5,1) both}@keyframes msj-waPop{0%{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:none}}.msj .wa-m.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}.msj .wa-m.in{align-self:flex-start;background:#fff;border-top-left-radius:2px}.msj .wa-meta{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:7.5px;color:#111b2173;margin-top:1px}.msj .wa-ticks{width:13px;height:8px;color:#111b2159;transition:color .3s ease}.msj .wa-m.read .wa-ticks{color:#53bdeb}.msj .wa-typing{display:none;align-self:flex-start;background:#fff;border-radius:2px 8px 8px;padding:7px 9px;gap:3px;box-shadow:0 1px 1px #00000014}.msj .wa-typing.on{display:flex}.msj .wa-typing.gone{display:none}.msj .wa-typing span{width:5px;height:5px;border-radius:50%;background:#111b2159;animation:msj-waDot 1s ease-in-out infinite}.msj .wa-typing span:nth-child(2){animation-delay:.15s}.msj .wa-typing span:nth-child(3){animation-delay:.3s}@keyframes msj-waDot{0%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-3px);opacity:1}}.msj .wa-home{position:absolute;bottom:5px;left:50%;width:64px;height:3px;margin-left:-32px;border-radius:100px;background:#111b214d}.msj .wa-note{position:absolute;left:198px;width:206px;z-index:6;display:flex;gap:10px;align-items:flex-start;background:var(--card);border-radius:16px;padding:11px 13px 11px 11px;border:1px solid rgba(255,255,255,.8);box-shadow:0 1px #ffffffe6 inset,0 18px 34px -12px #0d2b2a4d;opacity:0;transform:translate(-34px) scale(.94);transition:opacity .45s ease,transform .6s cubic-bezier(.3,1.3,.5,1)}.msj .wa-note.on{opacity:1;transform:none}.msj .wa-note-ic{width:30px;height:30px;border-radius:9px;flex-shrink:0;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center}.msj .wa-note-ic svg{width:16px;height:16px}.msj .wa-note-head{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700}.msj .wa-note-head span{font-weight:500;color:var(--muted)}.msj .wa-note-body{font-size:11.5px;line-height:1.4;margin-top:2px}.msj .wa-note-body b{font-weight:700}.msj .fee-card{position:absolute;left:4px;top:16px;width:262px;z-index:5;background:var(--card);border-radius:20px;padding:16px 16px 12px;border:1px solid rgba(255,255,255,.8);box-shadow:0 1px #ffffffe6 inset,0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(16px);transition:opacity .6s ease .15s,transform .8s cubic-bezier(.2,.9,.3,1) .15s}.msj .play .fee-card{opacity:1;transform:none}@keyframes msj-calmIn{0%{opacity:0}to{opacity:1}}.msj .fee-lbl{font-size:11px;font-weight:700;color:var(--muted)}.msj .fee-total{display:flex;align-items:baseline;gap:6px;margin-top:2px}.msj .fee-total-v{font-family:Amiri,serif;font-size:30px;font-weight:700;line-height:1.05}.msj .fee-total-s{font-size:11px;color:var(--muted);font-weight:600}.msj .fee-bar{height:6px;border-radius:100px;background:var(--line);margin:9px 0 12px;overflow:hidden}.msj .fee-bar-fill{height:100%;width:0;background:var(--turq);border-radius:100px;transition:width 12.4s cubic-bezier(.45,.05,.55,.95) 1.5s}.msj .play .fee-bar-fill{width:96%}.msj .fee-row{display:flex;align-items:center;gap:9px;height:48px;border-top:1px solid var(--line)}.msj .fee-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:#fff}.msj .fee-who{flex:1;min-width:0}.msj .fee-name{font-size:11.5px;font-weight:700}.msj .fee-sub{font-size:9.5px;color:var(--muted);margin-top:1px;display:flex;align-items:center;gap:4px;white-space:nowrap}.msj .fee-disc{flex-shrink:0;font-size:8.5px;font-weight:700;color:var(--msj-accent);background:var(--turq-dim);padding:1px 5px;border-radius:100px}.msj .fee-right{width:92px;flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.msj .fee-amt{font-size:11.5px;font-weight:700;height:16px;line-height:16px;white-space:nowrap}.msj .fee-amt-old{color:var(--ink);margin-right:4px;transition:opacity .8s ease,color .8s ease}.msj .fee-amt-old.read{text-decoration:line-through;color:var(--muted);opacity:.6}.msj .fee-amt-new{opacity:0;transition:opacity .8s ease}.msj .fee-amt-new.on{opacity:1}.msj .st{display:none;align-items:center;gap:4px;margin-top:3px;height:17px;font-size:9px;font-weight:700;padding:0 7px;border-radius:100px;white-space:nowrap}.msj .st.base{display:inline-flex}.msj .st.on{display:inline-flex;animation:msj-calmIn .7s ease both}.msj .st.gone{display:none}.msj .st svg{width:9px;height:9px}.msj .st-due{background:var(--line);color:var(--muted)}.msj .st-col{background:var(--turq-dim);color:var(--msj-accent)}.msj .st-col i{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(0,150,127,.3);border-top-color:var(--msj-accent);animation:msj-spin 1.3s linear infinite}@keyframes msj-spin{to{transform:rotate(360deg)}}.msj .st-paid{background:var(--turq-dim);color:var(--msj-accent)}.msj .st-fail{background:#b5453a1f;color:#b5453a}.msj .st-retry{background:#c9a34e2e;color:#8a6d24}.msj .fee-foot{font-size:9.5px;color:var(--muted);text-align:center;margin-top:8px}.msj .fee-wa{position:absolute;left:252px;width:156px;z-index:6;background:#fff;border-radius:14px;padding:9px 11px 7px;box-shadow:0 16px 30px -10px #0d2b2a4d;opacity:0;transform:translate(-10px);transform-origin:0% 50%;transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}.msj .fee-wa.on{opacity:1;transform:none}.msj .fee-wa:before{content:"";position:absolute;left:-6px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-radius:2px}.msj .fee-wa.tail-low:before{bottom:12px}.msj .fee-wa.tail-high:before{top:12px}.msj .fee-wa-head{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:var(--muted);margin-bottom:4px}.msj .fee-wa-head i{width:14px;height:14px;border-radius:4px;background:#25d366;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal}.msj .fee-wa-head svg{width:9px;height:9px}.msj .fee-wa-body{font-size:10.5px;line-height:1.4;color:#111b21}.msj .fee-wa-body a{color:#027eb5;text-decoration:none;font-weight:600}.msj .fee-wa-meta{font-size:7.5px;color:#111b2166;text-align:right;margin-top:2px}.msj .rehal.qaidah .r-half{background:#fff;padding:8px 7px}.msj .rehal.qaidah .r-half:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1.5px solid #7CC76A;border-radius:3px;pointer-events:none}.msj .rehal.qaidah .r-cov{transform:translateZ(-2px);background:linear-gradient(150deg,#b4e39a,#6cbf5b 55%,#43a33b)}.msj .rehal.qaidah .r-edge{height:2px;background:#eaf6e4}.msj .q-grid{direction:rtl;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;gap:1px}.msj .q-l{display:flex;align-items:center;justify-content:center;font-family:Amiri,serif;font-size:15px;font-weight:700;line-height:1;opacity:0;transition:opacity .6s ease;transition-delay:var(--d)}.msj .play .q-l{opacity:1}.msj .r3-label{position:absolute;top:262px;z-index:12;transform:translate(-50%);font-size:11px;font-weight:700;color:var(--msj-accent);background:#ffffffe6;border:1px solid rgba(0,150,127,.18);padding:4px 11px;border-radius:100px;white-space:nowrap;opacity:0;transition:opacity .8s ease;transition-delay:var(--d)}.msj .play .r3-label{opacity:1}@media (max-width: 980px){.msj .pillar-section{grid-template-columns:minmax(0,1fr);gap:12px;padding:72px 24px;text-align:center}.msj .stage{min-width:0;min-height:380px}.msj .hero-ctas,.msj .jump{justify-content:center}.msj .pillar-section.reverse .pillar-copy,.msj .pillar-section .pillar-copy{order:1}.msj .pillar-section.reverse .stage,.msj .pillar-section .stage{order:2}.msj .desc,.msj .note{margin-left:auto;margin-right:auto}.msj .feature-row{justify-content:center}}@media (max-width: 560px){.msj .pillar-section{padding:56px 16px}.msj .pillar-copy h2{font-size:32px}.msj .desc{font-size:15px}.msj .stage{min-height:0;padding:12px 0}.msj .rig{--s: .82;transform:scale(var(--s));margin:calc(170px * (var(--s) - 1)) calc(200px * (var(--s) - 1))}.msj .jump{padding:0 16px 20px}}@media (max-width: 440px){.msj .rig{--s: .72}.msj .feature-pill{font-size:12px;padding:7px 12px}}@media (max-width: 360px){.msj .rig{--s: .64}}.msj.rm *,.msj.rm *:before,.msj.rm *:after{transition:none!important;animation:none!important}.msj.rm .m-star{opacity:.8}.msj .btn{display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-weight:700;font-size:14.5px;border-radius:100px;text-decoration:none}.msj .btn-primary{background:var(--turq);color:#06201e;padding:13px 24px;box-shadow:0 14px 30px -12px #00967f99}.msj .btn-primary:hover{background:#00d6b7}.msj .btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.msj .btn-sm{padding:10px 18px;font-size:13.5px;box-shadow:none}.msj .hero{padding-top:70px;padding-bottom:70px}.msj .hero h1{font-family:Amiri,serif;font-size:clamp(40px,5vw,60px);line-height:1.06;font-weight:700;letter-spacing:-.015em;margin-bottom:22px}.msj .hero h1 em{font-style:italic;color:var(--turq);font-weight:400}.msj .hero .desc{font-size:17.5px;max-width:480px;margin-bottom:30px}.msj .hero-ctas{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.msj .jump{max-width:1180px;margin:0 auto;padding:0 32px 20px;display:flex;flex-wrap:wrap;gap:10px}.msj .jump a{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);padding:9px 15px;border-radius:100px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;transition:border-color .3s ease,box-shadow .3s ease}.msj .jump a svg{width:14px;height:14px;color:var(--msj-accent)}.msj .jump a:hover{border-color:var(--turq);box-shadow:0 6px 18px -8px var(--turq-glow)}.msj .jump a:focus-visible{outline:2px solid var(--turq);outline-offset:2px}.msj .pillar-section{scroll-margin-top:80px}.msj .chip{transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d, 0s)}.msj .k3-tick{transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d)}.msj .wa-m.on{animation:msj-calmIn .6s ease both}.msj .cd-doc{position:absolute;left:40px;top:8px;width:240px;height:324px;border-radius:6px;background:linear-gradient(160deg,#fffcf2,#f5ecd6);box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(14px);transition:opacity .9s ease .15s,transform 1.1s cubic-bezier(.2,.8,.2,1) .15s}.msj .play .cd-doc{opacity:1;transform:none}.msj .cd-face.cyc-item{display:block;padding:22px 26px 20px;text-align:center;border-radius:6px;transition:opacity .6s ease}.msj .cd-face.cyc-item.active{transition:opacity .7s ease .6s}.msj .cd-face:before,.msj .cd-face:after{content:"";position:absolute;pointer-events:none}.msj .cd-face.nikah{color:#9c7a2e}.msj .cd-face.nikah:before{top:9px;right:9px;bottom:9px;left:9px;border:1.5px solid rgba(201,163,78,.85);border-radius:3px}.msj .cd-face.nikah:after{top:13px;right:13px;bottom:13px;left:13px;border:.8px solid rgba(201,163,78,.5);border-radius:2px}.msj .cd-face.shahadah{background:linear-gradient(160deg,#fbfdfb,#eef5f0)}.msj .cd-face.shahadah:before{top:10px;right:10px;bottom:10px;left:10px;border:2px solid rgba(0,150,127,.7);border-radius:2px}.msj .cd-face.shahadah:after{top:15px;right:15px;bottom:15px;left:15px;border:.8px solid rgba(0,150,127,.35)}.msj .cd-corner{position:absolute;width:9px;height:9px;background:#00977f;transform:rotate(45deg)}.msj .cd-corner.tl{left:6px;top:6px}.msj .cd-corner.tr{right:6px;top:6px}.msj .cd-corner.bl{left:6px;bottom:6px}.msj .cd-corner.br{right:6px;bottom:6px}.msj .cd-face.talaq{color:#4e6360;background:linear-gradient(160deg,#fbfbf9,#eef0ec)}.msj .cd-face.talaq:before{top:10px;right:10px;bottom:10px;left:10px;border:1.5px solid rgba(78,99,96,.55);border-radius:2px}.msj .cd-face.talaq:after{top:14px;right:14px;bottom:14px;left:14px;border:.8px solid rgba(78,99,96,.25);border-radius:1px}.msj .cd-rule{width:44px;height:1.5px;margin:10px auto 12px;background:#4e636080;opacity:0;transition:opacity .8s ease .6s}.msj .play .cd-rule{opacity:1}.msj .cd-face.death{color:#4f5b61;background:linear-gradient(160deg,#fafaf9,#eceeee)}.msj .cd-face.death:before{top:10px;right:10px;bottom:10px;left:10px;border:1.5px solid rgba(79,91,97,.5);border-radius:2px}.msj .cd-face.death:after{top:14px;right:14px;bottom:14px;left:14px;border:.8px solid rgba(79,91,97,.22);border-radius:1px}.msj .cd-ayah{font-family:Amiri,serif;font-size:15px;line-height:1.5;color:#4f5b61;opacity:0;transition:opacity .9s ease .7s}.msj .play .cd-ayah{opacity:1}.msj .cd-qr{position:absolute;top:20px;right:20px;width:26px;height:26px;color:#0d2b2a;opacity:0;transition:opacity .8s ease 1.2s}.msj .play .cd-qr{opacity:1}.msj .cd-face.shahadah .cd-qr{top:22px;right:22px}.msj .cd-orn{width:60px;height:26px;display:block;margin:0 auto 2px;opacity:0;transition:opacity .8s ease .6s}.msj .play .cd-orn{opacity:1}.msj .cd-ar{font-family:Amiri,serif;font-size:24px;line-height:1.15;opacity:0;transition:opacity .8s ease .8s}.msj .cd-kalima{font-family:Amiri,serif;font-size:17px;line-height:1.5;color:#00796a;margin:6px 0 2px;display:flex;flex-direction:column;opacity:0;transition:opacity .9s ease .7s}.msj .play .cd-ar,.msj .play .cd-kalima{opacity:1}.msj .cd-title{margin:6px 0 2px;font-family:Amiri,serif;font-size:18px;font-weight:700;color:var(--ink);line-height:1.15;opacity:0;transition:opacity .8s ease 1s}.msj .cd-sub{font-family:Amiri,serif;font-style:italic;font-size:13px;color:var(--ink);margin-bottom:4px;opacity:0;transition:opacity .8s ease 1.05s}.msj .cd-from{font-size:10px;color:var(--muted);margin-bottom:14px;opacity:0;transition:opacity .8s ease 1.1s}.msj .play .cd-title,.msj .play .cd-sub,.msj .play .cd-from{opacity:1}.msj .cd-pair{display:flex;gap:14px}.msj .cd-pair .cd-field{flex:1}.msj .cd-field{text-align:left;margin-bottom:12px}.msj .cd-field span{display:block;font-size:8.5px;font-weight:700;color:#0d2b2a73;margin-bottom:13px;opacity:0;transition:opacity .6s ease;transition-delay:var(--d)}.msj .cd-field i{display:block;height:1px;background:#0d2b2a47;transform:scaleX(0);transform-origin:0 50%;transition:transform .9s cubic-bezier(.4,0,.2,1);transition-delay:var(--d)}.msj .play .cd-field span{opacity:1}.msj .play .cd-field i{transform:scaleX(1)}.msj .cd-foot{position:absolute;left:26px;right:26px;bottom:24px;display:flex;align-items:flex-end;justify-content:space-between}.msj .cd-sign{text-align:left}.msj .cd-sign svg{width:104px;height:40px;display:block}.msj .cd-sig{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1.8s cubic-bezier(.45,.05,.45,1) 2s}.msj .play .cd-sig{stroke-dashoffset:0}.msj .cd-sign-l{font-size:8.5px;color:var(--muted);border-top:1px solid rgba(13,43,42,.28);padding-top:4px;margin-top:1px;opacity:0;transition:opacity .6s ease 1.8s}.msj .play .cd-sign-l{opacity:1}.msj .cd-seal{width:62px;height:62px;opacity:0;transform:scale(1.35);transform-origin:50% 50%;transition:opacity .6s ease 4s,transform 1s cubic-bezier(.2,.8,.2,1) 4s;filter:drop-shadow(0 4px 6px rgba(120,90,30,.3))}.msj .play .cd-seal{opacity:1;transform:scale(1)}.msj .an-site{position:absolute;left:78px;top:20px;width:318px;height:296px;border-radius:16px;overflow:hidden;background:var(--card);box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a4d;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.msj .play .an-site{opacity:1;transform:none}.msj .an-bar{height:30px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#efece6;border-bottom:1px solid var(--line)}.msj .an-bar i{width:7px;height:7px;border-radius:50%;background:#0d2b2a2e}.msj .an-bar span{margin-left:10px;flex:1;height:17px;border-radius:100px;background:#fff;font-size:9px;color:var(--muted);display:flex;align-items:center;padding-left:10px}.msj .an-page{padding:14px 16px}.msj .an-h{font-family:Amiri,serif;font-size:19px;font-weight:700;margin-bottom:8px}.msj .an-item{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);padding:10px 0;max-height:120px;overflow:hidden;transition:max-height 1s cubic-bezier(.4,0,.2,1),padding 1s cubic-bezier(.4,0,.2,1),opacity .8s ease,border-color .8s ease}.msj .an-item.new{max-height:0;padding:0;opacity:0;border-color:transparent}.msj .an-item.new.on{max-height:120px;padding:10px 0;opacity:1;border-color:var(--line)}.msj .an-item.new.on .an-body{animation:msj-calmIn .9s ease both}.msj .an-item.old.gone{max-height:0;padding:0;opacity:0;border-color:transparent}.msj .an-dot{width:8px;height:8px;margin:4px 3px 0;border-radius:50%;background:#00c5a880;flex-shrink:0}.msj .an-body{flex:1;min-width:0}.msj .an-t{font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:6px}.msj .an-m{font-size:9.5px;color:var(--muted);margin-top:2px}.msj .an-new{font-size:8.5px;font-weight:700;color:var(--msj-accent);background:var(--turq-dim);padding:2px 6px;border-radius:100px}.msj .an-exp{font-size:8.5px;font-weight:700;color:#8a6d24;background:#c9a34e2e;padding:2px 6px;border-radius:100px;opacity:0;transition:opacity .7s ease}.msj .an-exp.on{opacity:1}.msj .an-file{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:9.5px;font-weight:700;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:4px 8px 4px 4px}.msj .an-pdf-ic{width:22px;height:16px;border-radius:3px;background:#c7463b;color:#fff;font-size:6.5px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.msj .an-thumb{position:relative;width:34px;height:46px;border-radius:5px;flex-shrink:0;background:linear-gradient(170deg,#0F4A45,var(--ink));overflow:hidden;display:inline-block}.msj .an-thumb .m{position:absolute;left:8px;top:7px;width:11px;height:11px;border-radius:50%;box-shadow:inset -3px 1px #f2d27a}.msj .an-thumb .l1,.msj .an-thumb .l2{position:absolute;left:6px;right:6px;height:2.5px;border-radius:2px;background:#fffc}.msj .an-thumb .l1{top:24px}.msj .an-thumb .l2{top:30px;right:12px;background:#e6c877}.msj .an-compose{position:absolute;left:0;top:52px;width:186px;z-index:6;background:var(--card);border-radius:18px;padding:14px 14px 16px;box-shadow:0 14px 30px -10px #0d2b2a47,0 36px 60px -24px #0d2b2a52;opacity:0;transform:translateY(12px);transition:opacity .8s ease .3s,transform 1s cubic-bezier(.2,.8,.2,1) .3s}.msj .play .an-compose{opacity:1;transform:none}.msj .play .an-compose.gone{opacity:0;transform:translate(-18px) scale(.97);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.msj .an-ch{font-size:12px;font-weight:700;margin-bottom:10px}.msj .an-att{display:flex;align-items:center;gap:7px;height:30px;margin-top:5px;padding:0 8px 0 5px;border-radius:8px;background:var(--bg);border:1px solid var(--line);font-size:9.5px;font-weight:700;opacity:0;transform:translateY(4px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.msj .an-att.on{opacity:1;transform:none}.msj .an-att .an-thumb{width:16px;height:22px;border-radius:3px}.msj .an-att .an-thumb .m{left:3px;top:3px;width:6px;height:6px;box-shadow:inset -2px 1px #f2d27a}.msj .an-att .an-thumb .l1{top:12px;left:3px;right:3px;height:1.5px}.msj .an-att .an-thumb .l2{top:15px;left:3px;right:6px;height:1.5px}.msj .py-card{position:absolute;left:40px;top:28px;width:300px;z-index:5;border-radius:20px;overflow:hidden;background:var(--card);box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.msj .play .py-card{opacity:1;transform:none}.msj .py-head{position:relative;padding:18px 20px;color:#fff;background:linear-gradient(135deg,#00967F,var(--turq) 60%,#00D9B8);overflow:hidden}.msj .py-head:after{content:"";position:absolute;top:-40%;right:-20%;width:60%;height:180%;background:radial-gradient(closest-side,rgba(255,255,255,.25),transparent 70%)}.msj .py-lbl{position:relative;font-size:10px;font-weight:700;opacity:.9}.msj .py-net{position:relative;font-family:Amiri,serif;font-size:32px;font-weight:700;line-height:1.15;margin-top:2px}.msj .py-meta{position:absolute;top:18px;right:20px;text-align:right;font-size:9.5px;opacity:.88;line-height:1.5}.msj .py-body{padding:8px 20px 16px}.msj .py-row{display:flex;justify-content:space-between;align-items:center;height:38px;font-size:12px;border-bottom:1px solid var(--line);opacity:0;transform:translateY(4px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d)}.msj .play .py-row{opacity:1;transform:none}.msj .py-row .l{color:var(--muted)}.msj .py-row .v{font-weight:700}.msj .py-row .v.neg{color:#b5453a}.msj .py-row.total{border-bottom:none;margin-top:8px;padding:0 12px;border-radius:10px;background:var(--turq-dim)}.msj .py-row.total .l{color:var(--ink);font-weight:700}.msj .py-row.total .v{font-family:Amiri,serif;font-size:17px;color:var(--msj-accent)}.msj .py-foot{display:flex;gap:10px;margin-top:12px;opacity:0;transition:opacity .8s ease;transition-delay:var(--d)}.msj .play .py-foot{opacity:1}.msj .py-foot>div{flex:1;background:var(--bg);border-radius:10px;padding:8px 10px}.msj .py-fl{font-size:9px;font-weight:700;color:var(--muted)}.msj .py-fv{font-size:12px;font-weight:700;margin-top:2px}.msj .py-doc{position:absolute;width:132px;height:170px;z-index:3;border-radius:10px;background:#fffdf7;padding:14px;text-align:right;box-shadow:0 16px 30px -12px #0d2b2a4d;opacity:0;transition:opacity .9s ease,transform 1.2s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d)}.msj .py-doc.p60{left:196px;top:36px;transform:translate(0) rotate(0)}.msj .py-doc.p45{left:190px;top:60px;transform:translate(0) rotate(0)}.msj .play .py-doc{opacity:1}.msj .play .py-doc.p60{transform:translate(66px,-30px) rotate(7deg)}.msj .play .py-doc.p45{transform:translate(78px,34px) rotate(13deg)}.msj .py-doc-t{font-family:Amiri,serif;font-size:22px;font-weight:700;color:var(--msj-accent);line-height:1}.msj .py-doc-s{font-size:9px;color:var(--muted);margin:3px 0 12px}.msj .py-doc i{display:block;height:2px;margin:8px 0 8px auto;border-radius:2px;background:#0d2b2a24}.msj .py-doc i:nth-child(4){width:70%}.msj .py-doc i:nth-child(5){width:85%}.msj .pb-screen{position:absolute;left:12px;top:40px;width:376px;height:196px;border-radius:16px;padding:6px;background:linear-gradient(160deg,#2a2a2d,#0a0a0b);box-shadow:0 20px 40px -12px #0d2b2a66,0 50px 80px -30px #0d2b2a59;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.msj .play .pb-screen{opacity:1;transform:none}.msj .pb-stand{position:absolute;left:50%;top:236px;width:60px;height:10px;margin-left:-30px;border-radius:0 0 6px 6px;background:#1a1a1c;opacity:0;transition:opacity .8s ease .3s}.msj .play .pb-stand{opacity:1}.msj .pb-inner{position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;padding:14px 16px 0;color:#fff;background:radial-gradient(circle at 15% 0%,#1A5550,var(--ink) 72%);filter:brightness(.2);transition:filter 1.2s ease .5s}.msj .play .pb-inner{filter:brightness(1)}.msj .pb-head{display:flex;justify-content:space-between;align-items:flex-start}.msj .pb-org{font-family:Amiri,serif;font-size:17px;font-weight:700;line-height:1}.msj .pb-lbl{font-size:9.5px;opacity:.6;margin-top:3px}.msj .pb-date{text-align:right;font-size:10px;font-weight:600;opacity:.85;line-height:1.5}.msj .pb-hijri{color:#e6c877}.msj .pb-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}.msj .pb-col{position:relative;z-index:1;text-align:center;padding:8px 2px;border-radius:10px;background:#ffffff0d;opacity:0;transition:opacity .8s ease;transition-delay:var(--d)}.msj .play .pb-col{opacity:1}.msj .pb-n{font-size:10px;font-weight:700;opacity:.85}.msj .pb-b{font-size:8px;opacity:.5;margin-top:2px}.msj .pb-j{font-family:Amiri,serif;font-size:20px;font-weight:700;margin-top:2px;line-height:1.1}.msj .pb-hl{position:absolute;left:0;top:0;bottom:0;width:calc((100% - 24px)/5);border-radius:10px;background:#00c5a838;box-shadow:inset 0 0 0 1px #00c5a8a6,0 0 18px #00c5a840;transform:translate(calc(100% + 6px));opacity:0;transition:opacity .9s ease 1.9s,transform 1.6s cubic-bezier(.45,.05,.25,1)}.msj .play .pb-hl{opacity:1}.msj .pb-hl.on{transform:translate(calc(200% + 12px))}.msj .pb-next{position:relative;height:18px;margin-top:10px;font-size:11px;font-weight:700}.msj .st-line{position:absolute;left:0;top:0;opacity:0;transition:opacity .6s ease}.msj .st-line.base,.msj .st-line.on{opacity:1;transition:opacity .7s ease .5s}.msj .st-line.base.gone{opacity:0;transition:opacity .5s ease}.msj .pb-next .st-line{opacity:0}.msj .play .pb-next .st-line.base{opacity:1}.msj .play .pb-next .st-line.base.gone{opacity:0}.msj .play .pb-next .st-line.on{opacity:1}.msj .pb-ticker{position:absolute;left:0;right:0;bottom:0;height:26px;background:#00000047;overflow:hidden;display:flex;align-items:center}.msj .pb-track{display:flex;align-items:center;white-space:nowrap;font-size:10px;font-weight:600;color:#ffffffd9;animation:msj-ticker 26s linear infinite;animation-play-state:paused}.msj .play .pb-track{animation-play-state:running}.msj .pb-track span{padding:0 14px}.msj .pb-track b{width:4px;height:4px;border-radius:50%;background:#e6c877;flex-shrink:0}@keyframes msj-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.msj .ev-form{position:absolute;left:0;top:46px;width:178px;z-index:5;background:var(--card);border-radius:18px;padding:14px 14px 16px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 30px 60px -24px #0d2b2a4d;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.msj .play .ev-form{opacity:1;transform:none}.msj .ev-form-h{font-size:12px;font-weight:700;margin-bottom:10px}.msj .ev-f{margin-bottom:9px}.msj .ev-l{font-size:9px;font-weight:700;color:var(--muted);margin-bottom:4px}.msj .ev-v{height:28px;border-radius:8px;background:var(--bg);border:1px solid var(--line);padding:0 9px;display:flex;align-items:center;font-size:11px;font-weight:600;overflow:hidden}.msj .typed{white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .9s steps(18,end)}.msj .typed.on{clip-path:inset(0 0 0 0)}.msj .ev-btn{margin-top:12px;height:34px;border-radius:10px;background:var(--turq);color:#06201e;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.msj .ev-btn svg{width:13px;height:13px}.msj .ev-btn.on{animation:msj-press .7s ease}@keyframes msj-press{0%,to{transform:scale(1)}40%{transform:scale(.95);box-shadow:0 0 0 6px var(--turq-dim)}}.msj .ev-poster{position:absolute;left:196px;top:10px;width:188px;height:290px;border-radius:16px;overflow:hidden;background:#e9e5dc;box-shadow:0 14px 30px -10px #0d2b2a47,0 44px 70px -26px #0d2b2a59;opacity:0;transition:opacity .8s ease .4s}.msj .play .ev-poster{opacity:1}.msj .pl-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.7) 50%,transparent 80%);background-size:220% 100%;transition:opacity .5s ease}.msj .pl-shimmer.on{opacity:1;animation:msj-shimmer 1.4s ease-in-out infinite}.msj .pl-shimmer.gone{opacity:0}@keyframes msj-shimmer{0%{background-position:120% 0}to{background-position:-20% 0}}.msj .pl-bg,.msj .pl-pattern,.msj .pl-art,.msj .pl-title,.msj .pl-date,.msj .pl-foot{opacity:0;transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}.msj .pl-bg.on,.msj .pl-pattern.on,.msj .pl-art.on,.msj .pl-title.on,.msj .pl-date.on,.msj .pl-foot.on{opacity:1;transform:none}.msj .pl-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(170deg,#0F4A45 0%,var(--ink) 55%,#0B2422 100%)}.msj .pl-pattern{position:absolute;left:0;right:0;bottom:0;width:100%;height:90px}.msj .pl-art{position:absolute;left:34px;top:22px;width:120px;height:90px;transform:translateY(8px)}.msj .pl-title{position:absolute;left:14px;right:14px;top:124px;text-align:center;font-family:Amiri,serif;font-size:28px;font-weight:700;line-height:1.05;color:#fff;transform:translateY(8px)}.msj .pl-date{position:absolute;left:22px;right:22px;top:190px;white-space:nowrap;text-align:center;font-size:10px;font-weight:700;color:#0d2b2a;background:#e6c877;padding:5px 8px;border-radius:100px}.msj .pl-foot{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;color:#fff}.msj .pl-org{font-family:Amiri,serif;font-size:13px;font-weight:700}.msj .pl-reg{font-size:8px;opacity:.7;margin-top:1px}.msj .pl-qr{width:38px;height:38px;display:block}.msj .cl-card{position:absolute;left:10px;top:20px;width:380px;z-index:5;background:var(--card);border-radius:20px;padding:16px 14px 14px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a4d;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.msj .play .cl-card{opacity:1;transform:none}.msj .cl-head{font-family:Amiri,serif;font-size:17px;font-weight:700;margin-bottom:10px}.msj .cl-days{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:6px}.msj .cl-day{font-size:9.5px;font-weight:700;color:var(--muted);text-align:center}.msj .cl-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,36px);gap:5px;background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 41px}.msj .cl-block{border-radius:10px;padding:7px 6px 6px;display:flex;flex-direction:column;opacity:0;transform:translateY(6px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d);overflow:hidden}.msj .play .cl-block{opacity:1;transform:none}.msj .cl-block.turq{background:var(--turq-dim);color:#00604f}.msj .cl-block.gold{background:#c9a34e2e;color:#7a5e1e}.msj .cl-block.ink{background:#0d2b2a14;color:var(--ink)}.msj .cl-block.deep{background:#00967f2e;color:#00604f}.msj .cl-bn{font-size:9.5px;font-weight:700;line-height:1.2}.msj .cl-bt{font-size:8.5px;opacity:.75;margin-top:2px}.msj .cl-cap{margin-top:auto;display:flex;align-items:center;gap:4px;font-size:8px;font-weight:700}.msj .cl-bar{flex:1;height:4px;border-radius:100px;background:#0d2b2a1a;overflow:hidden}.msj .cl-bar i{display:block;height:100%;width:0;border-radius:100px;background:currentColor;transition:width 1.4s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--d) + .8s)}.msj .play .cl-bar i{width:var(--w)}.msj .tk-card{position:absolute;left:0;top:18px;width:284px;z-index:5;background:var(--card);border-radius:20px;padding:16px 16px 8px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.msj .play .tk-card{opacity:1;transform:none}.msj .tk-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.msj .tk-h{font-family:Amiri,serif;font-size:18px;font-weight:700;margin-top:2px}.msj .tk-loop{width:30px;height:30px;border-radius:50%;background:var(--turq-dim);color:var(--msj-accent);display:flex;align-items:center;justify-content:center}.msj .tk-loop svg{width:15px;height:15px;transition:transform 1.6s cubic-bezier(.45,.05,.25,1) .8s}.msj .play .tk-loop svg{transform:rotate(360deg)}.msj .tk-row{display:flex;align-items:center;gap:9px;height:56px;border-top:1px solid var(--line)}.msj .tk-ic{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.msj .tk-ic svg{width:15px;height:15px}.msj .tk-ic.ink{background:#0d2b2a14;color:var(--ink)}.msj .tk-ic.amber{background:#c9a34e2e;color:#8a6d24}.msj .tk-ic.turq{background:var(--turq-dim);color:var(--msj-accent)}.msj .tk-ic.gold{background:#f2c75c38;color:#8a6d24}.msj .tk-who{flex:1;min-width:0}.msj .tk-name{font-size:11.5px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msj .tk-sub{font-size:9.5px;color:var(--muted);margin-top:1px;white-space:nowrap}.msj .tk-right{width:82px;flex-shrink:0;display:flex;justify-content:flex-end}.msj .tk-right .st{margin-top:0}.msj .fee-wa.tk-wa{left:272px;width:144px}.msj .pillar-section.reverse{--bg: var(--bg-surface);background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}.msj .cd-doc,.msj .py-doc,.msj .pb-screen,.msj .ev-poster,.msj .an-thumb,.msj .pg{--ink: #0D2B2A;--muted: rgba(13,43,42,.58);--msj-accent: #007E6A}.dark .msj{--msj-accent: var(--turq-text);--turq-dim: rgba(0,197,168,.14)}.dark .msj .chip,.dark .msj .wa-note,.dark .msj .fee-card{border-color:var(--glass-border);box-shadow:0 18px 36px -12px #0000008c}.dark .msj .dn-pill,.dark .msj .ticket,.dark .msj .an-site,.dark .msj .an-compose,.dark .msj .py-card,.dark .msj .ev-form,.dark .msj .cl-card,.dark .msj .tk-card{box-shadow:0 18px 36px -12px #0000008c}.dark .msj .fee-av,.dark .msj .t-av span{box-shadow:0 0 0 1px #ffffff29}.dark .msj .feature-pill{background:transparent}.dark .msj .feature-pill.on{background:var(--turq-dim)}.dark .msj .an-bar{background:#ffffff0d}.dark .msj .an-bar i{background:#fff3}.dark .msj .an-bar span,.dark .msj .cl-block.ink,.dark .msj .tk-ic.ink{background:#ffffff14}.dark .msj .r3-label{background:var(--bg-elevated);border-color:var(--glass-border)}.dark .msj .cl-bar{background:#ffffff1f}.dark .msj .cl-block.turq,.dark .msj .cl-block.deep{color:var(--turq-text)}.dark .msj .cl-block.gold,.dark .msj .tk-ic.amber,.dark .msj .tk-ic.gold,.dark .msj .st-retry,.dark .msj .an-exp{color:#e6c877}.msj .jump{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 0;overflow:visible;-webkit-mask-image:none;mask-image:none;max-width:1180px;margin:0 auto;padding:0 32px 40px}.msj .jump a{display:inline-flex;align-items:center;gap:0;flex-shrink:1;background:none;border:0;box-shadow:none;border-radius:0;padding:2px 0;font-size:14px;font-weight:500;letter-spacing:0;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.msj .jump a svg{display:none}.msj .jump a:not(:last-child):after{content:"·";margin:0 12px;color:var(--text-muted);opacity:.7}.msj .jump a:hover{color:var(--text-primary);border:0;box-shadow:none}.msj .jump a:focus-visible{outline:2px solid var(--turq);outline-offset:3px;border-radius:2px}@media (max-width: 980px){.msj .jump{justify-content:center;padding:0 24px 32px}}@media (max-width: 480px){.msj .jump{padding:0 20px 24px}.msj .jump a{font-size:13px}.msj .jump a:not(:last-child):after{margin:0 9px}}