:root{--ink: #14213d;--night: #0d1629;--gold: #e3a33b;--gold-deep: #b97c14;--jade: #1f8a7a;--jade-soft: #dcf0ec;--rose: #c8463d;--rose-soft: #f9dfdb;--paper: #fbf7ef;--sand: #f3ecdd;--card: #ffffff;--text: #14213d;--muted: #5e6a84;--line: #e6dcc8;--q-font: "Amiri Quran", "Amiri", serif;--ui-font: "IBM Plex Sans Arabic", system-ui, sans-serif;--display: "Reem Kufi", "IBM Plex Sans Arabic", sans-serif;--radius: 22px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--paper: #0f1830;--sand: #131e3a;--card: #17223f;--text: #eef1f7;--muted: #a3aec6;--line: #26345a;--jade-soft: #143a3a;--rose-soft: #4a2228;--gold-deep: #e9b45a;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body.landing{margin:0;background:var(--paper);color:var(--text);font-family:var(--ui-font);line-height:1.75;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit}h1,h2,h3{font-family:var(--display);line-height:1.35;margin:0}.wrap{width:min(1140px,100% - 32px);margin-inline:auto}.wrap.narrow{width:min(760px,100% - 32px)}.small{font-size:.85rem}.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:16px;top:16px;z-index:50;background:var(--gold);color:var(--ink);padding:8px 14px;border-radius:10px}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn-cta,.btn-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:14px;padding:14px 26px;font-weight:700;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s;white-space:nowrap}.btn-cta{background:var(--gold);color:var(--ink);box-shadow:0 10px 30px -10px #e3a33bb3}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px -10px #e3a33bd9}.btn-cta.small{padding:9px 18px;font-size:.95rem;box-shadow:none}.btn-ghost{color:#fff;border:1.5px solid rgb(255 255 255 / .35)}.btn-ghost:hover{background:#ffffff14}.nav{position:sticky;top:0;z-index:20;background:#0f1a31;border-bottom:1px solid rgb(255 255 255 / .06)}.nav-in{display:flex;align-items:center;gap:24px;height:68px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-family:var(--display);font-weight:700;font-size:1.35rem}.logo img{width:46px;height:auto}.nav-links{display:flex;gap:22px;margin-inline-start:auto}.nav-links a{color:#ffffffc7;text-decoration:none;font-weight:500}.nav-links a:hover{color:var(--gold)}.pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23E3A33B' stroke-width='1.2'%3E%3Crect x='35' y='35' width='50' height='50'/%3E%3Crect x='35' y='35' width='50' height='50' transform='rotate(45 60 60)'/%3E%3Ccircle cx='60' cy='60' r='12'/%3E%3Cpath d='M0 60h25M95 60h25M60 0v25M60 95v25'/%3E%3C/g%3E%3C/svg%3E");background-size:120px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 75%)}.hero{position:relative;overflow:hidden;background:radial-gradient(90% 80% at 85% 10%,#263a66 0%,var(--ink) 45%,var(--night) 100%);color:#fff;padding:72px 0 96px}.hero-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}.eyebrow{display:inline-block;color:var(--gold);border:1px solid rgb(227 163 59 / .4);background:#e3a33b14;padding:4px 14px;border-radius:99px;font-weight:500;margin:0 0 18px}.hero h1{font-size:clamp(2.4rem,6vw,4.3rem);font-weight:700;line-height:1.25}.hl{color:var(--gold);position:relative}.hl:after{content:"";position:absolute;inset-inline:0;bottom:.05em;height:.16em;background:var(--jade);border-radius:99px;opacity:.85}.lead{font-size:1.15rem;color:#ffffffd1;max-width:560px;margin:22px 0 30px}.ctas{display:flex;flex-wrap:wrap;gap:12px}.trust{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:8px 22px;color:#ffffffb3;font-size:.92rem}.trust li:before{content:"✓";color:var(--jade);font-weight:700;margin-inline-end:6px;filter:brightness(1.5)}.phone{justify-self:center;width:min(340px,100%);border-radius:44px;padding:12px;background:linear-gradient(160deg,#2b3b63,#0b1325);box-shadow:0 40px 80px -30px #000000b3,inset 0 0 0 1px #ffffff14;transform:rotate(-2deg)}.phone-screen{border-radius:34px;background:#fbf7ef;color:#14213d;padding:20px 16px 18px;display:grid;gap:12px;min-height:520px;align-content:start}.demo-head{display:flex;justify-content:space-between;align-items:center}.demo-badge{font-size:.75rem;background:var(--gold);color:var(--ink);font-weight:700;border-radius:99px;padding:2px 10px}.demo-ref{font-family:var(--q-font);font-size:1.15rem}.demo-top,.demo-card{height:150px;border-radius:14px;display:grid;place-items:center;position:relative}.demo-top{border:2px dashed #c9bfa9;font-family:var(--q-font);font-size:2.2rem}.demo-top .faded{font-family:var(--ui-font);font-size:.85rem;color:#8a8f9c}.demo-top:has(.w){border:1.5px solid #14213d;background:#fff}.demo-top.pop{animation:pop .25s ease-out}.demo-top .ok{position:absolute;bottom:10px;inset-inline-end:10px;width:32px;height:32px;border-radius:50%;background:var(--jade);color:#fff;display:grid;place-items:center;font-family:var(--ui-font);font-size:1rem;font-weight:700}.demo-top.wrong{border-color:var(--rose);color:var(--rose)}.demo-top.wrong .ok{background:var(--rose)}@keyframes pop{0%{transform:translateY(40px) scale(.95);opacity:.4}}.demo-hint{background:#dcf0ec;border:1px solid rgb(31 138 122 / .35);border-radius:12px;padding:8px 12px;font-size:.85rem;line-height:1.8;max-height:120px;overflow:auto}.demo-hint b{color:var(--jade)}.demo-card{border:1.5px solid #14213d;background:#fff;cursor:pointer;font:inherit;color:inherit;align-content:center;gap:4px;transition:transform .12s}.demo-card:active{transform:translateY(-6px)}.demo-card .q{width:86%;height:72px;background:#f1eadb;display:grid;place-items:center;font-family:var(--q-font);font-size:2.2rem}.demo-card small{color:#6b7280;font-size:.75rem}.demo-card.next{background:var(--ink);color:#fff;border-color:var(--ink)}.demo-card.next small{color:#ffffffbf}.demo-tools{display:flex;gap:8px;justify-content:center}.demo-tools button{font:inherit;font-size:.82rem;border:1px solid #e2d8c4;background:#fff;color:#14213d;border-radius:10px;padding:6px 12px;cursor:pointer}.demo-tools button.on{background:#dcf0ec;border-color:var(--jade);color:var(--jade)}.demo-tools button:disabled{opacity:.4}.section{padding:96px 0}.section.alt{background:var(--sand)}.kicker{color:var(--gold-deep);font-weight:700;margin:0 0 8px;letter-spacing:.02em}.section h2{font-size:clamp(1.8rem,4vw,2.7rem);max-width:820px}.sub{color:var(--muted);font-size:1.1rem;max-width:720px;margin:14px 0 0}.gold{color:var(--gold-deep)}.jade{color:var(--jade)}@media (prefers-color-scheme: dark){.jade{color:#43c2ad}}.pillars{margin-top:48px;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center}.pillar{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 20px 50px -35px #14213d66}.pillar h3{font-size:1.45rem;display:flex;align-items:center;gap:10px;margin-bottom:12px}.pillar .dot{width:16px;height:16px;border-radius:50%;border:4px solid}.gold-side{border-top:5px solid var(--gold)}.gold-side .dot{border-color:var(--gold)}.jade-side{border-top:5px solid var(--jade)}.jade-side .dot{border-color:var(--jade)}.pillar ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}.pillar li{color:var(--muted)}.pillar li b{color:var(--text)}.rings{width:220px;padding:26px;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,#20315a,var(--ink));box-shadow:0 25px 60px -25px #14213db3}.rings img{animation:breathe 6s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.05) rotate(-3deg)}}.steps{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s;position:relative}.steps li{background:var(--card);border-radius:var(--radius);padding:24px;border:1px solid var(--line);position:relative}.steps li:not(:last-child):after{content:"←";position:absolute;inset-inline-end:-16px;top:34px;color:var(--gold);font-size:1.2rem;z-index:1}.steps .num{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--ink);color:var(--gold);font-family:var(--display);font-size:1.3rem;margin-bottom:14px}@media (prefers-color-scheme: dark){.steps .num{background:#24365f}}.steps h3{font-size:1.35rem}.steps p{color:var(--muted);margin:6px 0 0}.srs-note{margin-top:22px;border-radius:var(--radius);padding:18px 22px;background:var(--jade-soft);border-inline-start:5px solid var(--jade)}.fork-demo{margin-top:36px;display:grid;gap:14px}.fork-row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px}.fork-row .ref{font-size:.85rem;color:var(--muted);font-weight:700}.fork-row .q{font-family:var(--q-font);font-size:clamp(1.35rem,3vw,1.9rem);line-height:2.2;margin:4px 0 0}.fork-row .same{background:#e3a33b2e;border-radius:6px}.fork-row .split{background:var(--rose-soft);color:var(--rose);border-radius:8px;padding:0 6px;outline:2px solid var(--rose)}.grid{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid article{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:transform .2s,box-shadow .2s}.grid article:hover{transform:translateY(-4px);box-shadow:0 20px 40px -28px #14213d80}.ico{font-size:1.7rem;display:block;margin-bottom:10px}.grid h3{font-size:1.12rem}.grid p{color:var(--muted);margin:6px 0 0;font-size:.95rem}.quote{position:relative;overflow:hidden;background:radial-gradient(80% 120% at 50% 0%,#22345e,var(--night));color:#fff;text-align:center;padding:90px 0}.quote .pattern{-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 50%,#000 10%,transparent 70%)}.quote .q{position:relative;font-family:var(--q-font);font-size:clamp(1.6rem,4vw,2.6rem);line-height:2.1;margin:0 auto;max-width:900px}.quote .ref{color:var(--gold);margin:8px 0 0}.quote .note{color:#ffffffbf;margin:18px 0 0}.quote .note b{color:var(--gold)}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.card h3{font-size:1.5rem;margin-bottom:8px}.card p{color:var(--muted);margin:0}.dl{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dl-card{display:grid;gap:4px;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:transform .2s}.dl-card:hover{transform:translateY(-4px)}.dl-card b{font-family:var(--display);font-size:1.35rem}.dl-card small{color:var(--muted)}.dl-card.primary{background:var(--ink);border-color:var(--ink);color:#fff}.dl-card.primary small{color:#ffffffbf}#faq h2{margin-bottom:24px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--gold-deep);font-size:1.4rem;line-height:1}details[open] summary:after{content:"−"}details p{color:var(--muted);margin:10px 0 0}.foot{background:var(--night);color:#ffffffb3;padding:40px 0}.foot-in{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}.foot nav{display:flex;gap:20px}.foot nav a{text-decoration:none}.foot nav a:hover{color:var(--gold)}.foot .small{flex-basis:100%;margin:0;opacity:.7}.will-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.will-reveal.in{opacity:1;transform:none}@media (max-width: 960px){.hero-in{grid-template-columns:1fr}.phone{transform:none}.pillars{grid-template-columns:1fr}.rings{justify-self:center;width:170px;order:-1}.steps,.grid{grid-template-columns:1fr 1fr}.steps li:after{display:none}}@media (max-width: 640px){.nav-links{display:none}.nav-in{justify-content:space-between}.hero{padding:44px 0 64px}.section{padding:64px 0}.steps,.grid,.two,.dl{grid-template-columns:1fr}.ctas .btn-cta,.ctas .btn-ghost{flex:1;justify-content:center}}@font-palette-values --q-ink{font-family:Amiri Quran;override-colors:0 #14213d,1 #14213d,2 #14213d,3 #14213d}@font-palette-values --q-ink-dark{font-family:Amiri Quran;override-colors:0 #eef1f7,1 #eef1f7,2 #eef1f7,3 #eef1f7}@font-palette-values --q-white{font-family:Amiri Quran;override-colors:0 #ffffff,1 #ffffff,2 #ffffff,3 #ffffff}@font-palette-values --q-red{font-family:Amiri Quran;override-colors:0 #c8463d,1 #c8463d,2 #c8463d,3 #c8463d}body.landing{font-palette:--q-ink}@media (prefers-color-scheme: dark){body.landing{font-palette:--q-ink-dark}}.phone-screen,.wm.light,.id-logos .light{font-palette:--q-ink}.quote,.hero .hl{font-palette:--q-white}.fork-row .split,.demo-top.wrong{font-palette:--q-red}