:root{--night: #15100a;--night-glass: rgba(21, 16, 10, .9);--cream: #fbf3e2;--gold-hi: #d9ae5a;--gold-lite: #f0cf8a;--sand: #c9ba9c;--dust: #9c8c6e;--nav: #b6a585;--mint: #7fd3a4;--page: #fcfaf5;--paper: #fffbf1;--ink: #221a10;--ink-dim: #5c5040;--ink-mute: #7a6c55;--line: #ece3d1;--gold: #8a6418;--gold-wash: #f8eed8;--ok: #2f7a55;--bad: #a8382c;--panel: #f1e9d9;--font: "IBM Plex Sans Arabic", system-ui, sans-serif;--display: "Reem Kufi", "IBM Plex Sans Arabic", sans-serif;--bar-h: 68px;--dock-h: 0px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--night);scroll-padding-top:var(--bar-h)}body{margin:0;font-family:var(--font);background:var(--page);color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,p,ol,ul,figure{margin:0}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px;border-radius:8px}.ph{flex-shrink:0}.num,.op-v,.r-line b,.r-total b,.amt,.calc-row b,.box-fig b,.kpi b,.p-row b{font-variant-numeric:tabular-nums}.wrap{width:min(1200px,100% - 48px);margin-inline:auto}.bar{position:sticky;top:0;z-index:40;background:var(--night-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,240,210,.08);padding-top:env(safe-area-inset-top)}.bar-inner{height:var(--bar-h);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--cream)}.brand svg{width:28px;height:28px;color:var(--gold-hi);flex-shrink:0}.brand span{font-family:var(--display);font-weight:700;font-size:21px;line-height:1}.bar-end{display:flex;align-items:center;gap:22px}.bar-nav{display:flex;gap:24px;font-size:15px}.bar-nav a{color:var(--nav);min-height:44px;display:inline-flex;align-items:center;transition:color .15s}.bar-nav a:hover{color:var(--cream)}.pill-link{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(217,174,90,.45);color:var(--gold-lite);font-weight:600;font-size:15px;white-space:nowrap;transition:background .15s}.pill-link:hover{background:#d9ae5a1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 30px;border-radius:999px;font-weight:700;font-size:17px;white-space:nowrap;transition:background .15s,color .15s}.btn .ph{font-size:20px}.btn-gold{background:var(--gold-hi);color:var(--night)}.btn-gold:hover{background:var(--gold-lite)}.btn-ghost{border:1px solid rgba(255,240,210,.2);color:var(--cream);font-weight:600;padding:0 26px}.btn-ghost:hover{background:#fff0d20f}.hero{position:relative;background:var(--night);color:var(--cream);overflow:hidden}.hero-glow{position:absolute;left:50%;top:-220px;width:900px;height:900px;transform:translate(-50%);background:radial-gradient(circle,rgba(217,174,90,.16),transparent 62%);pointer-events:none}.hero-inner{position:relative;padding:96px 0 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;border:1px solid rgba(217,174,90,.3);color:var(--gold-hi);font-size:14px;font-weight:600;line-height:1.5}.live{width:7px;height:7px;border-radius:50%;background:var(--mint)}.js .live{animation:live 1s ease-in-out infinite alternate}@keyframes live{0%{opacity:.35}to{opacity:1}}h1{font-family:var(--display);font-size:clamp(56px,6.2vw,92px);line-height:1.15;font-weight:700;text-wrap:balance}h1 span{display:inline-block}h1 .gold{color:var(--gold-hi)}.lede{max-width:600px;font-size:20px;line-height:1.85;color:var(--sand);text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.js .rise{animation:rise .9s cubic-bezier(.22,.61,.36,1) var(--d, 0ms) both}h1 .rise:first-child{--d: .12s}h1 .gold{--d: .28s}.lede{--d: .42s}.stage{--d: .5s}.hero-actions{--d: .56s}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.stage{width:100%;display:grid;grid-template-columns:1fr 360px 1fr;gap:28px;align-items:start;margin-top:28px}.ticker{position:relative;height:460px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.ticker-track{display:flex;flex-direction:column;will-change:transform}.js .ticker-a .ticker-track{animation:tick-up 10.6s linear infinite}.js .ticker-b .ticker-track{animation:tick-down 12.9s linear infinite}@keyframes tick-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes tick-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.op{display:flex;align-items:center;gap:12px;height:64px;padding:0 14px;margin-bottom:12px;border-radius:16px;background:#fff0d20a;border:1px solid rgba(255,240,210,.08);text-align:start;flex-shrink:0}.op-ic{width:38px;height:38px;flex:none;border-radius:11px;background:#d9ae5a24;display:grid;place-items:center;color:var(--gold-hi);font-size:21px}.op.green .op-ic{background:#7fd3a41f;color:var(--mint)}.op-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.45}.op-t b{font-size:14px;color:var(--cream)}.op-t small{font-size:12.5px;color:var(--dust);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-v{font-size:14px;color:var(--gold-lite);white-space:nowrap}.printer{justify-self:center;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center}.printer-head{position:relative;z-index:2;width:108%;height:22px;border-radius:11px;background:linear-gradient(#2e251a,#1d170f);border:1px solid rgba(255,240,210,.12);box-shadow:0 10px 20px -6px #0009}.slot{position:absolute;left:8%;right:8%;top:9px;height:3px;border-radius:2px;background:#0b0805}.led{position:absolute;left:12px;top:7px;width:7px;height:7px;border-radius:50%;background:#3a3022}.printing .led{animation:led .36s steps(1) infinite}@keyframes led{0%{background:var(--mint)}50%{background:#2f5e46}}.paper-window{width:100%;height:470px;overflow:hidden;margin-top:-8px}.paper{will-change:transform,opacity}.receipt{position:relative;background:var(--paper);color:var(--ink);padding:26px 22px 18px;display:flex;flex-direction:column;gap:12px;text-align:start}.r-head{display:flex;flex-direction:column;align-items:center;gap:2px;padding-bottom:10px;border-bottom:1.5px dashed #d8ccb2;line-height:1.5}.r-head b{font-family:var(--display);font-size:19px}.r-head span{font-size:12.5px;color:var(--ink-mute)}.r-line{display:flex;align-items:center;gap:10px;min-height:30px;font-size:14px;line-height:1.5}.r-line .ph{font-size:19px;color:var(--gold)}.r-line span{flex:1}.r-line small{color:var(--ink-mute);font-size:12.5px}.r-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:1.5px dashed #d8ccb2}.r-total span{font-size:14px;color:var(--ink-dim)}.r-total b{font-size:28px;color:var(--gold);line-height:1.3}.stamp{position:absolute;left:18px;bottom:54px;width:92px;height:92px;border-radius:50%;border:3px solid rgba(47,122,85,.75);color:var(--ok);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:15px;line-height:1.2;transform:rotate(-14deg)}.stamp .ph{font-size:20px}.r-tear{height:10px;background-repeat:repeat-x;background-size:14px 14px;background-image:linear-gradient(135deg,var(--paper) 50%,transparent 50%),linear-gradient(225deg,var(--paper) 50%,transparent 50%)}.story{position:relative;height:320vh;background:var(--page);color:var(--ink)}.story-pin{position:sticky;top:var(--bar-h);height:calc(100vh - var(--bar-h) - var(--dock-h));height:calc(100svh - var(--bar-h) - var(--dock-h));display:grid;align-content:center}.story-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}.story-text{display:flex;flex-direction:column;gap:28px}.story h2{font-family:var(--display);font-size:40px;font-weight:700;line-height:1.2}.steps{position:relative;list-style:none;padding:0 22px 0 0;display:flex;flex-direction:column;gap:28px}.steps:before,.steps:after{content:"";position:absolute;right:0;top:6px;width:3px;border-radius:2px}.steps:before{bottom:6px;background:var(--line)}.steps:after{height:calc(var(--progress, 0) * (100% - 12px));background:var(--gold)}.step{display:flex;flex-direction:column;gap:6px;opacity:.32;transition:opacity .35s}.step.on,.no-js .step{opacity:1}.step-when{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--gold)}.step-when .ph{font-size:22px}.step-title{font-size:26px;line-height:1.3}.step p{font-size:17.5px;line-height:1.8;color:var(--ink-dim);max-width:440px;text-wrap:pretty}.panel{position:relative;height:min(70vh,600px);border-radius:32px;background:var(--panel);overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#dccdb0 1px,transparent 1px);background-size:20px 20px;opacity:.7}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;opacity:0;transform:translateY(24px) scale(.97);transition:opacity .45s,transform .45s;pointer-events:none}.scene.past{transform:translateY(-24px) scale(.97)}.scene.on,.no-js .scene[data-scene="0"]{opacity:1;transform:none}.sheet{width:100%;max-width:380px;background:#fff;border-radius:24px;padding:20px;box-shadow:0 30px 60px -30px #46320f66;display:flex;flex-direction:column;gap:12px;line-height:1.5}.provs{display:flex;gap:8px}.provs span{flex:1;height:44px;border-radius:12px;display:grid;place-items:center;font-size:13.5px;font-weight:600;border:1.5px solid var(--line)}.provs .on{border-color:var(--gold);background:var(--gold-wash)}.amount{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 0 14px}.muted{font-size:13px;color:var(--ink-mute)}.amt{display:flex;align-items:center;gap:4px;font-size:44px;font-weight:700;line-height:1.2}.caret{width:3px;height:38px;border-radius:2px;background:var(--gold);opacity:0}.typing .caret{animation:caret .8s steps(1) infinite}@keyframes caret{0%{opacity:1}50%{opacity:0}}.calc-row{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;border-radius:12px;background:var(--page);border:1px solid var(--line)}.calc-row span{font-size:14.5px;color:var(--ink-dim)}.calc-row small{font-size:12.5px;color:var(--ink-mute)}.calc-row b{font-size:16px}.calc-row.total{min-height:54px;background:var(--gold-wash);border-color:#e6d3a4}.calc-row.total b{font-size:19px;color:var(--gold)}.sheet.count{max-width:420px;gap:10px}.count-head{display:flex;justify-content:space-between;align-items:center}.count-head b{font-size:16.5px}.count-head>span{font-size:13px;color:var(--ink-mute)}.box-row{display:flex;align-items:center;gap:12px;min-height:62px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:#fff;transition:background .2s,border-color .2s}.box-row.counting{background:#fbf6ea}.box-row.ok{border-color:#cfe5d8}.box-row.bad{border-color:#ebc4bc;background:#fcf1ee}.box-ic{width:36px;height:36px;flex:none;border-radius:10px;background:#f6ebd2;display:grid;place-items:center;color:var(--gold);font-size:20px}.box-name{flex:1;min-width:0;display:flex;flex-direction:column}.box-name b{font-size:14.5px}.box-name small{font-size:12.5px;color:var(--ink-mute)}.box-fig{display:flex;flex-direction:column;align-items:flex-end}.box-fig b{font-size:15px}.diff{font-size:12.5px;font-weight:700;color:var(--ok);min-height:1.5em}.bad .diff{color:var(--bad)}.count-note{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-mute)}.count-note .ph{font-size:19px;color:var(--bad)}.scene-phone{place-items:end center;padding:20px 20px 0}.phone{width:270px;border-radius:38px 38px 0 0;background:var(--ink);padding:10px 10px 0;box-shadow:0 30px 60px -24px #32230a8c}.phone-screen{position:relative;height:470px;border-radius:29px 29px 0 0;background:#f5f1e8;padding:26px 14px 0;display:flex;flex-direction:column;gap:10px;overflow:hidden;line-height:1.5}.notch{position:absolute;top:8px;left:50%;width:64px;height:6px;border-radius:3px;background:var(--ink);transform:translate(-50%)}.toast{position:absolute;top:18px;left:10px;right:10px;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:0 10px 24px -10px #28190559}.toast-ic{width:30px;height:30px;flex:none;border-radius:9px;background:#f6ebd2;display:grid;place-items:center;color:var(--gold);font-size:18px}.toast-t{display:flex;flex-direction:column;min-width:0}.toast-t b{font-size:12.5px}.toast-t small{font-size:11.5px;color:var(--ink-mute)}.greet{font-size:13px;color:var(--ink-mute);padding-top:6px}.kpi{background:linear-gradient(135deg,#8e6a1c,#5a3f0e);border-radius:18px;padding:14px 16px;color:#fff6e2;display:flex;flex-direction:column;gap:6px}.kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#f0ddb0}.eye{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff0d238;font-size:18px}.eye .ph:last-child{display:none}.eye.shut{background:#fff0d21a}.eye.shut .ph:first-child{display:none}.eye.shut .ph:last-child{display:block}.kpi b{font-size:27px;line-height:1.3}.p-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid #eae3d4}.p-row .ph{font-size:19px;color:var(--gold)}.p-row.safe .ph{color:var(--ok)}.p-row span{flex:1;font-size:13px}.p-row b{font-size:13px}.visit{position:relative;background:var(--night);color:var(--cream);overflow:hidden}.star{position:absolute;left:18%;top:50%;width:620px;height:620px;transform:translate(-50%,-50%);pointer-events:none}.js .star{animation:star 43s linear infinite}@keyframes star{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.star span{position:absolute;top:90px;right:90px;bottom:90px;left:90px;border:1.5px solid rgba(217,174,90,.18);border-radius:24px}.star span:nth-child(2){transform:rotate(45deg)}.star span:nth-child(3){top:190px;right:190px;bottom:190px;left:190px;border-color:#d9ae5a1f;border-radius:50%}.visit-inner{position:relative;padding:110px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px;align-items:center}.js .visit-inner{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}.js .visit-inner.in{opacity:1;transform:none}.visit-text{display:flex;flex-direction:column;gap:18px}.kicker{color:var(--gold-hi);font-size:15px;font-weight:600}.visit h2{font-family:var(--display);font-size:84px;font-weight:700;line-height:1.1}.place{display:flex;align-items:center;gap:8px;font-size:20px;color:var(--sand)}.place .ph{font-size:22px;color:var(--gold-hi)}.services{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.services li{padding:8px 16px;border-radius:999px;background:#fff0d20f;font-size:14.5px;color:#e8dab9;line-height:1.5}.visit-note{font-size:17.5px;color:var(--dust)}.contact{display:flex;flex-direction:column;border-radius:24px;border:1px solid rgba(255,240,210,.1);background:#fff0d208;overflow:hidden}.contact a{display:flex;align-items:center;gap:14px;min-height:76px;padding:0 22px;color:var(--cream);border-bottom:1px solid rgba(255,240,210,.08);transition:background .15s}.contact a:last-child{border-bottom:0}.contact a:hover{background:#fff0d20d}.c-ic{width:44px;height:44px;flex:none;border-radius:13px;background:#d9ae5a24;display:grid;place-items:center;color:var(--gold-hi);font-size:24px}.c-ic.wa{background:#7fd3a41f;color:var(--mint)}.c-t{flex:1;display:flex;flex-direction:column;line-height:1.5}.c-t b{font-weight:600;font-size:16.5px}.c-t small{font-size:14px;color:var(--dust);text-align:right}.c-go{color:var(--dust)}.foot{position:relative;padding:14px 0;border-top:1px solid rgba(255,240,210,.08);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--dust)}.foot a{color:var(--gold-hi);font-weight:600;min-height:44px;display:inline-flex;align-items:center}.foot a:hover{color:var(--gold-lite)}.dock{display:none}@media(max-width:759px){:root{--dock-h: 76px}body{padding-bottom:calc(var(--dock-h) + env(safe-area-inset-bottom))}.wrap{width:min(1200px,100% - 40px)}.bar-nav{display:none}.hero-inner{padding:44px 0 40px;gap:20px}h1{font-size:46px}.lede{font-size:17px}.hero-actions{display:none}.stage{grid-template-columns:1fr;margin-top:12px;gap:24px}.ticker-b{display:none}.ticker-a{height:auto;margin:0 -20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.ticker-a .ticker-track{flex-direction:row;width:max-content}.js .ticker-a .ticker-track{animation:tick-side 32s linear infinite}.ticker-a .op{height:44px;padding:0 12px;margin:0 0 0 10px;gap:8px;border-radius:999px;background:#fff0d20d;border-color:#fff0d21a;white-space:nowrap}.ticker-a .op-ic{width:auto;height:auto;background:none;font-size:18px}.ticker-a .op-t{flex:none}.ticker-a .op-t b,.ticker-a .op-v{font-size:13px}.ticker-a .op-t b{font-weight:400}.ticker-a .op-t small{display:none}.paper-window{height:420px}.story{height:300vh}.story-pin{align-content:center}.story-inner{grid-template-columns:1fr;gap:18px}.story-text{gap:12px}.story h2{font-size:28px}.steps{gap:12px}.js .step:not(.on){display:none}.step-title{font-size:21px}.step p{font-size:15.5px}.panel{height:min(46vh,420px);height:min(46svh,420px);border-radius:28px}.phone-screen{height:340px}.star{left:50%}.visit-inner{padding:56px 0}.visit h2{font-size:48px}.place{font-size:17px}.visit-note{font-size:15.5px}.dock{display:block;position:fixed;bottom:0;left:0;right:0;z-index:50;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#15100af0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,240,210,.1)}.dock-inner{max-width:430px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.dock .btn{height:52px;padding:0 12px;font-size:15.5px;gap:8px}}@keyframes tick-side{0%{transform:translate(0)}to{transform:translate(50%)}}@media(max-width:759px)and (max-height:700px){.panel{height:min(40svh,360px)}.phone-screen{height:300px}.step p{font-size:14.5px;line-height:1.7}}.no-js .story{height:auto}.no-js .story-pin{position:static;height:auto;padding:56px 0}@media(prefers-reduced-motion:reduce){.js .rise,.js .live,.js .ticker-track,.js .star,.printing .led,.typing .caret{animation:none!important}.scene,.step,.js .visit-inner,.box-row{transition:none!important}}