:root{--ink: #0b0f14;--ink-2: #1c2129;--paper: #f5f6f7;--paper-2: #ffffff;--accent: #0f6f9e;--accent-fg: #ffffff;--highlight: #d6e9f2;--line: rgba(11, 15, 20, .1);--line-strong: rgba(11, 15, 20, .22);--mute: rgba(11, 15, 20, .56);--grid: rgba(11, 15, 20, .05);--pad-section: 140px;--pad-card: 32px;--ar: "IBM Plex Sans Arabic", system-ui, sans-serif;--en: "IBM Plex Sans", -apple-system, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--serif: "Newsreader", "Times New Roman", serif;--gutter: clamp(20px, 4vw, 64px);--rule: .5px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);max-width:100%;overflow-x:clip}body{font-family:var(--ar);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.55}#root{overflow-x:clip}.en{direction:ltr;unicode-bidi:isolate;font-family:var(--en)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.serif{font-family:var(--serif)}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center top,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center top,black 30%,transparent 80%);opacity:.6}.shell{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--gutter);position:relative;z-index:1}.nav{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:14px var(--gutter);background:color-mix(in oklab,var(--paper) 82%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:var(--rule) solid transparent;transition:border-color .3s ease}.nav.scrolled{border-bottom-color:var(--line)}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.nav-logo .wm{display:flex;flex-direction:column;gap:1px;line-height:1}.nav-logo .wm-ar{font-weight:600;font-size:16px;letter-spacing:-.005em}.nav-logo .wm-en{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase}.nav-links{display:flex;gap:28px;justify-content:center}.nav-links a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;font-family:var(--ar);display:inline-flex;align-items:center;gap:6px;position:relative;padding:4px 0}.nav-links a .ord{font-family:var(--mono);font-size:10px;color:var(--mute);letter-spacing:.04em}.nav-links a:hover{color:var(--accent)}.nav-links a:hover .ord{color:var(--accent);opacity:.7}.nav-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--rule) solid var(--ink);background:var(--ink);color:var(--paper);font:inherit;font-weight:500;font-size:13.5px;padding:9px 16px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s,border-color .2s}.nav-cta:hover{background:var(--accent);border-color:var(--accent)}.nav-cta .k{font-family:var(--mono);font-size:10px;opacity:.55}.hero{position:relative;padding:clamp(28px,3.5vh,52px) 0 clamp(20px,3vh,40px);overflow:hidden;border-bottom:var(--rule) solid var(--line);min-height:calc(100svh - 64px);display:flex;flex-direction:column;justify-content:space-between}.hero>.shell{display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:0;gap:clamp(24px,4vh,56px)}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;max-width:100%}.hex-float{will-change:transform}.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:end;position:relative;z-index:2;min-width:0}.hero-grid>*{min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 6px 12px;border-radius:999px;background:var(--paper-2);border:var(--rule) solid var(--line-strong);font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink)}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px color-mix(in oklab,#10b981 25%,transparent);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in oklab,#10b981 0%,transparent)}}.eyebrow .sep{width:1px;height:12px;background:var(--line-strong)}.eyebrow .en{font-size:10.5px;color:var(--mute)}.hero-h1{font-family:var(--ar);font-weight:600;font-size:clamp(36px,min(5.2vw,7vh),84px);line-height:.98;letter-spacing:-.03em;margin:16px 0 0;text-wrap:balance}.hero-h1 .accent{color:var(--accent)}.hero-h1 .serif-em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.025em;color:var(--ink);padding:0 .15ch}.hero-sub{margin-top:18px;max-width:56ch;display:grid;gap:6px}.hero-sub .ar{font-size:clamp(14px,1.2vw,17px);color:var(--ink);line-height:1.55}.hero-sub .en{font-size:12.5px;color:var(--mute);line-height:1.55;letter-spacing:.005em}.hero-ctas{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:8px;font-size:14.5px;font-weight:500;border:var(--rule) solid transparent;transition:background .2s,color .2s,border-color .2s,transform .2s}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--ink);background:var(--paper-2)}.btn .arr{font-family:var(--mono);font-size:13px;transition:transform .2s}.btn:hover .arr{transform:translate(-3px)}.hero-card{background:var(--paper-2);border:var(--rule) solid var(--line-strong);border-radius:12px;overflow:hidden;font-family:var(--mono);font-size:12px;position:relative;min-width:0;max-width:100%;box-shadow:0 1px #fff9 inset,0 30px 80px -40px #0b0f1440}.hero-card .ln{overflow:hidden}.hero-card .hd{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:var(--rule) solid var(--line);background:color-mix(in oklab,var(--ink) 4%,transparent);direction:ltr}.hero-card .hd i{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.hero-card .hd i:nth-child(1){background:#ed6a5e}.hero-card .hd i:nth-child(2){background:#f4be4f}.hero-card .hd i:nth-child(3){background:#61c554}.hero-card .hd .ttl{flex:1;text-align:center;color:var(--mute);font-size:11px;letter-spacing:.04em}.hero-card .body{padding:16px 18px;direction:ltr}.hero-card .ln{display:flex;gap:10px;padding:4px 0}.hero-card .ln .gut{color:var(--mute);-webkit-user-select:none;user-select:none;min-width:18px;text-align:right}.hero-card .ln .kw{color:var(--accent)}.hero-card .ln .str{color:#b5651d}.hero-card .ln .com{color:var(--mute)}.hero-card .ln .ok{color:#10b981}.hero-card .cursor{display:inline-block;width:7px;height:12px;background:var(--ink);vertical-align:-1px;animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.hero-stats{margin-top:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--rule) solid var(--line-strong);border-bottom:var(--rule) solid var(--line);position:relative;z-index:2}.hero-stat{padding:14px 4px 14px 20px;border-left:var(--rule) solid var(--line);position:relative}.hero-stat:first-child{border-left:0;padding-right:0}.hero-stat .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;display:block}.hero-stat .v{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.hero-stat .v .num-big{font-size:clamp(22px,2.2vw,30px);font-weight:500;line-height:1;letter-spacing:-.01em;font-family:var(--ar)}.hero-stat .v .num-big.en{font-family:var(--mono);font-weight:500}.hero-stat .v .small{font-size:12.5px;color:var(--mute);font-weight:400;line-height:1.3}.hero-stat .v .small.en{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em}.ticker{background:var(--ink);color:var(--paper);border-top:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink);overflow:hidden;padding:16px 0;direction:ltr}.ticker-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.ticker-set{display:flex;gap:48px;padding-right:48px;flex-shrink:0}.ticker-item{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-family:var(--mono);font-size:12.5px;letter-spacing:.08em}.ticker-item .label{color:var(--accent)}.ticker-item .sep{color:#f5f6f759}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-25%)}}.section{padding:var(--pad-section) 0;position:relative}.section+.section{border-top:var(--rule) solid var(--line)}.section-head{display:grid;grid-template-columns:80px 1fr 200px;align-items:end;gap:32px;margin-bottom:clamp(48px,6vw,80px);padding-bottom:20px;border-bottom:var(--rule) solid var(--line-strong)}.section-head .ord{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--mute);text-transform:uppercase}.section-head h2{margin:0;font-family:var(--ar);font-weight:600;font-size:clamp(36px,5vw,72px);line-height:1;letter-spacing:-.025em;text-wrap:balance}.section-head h2 .serif-em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.section-head .meta{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--mute);text-align:left;direction:ltr}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);border:var(--rule) solid var(--line-strong);border-radius:12px;overflow:hidden;background:var(--paper-2)}.service{padding:var(--pad-card) calc(var(--pad-card) + 4px);border-left:var(--rule) solid var(--line);border-bottom:var(--rule) solid var(--line);background:var(--paper-2);transition:background .25s;position:relative}.service:nth-child(2n){border-left:0}.service:nth-child(n+3){border-bottom:0}.service:hover{background:color-mix(in oklab,var(--accent) 4%,var(--paper-2))}.service .head{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.service .ord{font-family:var(--mono);font-size:11px;color:var(--mute);letter-spacing:.08em}.service .icon{color:var(--ink);transition:color .25s}.service:hover .icon{color:var(--accent)}.service h3{margin:0 0 6px;font-family:var(--ar);font-weight:600;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.015em}.service .en-sub{font-family:var(--en);font-size:12px;color:var(--mute);letter-spacing:.02em;margin-bottom:16px}.service p{margin:0;font-size:15px;line-height:1.65;color:var(--ink);max-width:44ch}.service .deliverables{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px}.service .deliverables li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink)}.service .deliverables li svg{color:var(--accent);flex-shrink:0}.service .service-foot{margin-top:24px;padding-top:20px;border-top:var(--rule) dashed var(--line-strong);display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.service .service-stat{display:flex;flex-direction:column;gap:2px}.service .service-stat .v{font-family:var(--mono);font-size:22px;font-weight:500;color:var(--ink);line-height:1;letter-spacing:-.01em}.service .service-stat .k{font-family:var(--mono);font-size:10px;color:var(--mute);letter-spacing:.08em;text-transform:uppercase}.service .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:0;justify-content:flex-end;max-width:60%}.process{margin-top:clamp(48px,6vw,80px);padding-top:clamp(32px,4vw,48px);border-top:var(--rule) solid var(--line-strong);display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:center}.process-label{display:flex;flex-direction:column;gap:4px}.process-label .mono{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase}.process-label>span:last-child{font-size:22px;font-weight:600;letter-spacing:-.01em}.process-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:var(--rule) solid var(--line-strong);border-radius:10px;overflow:hidden}.process-step{background:var(--paper-2);padding:20px 18px;display:flex;flex-direction:column;gap:4px;position:relative;transition:background .2s}.process-step:hover{background:color-mix(in oklab,var(--accent) 6%,var(--paper-2))}.process-step .n{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.12em}.process-step .ar{font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.1;margin-top:2px}.process-step .en{font-family:var(--mono);font-size:10.5px;color:var(--mute);letter-spacing:.04em;text-transform:uppercase}@media (max-width: 1000px){.process{grid-template-columns:1fr}.process-steps{grid-template-columns:repeat(2,1fr)}.service .tags{max-width:100%;justify-content:flex-start}}.tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;padding:4px 9px;border-radius:4px;background:color-mix(in oklab,var(--ink) 5%,transparent);color:var(--ink)}.tag.accent{background:color-mix(in oklab,var(--accent) 14%,transparent);color:var(--accent)}.projects{display:flex;flex-direction:column;gap:20px}.project{border:var(--rule) solid var(--line-strong);border-radius:14px;background:var(--paper-2);padding:clamp(32px,4vw,56px);display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;min-height:460px;position:relative;overflow:hidden;min-width:0}.project>*{min-width:0}.project-info{word-wrap:break-word;overflow-wrap:anywhere}.project:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 90% 10%,var(--proj-tint, transparent) 0%,transparent 50%);pointer-events:none}.project-info{position:relative;z-index:2}.project-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;background:var(--paper);border:var(--rule) solid var(--line-strong)}.project-badge .pip{width:6px;height:6px;border-radius:50%}.project-badge.live{color:#047857}.project-badge.live .pip{background:#10b981;box-shadow:0 0 0 3px color-mix(in oklab,#10b981 25%,transparent);animation:pulse 1.6s ease-in-out infinite}.project-badge.soon{color:#b45309}.project-badge.soon .pip{background:#f59e0b}.project-title{font-family:var(--ar);font-weight:600;font-size:clamp(40px,5.2vw,72px);line-height:1;letter-spacing:-.03em;margin:16px 0 18px}.project-title .dot{color:var(--proj-accent, var(--accent))}.project-domain{font-family:var(--mono);font-size:13.5px;color:var(--mute);margin-bottom:18px;direction:ltr}.project-domain .url{color:var(--ink)}.project-desc{margin:0 0 22px;font-size:16px;line-height:1.65;max-width:50ch;color:var(--ink)}.project-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.project-cta{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:11px 18px;border-radius:8px;border:var(--rule) solid var(--ink);color:var(--ink);font-weight:500;font-size:14.5px;transition:background .2s,color .2s}.project-cta:hover{background:var(--ink);color:var(--paper)}.project-cta .arr{font-family:var(--mono);transition:transform .2s}.project-cta:hover .arr{transform:translate(-4px)}.project-visual{display:grid;place-items:center;min-height:380px;position:relative;z-index:2}.partners{padding:clamp(70px,8vw,110px) 0;background:var(--ink);color:var(--paper)}.partners h4{margin:0 0 36px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f5f6f78c;display:flex;align-items:center;justify-content:center;gap:20px}.partners h4:before,.partners h4:after{content:"";flex:0 0 80px;height:var(--rule);background:#f5f6f733}.partners-mask{overflow:hidden;width:100%}.partners-track{display:flex;width:max-content;align-items:center;animation:marquee 30s linear infinite;direction:ltr}.partners-set{display:flex;gap:64px;padding-right:64px;align-items:center;flex-shrink:0}.partner{display:inline-flex;align-items:center;gap:14px;font-family:var(--en);font-weight:500;font-size:26px;letter-spacing:-.01em;color:var(--paper);opacity:.78;white-space:nowrap;transition:opacity .2s}.partner:hover{opacity:1}.partner .ar-sub{font-family:var(--ar);font-size:12.5px;color:#f5f6f78c;font-weight:400}.partner-sep{color:#f5f6f740;font-family:var(--mono);font-size:14px}.contact-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}.contact-form{display:grid;gap:18px}.field{display:grid;gap:8px}.field label{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--mute);text-transform:uppercase}.field input,.field textarea,.field select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--paper-2);border:var(--rule) solid var(--line-strong);padding:12px 14px;font:inherit;font-size:15px;color:var(--ink);border-radius:8px;outline:none;font-family:var(--ar);transition:border-color .2s}.field input::placeholder,.field textarea::placeholder{color:#0b0f1452}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-submit{justify-self:start;margin-top:8px}.contact-submit:disabled{opacity:.55;cursor:not-allowed}.field-error{display:block;margin-top:6px;font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:#b91c1c}.field input[aria-invalid=true],.field textarea[aria-invalid=true],.field select[aria-invalid=true]{border-color:#b91c1c}.contact-side{padding:28px;background:var(--paper-2);border:var(--rule) solid var(--line-strong);border-radius:12px;display:flex;flex-direction:column;gap:22px;position:sticky;top:96px}.contact-side h4{margin:0;font-size:18px;font-weight:600}.contact-row .k{font-family:var(--mono);font-size:10px;color:var(--mute);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.contact-row .v{font-size:15px;line-height:1.55}.contact-row a{color:inherit;text-decoration:none;border-bottom:var(--rule) solid var(--line-strong)}.contact-row a:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer{background:var(--ink);color:var(--paper);padding:clamp(80px,9vw,130px) 0 36px;position:relative;overflow:hidden}.footer-cta{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;padding-bottom:56px;border-bottom:var(--rule) solid rgba(245,246,247,.12)}.footer-cta h2{margin:0;font-family:var(--ar);font-weight:500;font-size:clamp(40px,6vw,96px);line-height:1;letter-spacing:-.03em;max-width:14ch;text-wrap:balance}.footer-cta h2 .serif-em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.footer-cta .btn-primary{background:var(--accent);border-color:var(--accent);padding:18px 24px;font-size:15px}.footer-cta .btn-primary:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.footer-meta{padding-top:40px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px}.fm-col h5{margin:0 0 14px;font-family:var(--mono);font-size:10.5px;color:#f5f6f780;text-transform:uppercase;letter-spacing:.14em;font-weight:500}.fm-col a,.fm-col span{display:block;color:var(--paper);text-decoration:none;font-size:14px;line-height:2;opacity:.82}.fm-col a:hover{opacity:1;color:var(--accent)}.footer-wm{margin-top:56px;font-family:var(--ar);font-weight:600;font-size:clamp(48px,16vw,240px);line-height:1;letter-spacing:-.04em;color:var(--paper);opacity:.06;white-space:nowrap;text-align:center;max-width:100%;overflow:hidden}.footer-bottom{margin-top:32px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--mono);font-size:10.5px;color:#f5f6f780;letter-spacing:.08em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.reveal-d1{transition-delay:.06s}.reveal-d2{transition-delay:.12s}.reveal-d3{transition-delay:.18s}.reveal-d4{transition-delay:.24s}.no-motion .reveal{opacity:1;transform:none;transition:none}.no-motion .ticker-track,.no-motion .partners-track{animation:none}.no-motion .hex-float{animation:none!important}.no-motion .cursor{animation:none;opacity:0}.density-compact{--pad-section: 96px;--pad-card: 24px;font-size:15px}.density-roomy{--pad-section: 180px;--pad-card: 44px;font-size:17px}@media (max-width: 1000px){.hero-grid{grid-template-columns:1fr;gap:40px}.services-grid{grid-template-columns:1fr}.service{border-left:0!important;border-bottom:var(--rule) solid var(--line)!important}.service:last-child{border-bottom:0!important}.project{grid-template-columns:1fr;padding:32px}.contact-wrap{grid-template-columns:1fr}.nav-links{display:none}.section-head{grid-template-columns:1fr;gap:16px}.section-head .meta{text-align:right}.hero-stats{grid-template-columns:1fr 1fr}.hero-stat:nth-child(n+3){border-top:var(--rule) solid var(--line)}.hero-stat:nth-child(odd){border-left:0}.footer-meta{grid-template-columns:1fr 1fr}.footer-cta{grid-template-columns:1fr}}@media (max-width: 640px){:root{--gutter: 16px}.nav{gap:12px;padding:12px var(--gutter)}.nav-logo .wm{padding-right:8px!important;margin-right:0!important}.partners h4{gap:10px;padding:0 var(--gutter)}.partners h4:before,.partners h4:after{flex:0 0 24px}.project{padding:24px;min-height:auto;gap:28px}.project-visual{min-height:0}.mock{max-width:100%}.section-head .meta{width:auto!important}.contact-side{position:static}.field-row{grid-template-columns:1fr}}.section,.shell,.hero,.partners,.footer,.nav{min-width:0;max-width:100%}.mock{width:100%;max-width:540px;border-radius:14px;overflow:hidden;box-shadow:0 1px #fff9 inset,0 40px 90px -30px #0b0f1466,0 10px 30px -15px #0b0f1433;background:#fff;transform:perspective(2000px) rotateY(-4deg) rotateX(1deg);transition:transform .8s cubic-bezier(.2,.7,.2,1);position:relative}.project:hover .mock{transform:perspective(2000px) rotateY(-2deg) rotateX(.5deg) translateY(-3px)}.no-motion .mock{transform:none}.mock-chrome{display:flex;align-items:center;gap:8px;padding:9px 14px;background:#f5f6f7;border-bottom:1px solid #e6e7e9;direction:ltr}.mock-chrome i{width:9px;height:9px;border-radius:50%}.mock-chrome i:nth-child(1){background:#ed6a5e}.mock-chrome i:nth-child(2){background:#f4be4f}.mock-chrome i:nth-child(3){background:#61c554}.mock-chrome .url{flex:1;text-align:center;font-family:var(--mono);font-size:11px;color:#6b7280;background:#fff;border:1px solid #e6e7e9;border-radius:5px;padding:3px 10px;letter-spacing:.02em}.qawaem-mock{background:#fdfcf8;color:#1a1410;direction:rtl}.qm-body{display:grid;grid-template-columns:130px 1fr;min-height:400px}.qm-side{background:#f8f5ec;border-left:1px solid #ece5d3;padding:16px 12px;display:flex;flex-direction:column;gap:3px;font-size:12px}.qm-side .logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;margin-bottom:14px;color:#1a1410}.qm-side .logo svg{background:#1a1410;border-radius:5px;padding:3px}.qm-side .nav-i{padding:7px 10px;border-radius:6px;font-size:11.5px;color:#57452f;opacity:.8}.qm-side .nav-i.active{background:#1a1410;color:#fdfcf8;opacity:1;font-weight:600}.qm-side .nav-i .ord{font-family:var(--mono);font-size:9.5px;opacity:.55;margin-left:6px}.qm-main{padding:18px 20px}.qm-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.qm-head h5{margin:0;font-size:14.5px;font-weight:700}.qm-head .num-r{font-family:var(--mono);font-size:10.5px;color:#8a7558;margin-top:2px;letter-spacing:.04em}.qm-pill{display:inline-flex;align-items:center;gap:5px;background:#d8efe1;color:#0a5e36;padding:4px 10px;border-radius:999px;font-family:var(--mono);font-size:9.5px;letter-spacing:.04em}.qm-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.qm-cell{background:#fff;border:1px solid #ece5d3;border-radius:6px;padding:7px 10px}.qm-cell .k{display:block;font-family:var(--mono);font-size:8.5px;color:#8a7558;text-transform:uppercase;letter-spacing:.08em}.qm-cell .v{display:block;font-size:12px;font-weight:600;margin-top:2px}.qm-table{width:100%;border-collapse:collapse;font-size:11.5px;margin-bottom:10px}.qm-table th{text-align:right;padding:7px 6px;font-family:var(--mono);font-size:9px;color:#8a7558;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #ece5d3;font-weight:500}.qm-table td{padding:7px 6px;border-bottom:1px solid #f5efde}.qm-table td.num{font-family:var(--mono)}.qm-totals{background:#fff;border:1px solid #ece5d3;border-radius:8px;padding:10px 14px;font-size:12px}.qm-totals>div{display:flex;justify-content:space-between;padding:3px 0}.qm-totals .grand{font-weight:700;font-size:14px;border-top:1px solid #ece5d3;padding-top:7px;margin-top:4px;color:#0a5e36}.qm-totals .grand .num{color:#1a1410}.qm-foot{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #f5efde}.qm-qr{width:36px;height:36px}.qm-foot .lbl{font-family:var(--mono);font-size:10px;color:#8a7558}.ajer-mock{background:#f8fafd;color:#0b1428;direction:rtl;padding:18px 20px}.aj-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.aj-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px}.aj-mark{background:#1a3a8a;color:#fff;border-radius:7px;padding:5px;display:grid;place-items:center}.aj-tag{margin-right:4px;background:#1a3a8a;color:#fff;padding:3px 8px;border-radius:4px;font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase}.aj-pill{background:#fff;border:1px solid #dde3ee;padding:6px 12px;border-radius:999px;font-family:var(--mono);font-size:10.5px;color:#5e6a85;display:inline-flex;align-items:center;gap:6px}.aj-pill .arr{color:#1a3a8a}.aj-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.aj-stats>div{background:#fff;border:1px solid #e3e7f0;border-radius:8px;padding:10px 12px}.aj-stats .k{display:block;font-family:var(--mono);font-size:8.5px;color:#5e6a85;text-transform:uppercase;letter-spacing:.08em}.aj-stats .v{display:block;font-size:20px;font-weight:700;margin-top:2px;font-family:var(--mono);color:#1a3a8a}.aj-stats .delta{font-size:10px;color:#0a5e36;margin-top:2px;font-family:var(--mono)}.aj-stats .delta.down{color:#b45309}.aj-cards{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.aj-car{display:grid;grid-template-columns:80px 1fr auto auto;align-items:center;gap:10px;padding:9px 12px;background:#fff;border:1px solid #e3e7f0;border-radius:8px}.aj-car-img{width:80px;height:36px;display:grid;place-items:center;background:linear-gradient(135deg,#f0f3fa,#e0e6f3);border-radius:6px}.aj-car-info b{display:block;font-size:12.5px;font-weight:700}.aj-car-info .plate{display:inline-block;font-family:var(--mono);font-size:10px;color:#5e6a85;background:#f5f7fb;padding:2px 7px;border-radius:3px;margin-top:3px;letter-spacing:.04em}.aj-status{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:4px;white-space:nowrap}.aj-status.rented{background:#fff4e8;color:#b45309}.aj-status.free{background:#e0f5e8;color:#0a5e36}.aj-status.maint{background:#fde8e8;color:#b91c1c}.aj-car .price{font-family:var(--mono);font-size:10.5px;color:#5e6a85}.aj-integ{display:flex;gap:8px}.aj-integ .pill{flex:1;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e3e7f0;padding:8px 12px;border-radius:8px;font-size:11px}.aj-integ .pill svg{flex-shrink:0}.aj-integ .pill b{color:#1a3a8a;font-weight:600}.event-mock{background:#0f1119;color:#ecedef;padding:16px;direction:rtl}.ev-build{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;margin-bottom:12px}.ev-toolbar{display:flex;align-items:center;gap:6px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:12px}.ev-toolbar .tool{width:22px;height:22px;border-radius:5px;background:#ffffff0f;display:grid;place-items:center;color:#ecedef99}.ev-toolbar .tool.active{background:var(--accent, #0f6f9e);color:#fff}.ev-toolbar .spacer{flex:1}.ev-toolbar .device{font-family:var(--mono);font-size:9.5px;color:#ecedef73;letter-spacing:.06em}.ev-canvas{background:linear-gradient(135deg,#1a1d2a,#14171f);border-radius:8px;padding:20px 16px;border:1px solid rgba(255,255,255,.06)}.ev-canvas .ev-title{font-family:var(--ar);font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.ev-canvas .ev-title .accent{color:var(--accent, #0f6f9e)}.ev-canvas .ev-meta{font-family:var(--mono);font-size:10px;color:#ecedef8c;margin-top:6px;letter-spacing:.04em}.ev-canvas .ev-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.ev-canvas .ev-tile{background:#ffffff0a;border-radius:6px;padding:8px}.ev-canvas .ev-tile .k{display:block;font-family:var(--mono);font-size:8px;color:#ecedef80;text-transform:uppercase;letter-spacing:.08em}.ev-canvas .ev-tile .v{display:block;font-family:var(--mono);font-weight:700;font-size:16px;margin-top:2px}.ev-ticket{display:grid;grid-template-columns:18px 1fr auto;background:#fff;color:#0f1119;border-radius:10px;overflow:hidden;position:relative}.ev-ticket-side{background:var(--accent, #0f6f9e);display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:14px 0}.ev-ticket-side .dot{width:5px;height:5px;border-radius:50%;background:#ffffffb3}.ev-ticket-body{padding:12px 14px}.ev-tk-row{display:flex;justify-content:space-between;gap:14px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#0f11198c}.ev-tk-name{font-family:var(--ar);font-size:16px;font-weight:700;margin:4px 0 2px}.ev-tk-ref{font-family:var(--mono);font-size:9.5px;color:#0f111980}.ev-ticket-qr{background:#0f1119;padding:8px;margin:12px;border-radius:5px}.qr-block{display:block}