@font-face {font-family: "IBM Plex Sans";font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: "IBM Plex Sans";font-style: normal;font-weight: 600;font-display: swap;src: url(/assets/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E,U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;}@font-face {font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 600;font-display: swap;src: url(/assets/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E,U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;}:root {--ink: #0d1b1e;--ink-2: #24363a;--muted: #56676a;--paper: #f6f7f4;--surface: #ffffff;--line: #e1e5e0;--line-strong: #c9d0ca;--verdant: #1f6f5c;--signal: #c8f169;--pass-bg: #e6f2ee;--crit-bg: #fce8e6;--crit-fg: #a11d12;--neutral-bg: #ecefeb;--font:"IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Roboto,sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;}html[lang="ar"] {--font:"IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Tahoma,sans-serif;}*,*::before,*::after {box-sizing: border-box;}html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}body {margin: 0;background: var(--paper);color: var(--ink);font-family: var(--font);font-size: 1rem;line-height: 1.6;min-height: 100vh;min-height: 100dvh;display: flex;flex-direction: column;overflow-x: hidden;}a {color: var(--verdant);text-underline-offset: 3px;}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible {outline: 3px solid var(--verdant);outline-offset: 2px;border-radius: 6px;}.skip {position: absolute;inset-inline-start: 12px;top: -60px;background: var(--ink);color: var(--paper);padding: 10px 14px;border-radius: 8px;z-index: 10;text-decoration: none;}.skip:focus {top: 12px;}.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}.top {display: flex;align-items: center;justify-content: space-between;gap: 16px;width: 100%;max-width: 1160px;margin: 0 auto;padding: 20px 24px;}.brand {display: inline-flex;align-items: center;gap: 10px;color: var(--ink);text-decoration: none;font-weight: 600;font-size: 1.25rem;}.brand svg {width: 32px;height: 32px;flex: none;}html[lang="en"] .brand span {letter-spacing: -0.03em;}.lang {display: inline-flex;align-items: center;min-height: 44px;padding: 0 16px;border: 1px solid var(--line-strong);border-radius: 10px;background: var(--surface);color: var(--ink);text-decoration: none;font-size: 0.9375rem;font-weight: 500;}.lang:hover {border-color: var(--verdant);}main {flex: 1;width: 100%;}.hero {max-width: 1160px;margin: 0 auto;padding: 16px 24px 40px;display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);gap: 56px;align-items: center;}.pill {display: inline-block;margin: 0 0 20px;padding: 4px 14px;border-radius: 999px;background: var(--pass-bg);color: var(--verdant);font-size: 0.875rem;font-weight: 600;}h1 {margin: 0;font-size: clamp(2rem, 4.6vw, 3.5rem);line-height: 1.15;font-weight: 600;color: var(--ink);text-wrap: balance;}html[lang="en"] h1 {letter-spacing: -0.03em;}html[lang="ar"] h1 {line-height: 1.3;}.sub {margin: 20px 0 0;font-size: 1.125rem;color: var(--ink-2);max-width: 38rem;}.panel {display: flex;flex-direction: column;gap: 20px;}.lura-row {display: flex;align-items: flex-end;gap: 14px;}.lura-svg {width: 88px;height: 88px;flex: none;}html[dir="rtl"] .lura-svg {transform: scaleX(-1);}.bubble {position: relative;margin: 0;padding: 14px 16px;background: var(--surface);border: 1px solid var(--line);border-radius: 18px;box-shadow: 0 1px 2px rgba(13, 27, 30, 0.06);font-size: 0.9375rem;color: var(--ink);}.bubble > p {margin: 0;}.nf {text-align: center;padding-top: 96px;}.bubble::before {content: "";position: absolute;inset-inline-start: -7px;bottom: 22px;width: 12px;height: 12px;background: var(--surface);border-inline-start: 1px solid var(--line);border-block-end: 1px solid var(--line);transform: rotate(45deg);}html[dir="rtl"] .bubble::before {transform: rotate(-45deg);}.play {margin-top: 10px;display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 14px;border: 1px solid var(--line-strong);border-radius: 10px;background: var(--paper);color: var(--ink);font: inherit;font-size: 0.875rem;font-weight: 500;cursor: pointer;}.play:hover {border-color: var(--verdant);}.play svg {width: 16px;height: 16px;flex: none;}.card {background: var(--surface);border: 1px solid var(--line);border-radius: 20px;padding: 24px;box-shadow: 0 1px 2px rgba(13, 27, 30, 0.05);}.card h2 {margin: 0 0 16px;font-size: 1.125rem;font-weight: 600;}.field {display: block;margin: 0 0 16px;}.field > span {display: flex;align-items: baseline;gap: 8px;margin-bottom: 6px;font-size: 0.9375rem;font-weight: 500;}.field > span small {color: var(--muted);font-weight: 400;font-size: 0.8125rem;}input[type="email"],input[type="text"] {width: 100%;min-height: 48px;padding: 10px 14px;border: 1px solid var(--line-strong);border-radius: 10px;background: var(--surface);color: var(--ink);font: inherit;font-size: 1rem;}input[dir="ltr"] {text-align: start;}input:hover {border-color: var(--verdant);}input[aria-invalid="true"] {border-color: var(--crit-fg);}.ts-box {min-height: 65px;margin: 0 0 16px;display: flex;align-items: center;}.ts-note {margin: 0;color: var(--muted);font-size: 0.8125rem;}.submit {width: 100%;min-height: 50px;border: 0;border-radius: 12px;background: var(--ink);color: var(--paper);font: inherit;font-size: 1rem;font-weight: 600;cursor: pointer;}.submit:hover {background: #1f3a3c;}.submit[disabled] {opacity: 0.7;cursor: progress;}.msg {margin: 14px 0 0;padding: 12px 14px;border-radius: 10px;font-size: 0.9375rem;}.msg:empty {display: none;}.msg.err {background: var(--crit-bg);color: var(--crit-fg);}.msg.ok {background: var(--pass-bg);color: #17594a;font-weight: 500;}.card.done form .field,.card.done form .ts-box,.card.done form .submit {display: none;}.foot {width: 100%;max-width: 1160px;margin: 0 auto;padding: 20px 24px 28px;border-top: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: 12px 28px;align-items: center;justify-content: space-between;font-size: 0.875rem;color: var(--ink-2);}.foot nav {display: flex;flex-wrap: wrap;gap: 8px 20px;align-items: center;}.foot a {display: inline-flex;align-items: center;min-height: 44px;color: var(--ink-2);}.foot .email {user-select: all;-webkit-user-select: all;direction: ltr;unicode-bidi: isolate;color: var(--ink);font-weight: 500;}.doc {max-width: 760px;margin: 0 auto;padding: 24px 24px 56px;}.doc h1 {font-size: clamp(1.875rem, 4vw, 2.75rem);}.doc h2 {margin: 40px 0 0;padding-top: 24px;border-top: 1px solid var(--line);font-size: 1.5rem;line-height: 1.3;font-weight: 600;}.doc p,.doc li {color: var(--ink-2);}.doc ul {padding-inline-start: 24px;}.doc li {margin: 6px 0;}.eyebrow {margin: 0 0 12px;font-size: 0.875rem;font-weight: 500;color: var(--ink-2);}.lead {margin: 16px 0 0;font-size: 1.125rem;color: var(--ink-2);}.note {margin: 24px 0 0;padding: 12px 16px;border: 1px solid var(--line);border-radius: 12px;background: var(--neutral-bg);font-size: 0.9375rem;color: var(--ink-2);}.note.draft {background: #fbf0e1;border-color: #e9cfa6;color: #6e3b05;font-weight: 500;}pre.code {margin: 12px 0 0;padding: 16px;border-radius: 12px;background: var(--ink);color: var(--paper);font-family: var(--font-mono);font-size: 0.8125rem;line-height: 1.6;direction: ltr;text-align: start;white-space: pre-wrap;overflow-wrap: anywhere;}.snippet-head {display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-top: 20px;}.copy-btn {min-height: 44px;padding: 0 14px;border: 1px solid var(--line-strong);border-radius: 10px;background: var(--surface);color: var(--ink);font: inherit;font-size: 0.875rem;cursor: pointer;}.copy-btn:hover {border-color: var(--verdant);}.back {display: inline-flex;align-items: center;min-height: 44px;margin-top: 32px;}@media (max-width: 860px) {.hero {grid-template-columns: minmax(0, 1fr);gap: 32px;padding: 8px 20px 32px;}.top {padding: 16px 20px;}.foot {padding: 20px;}.doc {padding: 16px 20px 48px;}.card {padding: 20px;}.lura-svg {width: 72px;height: 72px;}}@media (prefers-reduced-motion: reduce) {* {animation: none !important;transition: none !important;scroll-behavior: auto !important;}}