:root{--bg:#f5f8f6;--surface:#fff;--soft:#e6f4f1;--ink:#12302b;--muted:#56706a;--line:#d7e4e0;--teal:#0a8479;--teal-deep:#065e57;--saffron:#e3a12f;--saffron-soft:#fcefd6;--rose:#c9364f;--rose-soft:#fbe7ea;--on-teal:#fff;--phone:#0f201d;--shadow:0 24px 60px -28px #065e5773;--display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--body:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;--ar-display:"Reem Kufi","Noto Naskh Arabic",serif;--ar:"Noto Naskh Arabic","Geeza Pro",serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0b1614;--surface:#12211e;--soft:#15302b;--ink:#e7f2ef;--muted:#9db5af;--line:#24403a;--teal:#2fb3a5;--teal-deep:#7ed8cd;--saffron:#f0b54e;--saffron-soft:#3a2e17;--rose:#ee7a8d;--rose-soft:#3a1d23;--on-teal:#06201c;--phone:#050b0a;--shadow:0 24px 60px -28px #000c}}:root[data-theme=dark]{color-scheme:dark;--bg:#0b1614;--surface:#12211e;--soft:#15302b;--ink:#e7f2ef;--muted:#9db5af;--line:#24403a;--teal:#2fb3a5;--teal-deep:#7ed8cd;--saffron:#f0b54e;--saffron-soft:#3a2e17;--rose:#ee7a8d;--rose-soft:#3a1d23;--on-teal:#06201c;--phone:#050b0a;--shadow:0 24px 60px -28px #000c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0;padding-inline:20px}.wrap{max-width:1120px;margin:0 auto}a{color:var(--teal-deep)}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.05}.ar{font-family:var(--ar);direction:rtl}.eyebrow{font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep)}:focus-visible{outline:3px solid var(--saffron);outline-offset:3px;border-radius:8px}nav{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{width:40px;height:40px}.brand b{font:800 21px/1 var(--display)}.brand b span{color:var(--teal)}.navlinks{align-items:center;gap:22px;font-weight:500;display:flex}.navlinks a{color:var(--muted);text-decoration:none}.btn{font:600 15px/1 var(--body);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:13px 22px;text-decoration:none;display:inline-flex}.btn-main{background:var(--teal);color:var(--on-teal)}.btn-ghost{color:var(--ink);border:1.5px solid var(--line);background:0 0}.btn small{opacity:.8;font-weight:500}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding-block:36px 72px;display:grid}.hero h1{letter-spacing:-.025em;font-size:clamp(42px,6.2vw,76px);font-weight:800}.hero h1 em{color:var(--teal);font-style:normal}.hero .arline{font:700 clamp(30px,4vw,46px)/1.3 var(--ar-display);color:var(--saffron);text-align:left;direction:rtl;margin:14px 0 18px}.hero p.lead{color:var(--muted);max-width:34em;margin:0 0 28px;font-size:19px}.ctas{flex-wrap:wrap;gap:12px;display:flex}.proof{color:var(--muted);flex-wrap:wrap;gap:22px;margin-top:30px;font-size:14px;display:flex}.proof b{font:800 26px/1.1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums;display:block}.stage{justify-content:center;display:flex;position:relative}.stage:before{content:"";background:repeating-conic-gradient(from 22.5deg,var(--soft) 0 45deg,transparent 45deg 90deg);opacity:.9;border-radius:48px;position:absolute;inset:8% 4% 4%;transform:rotate(-6deg)}.phone{aspect-ratio:9/19;background:var(--phone);width:300px;max-width:100%;box-shadow:var(--shadow);border-radius:44px;padding:12px;position:relative}.screen{background:var(--bg);border-radius:34px;flex-direction:column;gap:12px;height:100%;padding:18px 16px 16px;font-size:13px;display:flex;overflow:hidden}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar .lot{font:600 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-deep)}.progress{background:var(--line);border-radius:9px;height:6px;overflow:hidden}.progress i{background:var(--teal);border-radius:9px;width:35%;height:100%;display:block}.card{perspective:900px;cursor:pointer;font:inherit;color:inherit;text-align:center;background:0 0;border:0;flex:1;padding:0}.card-in{height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}.card.flipped .card-in{transform:rotateY(180deg)}.face{backface-visibility:hidden;background:var(--surface);border:1px solid var(--line);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;display:flex;position:absolute;inset:0}.face.back{background:var(--soft);transform:rotateY(180deg)}.dots{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex;position:absolute;top:14px;left:16px}.dots span{border:1.5px solid var(--teal);border-radius:50%;width:8px;height:8px}.dots span.on{background:var(--teal)}.word-ar{font:600 44px/1.2 var(--ar);direction:rtl}.word-lat{color:var(--muted);font-style:italic}.word-fr{font:800 30px/1.1 var(--display)}.hint{color:var(--muted);font-size:12px}.answers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.answers span{text-align:center;border-radius:14px;padding:10px 4px;font-size:12px;font-weight:600}.a1{background:var(--rose-soft);color:var(--rose)}.a2{background:var(--saffron-soft);color:#9a5b00}.a3{background:var(--soft);color:var(--teal-deep)}:root[data-theme=dark] .a2{color:var(--saffron)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .a2{color:var(--saffron)}}section{border-top:1px solid var(--line);padding-block:64px}.head{gap:12px;max-width:40em;margin-bottom:34px;display:grid}.head h2{letter-spacing:-.02em;font-size:clamp(30px,4vw,44px);font-weight:800}.head p{color:var(--muted);margin:0;font-size:17px}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step{background:var(--surface);border:1px solid var(--line);border-radius:22px;align-content:start;gap:10px;padding:24px;display:grid}.step .n{font:800 15px/1 var(--display);color:var(--teal);letter-spacing:.06em}.step h3{font-size:22px}.step p{color:var(--muted);margin:0}.meter{gap:6px;margin-top:6px;display:flex}.meter span{border:2px solid var(--teal);border-radius:50%;width:14px;height:14px}.meter span.on{background:var(--teal)}.modes{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mode{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-content:start;gap:6px;padding:20px;display:grid}.mode .ic{font:700 22px/1 var(--display);background:var(--soft);width:44px;height:44px;color:var(--teal-deep);border-radius:14px;place-items:center;display:grid}.mode h3{font-size:19px}.mode p{color:var(--muted);margin:0;font-size:15px}.themes{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;align-items:baseline;gap:10px;padding:10px 16px;font-weight:500;display:inline-flex}.chip small{color:var(--muted);font-variant-numeric:tabular-nums}.levels{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.levels b{color:var(--saffron);letter-spacing:.1em}.split{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.sync{background:var(--teal);color:var(--on-teal);border-radius:32px;gap:16px;padding:40px;display:grid}.sync h2{font-size:clamp(28px,3.4vw,40px);font-weight:800}.sync p{opacity:.9;margin:0;font-size:17px}.devices{flex-wrap:wrap;gap:14px;display:flex}.devices span{background:#ffffff24;border-radius:14px;padding:10px 14px;font-weight:600}.streak{background:var(--saffron-soft);border-radius:28px;gap:14px;padding:32px;display:grid}.streak .big{font:800 56px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.cal{grid-template-columns:repeat(7,1fr);gap:6px;max-width:300px;display:grid}.cal i{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);border-radius:7px}.cal i.on{background:var(--saffron);border-color:var(--saffron)}.final{text-align:center;justify-items:center;gap:18px;padding-block:80px;display:grid}.final h2{max-width:14em;font-size:clamp(34px,5vw,56px);font-weight:800}.final .ar{font:700 30px/1.3 var(--ar-display);color:var(--teal)}.legal{max-width:780px;padding:56px 0 80px}.legal h1{letter-spacing:-.04em;margin:12px 0 10px;font-size:clamp(40px,6vw,68px);font-weight:800;line-height:1.02}.legal h2{letter-spacing:-.02em;margin:38px 0 12px;font-size:clamp(24px,3vw,34px);font-weight:800}.legal p,.legal li{color:var(--muted);font-size:17px;line-height:1.7}.legal ul,.legal ol{padding-left:1.4em}.legal li{margin:4px 0;padding-left:.25em}.legal a{color:var(--teal-deep);font-weight:600}.legal-date{color:var(--muted);margin:0;font-size:14px!important}.legal small{color:var(--muted);opacity:.75;font-style:italic}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:28px 40px;font-size:14px;display:flex}footer nav{flex-wrap:wrap;justify-content:flex-start;gap:18px;padding:0}footer a{color:var(--muted)}.maquette{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);font:600 12px/1 var(--body);opacity:.85;border-radius:999px;padding:8px 12px;position:fixed}@media (width<=900px){.hero,.split,.steps{grid-template-columns:1fr}.modes{grid-template-columns:1fr 1fr}.navlinks a:not(.btn){display:none}}@media (width<=480px){.modes{grid-template-columns:1fr}.hero{padding-block:16px 48px}.sync,.streak{padding:26px}}@media (prefers-reduced-motion:reduce){.card-in{transition:none}}