@font-face{font-family:Saudi Riyal Symbol;src:url(../media/saudi-riyal.1j_0gc8-6_jrs.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+20C1}:root{--font-sar:"Saudi Riyal Symbol";--color-brand-950:#172b3a;--color-brand-900:#243f52;--color-brand-700:#3e6073;--color-steel-600:#526b7f;--color-accent-800:#064b4e;--color-accent-700:#08676b;--color-accent-500:#16979a;--color-accent-200:#80d3d1;--color-accent-50:#e8f6f5;--color-metal-500:#d9b568;--color-canvas:#f5f9f9;--color-surface:#fff;--color-surface-muted:#f1f4f6;--color-border:#e1e7ea;--color-muted:#52606d;--color-ink:#17212b;--color-danger:#b42318;--color-success:#157347;--color-warning:#8a5a00;--color-warning-bg:#fbf4e6;--color-info:#1f5f99;--color-market-green:var(--color-brand-900);--color-fresh-surface:var(--color-accent-50);--color-citrus-action:var(--color-accent-700);--color-card:var(--color-surface);--color-chip:var(--color-surface-muted);--color-olive:var(--color-accent-700);--color-harvest:var(--color-accent-700);--color-sage:var(--color-accent-700);--color-ops-canvas:var(--color-canvas);--color-ops-card:var(--color-surface);--color-ops-border:var(--color-border);--color-ops-action:var(--color-accent-700);--color-ops-accent:var(--color-accent-500);--color-ops-danger:var(--color-danger);--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-card:22px;--radius-pill:999px;--shadow-soft:0 18px 40px #172b3a14;--shadow-raised:0 24px 60px #172b3a1f;--shadow-out:0 10px 24px #172b3a14;--shadow-in:inset 0 0 0 1px var(--color-border)}
@keyframes ops-gate-atmosphere{0%{opacity:0}to{opacity:1}}@keyframes ops-gate-brand{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes ops-gate-card{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.ops-gate{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--color-accent-700) 42%, transparent), transparent 55%), radial-gradient(circle at 80% 100%, color-mix(in srgb, var(--color-accent-800) 55%, transparent), transparent 50%), linear-gradient(165deg, var(--color-brand-950) 0%, var(--color-accent-800) 48%, var(--color-accent-700) 100%);color:#fff;text-align:center;justify-content:center;align-items:center;min-block-size:100dvh;padding:clamp(1.25rem,4vw,2.5rem);animation:.48s ease-out both ops-gate-atmosphere;display:flex}.ops-gate__stack{flex-direction:column;align-items:center;gap:.5rem;inline-size:min(100%,28rem);display:flex}.ops-gate__brand{color:#fff;letter-spacing:.04em;margin:0;font-size:clamp(2rem,6vw,2.75rem);font-weight:700;line-height:1.05;animation:.52s ease-out 80ms both ops-gate-brand}.ops-gate__role{color:color-mix(in srgb, #fff 72%, var(--color-accent-200));letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(.875rem,2.4vw,1rem);font-weight:500;animation:.52s ease-out .12s both ops-gate-brand}.ops-gate__intent{max-inline-size:22rem;color:color-mix(in srgb, #fff 84%, var(--color-accent-200));margin:0 0 1rem;font-size:clamp(.9375rem,2.5vw,1.0625rem);line-height:1.45;animation:.52s ease-out .16s both ops-gate-brand}.ops-gate__card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);inline-size:100%;max-inline-size:24rem;box-shadow:var(--shadow-raised);color:var(--color-ink);text-align:start;flex-direction:column;gap:.875rem;margin-block-start:.25rem;padding:1.5rem;animation:.56s ease-out .22s both ops-gate-card;display:flex}.ops-gate__label{color:var(--color-muted);letter-spacing:.02em;margin-block-end:.375rem;font-size:.75rem;font-weight:600;display:block}.ops-gate__input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);inline-size:100%;color:var(--color-ink);font:inherit;padding:.625rem .75rem;line-height:1.4;display:block}.ops-gate__input:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent-700) 45%, transparent);outline-offset:2px;border-color:var(--color-accent-700)}.ops-gate__submit{border-radius:var(--radius-md);background:var(--color-accent-700);color:#fff;inline-size:100%;font:inherit;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb, var(--color-accent-700) 28%, transparent);border:0;justify-content:center;align-items:center;gap:.5rem;padding:.6875rem 1rem;font-weight:600;display:inline-flex}.ops-gate__submit:hover{background:var(--color-accent-800)}.ops-gate__submit:disabled{opacity:.6;cursor:not-allowed}.ops-gate__submit:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent-700) 45%, transparent);outline-offset:2px}.ops-gate__error{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface));color:var(--color-danger);margin:0;padding:.625rem .75rem;font-size:.8125rem;line-height:1.4}.ops-gate__locale{color:var(--color-muted);font:inherit;cursor:pointer;text-align:center;background:0 0;border:0;inline-size:100%;margin-block-start:.25rem;padding:0;font-size:.75rem;font-weight:600}.ops-gate__locale:hover{color:var(--color-accent-700)}.ops-gate__locale:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent-700) 45%, transparent);outline-offset:2px;border-radius:var(--radius-sm)}.ops-gate__demo,.ops-gate__footer{color:var(--color-muted);text-align:center;margin:0;font-size:.6875rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.ops-gate,.ops-gate__brand,.ops-gate__role,.ops-gate__intent,.ops-gate__card{animation:none}}