@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-arabic-wght-normal-CJWMIGCx.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-ext-wght-normal-at8nfxId.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-wght-normal-PfPtmrPZ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: #060612;--text: #eef0ff;--muted: #9ba0c9;--line: rgba(255, 255, 255, .09);--glass: rgba(255, 255, 255, .045);--c1: #22d3ee;--c2: #6366f1;--c3: #d946ef;--ease: cubic-bezier(.2, .8, .2, 1);font-family:Cairo Variable,Cairo,Segoe UI,Tahoma,Noto Sans Arabic,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--bg)}a{color:inherit}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{position:relative;min-height:100vh;display:flex;flex-direction:column;isolation:isolate}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.aurora{position:absolute;top:0;right:0;bottom:0;left:0}.blob{position:absolute;border-radius:50%;will-change:transform;width:70vmax;height:70vmax;opacity:.55}.b1{top:-30vmax;inset-inline-start:-15vmax;background:radial-gradient(circle,rgba(99,102,241,.75),transparent 62%);animation:drift1 22s ease-in-out infinite alternate}.b2{top:10vmax;inset-inline-end:-25vmax;background:radial-gradient(circle,rgba(217,70,239,.5),transparent 62%);animation:drift2 26s ease-in-out infinite alternate}.b3{bottom:-35vmax;inset-inline-start:5vmax;background:radial-gradient(circle,rgba(34,211,238,.42),transparent 62%);animation:drift3 30s ease-in-out infinite alternate}@keyframes drift1{to{transform:translate3d(14vmax,10vmax,0) scale(1.15)}}@keyframes drift2{to{transform:translate3d(-16vmax,8vmax,0) scale(.9)}}@keyframes drift3{to{transform:translate3d(12vmax,-12vmax,0) scale(1.2)}}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 25%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 25%,#000 20%,transparent 75%)}.particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.8}.cursor-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(520px circle at var(--cx, 50%) var(--cy, 30%),rgba(129,140,248,.12),transparent 60%)}@media(hover:hover)and (pointer:fine){.cursor-glow{opacity:1}}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 120%,rgba(6,6,18,.85),transparent 60%)}.nav{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;padding:18px 20px 0;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.2rem;letter-spacing:.3px}.brand em{font-style:normal;margin-inline-start:5px;background:linear-gradient(90deg,var(--c1),var(--c3));-webkit-background-clip:text;background-clip:text;color:transparent}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:600;color:#c7cbff;letter-spacing:.4px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pulse{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d399b3;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px #34d39900}to{box-shadow:0 0 #34d39900}}.hero{position:relative;text-align:center;padding:34px 20px 28px;display:flex;flex-direction:column;align-items:center}.logo-wrap{position:relative;width:72px;height:72px;margin-bottom:18px;animation:pop .9s var(--ease) both}.logo-wrap .logo-mark{position:relative;z-index:1;filter:drop-shadow(0 8px 30px rgba(99,102,241,.6));animation:float 5s ease-in-out infinite}.ring{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:26px;border:1px solid rgba(165,180,252,.35);animation:ringOut 3.6s ease-out infinite}.ring.r2{animation-delay:1.8s}@keyframes ringOut{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.7);opacity:0}}@keyframes float{50%{transform:translateY(-6px)}}@keyframes pop{0%{opacity:0;transform:scale(.6) translateY(14px)}}.grad-title{display:block;font-size:clamp(3.4rem,15vw,7.2rem);line-height:1.05;font-weight:900;letter-spacing:-1px;padding-bottom:.08em;background:linear-gradient(100deg,#fff,#a5b4fc 22%,#22d3ee,#e879f9 62%,#a5b4fc 80%,#fff);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s linear infinite,rise .9s var(--ease) .1s both;filter:drop-shadow(0 6px 40px rgba(99,102,241,.35))}@keyframes shine{to{background-position:-260% 0}}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}.tagline{margin-top:6px;max-width:640px;font-size:clamp(1.02rem,3.8vw,1.4rem);line-height:1.7;color:var(--muted);animation:rise .9s var(--ease) .25s both}.tagline strong{color:#fff;font-weight:700}.rotator{margin-top:14px;height:44px;display:flex;justify-content:center;animation:rise .9s var(--ease) .4s both}.rot-item{display:inline-flex;align-items:center;gap:12px;padding:8px 20px;border-radius:999px;font-size:1.05rem;background:linear-gradient(90deg,#22d3ee24,#d946ef24);border:1px solid rgba(165,180,252,.28);animation:swap 2.8s var(--ease) both}.rot-item b{color:#fff;font-weight:700}.rot-item span{color:#67e8f9;font-weight:600;font-size:.92rem;letter-spacing:.4px}@keyframes swap{0%{opacity:0;transform:translateY(12px) scale(.96)}12%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.chips{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;animation:rise .9s var(--ease) .55s both}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:14px;font-size:.85rem;font-weight:700;direction:ltr;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:bob 4.5s ease-in-out infinite}.chip.c2{animation-delay:-1.5s}.chip.c3{animation-delay:-3s}.chip .ui-icon{color:var(--c1)}.chip.c2 .ui-icon{color:#a5b4fc}.chip.c3 .ui-icon{color:#f0abfc}@keyframes bob{50%{transform:translateY(-5px)}}.ui-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.ui-icon{width:20px;height:20px}.scroll-cta{margin-top:22px;display:inline-flex;flex-direction:column;align-items:center;gap:2px;color:#aab0e6;font-size:.85rem;font-weight:600;text-decoration:none;animation:rise .9s var(--ease) .7s both}.scroll-cta svg{animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(5px)}}main{width:100%;max-width:1180px;margin:0 auto;padding:18px 20px 40px;flex:1;scroll-margin-top:10px}.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}h2{font-size:clamp(1.5rem,5vw,2rem);font-weight:800}.section-head p{color:var(--muted);margin-top:2px}.section-head h2:after{content:"";display:block;width:46px;height:4px;border-radius:4px;margin-top:8px;background:linear-gradient(90deg,var(--c1),var(--c3))}.search{position:relative;width:100%;max-width:360px;color:var(--muted)}.search svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);pointer-events:none}.search input{width:100%;padding:13px 16px;padding-inline-start:44px;font:inherit;font-size:1rem;color:var(--text);border-radius:14px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.search input::placeholder{color:#7f84b0}.search input:focus{border-color:#818cf8b3;box-shadow:0 0 0 4px #6366f12e,0 0 30px #6366f140;background:#ffffff12}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.cell{perspective:900px;animation:rise .8s var(--ease) calc(var(--i, 0) * 90ms + .15s) both}.card{position:relative;height:100%;display:flex;flex-direction:column;gap:4px;padding:24px;overflow:hidden;text-decoration:none;color:inherit;border-radius:22px;background:linear-gradient(160deg,#ffffff13,#ffffff06);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 40px -12px #0009,inset 0 1px #ffffff12;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .25s var(--ease),box-shadow .3s,border-color .3s;-webkit-tap-highlight-color:transparent}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(380px circle at var(--mx, 50%) var(--my, 0%),hsl(var(--hue) 95% 65% / .22),transparent 65%)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%),hsl(var(--hue) 100% 75%),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}a.card:hover,a.card:focus-visible{border-color:hsl(var(--hue) 90% 70% / .45);outline:none;box-shadow:0 24px 60px -16px hsl(var(--hue) 90% 55% / .55),inset 0 1px #ffffff1f}a.card:hover:before,a.card:hover:after,a.card:focus-visible:before,a.card:focus-visible:after{opacity:1}a.card:active{transform:scale(.985)}@media(hover:none){a.card:active:before{opacity:1}}.card>*{position:relative}.live-dot{position:absolute;top:20px;inset-inline-end:20px;width:9px;height:9px;border-radius:50%;background:#34d399;animation:pulse 2s infinite}.icon{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;margin-bottom:12px;background:linear-gradient(145deg,hsl(var(--hue) 90% 60% / .28),hsl(var(--hue) 90% 45% / .08));border:1px solid hsl(var(--hue) 90% 75% / .28);box-shadow:0 8px 30px -8px hsl(var(--hue) 95% 55% / .55),inset 0 1px #ffffff2e;transition:transform .4s var(--ease),box-shadow .4s}.card:hover .icon{transform:translateZ(0) scale(1.08) rotate(-3deg);box-shadow:0 12px 40px -6px hsl(var(--hue) 95% 60% / .8),inset 0 1px #ffffff40}.emoji-fallback{font-size:32px}.sys-icon{width:44px;height:44px;overflow:visible}.sys-icon .ic-line{fill:none;stroke:hsl(var(--hue) 100% 82%);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sys-icon .ic-fill{fill:hsl(var(--hue) 95% 65% / .2);stroke:none}.sys-icon .ic-solid{fill:hsl(var(--hue) 100% 85%);stroke:none}.sys-icon [class*=b],.sys-icon .wheel,.sys-icon .qr rect{transform-box:fill-box;transform-origin:center}.ic-spin{transform-box:fill-box;transform-origin:center;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card:hover .ic-spin{animation-duration:3s}.ic-bars rect{transform-origin:bottom}.card:hover .ic-bars rect{animation:grow .8s var(--ease) both}.card:hover .ic-bars .b2{animation-delay:.1s}.card:hover .ic-bars .b3{animation-delay:.2s}@keyframes grow{0%{transform:scaleY(.2)}}.card:hover .ic-draw{stroke-dasharray:60;animation:draw .9s ease-out both}@keyframes draw{0%{stroke-dashoffset:60}to{stroke-dashoffset:0}}.card:hover .wheel{animation:roll .6s ease-in-out infinite alternate}.card:hover .w2{animation-delay:.15s}@keyframes roll{to{transform:translateY(-2px)}}.ic-scan{animation:scan 3.2s ease-in-out infinite alternate}@keyframes scan{0%,20%{opacity:1;transform:translate(0)}to{opacity:.85;transform:translate(1.5px)}}.card:hover .ic-scan{animation:blink .5s steps(2) infinite}@keyframes blink{50%{opacity:.35}}.ic-receipt{animation:receipt 3s ease-in-out infinite}@keyframes receipt{50%{transform:translateY(-3px)}}.ic-steam .ic-line{stroke-width:2;animation:steam 2.6s ease-in-out infinite}.ic-steam .s2{animation-delay:1.2s}@keyframes steam{0%,to{opacity:.25;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}.card:hover .qr rect{animation:pop-q .5s var(--ease) both}.card:hover .qr rect:nth-child(2){animation-delay:.1s}.card:hover .qr rect:nth-child(3){animation-delay:.2s}@keyframes pop-q{0%{transform:scale(0)}}.name{font-size:1.32rem;font-weight:800;line-height:1.4}.en{align-self:flex-start;font-size:.8rem;font-weight:700;letter-spacing:.6px;color:hsl(var(--hue) 100% 80%);opacity:.9}.desc{margin-top:8px;color:var(--muted);font-size:.93rem;line-height:1.75;flex:1}.open{margin-top:16px;display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:.95rem}.open svg{transition:transform .3s var(--ease);color:hsl(var(--hue) 100% 78%)}.card:hover .open svg,.card:focus-visible .open svg{transform:translate(-6px)}.cell.is-soon{--soon: 1}.card.soon{cursor:not-allowed;border-style:dashed;background:#ffffff05;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.card.soon .icon,.card.soon .name,.card.soon .en,.card.soon .desc{opacity:.55;filter:grayscale(.55)}.badge{position:absolute;top:16px;inset-inline-end:16px;z-index:1;border-radius:999px;padding:3px 11px;font-size:.72rem;font-weight:700;color:#fcd34d;background:#fbbf241f;border:1px solid rgba(251,191,36,.35)}.skeleton{height:250px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(100deg,#ffffff08 30%,#ffffff17,#ffffff08 70%) 0 0 / 250% 100%;animation:sk 1.4s linear infinite}@keyframes sk{to{background-position:-250% 0}}.grid[aria-busy=true]{margin-bottom:18px}.msg{text-align:center;color:var(--muted);padding:48px 20px;background:var(--glass);border-radius:20px;border:1px solid var(--line);margin-bottom:18px}.msg.error{color:#fca5a5;border-color:#f8717159}.stats{margin-top:44px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:hidden;border-radius:22px;background:var(--line);border:1px solid var(--line);opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.stats.in{opacity:1;transform:none}.stat{padding:22px 12px;text-align:center;background:#0a0a1cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stat b{display:block;font-size:clamp(2rem,8vw,2.8rem);line-height:1.2;font-weight:900;background:linear-gradient(120deg,#67e8f9,#a5b4fc 50%,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{color:var(--muted);font-size:.9rem;font-weight:600}@media(min-width:760px){.stats{grid-template-columns:repeat(4,1fr)}}.features{margin-top:64px}.center{text-align:center}h2.center:after{margin-inline:auto;content:"";display:block;width:46px;height:4px;border-radius:4px;margin-top:8px;background:linear-gradient(90deg,var(--c1),var(--c3))}.features .sub{margin-top:12px;color:var(--muted)}.feat-grid{margin-top:28px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.feat{padding:24px;border-radius:20px;background:var(--glass);border:1px solid var(--line);opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease) calc(var(--i) * .1s),transform .7s var(--ease) calc(var(--i) * .1s),border-color .3s,background .3s}.features.in .feat{opacity:1;transform:none}.feat:hover{border-color:#818cf873;background:#ffffff12}.feat-ic{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;margin-bottom:14px;color:#c7d2fe;background:linear-gradient(135deg,#22d3ee38,#d946ef38);border:1px solid rgba(165,180,252,.25)}.feat-ic .ui-icon{width:24px;height:24px}.feat h3{font-size:1.12rem;font-weight:800;margin-bottom:6px}.feat p{color:var(--muted);font-size:.92rem;line-height:1.75}.footer{position:relative;margin-top:24px;padding:36px 20px 24px;background:linear-gradient(180deg,transparent,rgba(5,5,16,.85))}.footer:before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,rgba(129,140,248,.6),rgba(34,211,238,.6),transparent)}.foot-inner,.foot-bottom{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center}.foot-brand{display:flex;align-items:center;gap:14px}.foot-brand b{display:block;font-size:1.2rem;font-weight:800}.foot-brand span{color:var(--muted);font-size:.88rem}.foot-tags{display:flex;flex-wrap:wrap;gap:8px}.foot-tags span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:700;color:#c7cbff;background:var(--glass);border:1px solid var(--line)}.foot-tags .ui-icon{width:16px;height:16px}.foot-bottom{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:#7f84b0;font-size:.82rem}@media(max-width:560px){.nav{padding-top:14px}.pill{font-size:.7rem;padding:5px 10px}.hero{padding-top:22px}.rot-item{font-size:.95rem;padding:7px 16px}.section-head{align-items:stretch}.search{max-width:none}.foot-inner,.foot-bottom{justify-content:center;text-align:center}.foot-brand{flex-direction:column;text-align:center}}a:focus-visible,input:focus-visible{outline:2px solid #a5b4fc;outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stats,.feat{opacity:1;transform:none}}