.mez-landing{--mez-h: "Tajawal", "Mada", ui-sans-serif, system-ui, sans-serif;--mez-body: "Tajawal", "Mada", ui-sans-serif, system-ui, sans-serif;--mez-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--mez-ink: var(--foreground);--mez-muted: var(--muted-foreground);--mez-line: var(--border);--mez-paper: var(--background);--mez-accent: var(--chart-3);font-family:var(--mez-body);font-weight:400;color:var(--mez-ink);background-color:var(--mez-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.mez-landing h1,.mez-landing h2,.mez-landing h3,.mez-landing .mez-font-h{font-family:var(--mez-h);letter-spacing:.012em;font-weight:500}.mez-landing p,.mez-landing .mez-font-body{font-family:var(--mez-body)}.mez-landing .mez-grid-bg{background-color:var(--mez-paper);background-image:linear-gradient(color-mix(in oklab,var(--mez-ink) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--mez-ink) 5%,transparent) 1px,transparent 1px);background-size:72px 72px}.mez-landing .mez-noise{position:relative}.mez-landing .mez-noise:before{content:"";pointer-events:none;position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mez-landing .mez-hero-visual{position:relative;min-height:280px;border:1px solid var(--mez-line);background:radial-gradient(ellipse 80% 60% at 70% 40%,color-mix(in oklab,var(--mez-accent) 22%,transparent),transparent 55%),linear-gradient(165deg,color-mix(in oklab,var(--mez-accent) 8%,var(--muted)),var(--background));box-shadow:0 24px 48px -28px color-mix(in oklab,var(--mez-ink) 18%,transparent)}.mez-landing .mez-hero-visual:after{content:"";position:absolute;inset:12% 8% 18% 12%;border:1px solid color-mix(in oklab,var(--mez-accent) 35%,transparent);border-radius:2px;pointer-events:none}.mez-landing .mez-reveal{opacity:0;transform:translateY(20px);animation:mez-reveal .75s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--mez-d, 0s)}@keyframes mez-reveal{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.mez-landing .mez-reveal{animation:none;opacity:1;transform:none}}.mez-landing .mez-service-card{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.mez-landing .mez-service-card:hover{border-color:color-mix(in oklab,var(--mez-accent) 45%,var(--mez-line));box-shadow:0 16px 40px -24px color-mix(in oklab,var(--mez-ink) 20%,transparent);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.mez-landing .mez-service-card:hover{transform:none}}.mez-landing.mez-aura-bg{position:relative;background-color:var(--mez-paper)}.mez-landing.mez-aura-bg:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(42vw 42vw at 8% 4%,rgba(147,197,253,.35),transparent 60%),radial-gradient(48vw 48vw at 92% 96%,rgba(186,230,253,.28),transparent 62%),radial-gradient(26vw 26vw at 52% 46%,rgba(255,255,255,.55),transparent 60%);filter:blur(40px);animation:mez-aura-drift 30s ease-in-out infinite}.mez-landing.mez-aura-bg:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 1px 1px,rgba(15,23,42,.09) 1px,transparent 0);background-size:2rem 2rem}.mez-landing.mez-aura-bg>:not(.mez-site-header){position:relative;z-index:1}.mez-site-header{position:fixed;z-index:100}.mez-landing.mez-aura-webgl.mez-aura-bg:before{display:none}.mez-landing.mez-aura-webgl .mez-water-bg{position:fixed;inset:0;z-index:0}.mez-landing.mez-aura-webgl.mez-aura-bg:after{z-index:0;opacity:.07}@keyframes mez-aura-drift{0%,to{transform:translateZ(0) scale(1)}40%{transform:translate3d(2vw,3vh,0) scale(1.05)}70%{transform:translate3d(-2vw,-2vh,0) scale(.98)}}.dark .mez-landing.mez-aura-bg:before{background-image:radial-gradient(42vw 42vw at 8% 4%,rgba(37,99,235,.22),transparent 60%),radial-gradient(48vw 48vw at 92% 96%,rgba(56,189,248,.14),transparent 62%)}.dark .mez-landing.mez-aura-bg:after{opacity:.12;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0)}@media(prefers-reduced-motion:reduce){.mez-landing.mez-aura-bg:before{animation:none}}.mez-landing .mez-eyebrow{display:inline-block;font-family:var(--mez-mono);font-size:.75rem;font-weight:500;letter-spacing:-.04em;color:#3b82f6;text-transform:uppercase}.dark .mez-landing .mez-eyebrow{color:#93c5fd}.mez-landing .mez-skeu-card{border-radius:2rem;background-color:#ffffffb3;border:1px solid #ffffff;box-shadow:0 18px 44px -28px #0f172a57,inset 0 1px #fff;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.mez-landing .mez-skeu-card:hover{transform:translateY(-4px);background-color:#ffffffe0}.dark .mez-landing .mez-skeu-card{background-color:color-mix(in oklab,var(--card) 88%,transparent);border-color:var(--border);box-shadow:0 18px 44px -28px #0009,inset 0 1px #ffffff0f}.dark .mez-landing .mez-skeu-card:hover{background-color:var(--card)}.mez-landing .mez-skeu-panel{border-radius:2.75rem;background-color:#fff9;border:1px solid #ffffff;box-shadow:0 30px 80px -45px #0f172a59,inset 0 1px #fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dark .mez-landing .mez-skeu-panel{background-color:color-mix(in oklab,var(--card) 80%,transparent);border-color:var(--border);box-shadow:0 30px 80px -45px #000000b3,inset 0 1px #ffffff0f}.mez-glass-nav{border:1px solid rgba(255,255,255,.88);background:linear-gradient(180deg,#ffffff9e,#ffffff6b 55%,#dbeafe47);box-shadow:0 14px 38px -22px #3b82f62e,0 14px 38px -22px #0f172a47,inset 0 1px #fffffff2;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}.mez-glass-nav:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff57,#ffffff1f);pointer-events:none}.dark .mez-glass-nav{border-color:#ffffff1f;background:linear-gradient(180deg,#0f172a8c,#0f172a61);box-shadow:0 14px 38px -22px #0000008c,inset 0 1px #ffffff14}.dark .mez-glass-nav:before{background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.mez-landing .mez-icon-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;background-color:#eff6ff;border:1px solid #dbeafe;color:#3b82f6;box-shadow:inset 0 1px #fff}.dark .mez-landing .mez-icon-chip{background-color:color-mix(in oklab,var(--chart-3) 20%,transparent);border-color:color-mix(in oklab,var(--chart-3) 35%,transparent);color:#93c5fd;box-shadow:inset 0 1px #ffffff14}.mez-landing .mez-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;background-color:#eff6ff;border:1px solid #dbeafe;color:#2563eb;font-size:.6875rem;padding:.375rem .75rem;box-shadow:inset 0 1px #fff}.dark .mez-landing .mez-badge{background-color:color-mix(in oklab,var(--chart-3) 18%,transparent);border-color:color-mix(in oklab,var(--chart-3) 32%,transparent);color:#bfdbfe}.mez-landing .mez-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;background-image:linear-gradient(to bottom,#3b82f6,#2563eb);border:1px solid #1d4ed8;color:#fff;box-shadow:0 10px 24px #3b82f642,inset 0 1px #ffffff59;transition:transform .3s ease,box-shadow .2s ease,background-image .3s ease}.mez-landing .mez-btn-primary:hover{background-image:linear-gradient(to bottom,#60a5fa,#3b82f6);transform:translateY(-2px)}.mez-landing .mez-btn-primary:active{box-shadow:inset 0 2px 4px #0000002e}.mez-landing .mez-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;background-image:linear-gradient(to bottom,#fff,#f8fafc);border:1px solid #e2e8f0;color:#334155;box-shadow:0 4px 12px #0f172a0d,inset 0 1px #fff;transition:transform .3s ease,box-shadow .2s ease,background-image .3s ease}.mez-landing .mez-btn-ghost:hover{background-image:linear-gradient(to bottom,#f8fafc,#f1f5f9);transform:translateY(-2px)}.dark .mez-landing .mez-btn-ghost{background-image:linear-gradient(to bottom,color-mix(in oklab,var(--card) 90%,transparent),var(--card));border-color:var(--border);color:var(--foreground);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0d}
