@font-face{font-family:Cairo;src:url(/assets/Cairo-Variable.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}:root{--teal:#0b726b;--ink:#0f3d3a;--muted:#6b8f8a;--camera:0;--light:1;color-scheme:light}*{box-sizing:border-box}body,html{margin:0}body{font-family:Cairo,sans-serif;color:var(--ink);background:#f9fdfc}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #0b726b;outline-offset:6px}button{color:inherit}svg{display:block}.button svg,button svg{width:25px;height:25px}bdi{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.hero{height:170svh;min-height:1000px}.sticky-scene{height:100svh;min-height:700px;position:-webkit-sticky;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 74% 58%,#eaf5f680,transparent 56%),radial-gradient(ellipse at 12% 75%,#f0fdf94a,transparent 45%),#fafeff}.navbar{direction:rtl;position:relative;z-index:10;width:calc(100% - 112px);max-width:1600px;margin:0 auto;height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:hsla(0,0%,100%,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,61,58,.08)}.brand{display:block;width:180px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.navigation{display:flex;align-items:center;gap:42px;font-size:15px;font-weight:500}.login,.navigation a{transition:color .2s}.login:hover,.navigation a:hover{color:#14a39a}.nav-actions{display:flex;align-items:center;gap:30px}.login{font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:58px;min-width:174px;padding:10px 25px;border:1px solid #bfefe8;border-radius:50px;background:#e2f5f2;color:#0f3d3a;font-size:17px;font-weight:600;transition:background .25s,border-color .25s,transform .25s;white-space:nowrap}.button:hover{background:#cfede8;border-color:#5ed3c5;transform:translateY(-2px)}.small{min-height:46px;min-width:148px;font-size:15px;gap:25px}.secondary{background:hsla(0,0%,100%,.65);border-color:rgba(15,61,58,.16);font-weight:500;gap:12px}.play{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #6b8f8a;border-radius:50%;font-family:Arial;font-size:15px}.menu-toggle{display:none}.hero-layout{max-width:1700px;margin:auto;height:calc(100% - 112px);position:relative;display:grid;grid-template-columns:35% 65%;direction:ltr;align-items:center;padding:0 3.8% 38px}.copy{direction:rtl;text-align:right;position:relative;z-index:4;padding-bottom:15px;transform:translateX(calc(var(--camera)*-30px));opacity:calc(1 - var(--camera)*.85)}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #d8e9e9;border-radius:30px;padding:7px 18px;font-size:13px;color:#526f73;font-weight:500;background:#ffffff60}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--teal)}h1{font-size:clamp(44px,4.7vw,78px);line-height:1.5;letter-spacing:-2.2px;font-weight:700;margin:24px 0 22px;color:#092e34}h1>span{color:#0b726b}.copy>p{font-size:clamp(16px,1.45vw,23px);line-height:1.95;color:#657f86;font-weight:400;margin:0 0 34px}.hero-actions{display:flex;gap:14px;align-items:center}.scene{direction:ltr;position:relative;width:110%;margin-left:-4%;aspect-ratio:960/720;max-height:calc(100svh - 155px);isolation:isolate;transform:translateX(calc(var(--camera)*-5%))}.scene-floor{position:absolute;inset:23% 0 4%;background:radial-gradient(ellipse,#dfebed85,transparent 65%);transform:rotate(-10deg);z-index:-2}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route{stroke:#64ccc8;stroke-width:1.35;opacity:.55}.highlight{fill:none;stroke:#14a39a;stroke-width:2;opacity:0}.traveler{stroke:#a4ebe4;stroke-width:3;filter:drop-shadow(0 0 5px #5ed3c5)}.node{fill:#20a8a0;transform-box:fill-box;transform-origin:center;animation:node-pulse 5.5s ease-in-out infinite}.node-halo{fill:#a6e8e1;opacity:.23}.store-layer{position:absolute;left:23%;top:25%;width:57%;z-index:3;transform:scale(calc(1 + var(--camera)*.12));transform-origin:50% 60%}.store{position:relative}.store>svg{width:100%;height:auto;filter:brightness(var(--light))}.window-warmth{pointer-events:none;position:absolute;left:25%;top:49%;width:41%;height:23%;background:radial-gradient(ellipse,#ffc86d25,transparent 72%);mix-blend-mode:screen;opacity:calc((var(--light) - 1)*10)}.object{position:absolute;z-index:2;transform:translate(calc(var(--camera)*var(--out-x)),calc(var(--camera)*var(--out-y)))}.object svg{width:100%;height:auto}.object-float{animation:float 6s ease-in-out infinite;position:relative}.phone{width:20%;left:7%;top:8%;--out-x:-20px;--out-y:-12px}.pos{width:25%;right:-1%;top:8%;--out-x:22px;--out-y:-15px}.warehouse{width:28%;right:-2%;bottom:0;--out-x:25px;--out-y:14px}.parcels{width:23%;left:3%;bottom:0;--out-x:-25px;--out-y:14px}.phone .object-float{animation-duration:5.4s;animation-delay:-1s}.pos .object-float{animation-duration:6.5s;animation-delay:-3s}.warehouse .object-float{animation-duration:7s;animation-delay:-2s}.parcels .object-float{animation-duration:4.7s;animation-delay:-4s}.object-label{position:absolute;left:50%;top:0;transform:translate(-50%,-48%);z-index:2;display:flex;direction:rtl;align-items:center;gap:9px;white-space:nowrap;border:1px solid #e2eeee;background:#ffffffbf;border-radius:25px;padding:5px 14px;font-size:11px;color:#627d84}.object-label i{width:5px;height:5px;border-radius:50%;background:#14a39a}.scroll-cue{position:absolute;bottom:22px;left:50%;border:1px solid #d9eaea;border-radius:50%;width:38px;height:38px;background:#ffffffa6;font-size:23px;line-height:1}.scroll-cue span{position:absolute;left:50%;bottom:48px;height:28px;width:1px;background:linear-gradient(transparent,#8db8b2)}.scene-number{position:absolute;bottom:32px;left:4.4%;font-size:10px;direction:ltr;color:#8da5a5;letter-spacing:1px}.scene-number b{color:#456d70;margin-right:12px;font-weight:500}.demo{max-width:750px;width:calc(100% - 32px);border:1px solid #d8e9e9;border-radius:24px;padding:42px;background:#fafeff;color:var(--ink)}.demo::-webkit-backdrop{background:#123b3955;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo::backdrop{background:#123b3955;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.close{position:absolute;top:16px;left:16px;border:0;background:none;font-size:20px}.demo h2{font-weight:600;font-size:26px;margin-top:25px}.demo-steps{list-style:none;display:flex;gap:20px;padding:15px 0 25px}.demo-steps li{flex:1 1}.demo-steps b{color:#14a39a;font-weight:500}.demo-steps h3{font-size:17px;font-weight:600}.demo-steps p{font-size:14px;color:#6b8f8a}.playing li{animation:reveal .6s both}.playing li:nth-child(2){animation-delay:.6s}.playing li:nth-child(3){animation-delay:1.2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes node-pulse{0%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.08);opacity:1}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1700px){.hero-layout{padding-left:50px;padding-right:50px}.scene{max-height:800px}}@media(max-width:1150px){.navbar{width:calc(100% - 64px);gap:20px}.navigation{gap:23px;font-size:13px}.brand{width:145px}.nav-actions{gap:20px}.hero-layout{grid-template-columns:37% 63%;padding-left:3%;padding-right:3%}.hero-actions{gap:8px}.hero-actions .button{min-width:0;gap:12px;padding:10px 17px;font-size:14px}.eyebrow{font-size:11px;padding:6px 12px}.copy>p{font-size:16px}.desktop-break{display:none}.scene{width:111%}}@media(max-width:800px){.hero,.sticky-scene{height:auto;min-height:100svh}.sticky-scene{position:relative}.navbar{height:84px;width:calc(100% - 40px);gap:12px}.brand{width:135px}.navigation{display:none;position:absolute;top:76px;left:0;right:0;background:#fafeff;border:1px solid #dcebea;border-radius:15px;padding:20px;flex-direction:column;align-items:stretch;gap:20px}.navigation.open{display:flex}.nav-actions{gap:16px}.nav-actions .small{min-width:100px;min-height:40px;font-size:12px;padding:8px 12px;gap:12px}.small svg{width:18px}.login{display:none}.menu-toggle{display:block;border:0;background:none;font-size:19px;padding:5px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;height:auto;padding:32px 20px 45px}.copy{text-align:right;max-width:530px;margin:auto;width:100%;padding:0;transform:none!important;opacity:1!important}.eyebrow{font-size:11px}h1{font-size:clamp(42px,8.8vw,66px);line-height:1.45;letter-spacing:-1.7px;margin:20px 0 14px}.copy>p{font-size:16px;line-height:1.95;max-width:440px;margin-bottom:24px}.hero-actions{gap:12px}.hero-actions .button{font-size:14px;min-height:49px;padding:10px 20px}.scene{width:100%;max-width:610px;max-height:none;aspect-ratio:1.23;margin:12px auto 0;transform:none}.store-layer{width:80%;left:17%;top:22%;transform:none}.phone{width:25%;left:-2%;top:3%}.parcels{width:29%;left:0;bottom:2%}.connection-1,.connection-2,.pos,.warehouse{display:none}.connections{width:100%;height:100%}.object-label{font-size:9px;padding:4px 8px;gap:5px}.scroll-cue{display:none}.scene-number{bottom:16px;left:24px}.demo{padding:35px 24px}.demo h2{font-size:23px}.demo-steps{flex-direction:column;gap:4px}.demo-steps h3{margin:8px 0}.demo-steps p{margin:6px 0}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero{height:auto;min-height:100svh}.sticky-scene{position:relative}.copy,.object,.scene,.store-layer{transform:none!important;translate:none!important}.copy{opacity:1!important}.store>svg{filter:none}.traveler{display:none}}.connections{z-index:4;pointer-events:none}.cable-glow{fill:none;stroke:#46ddd5;stroke-width:10;opacity:.3;filter:url(#fiber-glow)}.route{fill:none;stroke:#16aaa6;stroke-width:2.8;opacity:.82;stroke-linecap:round;stroke-linejoin:round}.cable-core{fill:none;stroke:#d0fff9;stroke-width:1.05;opacity:.95}.packet{fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 0 4px #16d4ce)}.highlight{stroke:#e3ffff;stroke-width:4;filter:drop-shadow(0 0 4px #27cfc7)}.traveler{fill:#fff;stroke:#9ffbf2;stroke-width:2;filter:drop-shadow(0 0 5px #23cfc7)}.node{animation:none;fill:#0c9c97;transform-box:view-box;transform-origin:0 0}.node-halo{fill:#6ae9df;opacity:.25;animation:node-pulse 5.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.port ellipse{fill:#b0fff270;stroke:#27b9af;stroke-width:1.1}.port circle{fill:#fff;stroke:#0ba59d;stroke-width:1.6;filter:drop-shadow(0 0 4px #4cd9cc)}@media(max-width:800px){.route{stroke-width:3.2}.cable-core{stroke-width:1.3}.cable-glow{stroke-width:12;opacity:.25}}@media(prefers-reduced-motion:reduce){.packet{display:none}}.connections{z-index:0}.delivery-van{position:absolute;z-index:1;left:58%;top:94%;width:6%;max-width:64px;pointer-events:none;transform:translate(-50%,-50%)}.delivery-van img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 2px #123b3918)}@media(max-width:800px){.delivery-van{display:none}}@media(prefers-reduced-motion:reduce){.delivery-van{display:none}}.cable-glow{stroke-width:5;opacity:.1}.route{stroke:#38b6af;stroke-width:1.65;opacity:.72}.cable-core{stroke-width:.55;opacity:.8}.packet{stroke-width:2}.packet,.traveler{filter:drop-shadow(0 0 2px #75ddd1)}.traveler{r:2.2px;stroke-width:1}.node-halo{opacity:.1;r:6px}.node>circle:nth-child(2){r:2.6px}.port ellipse{rx:5px;ry:2px;fill:#d9faf260;stroke-width:.7}.port circle{r:1.8px;stroke-width:.8;filter:none}.delivery-van{width:9%;max-width:88px}@media(max-width:800px){.route{stroke-width:2}.cable-core{stroke-width:.7}.cable-glow{stroke-width:5;opacity:.1}}.route{stroke-dasharray:5 10;stroke:#569f99;stroke-width:1.6;opacity:.14}.packet{stroke:#40c8bc;stroke-width:2.2;stroke-dasharray:5 10;stroke-dashoffset:0;filter:drop-shadow(0 0 2px #90e6da);opacity:1}.cable-core,.cable-glow,.highlight,.traveler{display:none}.delivery-van{transform:translate(-50%,-80%)}@media(max-width:800px){.route{stroke-width:2;opacity:.17}.packet{stroke-width:2.8}}@media(prefers-reduced-motion:reduce){.route{opacity:.25}.packet{display:none}}.pos{width:27%;right:2%;top:0}.payment{width:18%;right:-3%;top:39%;--out-x:24px;--out-y:0px}.payment .object-float{animation-duration:6.2s;animation-delay:-2.7s}.delivery-van svg{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 2px #123b3918)}.store-layer{top:23%;width:55%;left:24%}@media(max-width:800px){.connection-6,.payment{display:none}.store-layer{width:80%;left:17%;top:22%}}.delivery-van{z-index:2}@media(min-width:801px){.store-layer{width:44%;left:27%;top:28%}.phone{width:19%;left:5%;top:10%}.pos{width:24%;right:5%;top:9%}.payment{width:17%;right:0;top:46%}.warehouse{width:25%;right:1%;bottom:-1%}.parcels{width:22%;left:4%;bottom:1%}}.delivery-van{left:0;top:0;will-change:transform}.store>svg{filter:none}.window-warmth{opacity:calc((var(--light) - 1)*7);will-change:opacity}.packet{filter:none}.delivery-van{z-index:5}@media(min-width:801px){.store-layer{width:41%;left:28.5%;top:29%}}