@charset "UTF-8";:root{color-scheme:light;--bg: #f6f6f3;--surface: #ffffff;--surface-2: #efefea;--text: #13171c;--text-2: #454d57;--text-3: #6a727c;--border: #e1e1da;--border-strong: #cfcfc6;--accent: #0b6b5d;--accent-hover: #085a4e;--accent-soft: rgba(11, 107, 93, .09);--accent-ink: #ffffff;--sand: #9a7440;--sand-soft: rgba(154, 116, 64, .1);--shadow: 0 1px 2px rgba(19, 23, 28, .04), 0 8px 24px -12px rgba(19, 23, 28, .12);--shadow-hover: 0 1px 2px rgba(19, 23, 28, .05), 0 16px 32px -16px rgba(19, 23, 28, .2);--font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--radius-s: 6px;--radius: 10px;--radius-l: 16px;--container: 1160px;--gutter: clamp(16px, 4vw, 32px);--nav-h: 64px;--ease: cubic-bezier(.2, .7, .2, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0d1012;--surface: #14191c;--surface-2: #1a2125;--text: #e8ebed;--text-2: #aab3ba;--text-3: #7d8790;--border: #242c31;--border-strong: #323c42;--accent: #3db39e;--accent-hover: #5cc6b3;--accent-soft: rgba(61, 179, 158, .12);--accent-ink: #06201b;--sand: #c8a26a;--sand-soft: rgba(200, 162, 106, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .5);--shadow-hover: 0 1px 2px rgba(0, 0, 0, .35), 0 16px 32px -16px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0d1012;--surface: #14191c;--surface-2: #1a2125;--text: #e8ebed;--text-2: #aab3ba;--text-3: #7d8790;--border: #242c31;--border-strong: #323c42;--accent: #3db39e;--accent-hover: #5cc6b3;--accent-soft: rgba(61, 179, 158, .12);--accent-ink: #06201b;--sand: #c8a26a;--sand-soft: rgba(200, 162, 106, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .5);--shadow-hover: 0 1px 2px rgba(0, 0, 0, .35), 0 16px 32px -16px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;line-height:1.15;font-weight:600;letter-spacing:-.02em;text-wrap:balance}p{margin:0;text-wrap:pretty}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent-soft)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(56px,8vw,104px)}.section--tight{padding-block:clamp(40px,5vw,64px)}.section--alt{background:var(--surface);border-block:1px solid var(--border)}.page-top{padding-top:calc(var(--nav-h) + clamp(40px,6vw,72px))}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow{font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:1px;flex:none;background:linear-gradient(90deg,var(--accent),transparent)}[dir=rtl] .eyebrow:before{background:linear-gradient(270deg,var(--accent),transparent)}.lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--text-2);max-width:62ch}.muted{color:var(--text-2)}.mono{font-family:var(--font-mono)}.page-title{font-size:clamp(2.2rem,5vw,3.6rem);margin-top:14px;letter-spacing:-.035em}.page-glow{position:relative;isolation:isolate;overflow:clip}.page-glow:before{content:"";position:absolute;inset:0 0 auto;height:min(760px,100%);z-index:-1;pointer-events:none;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 65% 70% at 80% 10%,#000 5%,transparent 70%);mask-image:radial-gradient(ellipse 65% 70% at 80% 10%,#000 5%,transparent 70%);opacity:.6}@keyframes live-ping{0%{transform:scale(.6);opacity:.9}80%,to{transform:scale(1.6);opacity:0}}.num-badge{display:inline-grid;place-items:center;min-width:34px;height:26px;padding-inline:7px;border-radius:8px;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:0;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:var(--accent-soft)}.icon-tile{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:var(--accent-soft);--icon-size: 21px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--radius-s);border:1px solid transparent;font-weight:500;font-size:.95rem;line-height:1.2;cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease);white-space:nowrap}.btn svg{width:18px;height:18px;flex:none}.btn--primary{position:relative;overflow:hidden;isolation:isolate;background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent),0 8px 24px -10px color-mix(in srgb,var(--accent) 70%,transparent)}.btn--primary:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-120%);transition:transform .7s var(--ease)}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 0 0 1px var(--accent-hover),0 12px 32px -10px color-mix(in srgb,var(--accent) 85%,transparent)}.btn--primary:hover:after{transform:translate(120%)}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn--ghost:hover{border-color:var(--text-3);background:var(--surface-2)}.btn:active{transform:translateY(1px)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-s);border:1px solid var(--border);background:transparent;color:var(--text-2);cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.icon-btn svg{width:18px;height:18px}.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:500}.text-link svg{width:16px;height:16px;transition:transform .2s var(--ease)}.text-link:hover svg{transform:translate(3px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card--interactive{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}.card--interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover),0 24px 48px -28px color-mix(in srgb,var(--accent) 45%,transparent);border-color:var(--border-strong)}.spot{position:relative;isolation:isolate}.spot:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s var(--ease);background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--accent) 13%,transparent),transparent 60%)}.spot:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;padding:1px;opacity:0;transition:opacity .35s var(--ease);background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--accent) 70%,transparent),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spot:hover:before,.spot:hover:after{opacity:1}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.03em;border:1px solid var(--border);color:var(--text-2);background:var(--surface-2);max-width:100%}.badge--accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--accent-soft)}.badge--sand{color:var(--sand);border-color:color-mix(in srgb,var(--sand) 35%,transparent);background:var(--sand-soft)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.grid{display:grid;gap:clamp(16px,2vw,24px)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--ease)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}app-icon>svg{width:var(--icon-size, 1.15em);height:var(--icon-size, 1.15em);flex:none}:root[dir=rtl]{--font-sans: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, "Segoe UI", Tahoma, sans-serif;--font-mono: "IBM Plex Mono", "IBM Plex Sans Arabic", ui-monospace, Consolas, monospace}[dir=rtl] body{line-height:1.8}[dir=rtl] *{letter-spacing:0!important}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{line-height:1.35}[dir=rtl] .mono,[dir=rtl] .eyebrow{font-family:var(--font-sans);text-transform:none}[dir=rtl] .eyebrow{font-size:.88rem;font-weight:600}[dir=rtl] app-icon[name=arrow-right]>svg,[dir=rtl] app-icon[name=arrow-up-right]>svg{transform:scaleX(-1)}[dir=rtl] .text-link:hover app-icon[name=arrow-right]>svg{transform:scaleX(-1) translate(3px)}