:root{--color-bg: #f2f2f3;--color-text: #1d1f20;--color-divider: color-mix(in srgb, #1d1f20 16%, transparent);--color-neutral-500: #98989b;--color-neutral-600: #7a7a7d;--color-neutral-700: #5d5d60;--color-accent-200: #d6ebff;--color-accent-700: #416180;--font-heading: "Amiri", "Barlow Condensed", system-ui, sans-serif;--font-body: "Tajawal", "Barlow", system-ui, sans-serif;--space-6: 20.4px;--shadow-md: 0 3px 10px color-mix(in srgb, #2b2b2d 16%, transparent)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.12;letter-spacing:-.015em;margin:0}p{margin:0}img{display:block;max-width:100%}button{font-family:inherit}#root{direction:rtl}@property --ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --hline-off{syntax: "<length>"; inherits: false; initial-value: 0px;}@keyframes ringSpin{to{--ring-angle: 360deg}}@keyframes hlineMove{to{--hline-off: 40px}}@keyframes scrollBounce{0%{transform:translateY(0);opacity:1}50%{transform:translateY(20px);opacity:.3}to{transform:translateY(0);opacity:1}}.nav-pill{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:50;opacity:0;pointer-events:none}.nav-pill-btn{display:flex;align-items:center;gap:6px;background:#0f0f10;color:#fff;padding:12px 24px;border-radius:999px;font-size:13px;border:none;box-shadow:var(--shadow-md);cursor:pointer}.hero{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#e6e6e6}.hero-grid{position:absolute;top:0;left:0;right:0;height:55%;overflow:hidden;z-index:1;pointer-events:none;background-color:#e6e6e6;perspective:400px;perspective-origin:50% 30%;transform:scaleY(-1)}.hero-grid-inner{position:absolute;left:-50%;top:40%;width:200%;height:200%;transform-origin:top center;transform:rotateX(78deg);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1.5px,transparent 1.5px 40px),repeating-linear-gradient(90deg,rgba(0,0,0,.2) 0 1.5px,transparent 1.5px 40px);background-position:0 var(--hline-off),0 0;animation:hlineMove 3.6s linear infinite}.hero-device{position:relative;width:1200px;max-width:none;flex-shrink:0;z-index:10;will-change:transform}.hero-screen{position:absolute;left:23%;top:25.8%;width:55%;height:48.5%;overflow:hidden;background:#000}.hero-screen-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-screen-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,#000 45%,transparent),color-mix(in srgb,#000 70%,transparent) 60%,#000)}.hero-screen-blackout{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0}.hero-scroll-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;pointer-events:none}.hero-scroll-icon{width:7%;height:auto}.hero-scroll-dot{animation:scrollBounce 1.6s ease-in-out infinite}.hero-scroll-label{font-family:var(--font-heading);font-weight:600;font-size:clamp(10px,1.1vw,14px);letter-spacing:.08em;color:var(--color-accent-200)}.hero-text-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:6%}.hero-headline{color:var(--color-bg);font-size:clamp(13px,2vw,20px);line-height:1.25;max-width:80%;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.35em}.hero-word{opacity:0;filter:blur(6px)}.hero-subtext{color:var(--color-accent-200);font-size:clamp(9px,1vw,11px);max-width:70%;margin:0}.hero-cta-wrap{display:flex;justify-content:center;margin-top:4px}.hero-cta-ring{position:relative;display:inline-flex;border-radius:999px;padding:2px;background:transparent;transition:background .3s ease}.hero-cta-ring:hover{background:conic-gradient(from var(--ring-angle),#ff5f6d,#ffc371,#4ade80,#38bdf8,#a78bfa,#ff5f6d);animation:ringSpin 2.4s linear infinite}.hero-cta-btn{position:relative;background:#fff;color:#111;border:none;border-radius:999px;padding:7px 20px;font-size:9px;cursor:pointer;font-family:var(--font-heading)}.hero-laptop{position:relative;width:100%;display:block;opacity:0;pointer-events:none}.story{position:relative;background:#e6e6e6;margin-top:-40px;padding:0 var(--space-6) 140px}.story-inner{max-width:1200px;margin:0 auto;position:relative}.story-diagram{position:relative;width:100%;aspect-ratio:660 / 330;margin-top:10px}.story-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.story-label{position:absolute;left:50%;top:9%;transform:translate(-50%);text-align:center;font-size:clamp(18px,4.5vw,30px);color:var(--color-accent-700);font-family:var(--font-heading);font-weight:700;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(300px,78%)}.story-label-word{opacity:0;filter:blur(6px);transition:opacity .4s ease,filter .4s ease}.story-square{position:absolute;top:71.8%;transform:translate(-50%) scale(.5);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0}.story-square-left{left:11.2%}.story-square-right{left:88.8%}.story-square-img{height:clamp(84px,20vw,160px);width:auto;object-fit:contain}.story-text{position:absolute;left:50%;top:84%;transform:translate(-50%);text-align:center;width:min(340px,84%);opacity:0}.story-heading{font-size:clamp(22px,6vw,40px);margin:0 0 12px}.story-subheading{font-size:clamp(13px,3.2vw,18px);color:var(--color-neutral-700);margin:0}.site-footer{border-top:1px solid var(--color-divider);padding:var(--space-6);text-align:center;color:var(--color-neutral-600);font-size:13px}