@font-face{font-family:QF Uthmanic Hafs;src:url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2) format("woff2");font-display:swap}@font-face{font-family:QF IndoPak Nastaleeq;src:url(https://verses.quran.foundation/fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2) format("woff2");font-display:swap}.qcp{--turq: #00C5A8;--turq-deep: #00967F;--turq-glow: rgba(0,197,168,.22);--turq-dim: rgba(0,197,168,.12);--qcp-accent: #007E6A;--ink: var(--text-primary);--bg: var(--bg-base);--card: var(--bg-elevated);--line: var(--glass-border);--muted: var(--text-muted);--gold: #C9A34E;--red: #D9483D;--amber: #C98A1E}.qcp *{box-sizing:border-box;margin:0;padding:0}.qcp{overflow-x:clip;font-family:DM Sans,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.qcp h2{font-family:Amiri,serif}.qcp .pillar-section{padding:110px 32px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1180px;margin:0 auto;scroll-margin-top:96px}.qcp .pillar-section.reverse .pillar-copy{order:2}.qcp .pillar-section.reverse .stage{order:1}.qcp .pillar-section.reverse{--bg: var(--bg-surface);background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}.qcp .tag{display:inline-flex;align-items:center;gap:8px;background:var(--turq-dim);color:var(--qcp-accent);padding:7px 16px;border-radius:100px;font-size:13px;font-weight:600;margin-bottom:22px}.qcp .tag.qc-tag{padding:5px 6px;font-weight:700}.qcp .qc-tag-ic{width:24px;height:24px;border-radius:50%;background:#0d2b2a;color:#5bebd3;display:inline-flex;align-items:center;justify-content:center}.qcp .qc-tag-ic svg{width:13px;height:13px}.qcp .qc-tag-by{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:4px 11px 4px 10px;border-radius:100px;background:var(--card);color:var(--muted);font-size:11.5px;font-weight:700}.qcp .note a{color:var(--qcp-accent);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;text-decoration-color:#00967f59}.qcp .qc-powered{margin-top:30px;font-size:13px;font-weight:700;color:var(--muted);text-align:center}.qcp .qc-powered a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#00967f59}.qcp .pillar-copy h2{font-size:clamp(32px,3.4vw,44px);line-height:1.12;font-weight:700;letter-spacing:-.01em;margin-bottom:22px}.qcp .pillar-copy h1 em,.qcp .pillar-copy h2 em{font-style:italic;color:#008f7a;font-weight:400}.qcp .feature-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.qcp .feature-pill{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)}.qcp .feature-pill.on{background:var(--turq-dim);border-color:transparent;color:var(--qcp-accent)}.qcp .feature-pill svg{width:14px;height:14px}.qcp .desc{font-size:16px;line-height:1.7;max-width:440px;margin-bottom:14px}.qcp .note{font-size:14px;line-height:1.6;color:var(--muted);max-width:440px;margin-bottom:26px}.qcp .desc,.qcp .note,.qcp .pillar-copy h2,.qcp .hero h1,.qcp .breadth p{text-wrap:pretty}.qcp .explore{font-size:14px;font-weight:700;color:var(--qcp-accent);text-decoration:none;border-bottom:1.5px solid rgba(0,150,127,.3);padding-bottom:3px}.qcp .explore:hover{border-color:var(--turq)}.qcp .explore:focus-visible{outline:2px solid var(--turq);outline-offset:4px;border-radius:2px}.qcp .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}.qcp .btn-primary{background:var(--turq);color:#06201e;padding:13px 24px;box-shadow:0 14px 30px -12px #00967f99}.qcp .btn-primary:hover{background:#00d6b7}.qcp .btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.qcp .hero{padding-top:70px;padding-bottom:70px}.qcp .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}.qcp .hero .desc{font-size:17.5px;max-width:480px;margin-bottom:30px}.qcp .hero-ctas{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.qcp .jump{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;max-width:1180px;margin:0 auto;padding:0 32px 40px}.qcp .jump a{padding:2px 0;font-size:14px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.qcp .jump a:not(:last-child):after{content:"·";margin:0 12px;color:var(--text-muted);opacity:.7}.qcp .jump a:hover{color:var(--text-primary)}.qcp .jump a:focus-visible{outline:2px solid var(--turq);outline-offset:3px;border-radius:2px}.qcp .stage{display:flex;justify-content:center;align-items:center;min-height:440px}.qcp .rig{position:relative;width:400px;height:340px;flex-shrink:0;min-width:400px}.qcp .float{position:absolute;top:0;right:0;bottom:0;left:0;animation:qcp-floaty 8s ease-in-out infinite}@keyframes qcp-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.qcp .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}.qcp .play .halo{transform:scale(1);opacity:1}.qcp .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)}.qcp .play .chip{opacity:1;transform:none}.qcp .chip-ic{width:28px;height:28px;border-radius:50%;background:var(--turq-dim);color:var(--qcp-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qcp .chip-ic svg{width:15px;height:15px}.qcp .chip-t{font-size:12.5px;font-weight:700}.qcp .chip-s{font-size:10.5px;color:var(--muted);margin-top:1px}.qcp .swl{position:relative;display:inline-grid;vertical-align:bottom}.qcp .swl>.sw{grid-area:1 / 1;opacity:0;transition:opacity .5s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px}.qcp .swl>.sw.base{opacity:1}.qcp .swl>.sw.gone{opacity:0}.qcp .swl>.sw.on{opacity:1;transition:opacity .4s ease .15s}.qcp .swl>.sw.on.gone{opacity:0;transition:opacity .3s ease}.qcp .hz-hw,.qcp .hw-card,.qcp .wd-card,.qcp .pr-set,.qcp .pr-card,.qcp .hf-card,.qcp .as-comp,.qcp .as-card,.qcp .sc-card,.qcp .sc-rec{background:var(--card);border-radius:20px;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}.qcp .play .hz-hw,.qcp .play .hw-card,.qcp .play .wd-card,.qcp .play .pr-set,.qcp .play .pr-card,.qcp .play .hf-card,.qcp .play .as-comp,.qcp .play .as-card,.qcp .play .sc-card,.qcp .play .sc-rec{opacity:1;transform:none}.qcp .play .pr-card,.qcp .play .as-card,.qcp .play .sc-rec{transition-delay:.35s}.qcp .ph{position:absolute;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 .3s,transform .8s cubic-bezier(.2,.8,.2,1) .3s}.qcp .play .ph{opacity:1;transform:none}.qcp .ph-scr{position:relative;width:100%;height:100%;border-radius:31px;overflow:hidden;background:#f4f6f5;color:#0d2b2a}.qcp .ph-island{position:absolute;top:8px;left:50%;width:58px;height:17px;margin-left:-29px;border-radius:100px;background:#000;z-index:9}.qcp .ph-status{height:30px;font-size:9.5px;font-weight:700;padding:10px 16px 0;position:relative;z-index:2}.qcp .ar{direction:rtl;text-align:right;letter-spacing:0!important;word-spacing:normal;text-transform:none!important;color:#0d2b2a;font-weight:400}.qcp .ar.hafs{font-family:QF Uthmanic Hafs,Amiri,serif}.qcp .ar.indopak{font-family:QF IndoPak Nastaleeq,Amiri,serif}.qcp .w{border-radius:7px;transition:background-color .22s ease,color .4s ease,box-shadow .22s ease;box-decoration-break:clone;-webkit-box-decoration-break:clone}.qcp .w.on{background:#00c5a84d;box-shadow:0 0 0 2px #00c5a84d}.qcp .w.on.gone{background:transparent;box-shadow:none;color:#0b6e60}.qcp .w.end{color:#0b6e60}.qcp .md{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.05em;height:1.05em;vertical-align:-.12em;color:#0b6e60}.qcp .md svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.qcp .md b{font-family:Amiri,serif;font-size:.5em;font-weight:700;line-height:1}.qcp .wave{display:inline-flex;align-items:center;gap:2px;height:16px}.qcp .wave i{width:2.5px;height:var(--h);border-radius:2px;background:var(--turq);transform:scaleY(.35);transform-origin:50% 50%}.qcp .play .wave i{animation:qcp-wave 1.05s ease-in-out infinite;animation-delay:calc(var(--i) * -83ms)}@keyframes qcp-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.qcp .wave.sm{height:14px}.qcp .wave.xs{height:12px;gap:1.5px}.qcp .wave.xs i{width:2px}.qcp .hz-star,.qcp .wd-star,.qcp .sc-star{position:absolute;color:#00977f33;opacity:0;transform:scale(.85) rotate(-8deg);transition:opacity 1.2s ease,transform 1.6s cubic-bezier(.2,.8,.2,1);pointer-events:none}.qcp .play .hz-star,.qcp .play .wd-star,.qcp .play .sc-star{opacity:1;transform:none}.qcp .hz-star svg,.qcp .hz-star g{transform-origin:50% 50%}.qcp .play .hz-star g,.qcp .play .wd-star g,.qcp .play .sc-star g{animation:qcp-turn 90s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes qcp-turn{to{transform:rotate(360deg)}}.qcp .hz-sub{padding:2px 8px;border-radius:100px;background:var(--turq-dim);color:var(--qcp-accent);font-size:9px;font-weight:800}.qcp .hz-due{display:inline-flex;align-items:center;font-size:9px;font-weight:700;color:#b7791f}.qcp .rd-k{font-size:7.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0d2b2a73}.qcp .hz-star{left:70px;top:-18px;width:340px;height:340px}.qcp .hz-hw{position:absolute;left:0;top:64px;width:186px;padding:14px;z-index:6}.qcp .hz-hw-h{display:flex;justify-content:space-between;align-items:center}.qcp .hz-hw-t{font-size:10px;font-weight:800;margin-top:10px}.qcp .hz-hw-p{font-family:Amiri,serif;font-size:17px;font-weight:700;line-height:1.15;margin-top:2px}.qcp .hz-hw-l{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font-size:9.5px;font-weight:700;color:#0d2b2a}.qcp .hz-hw-l svg{width:11px;height:11px;color:var(--qcp-accent)}.qcp .hz-hw-btn{display:inline-flex;align-items:center;gap:5px;margin-top:10px;height:28px;padding:0 9px 0 10px;border-radius:100px;background:var(--turq);color:#06201e;font-size:9.5px;font-weight:800;box-shadow:0 10px 18px -10px #00967fbf}.qcp .hz-hw-btn svg{width:11px;height:11px}.qcp .hz-hw-btn svg:last-child{opacity:.7}.qcp .hz-hw-btn.on{animation:qcp-press .45s ease}@keyframes qcp-press{0%,to{transform:scale(1)}40%{transform:scale(.93)}}.qcp .hz-hw-done{display:flex;align-items:center;gap:6px;margin-top:9px;padding:7px 9px;border-radius:11px;background:#0d2b2a0d;font-size:9.5px;font-weight:700;color:#0d2b2a80;transition:background .4s ease,color .4s ease}.qcp .hz-tick{width:15px;height:15px;border-radius:5px;border:1.5px solid rgba(13,43,42,.2);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:all .3s ease}.qcp .hz-tick svg{width:10px;height:10px}.qcp .hz-hw-done.on{background:var(--turq-dim);color:#0d2b2a}.qcp .hz-hw-done.on .hz-tick{background:var(--turq);border-color:var(--turq);color:#06201e}.qcp .hz-ph{left:206px;top:0}.qcp .rd{padding:2px 12px 0}.qcp .rd-n{font-family:Amiri,serif;font-size:19px;font-weight:700;line-height:1.1;margin-top:2px}.qcp .rd-s{font-size:8.5px;color:#0d2b2a80;font-weight:600}.qcp .rd-goal{display:inline-flex;align-items:center;gap:4px;margin-top:7px;padding:3px 8px;border-radius:100px;background:var(--turq-dim);color:var(--qcp-accent);font-size:8px;font-weight:800}.qcp .rd-goal svg{width:9px;height:9px}.qcp .rd-ayah{margin-top:9px;padding:10px 9px 8px;border-radius:14px;background:#fff;box-shadow:0 6px 16px -10px #0d2b2a59}.qcp .rd-ayah .ar{font-size:16.5px;line-height:2.05}.qcp .rd-bar{position:absolute;left:8px;right:8px;bottom:9px;height:44px;display:flex;align-items:center;gap:8px;padding:0 10px 0 7px;border-radius:16px;background:#fff;box-shadow:0 8px 18px -10px #0d2b2a66}.qcp .rd-play{width:30px;height:30px;border-radius:50%;background:var(--turq);color:#06201e;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.qcp .rd-play svg{width:12px;height:12px}.qcp .rd-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.qcp .rd-meta b{font-size:8.5px}.qcp .hw-card{position:absolute;left:0;top:14px;width:230px;padding:14px 14px 10px;z-index:4}.qcp .hw-h{display:flex;gap:8px;align-items:center}.qcp .hw-t{font-family:Amiri,serif;font-size:18px;font-weight:700;line-height:1.15;margin-top:7px}.qcp .hw-by{font-size:9px;color:var(--muted);margin-bottom:8px}.qcp .hw-task{display:flex;gap:8px;padding:8px;margin-top:6px;border-radius:13px;border:1px solid var(--line);background:#0d2b2a04}.qcp .hw-task.hot{border-color:#00c5a873;background:#00c5a80d}.qcp .hw-num{width:18px;height:18px;border-radius:50%;background:var(--turq);color:#06201e;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.qcp .hw-main{min-width:0}.qcp .hw-k{font-size:8.5px;color:var(--muted);font-weight:600}.qcp .hw-k b{color:#0d2b2a;font-weight:800}.qcp .hw-p{font-size:10.5px;font-weight:800;margin-top:1px}.qcp .hw-l{display:inline-flex;align-items:center;gap:4px;margin-top:3px;font-size:8.5px;font-weight:700}.qcp .hw-l svg{width:10px;height:10px;color:var(--qcp-accent)}.qcp .hw-btn{display:inline-flex;align-items:center;gap:4px;margin-top:5px;height:22px;padding:0 7px 0 8px;border-radius:100px;background:var(--turq);color:#06201e;font-size:8.5px;font-weight:800}.qcp .hw-task:not(.hot) .hw-btn{display:none}.qcp .hw-btn svg{width:10px;height:10px}.qcp .hw-btn.on{animation:qcp-press .45s ease,qcp-glow 1.4s ease-out .2s}@keyframes qcp-glow{0%{box-shadow:0 0 #00c5a88c}to{box-shadow:0 0 0 12px #00c5a800}}.qcp .hw-cursor,.qcp .wd-cursor,.qcp .pr-cursor,.qcp .as-cursor{position:absolute;width:24px;height:24px;z-index:12;opacity:0;filter:drop-shadow(0 3px 4px rgba(13,43,42,.3));transition:opacity .3s ease,left .7s cubic-bezier(.4,0,.2,1),top .7s cubic-bezier(.4,0,.2,1)}.qcp .hw-cursor{left:200px;top:250px}.qcp .hw-cursor.on{opacity:1;left:92px;top:152px}.qcp .hw-cursor.on.gone{opacity:0}.qcp .hw-ph{left:216px;top:0}.qcp .play .hw-ph{opacity:0;transform:translate(26px)}.qcp .play .hw-ph.on{opacity:1;transform:none;transition:opacity .55s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.qcp .rd-back{font-size:8.5px;font-weight:700;color:var(--qcp-accent);margin-bottom:4px}.qcp .hw-ayah{margin-top:8px;padding:6px 8px 4px;border-radius:12px;background:#fff;box-shadow:0 6px 16px -10px #0d2b2a59}.qcp .hw-ayah .ar{font-size:13.5px;line-height:1.95}.qcp .hw-ask{display:flex;gap:6px;align-items:flex-start;margin-top:8px;padding:8px 9px;border-radius:12px;background:var(--turq-dim);font-size:8.5px;line-height:1.35;font-weight:600}.qcp .hw-ask svg{width:11px;height:11px;flex-shrink:0;margin-top:1px;color:var(--qcp-accent)}.qcp .hw-rounds{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:10px}.qcp .hw-rounds i{height:6px;border-radius:4px;background:#0d2b2a14;position:relative;overflow:hidden}.qcp .hw-rounds i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#5bebd3,#00a488);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s ease}.qcp .hw-rounds i.on:after{transform:scaleX(1)}.qcp .hw-cap{margin-top:8px;font-size:9px;font-weight:700;color:#0d2b2a99}.qcp .hw-cap b{color:#0d2b2a}.qcp .hw-fin{color:var(--qcp-accent)}.qcp .hw-fin svg{width:11px;height:11px}.qcp .hw-mark{display:flex;align-items:center;gap:7px;margin-top:9px;padding:8px 10px;border-radius:13px;background:#fff;box-shadow:0 6px 16px -10px #0d2b2a59;font-size:9px;font-weight:800;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .6s cubic-bezier(.3,1.4,.5,1)}.qcp .hw-mark.on{opacity:1;transform:none}.qcp .hw-mark-t{width:18px;height:18px;border-radius:6px;background:var(--turq);color:#06201e;display:inline-flex;align-items:center;justify-content:center}.qcp .hw-mark-t svg{width:11px;height:11px}.qcp .wd-star{left:40px;top:-30px;width:320px;height:320px}.qcp .wd-card{position:absolute;left:14px;top:46px;width:372px;padding:16px 18px;z-index:4}.qcp .wd-h{display:flex;justify-content:space-between;align-items:flex-start}.qcp .wd-n{font-family:Amiri,serif;font-size:22px;font-weight:700;line-height:1.1}.qcp .wd-rec{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;background:#0d2b2a0d;font-size:10px;font-weight:700}.qcp .wd-live{width:6px;height:6px;border-radius:50%;background:var(--turq)}.qcp .play .wd-live{animation:qcp-ping 1.6s ease-out infinite}@keyframes qcp-ping{0%{box-shadow:0 0 #00c5a899}to{box-shadow:0 0 0 6px #00c5a800}}.qcp .wd-ayah{margin-top:10px;padding:6px 4px 2px}.qcp .wd-ayah .ar{font-size:33px;line-height:1.9;text-align:center}.qcp .w.tap.read{background:#00c5a84d;box-shadow:0 0 0 2px #00c5a88c;color:#0d2b2a}.qcp .wd-prog{height:4px;margin-top:8px;border-radius:4px;background:#0d2b2a12;overflow:hidden}.qcp .wd-prog i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#5bebd3,#00a488);transform:scaleX(0);transform-origin:0 50%}.qcp .play .wd-prog i{transform:scaleX(1);transition:transform 2.1s linear .5s}.qcp .wd-bub{position:absolute;left:186px;top:214px;z-index:8;display:flex;align-items:center;gap:10px;padding:9px 13px 9px 11px;border-radius:14px;background:#0d2b2a;color:#e3f4f0;box-shadow:0 16px 30px -12px #0d2b2a99;opacity:0;transform:translateY(8px) scale(.94);transition:opacity .45s ease,transform .5s cubic-bezier(.3,1.4,.5,1)}.qcp .wd-bub:before{content:"";position:absolute;left:50px;top:-6px;width:12px;height:12px;background:#0d2b2a;transform:rotate(45deg);border-radius:2px}.qcp .wd-bub.on{opacity:1;transform:none}.qcp .wd-bub-w{position:relative;font-family:QF Uthmanic Hafs,Amiri,serif;font-size:22px;line-height:1;color:#fff}.qcp .wd-bub .wave i{background:#5bebd3}.qcp .wd-bub-s{font-size:9.5px;font-weight:700;color:#e3f4f0b3}.qcp .wd-cursor{left:330px;top:260px}.qcp .wd-cursor.on{opacity:1;left:236px;top:150px}.qcp .pr-set{position:absolute;left:0;top:18px;width:150px;padding:11px 12px;z-index:6}.qcp .pr-row{display:flex;flex-direction:column;gap:2px;padding:7px 0;border-bottom:1px solid var(--line)}.qcp .pr-row:last-child{border-bottom:0}.qcp .pr-row span{font-size:8.5px;color:var(--muted);font-weight:600}.qcp .pr-row b{font-size:11px;font-weight:800}.qcp .pr-row.sw-row{flex-direction:row;align-items:center;justify-content:space-between}.qcp .pr-sw{width:30px;height:17px;border-radius:100px;background:#0d2b2a24;position:relative;transition:background .35s ease}.qcp .pr-sw:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0d2b2a4d;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.qcp .pr-sw.on{background:var(--turq)}.qcp .pr-sw.on:after{transform:translate(13px)}.qcp .pr-card{position:absolute;left:166px;top:50px;width:234px;padding:14px;z-index:5}.qcp .pr-h{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.qcp .pr-n{font-family:Amiri,serif;font-size:19px;font-weight:700;line-height:1.1}.qcp .pr-tag{padding:3px 9px;border-radius:100px;background:#0d2b2a0f;font-size:9px;font-weight:800;color:#0d2b2a99}.qcp .pr-line{position:relative;min-height:34px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--line)}.qcp .pr-line:last-of-type{border-bottom:0}.qcp .pr-mask{display:flex;gap:6px;justify-content:flex-end;flex-direction:row-reverse;transition:opacity .35s ease}.qcp .pr-mask i{display:block;height:13px;border-radius:7px;background:linear-gradient(90deg,#0d2b2a1a,#0d2b2a0f)}.qcp .pr-mask.m1 i:nth-child(1){width:42px}.qcp .pr-mask.m1 i:nth-child(2){width:64px}.qcp .pr-mask.m1 i:nth-child(3){width:54px}.qcp .pr-mask.m2 i:nth-child(1){width:36px}.qcp .pr-mask.m2 i:nth-child(2){width:50px}.qcp .pr-mask.m2 i:nth-child(3){width:58px}.qcp .pr-mask.m3 i:nth-child(1){width:26px}.qcp .pr-mask.m3 i:nth-child(2){width:52px}.qcp .pr-mask.m3 i:nth-child(3){width:22px}.qcp .pr-mask.m3 i:nth-child(4){width:50px}.qcp .pr-mask.gone{opacity:0}.qcp .pr-rev{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:20px;line-height:1.6;white-space:nowrap;opacity:0;transition:opacity .5s ease .1s}.qcp .pr-rev.on{opacity:1}.qcp .pr-turn{display:flex;align-items:center;gap:9px;margin-top:10px;padding:9px 10px;border-radius:14px;background:var(--turq-dim);opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .55s cubic-bezier(.3,1.4,.5,1);flex-wrap:wrap}.qcp .pr-turn.on{opacity:1;transform:none}.qcp .pr-turn b{display:block;font-size:11px;font-weight:800}.qcp .pr-turn div span{font-size:9px;color:#0d2b2a99;font-weight:600}.qcp .pr-ring{width:30px;height:30px;flex-shrink:0}.qcp .pr-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.qcp .pr-arc{stroke-dasharray:94.25;stroke-dashoffset:0}.qcp .pr-turn.on .pr-arc{animation:qcp-count 2s linear .2s infinite}@keyframes qcp-count{0%{stroke-dashoffset:0}to{stroke-dashoffset:94.25}}.qcp .pr-cnt{width:100%;font-size:8.5px;font-weight:700;color:var(--qcp-accent)}.qcp .pr-cursor{left:380px;top:250px}.qcp .pr-cursor.on{opacity:1;left:300px;top:120px}.qcp .pr-cursor.on.gone{opacity:0}.qcp .hf-card{position:absolute;left:22px;top:0;width:356px;padding:12px 14px;z-index:4}.qcp .hf-h{display:flex;align-items:center;gap:10px}.qcp .hf-av{width:32px;height:32px;border-radius:50%;background:#00977f;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.qcp .hf-name{font-size:13px;font-weight:800}.qcp .hf-cls{font-size:9.5px;color:var(--muted);font-weight:600}.qcp .hf-cnt{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1}.qcp .hf-cnt b{font-family:Amiri,serif;font-size:26px;font-weight:700;color:var(--qcp-accent)}.qcp .hf-cnt small{font-size:8.5px;font-weight:700;color:var(--muted);margin-top:2px}.qcp .hf-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:10px 0 6px;direction:rtl}.qcp .hf-grid i{position:relative;height:19px;border-radius:6px;background:#0d2b2a0d;display:flex;align-items:center;justify-content:center;transition:background .45s ease,transform .45s cubic-bezier(.3,1.4,.5,1),box-shadow .45s ease}.qcp .hf-grid i span{font-size:8.5px;font-weight:800;color:#0d2b2a59;transition:color .4s ease}.qcp .hf-grid i.done.on{background:linear-gradient(160deg,#2fd9be,#00a488);transform:scale(1.04)}.qcp .hf-grid i.done.on span{color:#fff}.qcp .hf-grid i.cur.on{background:#fff;box-shadow:0 0 0 2px #00c5a8 inset;animation:qcp-cur 1.8s ease-in-out infinite}.qcp .hf-grid i.cur.on span{color:var(--qcp-accent)}@keyframes qcp-cur{0%,to{box-shadow:0 0 0 2px #00c5a8 inset,0 0 #00c5a859}50%{box-shadow:0 0 0 2px #00c5a8 inset,0 0 0 5px #00c5a800}}.qcp .hf-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;margin-top:4px;border-radius:12px;background:#0d2b2a08;border:1px solid var(--line);opacity:0;transform:translate(-8px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.qcp .hf-row.on{opacity:1;transform:none}.qcp .hf-k{font-size:8.5px;font-weight:800;color:var(--qcp-accent);text-transform:uppercase;letter-spacing:.06em}.qcp .hf-p{font-size:11.5px;font-weight:800;margin-top:1px}.qcp .hf-s{font-size:8.5px;color:var(--muted);font-weight:600}.qcp .hf-go{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:100px;background:var(--turq);color:#06201e;font-size:9px;font-weight:800;flex-shrink:0}.qcp .hf-go svg{width:10px;height:10px}.qcp .as-comp{position:absolute;left:0;top:0;width:214px;padding:12px 13px;z-index:6}.qcp .as-ck{font-size:8.5px;font-weight:800;color:var(--qcp-accent);text-transform:uppercase;letter-spacing:.06em}.qcp .as-cp{font-size:11.5px;font-weight:800;margin-top:2px}.qcp .as-cl{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:10px;font-weight:700}.qcp .as-sel{display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:800}.qcp .as-sel i{width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid rgba(13,43,42,.5)}.qcp .as-prev{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:100px;background:var(--turq-dim);color:var(--qcp-accent);font-size:9px;font-weight:800;margin-left:2px}.qcp .as-prev svg{width:10px;height:10px}.qcp .as-card{position:absolute;left:52px;top:92px;width:348px;padding:14px;z-index:5}.qcp .as-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}.qcp .as-t{font-family:Amiri,serif;font-size:17px;font-weight:700;line-height:1.15}.qcp .as-s{font-size:9px;color:var(--muted);font-weight:600}.qcp .as-seen{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:100px;background:#0d2b2a0d;font-size:9.5px;font-weight:700;color:#0d2b2aa6;white-space:nowrap}.qcp .as-seen svg{width:11px;height:11px}.qcp .as-seen b{color:#0d2b2a}.qcp .as-row{display:flex;align-items:center;gap:9px;padding:8px 2px;border-top:1px solid var(--line);opacity:0;transform:translateY(5px);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.qcp .as-row.on{opacity:1;transform:none}.qcp .as-av{width:28px;height:28px;border-radius:50%;color:#fff;font-size:9.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.qcp .as-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.qcp .as-who b{font-size:11px;font-weight:800}.qcp .as-pr{display:inline-flex;align-items:center;gap:6px;font-size:8.5px;font-weight:700;color:#0d2b2a99}.qcp .as-pr.met{color:var(--qcp-accent)}.qcp .as-pr.none{color:#0d2b2a66}.qcp .as-dots{display:inline-flex;gap:2px}.qcp .as-dots i{width:9px;height:5px;border-radius:3px;background:#0d2b2a1a}.qcp .as-dots i.f{background:#00b89d}.qcp .as-mark{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:24px;padding:0 9px;border-radius:100px;border:1px dashed rgba(13,43,42,.2);font-size:9px;font-weight:800;color:#0d2b2a80;transition:background .35s ease,color .35s ease,border-color .35s ease}.qcp .as-mark.on{border-style:solid}.qcp .as-mark.done.on{background:#00c5a829;border-color:transparent;color:#00705e;animation:qcp-press .45s ease}.qcp .as-mark.ni.on{background:#c98a1e26;border-color:transparent;color:#8a5a0b}.qcp .as-mark.rep.on{background:#d9483d1f;border-color:transparent;color:#a8352c}.qcp .as-cursor{left:380px;top:300px}.qcp .as-cursor.on{opacity:1;left:352px;top:182px}.qcp .sc-star{left:120px;top:-10px;width:300px;height:300px}.qcp .sc-card{position:absolute;left:0;top:4px;width:268px;padding:14px;z-index:5}.qcp .sc-tg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:100px;background:#0d2b2a0f}.qcp .sc-o{position:relative;z-index:1;text-align:center;padding:6px 0;font-size:10px;font-weight:800;color:#0d2b2a80;transition:color .35s ease}.qcp .sc-knob{position:absolute;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:100px;background:#fff;box-shadow:0 2px 6px #0d2b2a26;transition:transform .5s cubic-bezier(.3,1.3,.5,1)}.qcp .sc-card .sc-o.i{color:#0d2b2a}.qcp .sc-card.uth .sc-o.i{color:#0d2b2a80}.qcp .sc-card.uth .sc-o.u{color:#0d2b2a}.qcp .sc-card.uth .sc-knob{transform:translate(100%)}.qcp .sc-ayah{position:relative;height:62px;margin-top:10px;display:flex;align-items:center;justify-content:center}.qcp .sc-ayah .ar{position:absolute;left:0;right:0;text-align:center;font-size:25px;line-height:1.7;white-space:nowrap;transition:opacity .5s ease,transform .5s ease}.qcp .sc-i{opacity:1}.qcp .sc-u{opacity:0;transform:translateY(6px)}.qcp .sc-card.uth .sc-i{opacity:0;transform:translateY(-6px)}.qcp .sc-card.uth .sc-u{opacity:1;transform:none}.qcp .sc-tr{margin-top:6px;padding-top:9px;border-top:1px solid var(--line);font-size:10.5px;line-height:1.45;color:#0d2b2a;font-weight:500}.qcp .sc-trn{margin-top:3px;font-size:8.5px;font-weight:700;color:var(--muted)}.qcp .sc-rec{position:absolute;right:-4px;top:206px;width:214px;padding:7px;z-index:6}.qcp .sc-r{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:11px}.qcp .sc-r.on{background:var(--turq-dim)}.qcp .sc-rd{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(13,43,42,.25);flex-shrink:0}.qcp .sc-r.on .sc-rd{border:3.5px solid var(--turq)}.qcp .sc-r b{display:block;font-size:9.5px;font-weight:800;white-space:nowrap}.qcp .sc-r span{font-size:8px;color:var(--muted);font-weight:600}.qcp .sc-r .wave{margin-left:auto}.qcp .breadth{max-width:900px;margin:10px auto 30px;padding:70px 32px 30px;text-align:center}.qcp .breadth h2{font-size:clamp(30px,3.4vw,42px);line-height:1.12;margin-bottom:14px}.qcp .breadth h2 em{font-style:italic;color:#008f7a;font-weight:400}.qcp .breadth p{font-size:16px;line-height:1.7;color:var(--muted);max-width:600px;margin:0 auto 26px}.qcp .breadth p a{color:var(--qcp-accent);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;text-decoration-color:#00967f59}.qcp .breadth-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.qcp .breadth-pill{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);padding:10px 16px;border-radius:100px;font-size:13.5px;font-weight:700}.qcp .breadth-pill svg{width:16px;height:16px;color:var(--qcp-accent)}@media (max-width: 980px){.qcp .pillar-section{grid-template-columns:minmax(0,1fr);gap:18px;padding:56px 22px;text-align:center}.qcp .stage{min-width:0;text-align:left}.qcp .pillar-section.reverse .pillar-copy,.qcp .pillar-section .pillar-copy{order:1}.qcp .pillar-section.reverse .stage,.qcp .pillar-section .stage{order:2}.qcp .desc,.qcp .note{margin-left:auto;margin-right:auto}.qcp .feature-row,.qcp .hero-ctas{justify-content:center}.qcp .pillar-copy>:last-child{margin-bottom:0}.qcp .jump{justify-content:center;padding:0 24px 32px}}@media (max-width: 480px){.qcp .stage{min-height:0}.qcp .rig{transform:scale(.8);transform-origin:50% 0;margin-bottom:-68px}.qcp .hero{padding-top:34px;padding-bottom:30px}.qcp .hero h1{font-size:38px;margin-bottom:14px}.qcp .hero .desc{font-size:15.5px;margin-bottom:20px}.qcp .pillar-section{padding:40px 20px;gap:14px}.qcp .tag{margin-bottom:12px;font-size:11.5px;padding:6px 12px;white-space:nowrap;max-width:100%}.qcp .tag.qc-tag{padding:4px 5px}.qcp .qc-tag-by{font-size:10.5px;padding:3px 8px}.qcp .pillar-copy h2{font-size:30px;margin-bottom:14px}.qcp .feature-row{gap:7px;margin-bottom:16px}.qcp .feature-pill{font-size:12px;padding:7px 12px}.qcp .desc{font-size:15px;line-height:1.6;margin-bottom:10px}.qcp .note{font-size:13.5px;line-height:1.55;margin-bottom:0}.qcp .jump{padding:0 20px 24px}.qcp .jump a{font-size:13px}.qcp .jump a:not(:last-child):after{margin:0 9px}.qcp .breadth{padding:40px 20px 18px;margin:0 auto 10px}.qcp .breadth h2{font-size:29px;margin-bottom:10px}.qcp .breadth p{font-size:14.5px;margin-bottom:18px}.qcp .breadth-row{gap:7px}.qcp .breadth-pill{font-size:12.5px;padding:8px 12px}}@media (max-width: 370px){.qcp .rig{transform:scale(.72);margin-bottom:-95px}.qcp .hero h1{font-size:34px}.qcp .pillar-copy h2{font-size:27px}}.qcp.rm *,.qcp.rm *:before,.qcp.rm *:after{transition:none!important;animation:none!important}.qcp.rm .hw-cursor,.qcp.rm .wd-cursor,.qcp.rm .pr-cursor,.qcp.rm .as-cursor{opacity:0}.dark .qcp{--qcp-accent: var(--turq-text);--turq-dim: rgba(0,197,168,.16)}.dark .qcp .pillar-copy h1 em,.dark .qcp .pillar-copy h2 em,.dark .qcp .breadth h2 em{color:#3fe0c5}.dark .qcp .tag,.dark .qcp .feature-pill.on,.dark .qcp .explore,.dark .qcp .breadth-pill svg,.dark .qcp .breadth p a{color:var(--turq-text)}.dark .qcp .qc-tag-by{background:#ffffff0f}.dark .qcp .explore{border-color:#4fe3cb59}.dark .qcp .breadth-pill,.dark .qcp .feature-pill{border-color:#ffffff12;box-shadow:0 16px 32px -12px #000000a6}.dark .qcp .halo{background:radial-gradient(circle at 42% 38%,rgba(0,197,168,.2),rgba(0,197,168,.06) 55%,transparent 72%)}.dark .qcp .hz-star,.dark .qcp .wd-star,.dark .qcp .sc-star{color:#5bebd329}.dark .qcp .ph{box-shadow:0 0 0 1px #ffffff1a,0 20px 40px -12px #000000b3}.dark .qcp .rig{--ink: #0D2B2A;--bg: #F5F3EF;--card: #FFFFFF;--line: rgba(13,43,42,.09);--muted: rgba(13,43,42,.58);--turq-dim: rgba(0,197,168,.12);--qcp-accent: #007E6A;color:#0d2b2a}.dark .qcp .rig .chip{box-shadow:0 16px 32px -12px #000000a6}