:root{--yellow:#ffd500;--yellow-deep:#ffb800;--yellow-soft:#ffd5001f;--bg:#08080c;--bg-2:#0d0d13;--surface:#ffffff0a;--surface-2:#ffffff12;--stroke:#ffffff17;--stroke-strong:#ffffff29;--text:#f7f7fa;--muted:#a3a3b2;--ink:#101014;--radius:22px;--radius-lg:32px;--font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-ar:"Amiri", "Noto Kufi Arabic", serif;--font-ar-ui:"Noto Kufi Arabic", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--shadow-glow:0 0 60px #ffd5002e;--maxw:1180px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100%;margin:0;font-size:17px;line-height:1.6;display:flex;overflow-x:hidden}::selection{background:var(--yellow);color:var(--ink)}img,svg{display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{width:min(var(--maxw), 100% - 48px);margin-inline:auto}[lang=ar]{font-family:var(--font-ar)}.site-main{flex:1 0 auto}.skip-link{z-index:200;background:var(--yellow);color:var(--ink);border-radius:0 0 12px;padding:10px 18px;font-weight:800;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.aurora{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora-blob{filter:blur(110px);opacity:.5;animation:drift 26s var(--ease) infinite alternate;border-radius:50%;position:absolute}.aurora-1{background:radial-gradient(circle,#ffd50029,#0000 65%);width:620px;height:620px;top:-220px;left:-160px}.aurora-2{background:radial-gradient(circle,#ff96001a,#0000 65%);width:540px;height:540px;animation-delay:-8s;top:20%;right:-200px}.aurora-3{background:radial-gradient(circle,#ffd50012,#0000 65%);width:700px;height:700px;animation-delay:-16s;bottom:-320px;left:30%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(60px,40px)scale(1.15)}}.grain{z-index:-1;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.brand{letter-spacing:.14em;white-space:nowrap;align-items:center;gap:9px;font-size:.95rem;font-weight:800;display:inline-flex}.brand-word{color:var(--text)}.brand-pill{background:var(--yellow);color:var(--ink);letter-spacing:.1em;transition:box-shadow .35s var(--ease), transform .35s var(--ease);border-radius:999px;padding:5px 13px;box-shadow:0 0 24px #ffd50059}.brand:hover .brand-pill{transform:translateY(-1px);box-shadow:0 0 42px #ffd50099}.nav{z-index:100;transition:padding .4s var(--ease), background .4s var(--ease), border-color .4s var(--ease), backdrop-filter .4s var(--ease);border-bottom:1px solid #0000;padding:18px 0;position:fixed;top:0;left:0;right:0}.nav.is-scrolled{-webkit-backdrop-filter:blur(18px)saturate(1.4);border-bottom-color:var(--stroke);background:#08080cb8;padding:10px 0}.nav-inner{width:min(var(--maxw), 100% - 48px);justify-content:space-between;align-items:center;gap:24px;margin-inline:auto;display:flex}.nav-links{gap:6px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 15px;font-size:.92rem;font-weight:600;transition:color .25s,background .25s}.nav-links a:hover,.nav-links a.is-active{color:var(--text);background:var(--surface-2)}.nav-cta{align-items:center;gap:12px;display:flex}.nav-burger{background:0 0;border:0;flex-direction:column;gap:5px;padding:8px;display:none}.nav-burger span{background:var(--text);width:22px;height:2px;transition:transform .3s var(--ease), opacity .3s;border-radius:2px}.nav-burger[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-burger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.btn{white-space:nowrap;transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s, color .3s, border-color .3s;will-change:transform;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px 30px;font-size:1rem;font-weight:700;display:inline-flex}.btn:disabled{opacity:.6;cursor:progress}.btn-sm{padding:10px 22px;font-size:.9rem}.btn-primary{background:linear-gradient(135deg, var(--yellow), var(--yellow-deep));color:var(--ink);box-shadow:0 8px 28px #ffd50047}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px #ffd50073}.btn-ghost{border-color:var(--stroke-strong);color:var(--text);background:var(--surface)}.btn-ghost:hover{border-color:var(--yellow);background:var(--yellow-soft);transform:translateY(-2px)}.store-badge{background:var(--text);color:var(--ink);transition:transform .3s var(--ease), box-shadow .3s var(--ease);will-change:transform;border-radius:16px;align-items:center;gap:12px;padding:13px 24px;font-weight:700;line-height:1.15;display:inline-flex}.store-badge svg{flex:none;width:26px;height:26px}.store-badge small{opacity:.65;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:600;display:block}.store-badge span{font-size:1.05rem}.store-badge:hover{transform:translateY(-3px);box-shadow:0 18px 40px #ffffff2e}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding:140px 0 90px;display:flex;position:relative;overflow:hidden}.hero-letters{pointer-events:none;position:absolute;inset:0}.fl{left:var(--x);top:var(--y);font-family:var(--font-ar);font-size:var(--s);color:#ffd50024;animation:floaty 9s ease-in-out var(--d) infinite alternate;-webkit-user-select:none;user-select:none;position:absolute}@keyframes floaty{0%{transform:translateY(-14px)rotate(-6deg)}to{transform:translateY(14px)rotate(6deg)}}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.hero-eyebrow{border:1px solid var(--stroke);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.pulse-dot{background:var(--yellow);border-radius:50%;width:8px;height:8px;animation:2.2s infinite pulse;box-shadow:0 0 #ffd50099}@keyframes pulse{0%{box-shadow:0 0 #ffd5008c}70%{box-shadow:0 0 0 12px #ffd50000}to{box-shadow:0 0 #ffd50000}}.hero-title{letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(2.6rem,5.4vw,4.6rem);font-weight:800;line-height:1.04}.hero-title span{display:block}.hl{background:linear-gradient(120deg, var(--yellow) 20%, var(--yellow-deep) 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal;position:relative}.hl-swash{width:100%;height:.28em;color:var(--yellow);opacity:.85;position:absolute;bottom:-.22em;left:0;right:0}.hero-sub{max-width:480px;color:var(--muted);margin:0 0 34px;font-size:1.13rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:38px;display:flex}.hero-stats{align-items:center;gap:26px;display:flex}.stat strong{letter-spacing:-.02em;font-size:1.7rem;font-weight:800;display:block}.stat .star{color:var(--yellow);margin-left:2px;font-size:1.2rem}.stat span{color:var(--muted);font-size:.82rem}.stat-divider{background:var(--stroke-strong);width:1px;height:40px}.hero-device{perspective:1400px;place-items:center;display:grid;position:relative}.device-glow{filter:blur(30px);background:radial-gradient(circle,#ffd50038,#ffa5000f 45%,#0000 70%);border-radius:50%;width:480px;height:480px;animation:6s ease-in-out infinite alternate breathe;position:absolute}.device-glow.small{width:380px;height:380px}@keyframes breathe{0%{opacity:.7;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}.phone{aspect-ratio:9/19;width:310px;box-shadow:inset 0 0 0 6px #000, inset 0 0 0 7px #ffffff14, 0 40px 90px #000000a6, var(--shadow-glow);transform-style:preserve-3d;background:linear-gradient(160deg,#1c1c24,#0e0e14);border:1px solid #ffffff24;border-radius:46px;padding:12px;transition:transform .25s ease-out;position:relative}.phone-lg{width:330px}.phone-notch{z-index:5;background:#000;border-radius:999px;width:96px;height:24px;position:absolute;top:20px;left:50%;translate:-50%}.phone-screen{background:radial-gradient(140% 60% at 50% -10%,#ffd50024,#0000 55%),linear-gradient(#121218,#0b0b10);border-radius:36px;flex-direction:column;gap:11px;height:100%;padding:54px 16px 16px;display:flex;overflow:hidden}.app-topbar{align-items:center;gap:10px;display:flex}.app-avatar{background:linear-gradient(135deg, var(--yellow), var(--yellow-deep));width:38px;height:38px;color:var(--ink);font-family:var(--font-ar-ui);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.app-greeting{flex:1;min-width:0;line-height:1.25}.app-greeting small{font-family:var(--font-ar-ui);color:var(--yellow);font-size:.66rem;display:block}.app-greeting strong{font-size:.82rem}.app-streak{background:var(--surface-2);border:1px solid var(--stroke);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:.78rem;display:flex}.app-streak b{color:var(--yellow)}.app-progress-card{background:linear-gradient(135deg,#ffd50024,#ffd5000d);border:1px solid #ffd50040;border-radius:18px;align-items:center;gap:13px;padding:13px;display:flex}.ring{flex:none;width:62px;height:62px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg,.qbr-bg{fill:none;stroke:#ffffff1a;stroke-width:8px}.ring-fg{fill:none;stroke:var(--yellow);stroke-width:8px;stroke-linecap:round;stroke-dasharray:213.6;stroke-dashoffset:calc(213.6 * (1 - var(--p) / 100));filter:drop-shadow(0 0 6px #ffd50099);animation:ringIn 1.6s var(--ease) both}@keyframes ringIn{0%{stroke-dashoffset:213.6px}}.ring span{color:var(--yellow);place-items:center;font-size:.78rem;font-weight:800;display:grid;position:absolute;inset:0}.app-progress-copy{min-width:0;line-height:1.35}.app-progress-copy strong{font-size:.85rem;display:block}.app-progress-copy small{color:var(--muted);font-size:.68rem}.mini-bar{background:#ffffff1a;border-radius:99px;height:5px;margin-top:7px;overflow:hidden}.mini-bar i{background:linear-gradient(90deg, var(--yellow), var(--yellow-deep));border-radius:99px;height:100%;display:block}.app-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:.66rem;font-weight:700}.app-lesson{background:var(--surface);border:1px solid var(--stroke);border-radius:15px;align-items:center;gap:11px;padding:10px 12px;line-height:1.3;display:flex}.app-lesson strong{font-size:.8rem;display:block}.app-lesson small{color:var(--muted);font-size:.67rem}.app-lesson div{flex:1;min-width:0}.lesson-ico{background:var(--surface-2);width:32px;height:32px;color:var(--muted);border-radius:11px;flex:none;place-items:center;font-size:.8rem;font-weight:800;display:grid}.lesson-ico svg{width:16px;height:16px}.app-lesson.done .lesson-ico{color:#5fdc8a;background:#50dc8226}.app-lesson.active{background:var(--yellow-soft);border-color:#ffd50080;animation:3s ease-in-out infinite nudge;box-shadow:0 0 22px #ffd5001f}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.app-lesson.active .lesson-ico{background:var(--yellow);color:var(--ink)}.app-lesson.locked{opacity:.55}.lesson-xp{color:#5fdc8a;flex:none;font-size:.68rem;font-weight:700}.lesson-xp.dim{color:var(--muted)}.lesson-go{color:var(--yellow);flex:none;font-size:1.3rem;font-weight:700}.app-word-of-day{background:var(--surface);border:1px solid var(--stroke);border-radius:15px;margin-top:auto;padding:10px 13px}.app-word-of-day>small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:700}.wod-row{align-items:center;gap:10px;margin-top:3px;display:flex}.wod-ar{font-family:var(--font-ar);color:var(--yellow);font-size:1.5rem;line-height:1.1}.wod-en{color:var(--muted);flex:1;font-size:.72rem}.wod-play{background:var(--yellow);width:32px;height:32px;color:var(--ink);transition:transform .25s var(--ease), box-shadow .25s;border:0;border-radius:50%;place-items:center;display:grid}.wod-play svg{width:15px;height:15px}.wod-play:hover{transform:scale(1.12);box-shadow:0 0 18px #ffd50080}.wod-play.playing{animation:.9s infinite playing}@keyframes playing{0%,to{box-shadow:0 0 #ffd50080}50%{box-shadow:0 0 0 9px #ffd50000}}.orbit{z-index:6;animation:7s ease-in-out infinite alternate floaty;position:absolute}.orbit-1{animation-delay:-1.5s;top:9%;right:-4%}.orbit-2{animation-delay:-3.5s;bottom:20%;left:-9%}.orbit-3{animation-delay:-5s;top:40%;right:-12%}.orbit-chip{border:1px solid var(--stroke-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#101016d1;border-radius:999px;padding:9px 16px;font-size:.8rem;font-weight:700;display:inline-block;box-shadow:0 14px 34px #00000073}.scroll-hint{border:2px solid var(--stroke-strong);border-radius:999px;justify-content:center;width:28px;height:46px;padding-top:8px;display:flex;position:absolute;bottom:26px;left:50%;translate:-50%}.scroll-hint span{background:var(--yellow);border-radius:99px;width:4px;height:9px;animation:1.8s infinite scrollHint}@keyframes scrollHint{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(14px)}to{opacity:0}}.ticker{border-block:1px solid var(--stroke);background:var(--bg-2);padding:22px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ticker-track{width:max-content;animation:36s linear infinite marquee;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.ticker-set{display:flex}.tk{white-space:nowrap;align-items:baseline;gap:12px;padding:0 34px;display:inline-flex}.tk b{font-family:var(--font-ar);color:var(--yellow);font-size:1.75rem;font-weight:700}.tk i{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;font-style:normal}.section{padding:120px 0;position:relative}.section-head{max-width:640px;margin-bottom:64px}.section-tag{background:var(--yellow-soft);color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffd5004d;border-radius:999px;margin-bottom:20px;padding:7px 16px;font-size:.78rem;font-weight:700;display:inline-block}.section-head h2{letter-spacing:-.025em;margin:0 0 18px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.08}.section-head p{color:var(--muted);margin:0;font-size:1.1rem}.section-head.centered{text-align:center;margin-inline:auto}.method-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.m-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);transition:transform .4s var(--ease), border-color .4s, background .4s;padding:32px 26px;position:relative;overflow:hidden}.m-card:hover{background:var(--surface-2);border-color:#ffd50066;transform:translateY(-8px)}.m-ico{background:var(--yellow-soft);width:52px;height:52px;color:var(--yellow);transition:transform .4s var(--ease), background .4s, color .4s;border:1px solid #ffd5004d;border-radius:16px;place-items:center;margin-bottom:20px;display:grid}.m-ico svg{width:26px;height:26px}.m-card:hover .m-ico{background:var(--yellow);color:var(--ink);transform:rotate(-8deg)scale(1.08)}.m-card h3{margin:0 0 10px;font-size:1.25rem;font-weight:800}.m-card p{color:var(--muted);margin:0;font-size:.95rem}.m-glow{opacity:0;pointer-events:none;background:radial-gradient(#ffd50029,#0000 70%);height:140px;transition:opacity .4s;position:absolute;inset:auto -40% -60%}.m-card:hover .m-glow{opacity:1}.quran-band{background:radial-gradient(120% 160% at 0% 0%, #ffd5001a, transparent 50%), var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);grid-template-columns:auto 1fr;align-items:center;gap:52px;margin-top:80px;padding:52px;display:grid}.qb-ring{flex:none;width:210px;height:210px;position:relative}.qb-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.qbr-bg{stroke-width:10px}.qbr-fg{fill:none;stroke:var(--yellow);stroke-width:10px;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7px;filter:drop-shadow(0 0 10px #ffd5008c);transition:stroke-dashoffset 2s var(--ease)}.qb-ring-label{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.qb-ring-label strong{color:var(--yellow);letter-spacing:-.02em;font-size:2.6rem;font-weight:800}.qb-ring-label span{color:var(--muted);font-size:.85rem}.qb-copy h3{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800}.qb-copy p{color:var(--muted);max-width:560px;margin:0 0 22px}.qb-copy strong{color:var(--text)}.qb-chips{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--stroke);color:var(--muted);border-radius:999px;align-items:baseline;gap:8px;padding:8px 16px;font-size:.85rem;display:inline-flex}.chip b{font-family:var(--font-ar);color:var(--yellow);font-size:1.05rem}.skills-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.sk-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);transition:transform .4s var(--ease), border-color .4s, background .4s;flex-direction:column;padding:28px 24px 24px;display:flex}.sk-card:hover{background:var(--surface-2);border-color:#ffd50066;transform:translateY(-8px)}.sk-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.sk-ico{background:var(--yellow-soft);width:48px;height:48px;transition:transform .4s var(--ease), background .4s;border:1px solid #ffd5004d;border-radius:15px;flex:none;place-items:center;font-size:1.35rem;display:grid}.sk-card:hover .sk-ico{background:var(--yellow);transform:rotate(-8deg)scale(1.08)}.sk-card h3{margin:0;font-size:1.15rem;font-weight:800}.sk-card>p{color:var(--muted);flex:1;margin:0 0 18px;font-size:.92rem}.sk-demo{border-top:1px solid var(--stroke);align-items:center;gap:14px;min-height:74px;padding-top:16px;display:flex}.sk-demo-note{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.eq{flex:none;align-items:flex-end;gap:4px;height:34px;display:inline-flex}.eq i{background:var(--yellow);border-radius:99px;width:5px;animation:1.1s ease-in-out infinite eqBounce}.eq i:first-child{height:40%;animation-delay:0s}.eq i:nth-child(2){height:75%;animation-delay:.12s}.eq i:nth-child(3){height:55%;animation-delay:.24s}.eq i:nth-child(4){height:95%;animation-delay:.36s}.eq i:nth-child(5){height:60%;animation-delay:.48s}.eq i:nth-child(6){height:82%;animation-delay:.6s}.eq i:nth-child(7){height:45%;animation-delay:.72s}@keyframes eqBounce{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.eq i,.mic-pulse{animation:none!important}}.mic-pulse{background:var(--yellow);width:42px;height:42px;color:var(--ink);border-radius:50%;flex:none;place-items:center;animation:1.6s infinite playing;display:grid}.mic-pulse svg{width:21px;height:21px}.say-chip{background:var(--surface-2);border:1px solid var(--stroke);color:var(--muted);border-radius:999px;align-items:baseline;gap:8px;padding:8px 14px;font-size:.78rem;display:inline-flex}.say-chip b{font-family:var(--font-ar);color:var(--yellow);font-size:1rem}.sk-demo-read{flex-wrap:wrap;justify-content:flex-start;gap:10px 18px}.rw{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.rw b{font-family:var(--font-ar);color:var(--text);font-size:1.35rem;line-height:1.2;transition:color .3s}.rw i{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.66rem;font-style:normal}.sk-card:hover .rw b{color:var(--yellow)}.sk-demo-chat{flex-direction:column;align-items:stretch;gap:8px}.bubble{background:var(--surface-2);border:1px solid var(--stroke);max-width:90%;color:var(--muted);border-radius:16px;flex-direction:column;gap:2px;padding:8px 14px;font-size:.7rem;display:inline-flex}.bubble b{font-family:var(--font-ar);color:var(--text);font-size:1.05rem}.bubble.them{border-bottom-left-radius:4px;align-self:flex-start}.bubble.me{background:var(--yellow-soft);border-color:#ffd5004d;border-bottom-right-radius:4px;align-self:flex-end}.bubble.me b{color:var(--yellow)}.skills-band{background:radial-gradient(120% 160% at 100% 0%, #ffd5001a, transparent 50%), var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);grid-template-columns:minmax(260px,.9fr) 1.4fr;align-items:center;gap:48px;margin-top:64px;padding:44px 52px;display:grid}.sb-copy h3{margin:0 0 12px;font-size:1.6rem;font-weight:800}.sb-copy p{color:var(--muted);margin:0;font-size:.95rem}.sb-steps{align-items:stretch;gap:10px;display:flex}.sb-step{background:var(--surface-2);border:1px solid var(--stroke);border-radius:18px;flex-direction:column;flex:1;align-items:flex-start;gap:10px;padding:18px 16px;display:flex;position:relative}.sb-step:not(:last-child):after{content:"→";z-index:1;color:var(--yellow);font-weight:800;position:absolute;top:50%;right:-13px;translate:0 -50%}.sb-num{background:var(--yellow);width:28px;height:28px;color:var(--ink);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid}.sb-step strong{font-size:.95rem;display:block}.sb-step small{color:var(--muted);font-size:.75rem}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}.skills-band{grid-template-columns:1fr;gap:28px;padding:36px}}@media (max-width:640px){.skills-grid{grid-template-columns:1fr}.sb-steps{flex-direction:column}.sb-step{flex-direction:row;align-items:center}.sb-step:not(:last-child):after{content:"↓";inset:auto auto -16px 50%;translate:-50%}}.showcase{background:var(--bg-2);border-block:1px solid var(--stroke)}.showcase-grid{grid-template-columns:1fr auto;align-items:center;gap:70px;display:grid}.showcase-tabs{flex-direction:column;gap:14px;display:flex}.sc-tab{text-align:left;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);color:var(--text);transition:border-color .35s, background .35s, transform .35s var(--ease), box-shadow .35s;align-items:center;gap:18px;padding:22px 24px;display:flex}.sc-tab:hover{border-color:var(--stroke-strong);transform:translate(6px)}.sc-tab.is-active{background:var(--yellow-soft);border-color:#ffd5008c;transform:translate(10px);box-shadow:0 0 34px #ffd5001a}.sc-tab-ico{background:var(--surface-2);border:1px solid var(--stroke);border-radius:15px;flex:none;place-items:center;width:50px;height:50px;font-size:1.45rem;display:grid}.sc-tab.is-active .sc-tab-ico{background:var(--yellow);border-color:var(--yellow)}.sc-tab-txt strong{font-size:1.05rem;font-weight:800;display:block}.sc-tab-txt small{color:var(--muted);font-size:.86rem}.sc-tab.is-active .sc-tab-txt small{color:#f7f7fabf}.showcase-device{place-items:center;display:grid;position:relative}.screen{opacity:1;transition:opacity .4s var(--ease), transform .4s var(--ease);flex-direction:column;gap:12px;padding:54px 16px 18px;display:flex;position:absolute;inset:0}.screen[hidden]{opacity:0;pointer-events:none;display:flex;transform:translate(24px)}.phone-lg .phone-screen{padding:0;position:relative}.screen-head{align-items:center;gap:12px;display:flex}.screen-back{color:var(--muted);font-size:1.5rem;line-height:1}.screen-title{text-align:center;color:var(--muted);flex:1;font-size:.8rem;font-weight:700}.screen-progress{background:#ffffff17;border-radius:99px;flex:1;height:8px;overflow:hidden}.screen-progress i{background:linear-gradient(90deg, var(--yellow), var(--yellow-deep));height:100%;transition:width .5s var(--ease);border-radius:99px;display:block;box-shadow:0 0 10px #ffd50080}.screen-hearts{color:var(--muted);white-space:nowrap;font-size:.75rem;font-weight:700}.builder-prompt{text-align:center;color:var(--muted);margin:12px 0 4px;font-size:.95rem}.builder-prompt strong{color:var(--text)}.builder-slots{justify-content:center;gap:9px;min-height:66px;display:flex}.slot{border:2px dashed var(--stroke-strong);width:52px;height:62px;font-family:var(--font-ar);color:var(--yellow);transition:border-color .3s, background .3s, transform .2s var(--ease);border-radius:14px;place-items:center;font-size:1.9rem;display:grid}.slot.filled{background:var(--yellow-soft);animation:popIn .3s var(--ease);border-style:solid;border-color:#ffd50080}.slot.correct{color:#5fdc8a;background:#50dc821f;border-color:#5fdc8a}.slot.wrong{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b;animation:.4s shake}@keyframes popIn{0%{transform:scale(.6)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.builder-tiles{justify-content:center;gap:10px;margin-top:6px;display:flex}.tile{border:1px solid var(--stroke-strong);background:var(--surface-2);width:56px;height:62px;color:var(--text);font-family:var(--font-ar);transition:transform .15s var(--ease), background .2s, border-color .2s, opacity .2s;border-bottom-width:4px;border-radius:14px;font-size:1.9rem}.tile:hover{background:var(--yellow-soft);border-color:#ffd50080;transform:translateY(-3px)}.tile:active{border-bottom-width:1px;transform:translateY(1px)}.tile.used{opacity:.25;pointer-events:none;transform:scale(.92)}.builder-feedback{text-align:center;color:var(--muted);min-height:1.4em;margin-top:10px;font-size:.8rem;transition:color .3s}.builder-feedback.win{color:var(--yellow);font-weight:700}.builder-reset{border:1px solid var(--stroke);color:var(--muted);background:0 0;border-radius:999px;margin:auto auto 4px;padding:7px 20px;font-size:.78rem;font-weight:700;transition:color .25s,border-color .25s}.builder-reset:hover{color:var(--text);border-color:var(--stroke-strong)}.letter-hero{font-family:var(--font-ar);text-align:center;color:var(--yellow);text-shadow:0 0 44px #ffd50073;margin-top:8px;font-size:5.4rem;line-height:1}.letter-name{text-align:center;color:var(--muted);margin:4px 0 8px;font-size:.85rem}.listen-btn{background:var(--yellow);color:var(--ink);transition:transform .25s var(--ease), box-shadow .25s;border:0;border-radius:999px;align-items:center;gap:8px;margin-inline:auto;padding:9px 22px;font-size:.82rem;font-weight:800;display:inline-flex}.listen-btn svg{width:16px;height:16px}.listen-btn:hover{transform:scale(1.06);box-shadow:0 0 22px #ffd50080}.letter-forms{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.lf{background:var(--surface);border:1px solid var(--stroke);text-align:center;border-radius:12px;padding:10px 4px}.lf span{font-family:var(--font-ar);font-size:1.35rem;display:block}.lf small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.letter-example{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;justify-content:center;align-items:baseline;gap:12px;margin-top:auto;padding:12px;display:flex}.letter-example b{font-family:var(--font-ar);color:var(--yellow);font-size:1.5rem}.letter-example i{color:var(--muted);font-size:.75rem;font-style:normal}.grammar-label{text-align:center;color:var(--muted);margin:10px 0 6px;font-size:.85rem}.root-badge{justify-content:center;gap:10px;display:flex}.root-badge span{width:54px;height:58px;font-family:var(--font-ar);color:var(--ink);background:linear-gradient(135deg, var(--yellow), var(--yellow-deep));border-radius:15px;place-items:center;font-size:1.9rem;display:grid;box-shadow:0 8px 22px #ffd5004d}.root-caption{text-align:center;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:8px 0 6px;font-size:.75rem}.root-tree{flex-direction:column;gap:8px;display:flex}.rt-item{background:var(--surface);border:1px solid var(--stroke);border-radius:13px;justify-content:space-between;align-items:baseline;padding:10px 15px;display:flex}.rt-item b{font-family:var(--font-ar);color:var(--yellow);font-size:1.3rem}.rt-item i{color:var(--muted);font-size:.75rem;font-style:normal}.grammar-tip{color:var(--muted);background:var(--yellow-soft);border:1px solid #ffd50040;border-radius:13px;margin-top:auto;padding:11px 13px;font-size:.75rem;line-height:1.45}.quran-verse{text-align:center;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-top:14px;font-size:2rem;line-height:2;display:flex}.qw{cursor:pointer;border-radius:10px;padding:0 6px;transition:background .25s,color .25s}.qw:hover,.qw.is-active{background:var(--yellow-soft);color:var(--yellow)}.quran-hint{text-align:center;color:var(--muted);margin:2px 0 8px;font-size:.72rem}.quran-meaning{background:var(--surface);border:1px solid #ffd5004d;border-radius:15px;flex-direction:column;gap:2px;padding:13px 15px;display:flex}.quran-meaning b{font-family:var(--font-ar);color:var(--yellow);font-size:1.35rem}.quran-meaning span{font-size:.85rem;font-weight:700}.quran-meaning small{color:var(--muted);font-size:.68rem}.quran-know{background:#ffffff12;border-radius:99px;align-items:center;height:34px;margin-top:auto;display:grid;position:relative;overflow:hidden}.quran-know i{background:linear-gradient(90deg,#ffd50059,#ffd50024);border-radius:99px;position:absolute;inset:0 auto 0 0}.quran-know span{text-align:center;font-size:.7rem;font-weight:700;position:relative}.game-grid{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.game-copy h2{letter-spacing:-.025em;margin:0 0 18px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.08}.game-copy>p{color:var(--muted);margin:0 0 30px;font-size:1.08rem}.game-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.game-list li{background:var(--surface);border:1px solid var(--stroke);transition:transform .35s var(--ease), border-color .35s;border-radius:18px;align-items:center;gap:16px;padding:16px 20px;display:flex}.game-list li:hover{border-color:#ffd50066;transform:translate(8px)}.game-list li>span{flex:none;font-size:1.5rem}.game-list strong{font-size:1rem;display:block}.game-list small{color:var(--muted);font-size:.87rem}.game-visual{justify-items:center;gap:20px;display:grid;position:relative}.g-card{background:var(--surface-2);border:1px solid var(--stroke-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px 28px;box-shadow:0 26px 60px #0006}.g-streak{text-align:center;animation:8s ease-in-out infinite alternate floaty;rotate:-3deg}.g-flame{filter:drop-shadow(0 0 18px #ff960099);font-size:2.6rem}.g-streak strong{margin:4px 0 12px;font-size:1.2rem;font-weight:800;display:block}.g-week{gap:7px;display:flex}.gd{background:var(--surface);border:1px solid var(--stroke);width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;font-size:.68rem;font-weight:800;display:grid}.gd.done{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.gd.today{border-color:var(--yellow);color:var(--yellow);animation:2s infinite pulse;box-shadow:0 0 #ffd50080}.g-xp{min-width:230px;animation:9s ease-in-out -2s infinite alternate floaty;rotate:2.5deg}.g-xp small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.g-xp strong{color:var(--yellow);margin:2px 0 14px;font-size:1.7rem;font-weight:800;display:block}.g-bars{align-items:flex-end;gap:8px;height:64px;display:flex}.g-bars i{height:var(--h);background:linear-gradient(180deg, var(--yellow), #ffd50040);animation:barGrow 1.2s var(--ease) both;border-radius:6px 6px 3px 3px;flex:1}@keyframes barGrow{0%{height:0}}.g-badge{align-items:center;gap:16px;animation:7.5s ease-in-out -4s infinite alternate floaty;display:flex;rotate:-1.5deg}.g-medal{font-size:2.1rem}.g-badge strong{font-size:1rem;display:block}.g-badge small{color:var(--muted);font-size:.82rem}.reviews{background:var(--bg-2);border-block:1px solid var(--stroke);overflow:hidden}.reviews .section-head{margin-bottom:46px}.reviews-marquee{padding:6px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.reviews-track{width:max-content;animation:55s linear infinite marquee;display:flex}.reviews-marquee:hover .reviews-track,.reviews-track:focus-within{animation-play-state:paused}.reviews-set{gap:22px;padding-right:22px;display:flex}.r-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);transition:border-color .35s, transform .35s var(--ease);flex-direction:column;flex:0 0 380px;margin:0;padding:30px;display:flex}.r-card:hover{border-color:#ffd50059;transform:translateY(-6px)}.r-stars{color:var(--yellow);letter-spacing:4px;margin-bottom:16px;font-size:1.05rem}.r-card blockquote{color:#f7f7fae0;flex:1;margin:0 0 22px;font-size:1rem;line-height:1.65}.r-card figcaption{align-items:center;gap:12px;font-size:.94rem;font-weight:700;display:flex}.r-avatar{background:linear-gradient(135deg, var(--yellow), var(--yellow-deep));width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;font-weight:800;display:grid}.pricing .section-head{text-align:center;margin-inline:auto}.price-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.p-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);transition:transform .4s var(--ease), border-color .4s, box-shadow .4s;flex-direction:column;padding:40px 34px;display:flex;position:relative}.p-card:hover{border-color:var(--stroke-strong);transform:translateY(-8px)}.p-featured{background:radial-gradient(120% 100% at 50% 0%, #ffd50024, transparent 60%), var(--surface-2);z-index:2;border-color:#ffd5008c;transform:scale(1.04);box-shadow:0 30px 80px #00000073,0 0 50px #ffd5001a}.p-featured:hover{transform:scale(1.04)translateY(-8px);box-shadow:0 40px 90px #00000080,0 0 70px #ffd5002e}.p-flag{white-space:nowrap;background:linear-gradient(135deg, var(--yellow), var(--yellow-deep));color:var(--ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:8px 20px;font-size:.76rem;font-weight:800;position:absolute;top:-15px;left:50%;translate:-50%;box-shadow:0 8px 24px #ffd50059}.p-card h3{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;font-size:1.05rem;font-weight:700}.p-price{letter-spacing:-.03em;align-items:baseline;font-size:3.1rem;font-weight:800;line-height:1;display:flex}.p-price small{margin-right:2px;font-size:1.5rem;font-weight:700}.p-price span{color:var(--muted);letter-spacing:0;margin-left:8px;font-size:.95rem;font-weight:600}.p-note{color:var(--yellow);margin:12px 0 22px;font-size:.86rem;font-weight:700}.p-card ul{flex:1;gap:12px;margin:0 0 30px;padding:0;list-style:none;display:grid}.p-card li{color:#f7f7fad9;padding-left:30px;font-size:.96rem;position:relative}.p-card li:before{content:"";background:var(--yellow-soft);border:1px solid #ffd50066;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:0}.p-card li:after{content:"";border-left:2px solid var(--yellow);border-bottom:2px solid var(--yellow);width:8px;height:5px;position:absolute;top:7px;left:5px;transform:rotate(-45deg)}.p-card .btn{width:100%}.more{padding-top:0}.more-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.more-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);transition:transform .4s var(--ease), border-color .4s;padding:44px 40px;position:relative;overflow:hidden}.more-card:hover{border-color:#ffd50066;transform:translateY(-6px)}.more-ico{margin-bottom:18px;font-size:2.4rem;display:block}.more-card h3{margin:0 0 12px;font-size:1.5rem;font-weight:800}.more-card p{color:var(--muted);margin:0 0 24px}.more-link{color:var(--yellow);font-size:.98rem;font-weight:800}.more-link span{transition:transform .3s var(--ease);display:inline-block}.more-card:hover .more-link span{transform:translate(6px)}.course-cover{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%;max-width:320px;margin:0 auto 24px;display:block;box-shadow:0 18px 40px #00000059}.course-feature{text-align:center;max-width:680px;margin-inline:auto}.course-feature h2{margin:0 0 12px;font-size:1.8rem;font-weight:800}.course-feature .course-cover{max-width:360px}.course-card{text-align:center}.cta{padding-bottom:140px}.cta-inner{text-align:center;background:radial-gradient(90% 130% at 50% -20%, #ffd5002e, transparent 55%), var(--surface);border:1px solid #ffd50040;border-radius:44px;padding:90px 40px;position:relative;overflow:hidden}.cta-key{background:linear-gradient(135deg, var(--yellow), var(--yellow-deep));width:76px;height:76px;color:var(--ink);border-radius:24px;place-items:center;margin:0 auto 26px;animation:5s ease-in-out infinite alternate floaty;display:grid;box-shadow:0 0 50px #ffd50073}.cta-key svg{width:40px;height:40px}.cta h2{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.05}.cta-inner>p{color:var(--muted);margin:0 0 34px;font-size:1.15rem}.cta .hero-actions{justify-content:center;margin-bottom:48px}.cta-verse{color:#ffd500d9;margin-bottom:8px;font-size:clamp(1.4rem,3vw,2rem);line-height:1.9}.cta-verse-tr{color:var(--muted);margin:0;font-size:.92rem}.footer{border-top:1px solid var(--stroke);background:var(--bg-2);flex-shrink:0;padding:70px 0 34px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px;margin-bottom:54px;display:grid}.footer-brand p{color:var(--muted);max-width:300px;margin:18px 0 0;font-size:.94rem}.footer-social{gap:12px;margin-top:20px;display:flex}.footer-social a{border:1px solid var(--stroke);width:38px;height:38px;color:var(--muted);border-radius:50%;place-items:center;transition:color .25s,border-color .25s,background .25s;display:grid}.footer-social a:hover{color:var(--yellow);border-color:var(--yellow);background:var(--yellow-soft)}.footer-social svg{width:18px;height:18px}.footer-col{flex-direction:column;gap:11px;display:flex}.footer-col h4{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.8rem;font-weight:800}.footer-col a{color:#f7f7fabf;font-size:.94rem;transition:color .25s}.footer-col a:hover{color:var(--yellow)}.footer-base{border-top:1px solid var(--stroke);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;font-size:.85rem;display:flex}.footer-base-links{gap:18px;display:flex}.footer-base-links a:hover{color:var(--yellow)}.footer-base [lang=ar]{color:var(--yellow);font-size:1.05rem}.reveal,.reveal-scale{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(34px)}.reveal-scale{transform:translateY(30px)scale(.94)}.reveal.is-in,.reveal-scale.is-in{opacity:1;transform:none}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.reveal,.reveal-scale{opacity:1;transform:none}}.page-hero{padding:180px 0 60px;position:relative;overflow:hidden}.page-hero.compact{padding:160px 0 40px}.page-hero .eyebrow{background:var(--yellow-soft);color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffd5004d;border-radius:999px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 18px;font-size:.78rem;font-weight:700;display:inline-flex}.page-hero h1{letter-spacing:-.03em;max-width:900px;margin:0 0 20px;font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:1.05}.page-hero .lede{color:var(--muted);max-width:640px;margin:0 0 34px;font-size:1.2rem}.page-hero .hero-actions{margin-bottom:0}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px;font-size:.85rem;display:flex}.crumbs a:hover{color:var(--yellow)}.crumbs span{opacity:.5}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);transition:transform .4s var(--ease), border-color .4s, background .4s;padding:30px 26px}.feature-card:hover{background:var(--surface-2);border-color:#ffd50066;transform:translateY(-6px)}.feature-card .f-ico{background:var(--yellow-soft);border:1px solid #ffd5004d;border-radius:15px;place-items:center;width:50px;height:50px;margin-bottom:18px;font-size:1.4rem;display:grid}.feature-card h3{margin:0 0 10px;font-size:1.2rem;font-weight:800}.feature-card p{color:var(--muted);margin:0;font-size:.95rem}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);padding:34px 28px;position:relative}.step-card .step-n{background:linear-gradient(135deg, var(--yellow), var(--yellow-deep));width:44px;height:44px;color:var(--ink);border-radius:14px;place-items:center;margin-bottom:18px;font-size:1.1rem;font-weight:800;display:grid}.step-card h3{margin:0 0 10px;font-size:1.2rem;font-weight:800}.step-card p{color:var(--muted);margin:0;font-size:.95rem}.buy-band{background:radial-gradient(120% 160% at 0% 0%, #ffd5001a, transparent 55%), var(--surface);border-radius:var(--radius-lg);border:1px solid #ffd50038;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:48px;display:grid}.buy-band h2{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800}.buy-band p{color:var(--muted);margin:0 0 20px}.buy-box{background:var(--surface-2);border:1px solid var(--stroke-strong);border-radius:var(--radius);text-align:center;padding:30px}.buy-box .buy-price{letter-spacing:-.03em;font-size:3rem;font-weight:800;line-height:1}.buy-box .buy-price small{font-size:1.3rem}.buy-box .buy-price span{color:var(--muted);margin-left:6px;font-size:.9rem;font-weight:600}.buy-box .buy-cadence{color:var(--muted);margin:8px 0 22px;font-size:.9rem}.buy-box .btn{width:100%}.prose{max-width:760px}.prose h2{letter-spacing:-.01em;margin:44px 0 14px;font-size:1.6rem;font-weight:800}.prose h3{margin:30px 0 10px;font-size:1.2rem;font-weight:700}.prose p,.prose li{color:#f7f7fad1;font-size:1rem;line-height:1.75}.prose ul{gap:8px;margin:14px 0;padding-left:22px;display:grid}.prose a{color:var(--yellow);text-underline-offset:3px;text-decoration:underline}.prose .updated{color:var(--muted);margin-bottom:8px;font-size:.9rem}.faq-list{gap:14px;max-width:820px;display:grid}.faq-item{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);transition:border-color .3s;overflow:hidden}.faq-item[open]{border-color:#ffd50066}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;font-size:1.05rem;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--yellow);transition:transform .3s var(--ease);flex:none;font-size:1.6rem;font-weight:400;line-height:1}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item .faq-body{color:var(--muted);padding:0 26px 24px;line-height:1.7}.faq-item .faq-body a{color:var(--yellow)}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.contact-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);padding:34px}.contact-card h3{margin:0 0 10px;font-size:1.25rem;font-weight:800}.contact-card p{color:var(--muted);margin:0 0 16px}.contact-card a.contact-link{color:var(--yellow);font-weight:700}.form-field{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.form-field label{color:var(--muted);font-size:.85rem;font-weight:700}.form-field input,.form-field textarea{background:var(--bg-2);border:1px solid var(--stroke-strong);color:var(--text);border-radius:12px;padding:13px 15px;font-family:inherit;font-size:1rem;transition:border-color .25s}.form-field input:focus,.form-field textarea:focus{border-color:var(--yellow);outline:none}.form-note{color:var(--muted);margin-top:12px;font-size:.85rem}.press-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.press-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);padding:30px}.press-card h3{margin:0 0 12px;font-size:1.15rem;font-weight:800}.press-card p,.press-card li{color:var(--muted);font-size:.95rem;line-height:1.7}.press-card ul{gap:6px;margin:8px 0 0;padding-left:20px;display:grid}.fact-row{border-bottom:1px solid var(--stroke);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.fact-row:last-child{border-bottom:0}.fact-row dt{color:var(--muted)}.fact-row dd{text-align:right;margin:0;font-weight:700}.swatches{flex-wrap:wrap;gap:14px;margin-top:6px;display:flex}.swatch{border:1px solid var(--stroke);border-radius:14px;min-width:130px;padding:16px;font-size:.78rem;font-weight:700}.thanks-wrap{text-align:center;place-items:center;min-height:70vh;padding:160px 0 100px;display:grid}.thanks-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid #ffd50040;max-width:620px;padding:60px 44px}.thanks-key{background:linear-gradient(135deg, var(--yellow), var(--yellow-deep));width:76px;height:76px;color:var(--ink);border-radius:24px;place-items:center;margin:0 auto 24px;display:grid;box-shadow:0 0 50px #ffd50073}.thanks-key svg{width:40px;height:40px}.thanks-card h1{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(2rem,4vw,2.8rem);font-weight:800}.thanks-card p{color:var(--muted);margin:0 0 22px}.thanks-summary{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius);text-align:left;margin:0 0 26px;padding:20px 24px}.thanks-summary strong{color:var(--text)}.coming{text-align:center;place-items:center;min-height:60vh;padding:160px 0 100px;display:grid}.coming h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800}.coming p{color:var(--muted);max-width:560px;margin:0 auto 30px;font-size:1.1rem}.trust-row{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;font-size:.9rem;display:flex}.trust-row .t-stat{text-align:center}.trust-row .t-stat strong{color:var(--text);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;display:block}.split{grid-template-columns:1fr 340px;align-items:start;gap:48px;display:grid}.split-aside{position:sticky;top:100px}@media (max-width:1060px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:70px}.hero-sub{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.section-head{text-align:center;margin-inline:auto}.method-grid{grid-template-columns:repeat(2,1fr)}.showcase-grid{grid-template-columns:1fr;gap:54px}.showcase-device{order:-1}.game-grid{grid-template-columns:1fr;gap:60px}.quran-band{text-align:center;grid-template-columns:1fr;justify-items:center;padding:44px 28px}.qb-copy p{margin-inline:auto}.qb-chips{justify-content:center}.price-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}.p-featured{order:-1;transform:none}.p-featured:hover{transform:translateY(-8px)}.more-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.orbit-2{left:0}.orbit-3{right:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr}.buy-band{grid-template-columns:1fr;padding:36px 28px}.contact-grid,.press-grid,.split{grid-template-columns:1fr}.split-aside{position:static}}@media (max-width:720px){body{font-size:16px}.section{padding:84px 0}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--stroke);opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .3s var(--ease);background:#0d0d13f5;border-radius:22px;flex-direction:column;padding:14px;position:fixed;top:64px;left:16px;right:16px;transform:translateY(-12px)}.nav-links.is-open{opacity:1;pointer-events:auto;transform:none}.nav-links a{padding:13px 18px;font-size:1rem}.nav-burger{display:flex}.hero{padding-top:120px}.hero-stats{flex-wrap:wrap;gap:16px}.stat-divider{display:none}.method-grid,.feature-grid{grid-template-columns:1fr}.phone{width:280px}.phone-lg{width:292px}.orbit-1{top:4%;right:-2%}.orbit-2{bottom:10%}.orbit-3{display:none}.r-card{flex-basis:300px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-base{text-align:center;flex-direction:column}.cta-inner{padding:64px 22px}.g-xp{min-width:200px}.sc-tab:hover,.sc-tab.is-active{transform:none}.page-hero{padding-top:140px}}@media (max-width:560px){.nav-cta .btn{display:none}}.vsl-video{aspect-ratio:16/9;border-radius:var(--radius-lg);background:radial-gradient(120% 120% at 50% 0%, #ffd50024, transparent 60%), var(--surface-2);border:1px solid var(--stroke-strong);place-items:center;max-width:860px;margin-inline:auto;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.vsl-play{background:linear-gradient(135deg, var(--yellow), var(--yellow-deep));width:88px;height:88px;color:var(--ink);border:0;border-radius:50%;place-items:center;animation:2.6s infinite playing;display:grid;box-shadow:0 0 50px #ffd50073}.vsl-play svg{width:34px;height:34px;margin-left:5px}.vsl-caption{text-align:center;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;position:absolute;bottom:16px;left:0;right:0}.value-stack{gap:12px;max-width:640px;margin:0 auto;display:grid}.value-row{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;justify-content:space-between;align-items:baseline;gap:18px;padding:14px 20px;display:flex}.value-row span{color:#f7f7fad9}.value-row b{color:var(--yellow);white-space:nowrap;font-weight:800}.value-total{background:var(--yellow-soft);border:1px solid #ffd50059;border-radius:16px;justify-content:space-between;align-items:baseline;gap:18px;margin-top:6px;padding:18px 22px;font-size:1.1rem;font-weight:800;display:flex}.value-total b{color:var(--yellow)}.strike{color:var(--muted);font-weight:600;text-decoration:line-through}.checklist{gap:14px;margin:0;padding:0;list-style:none;display:grid}.checklist.two{grid-template-columns:1fr 1fr;gap:14px 28px}.checklist li{color:#f7f7fae0;padding-left:34px;line-height:1.5;position:relative}.checklist li:before{content:"";background:var(--yellow-soft);border:1px solid #ffd50066;border-radius:50%;width:20px;height:20px;position:absolute;top:2px;left:0}.checklist li:after{content:"";border-left:2px solid var(--yellow);border-bottom:2px solid var(--yellow);width:8px;height:5px;position:absolute;top:7px;left:6px;transform:rotate(-45deg)}.checklist li strong{color:var(--text)}.tgrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.tcard{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);transition:border-color .35s, transform .35s var(--ease);flex-direction:column;padding:30px;display:flex}.tcard:hover{border-color:#ffd50059;transform:translateY(-6px)}.tcard blockquote{color:#f7f7fae0;flex:1;margin:0 0 20px;font-size:1rem;line-height:1.65}.tcard figcaption{align-items:center;gap:12px;font-size:.92rem;font-weight:700;display:flex}.curriculum{gap:12px;max-width:780px;margin:0;padding:0;list-style:none;display:grid}.curriculum li{background:var(--surface);border:1px solid var(--stroke);transition:transform .3s var(--ease), border-color .3s;border-radius:16px;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.curriculum li:hover{border-color:#ffd50066;transform:translate(6px)}.curriculum .cn{background:var(--yellow-soft);width:34px;height:34px;color:var(--yellow);border:1px solid #ffd5004d;border-radius:10px;flex:none;place-items:center;font-size:.9rem;font-weight:800;display:grid}.curriculum strong{font-size:1rem;display:block}.curriculum small{color:var(--muted);font-size:.88rem}.more-price{color:var(--yellow);margin:0 0 18px;font-size:.95rem;font-weight:800}.more-price .strike{margin-right:8px;font-size:.85rem}.apply-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid #ffd50038;padding:36px}.apply-card h3{margin:0 0 6px;font-size:1.3rem;font-weight:800}.apply-card>p{color:var(--muted);margin:0 0 22px;font-size:.95rem}@media (max-width:1060px){.tgrid{grid-template-columns:1fr;max-width:540px;margin-inline:auto}.checklist.two{grid-template-columns:1fr}}