.ld-display{font-family:var(--font-kufi),var(--font-arabic),system-ui,sans-serif}html[dir=ltr] .ld-display{font-family:var(--font-latin),system-ui,sans-serif}.ld-num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.ld-hero-line{display:block;overflow:hidden;padding-bottom:.06em}.ld-hero-line>span{display:inline-block;animation:ld-rise .9s cubic-bezier(.16,1,.3,1) both}.ld-hero-line:nth-child(2)>span{animation-delay:.09s}.ld-hero-line:nth-child(3)>span{animation-delay:.18s}.ld-fade{animation:ld-fade .7s var(--ease-out) .45s both}@keyframes ld-rise{0%{transform:translateY(105%)}}@keyframes ld-fade{0%{opacity:0;transform:translateY(14px)}}.ld-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.ld-mouse{width:20px;height:30px;border:2px solid var(--faint);border-radius:12px;position:relative}.ld-mouse:after{content:"";position:absolute;top:6px;left:50%;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:var(--faint);animation:ld-wheel 1.8s var(--ease-out) infinite}@keyframes ld-wheel{0%{opacity:0;transform:translateY(-2px)}30%{opacity:1}to{opacity:0;transform:translateY(8px)}}.ld-story{position:relative;height:640vh}.ld-stage{position:sticky;top:72px;height:calc(100vh - 84px);min-height:560px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,56px);align-items:center}.ld-clock{font-weight:800;font-size:clamp(2.8rem,6vw,4.6rem);line-height:1;color:var(--primary);display:flex;align-items:baseline;gap:10px}.ld-clock small{font-family:var(--font-arabic),system-ui,sans-serif;font-size:15px;color:var(--muted);font-weight:600}.ld-chapters{position:relative;min-height:260px}.ld-chapter{position:absolute;inset:0 0 auto 0;display:grid;gap:10px;opacity:0;visibility:hidden}.ld-chapter[data-first]{opacity:1;visibility:visible}.ld-chapter h2{margin:0;font-weight:800;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.3;text-wrap:balance}.ld-chapter p{margin:0;color:var(--muted);max-width:38ch}.ld-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:280px}.ld-progress span{height:3px;border-radius:3px;background:var(--border);overflow:hidden;position:relative}.ld-progress i{position:absolute;inset:0;background:var(--primary);transform:scaleX(0);transform-origin:right}html[dir=ltr] .ld-progress i{transform-origin:left}.ld-fit{position:relative;width:100%;perspective:1400px}.ld-scene{position:absolute;top:0;inset-inline-start:0;width:620px;height:470px;transform:scale(var(--s,1));transform-origin:top right}html[dir=ltr] .ld-scene{transform-origin:top left}.ld-tilt{position:absolute;inset:0;transform-style:preserve-3d}.ld-screen{position:absolute;top:0;inset-inline-start:0;width:560px;height:420px;background:var(--surface);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-float);overflow:hidden;display:grid;grid-template-rows:auto 1fr}.ld-sh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--raised)}.ld-sh .ld-lights{display:flex;gap:6px}.ld-sh .ld-lights i{width:9px;height:9px;border-radius:50%;background:var(--border)}.ld-sh b{font-size:14px;font-weight:700}.ld-live{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.ld-live i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 20%,transparent)}.ld-sb{display:grid;grid-template-columns:minmax(0,1fr) 176px;min-height:0}.ld-q{padding:12px;display:grid;gap:8px;align-content:start}.ld-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;height:58px;padding-inline:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);position:relative;transition:box-shadow var(--t-std),border-color var(--t-std)}.ld-row .ld-t{font-weight:700;font-size:14px}.ld-row .ld-n{font-weight:600;font-size:14px}.ld-row .ld-n,.ld-row .ld-s{line-height:1.3;display:block}.ld-row .ld-s{font-size:12px;color:var(--muted)}.ld-row[data-incoming]{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ld-pill{display:inline-flex;align-items:center;height:26px;padding-inline:10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--background);color:var(--muted);white-space:nowrap;transition:background-color var(--t-std),color var(--t-std)}.ld-pill[data-st=online]{background:var(--accent-soft);color:var(--accent)}.ld-pill[data-st=confirmed]{color:var(--foreground)}.ld-pill[data-st=arrived]{background:var(--primary-soft);color:var(--primary-hover)}.ld-pill[data-st=chair]{background:var(--primary);color:var(--primary-foreground)}.ld-pill[data-st=done]{background:transparent;color:var(--success);box-shadow:inset 0 0 0 1px currentColor}.ld-arrive{inset-inline-end:96px;transform:translateY(-50%);height:28px;padding-inline:10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;line-height:26px}.ld-arrive,.ld-ripple{position:absolute;top:50%;opacity:0}.ld-ripple{inset-inline-end:106px;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:color-mix(in srgb,var(--primary) 35%,transparent);transform:scale(0);pointer-events:none}.ld-side{border-inline-start:1px solid var(--border);padding:12px;display:grid;gap:12px;align-content:start;background:var(--raised)}.ld-side h4{margin:0;font-size:11.5px;font-weight:600;color:var(--muted)}.ld-kpi{font-weight:800;font-size:22px;line-height:1.15}.ld-kpi small{font-family:var(--font-arabic),system-ui,sans-serif;font-weight:500}.ld-kpi small,.ld-wait{font-size:12px;color:var(--muted)}.ld-wait{display:grid;gap:6px}.ld-bar{height:6px;border-radius:6px;background:var(--border);overflow:hidden}.ld-bar i{display:block;height:100%;width:0;background:var(--primary);border-radius:inherit}.ld-notif{position:absolute;top:58px;inset-inline-end:-14px;width:250px;display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-float);opacity:0;visibility:hidden}.ld-notif .ld-ig{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#f58529,#dd2a7b 50%,#8134af);flex:none;display:grid;place-items:center}.ld-notif b{display:block;font-size:13px}.ld-notif span{font-size:12px;color:var(--muted);line-height:1.45;display:block}.ld-phone{position:absolute;inset-inline-end:0;bottom:-10px;width:200px;height:360px;border-radius:32px;background:#0d1f1c;padding:8px;box-shadow:var(--shadow-float);opacity:0;visibility:hidden}.ld-phone-scr{height:100%;border-radius:25px;background:#e7f7ee;overflow:hidden;display:grid;grid-template-rows:auto 1fr;color:#0d1f1c}.ld-ph{display:flex;align-items:center;gap:8px;padding:16px 12px 10px;background:#fff;border-bottom:1px solid #dfe8e5}.ld-av{width:26px;height:26px;border-radius:50%;background:#0e6e68;display:grid;place-items:center;flex:none}.ld-ph b{font-size:12px;display:block;line-height:1.2}.ld-ph span{font-size:10px;color:#1d8a4e}.ld-chat{padding:10px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end}.ld-msg{max-width:86%;padding:7px 9px;border-radius:12px;font-size:11.5px;line-height:1.5;opacity:0}.ld-msg[data-in]{align-self:flex-start;background:#fff;border-start-start-radius:4px}.ld-msg[data-out]{align-self:flex-end;background:#d9fdd3;border-start-end-radius:4px}.ld-meta{display:block;text-align:left;font-size:9.5px;color:#6c7e7a;direction:ltr}.ld-meta b{color:#34b7f1;font-weight:600}.ld-typing{align-self:flex-end;display:flex;gap:3px;padding:9px 10px;background:#d9fdd3;border-radius:12px;opacity:0}.ld-typing i{width:5px;height:5px;border-radius:50%;background:#6c7e7a;animation:ld-blink 1.2s infinite}.ld-typing i:nth-child(2){animation-delay:.15s}.ld-typing i:nth-child(3){animation-delay:.3s}@keyframes ld-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.ld-cursor{top:0;left:0;width:22px;height:22px;filter:drop-shadow(0 2px 3px rgb(0 0 0/.3));z-index:5}.ld-cursor,.ld-printer{position:absolute;opacity:0}.ld-printer{inset-inline-end:6px;top:70px;width:210px;visibility:hidden}.ld-slot{height:16px;border-radius:8px;background:#0d1f1c;box-shadow:var(--shadow-float);position:relative;z-index:2}.ld-paper{margin-inline:12px;margin-top:-6px;background:#fffdf8;color:#1b1b1b;padding:14px 12px 18px;font-size:11.5px;line-height:1.7;clip-path:inset(0 0 100% 0);position:relative;font-variant-numeric:tabular-nums}.ld-paper:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:radial-gradient(circle at 5px -1px,transparent 5px,#fffdf8 5.5px) 0 0 /10px 6px repeat-x}.ld-paper h5{margin:0 0 4px;font-size:12.5px;text-align:center}.ld-paper .ld-ln{gap:8px;border-bottom:1px dashed #c9c9c9}.ld-paper .ld-ln,.ld-paper .ld-tot{display:flex;justify-content:space-between}.ld-paper .ld-tot{font-weight:700;padding-top:4px}.ld-paper .ld-ty{text-align:center;color:#666;margin-top:6px;font-size:10.5px}.ld-close{position:absolute;inset-inline-end:10px;top:120px;width:230px;padding:16px;border-radius:18px;background:var(--ink);color:var(--ink-foreground);box-shadow:var(--shadow-float);opacity:0;visibility:hidden}.ld-close h5{margin:0 0 10px;font-size:14px}.ld-close .ld-ln{display:flex;justify-content:space-between;font-size:13px;padding-block:3px;border-bottom:1px solid rgb(255 255 255/.1)}.ld-stamp{position:absolute;inset-inline-end:70px;top:68px;padding:6px 14px;border:3px solid var(--accent);color:var(--accent);border-radius:10px;font-weight:900;font-size:22px;transform:rotate(-9deg);opacity:0;background:color-mix(in srgb,var(--ink) 60%,transparent)}.ld-role{all:unset;display:grid;gap:4px;padding:18px 0;border-top:1px solid var(--border);cursor:pointer;position:relative}.ld-role:last-child{border-bottom:1px solid var(--border)}.ld-role b{font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:700;color:var(--faint);transition:color var(--t-std)}.ld-role span{color:var(--muted);max-height:0;overflow:hidden;opacity:0;transition:max-height var(--t-slow) var(--ease-out),opacity var(--t-std)}.ld-role[aria-selected=true] b{color:var(--foreground)}.ld-role[aria-selected=true] span{max-height:90px;opacity:1}.ld-role:before{content:"";position:absolute;top:-1px;inset-inline-start:0;height:2px;width:0;background:var(--primary);transition:width var(--t-slow) var(--ease-out)}.ld-role[aria-selected=true]:before{width:100%}.ld-role:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}.ld-device{justify-self:center;width:260px;height:520px;border-radius:40px;background:#0d1f1c;padding:10px;box-shadow:var(--shadow-float)}.ld-device-scr{position:relative;height:100%;border-radius:31px;background:var(--background);overflow:hidden}.ld-view{position:absolute;inset:0;padding:30px 14px 14px;display:grid;gap:10px;align-content:start;opacity:0;transform:translateY(12px);transition:opacity var(--t-std),transform var(--t-slow) var(--ease-out)}.ld-view[data-on]{opacity:1;transform:none}.ld-view h6{margin:0;font-size:15px}.ld-c{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:12.5px}.ld-c b{font-size:20px;display:block;font-weight:800}.ld-c small{color:var(--muted)}.ld-bars{display:flex;align-items:end;gap:6px;height:64px;margin-top:6px}.ld-bars i{flex:1;background:var(--primary);border-radius:4px 4px 1px 1px;opacity:.85}.ld-range{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin-top:18px}.ld-range::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(to left,var(--primary) var(--fill,10%),var(--border) var(--fill,10%))}html[dir=ltr] .ld-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--primary) var(--fill,10%),var(--border) var(--fill,10%))}.ld-range::-moz-range-track{height:6px;border-radius:6px;background:var(--border)}.ld-range::-moz-range-progress{height:6px;border-radius:6px;background:var(--primary)}.ld-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:var(--surface);border:2px solid var(--primary);box-shadow:0 2px 8px rgb(0 0 0/.18);transition:transform var(--t-quick) cubic-bezier(.34,1.4,.64,1)}.ld-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--surface);border:2px solid var(--primary)}.ld-range:active::-webkit-slider-thumb{transform:scale(1.18)}.ld-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:20px 18px;border-bottom:1px solid var(--border);position:relative;transition:background-color var(--t-std)}.ld-plan[data-on]{background:var(--surface)}.ld-plan[data-on]:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--primary)}.ld-plan[data-on] h3{color:var(--primary-hover)}.ld-odo{display:inline-flex;font-weight:900;font-size:clamp(2rem,4vw,2.8rem);line-height:1.15;direction:ltr}.ld-odo .ld-col{display:inline-block;height:1.15em;overflow:hidden}.ld-odo .ld-strip{display:flex;flex-direction:column;transition:transform var(--t-slow) var(--ease-out)}.ld-odo .ld-sep,.ld-odo .ld-strip span{height:1.15em;display:block}.ld-qa{border-top:1px solid var(--border)}.ld-qa>button{all:unset;display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-weight:600;cursor:pointer}.ld-qa>button:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}.ld-pm{position:relative;width:14px;height:14px;flex:none}.ld-pm:after,.ld-pm:before{content:"";position:absolute;background:var(--muted);border-radius:2px;transition:transform var(--t-std) var(--ease-out)}.ld-pm:before{top:6px;left:0;right:0;height:2px}.ld-pm:after{left:6px;top:0;bottom:0;width:2px}.ld-qa[data-open] .ld-pm:after{transform:scaleY(0)}.ld-ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--t-slow) var(--ease-out)}.ld-qa[data-open] .ld-ans{grid-template-rows:1fr}.ld-ans>div{overflow:hidden;color:var(--muted)}.ld-ans p{margin:0 0 18px}@media (max-width:900px){.ld-stage{grid-template-columns:1fr;align-content:center;gap:18px;top:64px;height:calc(100svh - 72px)}.ld-clock{font-size:2.4rem}.ld-chapters{min-height:150px}.ld-chapter p{font-size:14.5px}.ld-device{width:230px;height:460px}}@media (prefers-reduced-motion:reduce){.ld-fade,.ld-hero-line>span,.ld-mouse:after,.ld-typing i{animation:none}.ld-stage,.ld-story{height:auto}.ld-stage{position:static;min-height:0;padding-block:24px}.ld-chapters{min-height:0;display:grid;gap:22px}.ld-chapter{position:static}.ld-chapter,.ld-close,.ld-stamp{opacity:1;visibility:visible}}