:root{--brand-blue: #589cf5;--brand-orange: #db6919;--blue-50: #eef5ff;--blue-100: #dcebfe;--blue-400: var(--brand-blue);--blue-600: #1f6fe0;--blue-700: #1857b8;--orange-50: #fff3ea;--orange-100: #ffe2cc;--orange-400: var(--brand-orange);--orange-700: #a84c0c;--paper: #fafaf7;--surface: #ffffff;--surface-2: #f3f2ee;--line: #e7e5df;--line-strong: #d6d3cb;--ink: #0e1525;--ink-2: #424b5c;--ink-3: #6b7280;--live: #15803d;--live-bg: #dcfce7;--color-bg: var(--paper);--color-surface: var(--surface);--color-text: var(--ink);--color-text-muted: var(--ink-2);--color-text-subtle: var(--ink-3);--color-border: var(--line);--color-primary: var(--blue-600);--color-primary-hover: var(--blue-700);--color-accent: var(--orange-400);--color-focus: var(--blue-400);--font-sans: "Plus Jakarta Sans", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: clamp(2rem, 1.4rem + 2.4vw, 2.75rem);--text-display: clamp(2.5rem, 1.5rem + 4.6vw, 4.75rem);--leading-tight: 1.05;--leading-snug: 1.25;--leading-body: 1.6;--tracking-tight: -.035em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--section-y: clamp(4rem, 3rem + 5vw, 7.5rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgb(14 21 37 / .06);--shadow-md: 0 12px 32px -12px rgb(14 21 37 / .18);--ease: cubic-bezier(.2, .7, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur: .18s;--dur-enter: .76s;--container: 1160px;--gutter: clamp(1rem, .5rem + 2vw, 2rem);--hatch: repeating-linear-gradient( -45deg, transparent 0 7px, rgb(14 21 37 / .06) 7px 8px )}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:5rem;scrollbar-color:var(--line-strong) var(--paper);accent-color:var(--color-primary);caret-color:var(--color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);background:var(--color-bg);color:var(--color-text);overflow-x:hidden}h1,h2,h3,h4{font-weight:800;line-height:var(--leading-snug);letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}::selection{background:var(--blue-100);color:var(--ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.12s!important}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-y)}.display{font-size:var(--text-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.h2{font-size:var(--text-3xl);line-height:1.1;letter-spacing:-.03em}.lead{font-size:var(--text-lg);color:var(--color-text-muted);max-width:36rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-5);font:inherit;font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#1f2a40}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--ink-3)}.btn[aria-disabled=true]{background:var(--surface-2);color:var(--ink-3);border-color:var(--line);cursor:default;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);background:var(--surface-2);color:var(--ink-2);white-space:nowrap}.badge-live{background:var(--live-bg);color:var(--live)}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-beta{background:var(--blue-50);color:var(--blue-700)}.badge-soon{background:var(--orange-50);color:var(--orange-700)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-hatch{background:var(--hatch),var(--surface);border-style:dashed;border-color:var(--line-strong);box-shadow:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:lang(ar) *{letter-spacing:normal!important}:lang(ar) :is(h1,h2,h3,h4){line-height:1.4!important}:root:lang(ar){--leading-tight: 1.3;--leading-snug: 1.45;--leading-body: 1.8}