@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-VariableFont_wght.ttf)format("truetype-variations"),url(/fonts/JetBrainsMono-VariableFont_wght.ttf)format("truetype");font-weight:100 800;font-style:normal;font-display:swap}:root{--brand-crimson:#c3122e;--brand-crimson-bright:#e51e3d;--brand-crimson-deep:#8a0a21;--brand-crimson-wine:#5c0818;--brand-navy:#0e1124;--brand-navy-core:#191d38;--brand-steel:#353b54;--brand-slate:#5a6078;--brand-bone:#f6f1e8;--brand-ivory:#fbf8f2;--brand-parchment:#ede6d6;--brand-gold:#c9a24a;--gray-950:#0e1124;--gray-900:#191d38;--gray-800:#252a44;--gray-700:#353b54;--gray-600:#4c5369;--gray-500:#6b7188;--gray-400:#9098aa;--gray-300:#bcc1cd;--gray-200:#dbdee4;--gray-100:#eceef2;--gray-50:#f5f6f8;--bg:var(--brand-bone);--bg-raised:var(--brand-ivory);--bg-sunken:var(--brand-parchment);--bg-inverse:var(--brand-navy);--fg:var(--brand-navy);--fg-muted:var(--gray-700);--fg-subtle:var(--gray-500);--fg-inverse:var(--brand-bone);--border:var(--gray-200);--border-strong:var(--gray-300);--border-inverse:var(--gray-800);--accent:var(--brand-crimson);--accent-hover:var(--brand-crimson-bright);--accent-pressed:var(--brand-crimson-deep);--on-accent:var(--brand-bone);--success:#2f8f5e;--warning:#c9a24a;--danger:var(--brand-crimson);--info:#3c6bb5;--font-display:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-sans:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:36px;--fs-4xl:48px;--fs-5xl:64px;--fs-6xl:88px;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--tracking-display:.08em;--tracking-mono:-.01em;--s-0:0;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-pill:999px;--border-hairline:1px;--border-regular:1.5px;--border-strong-w:2px;--shadow-xs:0 1px 0 #0e11240f;--shadow-sm:0 1px 2px #0e112414, 0 1px 0 #0e11240a;--shadow-md:0 2px 6px #0e11241a, 0 1px 2px #0e11240f;--shadow-lg:0 8px 24px #0e11241f, 0 2px 6px #0e112414;--shadow-xl:0 24px 60px #0e112433, 0 8px 20px #0e11241a;--shadow-inset:inset 0 1px 0 #ffffff0f;--shadow-crimson-glow:0 0 0 3px #c3122e2e;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in-out:cubic-bezier(.6, .05, .4, 1);--ease-snap:cubic-bezier(.2, .9, .3, 1.2);--dur-fast:.12s;--dur-med:.2s;--dur-slow:.32s}[data-theme=dark],.theme-dark{--bg:var(--brand-navy);--bg-raised:var(--brand-navy-core);--bg-sunken:#080a18;--bg-inverse:var(--brand-bone);--fg:var(--brand-bone);--fg-muted:var(--gray-300);--fg-subtle:var(--gray-400);--fg-inverse:var(--brand-navy);--border:var(--gray-800);--border-strong:var(--gray-700);--border-inverse:var(--gray-200);--on-accent:var(--brand-bone)}html,body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;text-transform:none;color:var(--fg);text-wrap:balance;margin:0;font-weight:700}h1{font-size:var(--fs-5xl);line-height:var(--lh-tight)}h2{font-size:var(--fs-4xl);line-height:var(--lh-tight)}h3{font-size:var(--fs-3xl);line-height:var(--lh-snug)}h4{font-size:var(--fs-2xl);line-height:var(--lh-snug)}h5{font-size:var(--fs-xl);line-height:var(--lh-snug)}h6{font-size:var(--fs-lg);line-height:var(--lh-snug);letter-spacing:-.01em}.display{font-family:var(--font-display);font-weight:800;font-size:var(--fs-6xl);letter-spacing:-.03em;text-transform:none;line-height:.95}.eyebrow{font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600}p{text-wrap:pretty;margin:0}.lead{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--fg-muted)}code,pre,kbd,samp{font-family:var(--font-mono);font-feature-settings:"calt" 1, "liga" 0}code{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent-pressed);padding:.12em .4em;font-size:.92em}[data-theme=dark] code{color:var(--brand-crimson-bright)}a{color:var(--accent);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-bottom:1px solid #0000;text-decoration:none}a:hover{color:var(--accent-hover);border-bottom-color:currentColor}a:active{color:var(--accent-pressed)}::selection{background:var(--brand-crimson);color:var(--brand-bone)}:root{--font-sans:"JetBrains Mono", "IBM Plex Sans Arabic", ui-monospace, Menlo, Consolas, monospace;--font-display:var(--font-sans);--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{display:block}button,input,select,textarea{font:inherit;color:inherit}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .eyebrow,[dir=rtl] .btn,[dir=rtl] .plan-tag,[dir=rtl] .soon,[dir=rtl] .runner-output-label{letter-spacing:0}[dir=rtl] body{line-height:1.75}.wrap{max-width:1200px;margin-inline:auto;padding-inline:24px}.wrap-narrow{max-width:820px}.grow{flex:1}h1{font-size:clamp(36px,5.2vw,60px)}h2{margin-block:12px 0;font-size:clamp(28px,3.6vw,42px);line-height:1.12}h3{font-size:var(--fs-lg);line-height:var(--lh-snug);letter-spacing:-.01em}.lead{max-width:60ch}.btn{letter-spacing:.01em;white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{border-bottom-color:#0000}.btn-sm{padding:9px 14px;font-size:12.5px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);color:var(--on-accent)}.btn-primary:active{background:var(--accent-pressed)}.btn-secondary{color:var(--fg);border-color:var(--border-strong);background:0 0}.btn-secondary:hover{color:var(--fg);border-color:var(--fg)}.btn-ghost{color:var(--fg-muted);background:0 0}.btn-ghost:hover{color:var(--fg);background:#0e11240d}.btn-ondark-ghost{color:var(--brand-bone);background:0 0;border-color:#f6f1e847}.btn-ondark-ghost:hover{color:var(--brand-bone);border-color:var(--brand-bone)}.btn:focus-visible,.lang-toggle:focus-visible,.runner-btn:focus-visible{box-shadow:var(--shadow-crimson-glow);outline:none}.lang-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--fg);background:0 0;padding:7px 11px;font-size:13px;font-weight:600}.lang-toggle:hover{border-color:var(--fg)}.lang-toggle:lang(ar){font-family:"IBM Plex Sans Arabic", var(--font-sans)}.brand{color:var(--fg);border:0;align-items:center;gap:10px;display:inline-flex}.brand:hover{color:var(--fg);border:0}.brand-name{letter-spacing:.06em;gap:8px;font-size:15px;font-weight:800;display:inline-flex}.brand-product{color:var(--accent)}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#f6f1e8db;position:sticky;top:0}.site-header-row{align-items:center;gap:24px;height:64px;display:flex}.site-nav{gap:22px;display:flex}.site-nav a{color:var(--fg-muted);font-size:13.5px;font-weight:500}.site-nav a:hover{color:var(--fg)}.hero{background:radial-gradient(60% 70% at 85% 10%, #c3122e29, transparent 60%), var(--brand-navy);color:var(--brand-bone);padding-block:72px 80px}[dir=rtl] .hero{background:radial-gradient(60% 70% at 15% 10%, #c3122e29, transparent 60%), var(--brand-navy)}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:56px;display:grid}.hero h1{color:var(--brand-bone);margin-block:16px 20px}.hero .lead{color:var(--gray-300)}.hero .eyebrow{color:var(--brand-crimson-bright)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-note{color:var(--gray-400);margin-top:18px;font-size:13px}.hero-runner{border:1px solid var(--gray-800);border-radius:var(--radius-lg);height:460px;box-shadow:var(--shadow-xl);overflow:hidden}.strip{border-bottom:1px solid var(--border);background:var(--bg-raised)}.strip .wrap{color:var(--fg-muted);text-align:center;padding-block:18px;font-size:13px}.section{padding-block:96px}.section-dark{background:var(--brand-navy);color:var(--brand-bone)}.section-dark h2,.section-dark h3{color:var(--brand-bone)}.section-dark p{color:var(--gray-300)}.section-dark .eyebrow{color:var(--brand-crimson-bright)}.section-sunken{background:var(--bg-sunken)}.section-head-center{text-align:center;flex-direction:column;align-items:center;display:flex}.section-head-center .lead{margin-top:14px}.steps{border-top:1px solid var(--border-strong);grid-template-columns:repeat(3,1fr);margin:48px 0 0;padding:0;list-style:none;display:grid}.step{padding:28px 28px 8px 0}.step+.step{border-inline-start:1px solid var(--border);padding-inline-start:28px}[dir=rtl] .step{padding:28px 0 8px 28px}[dir=rtl] .step+.step{padding-inline-start:28px}.step-num{color:var(--accent);letter-spacing:.1em;margin-bottom:14px;font-size:13px;font-weight:800;display:block}.step p{color:var(--fg-muted);margin-top:10px}.snippet{margin:48px 0 0}.snippet figcaption{text-transform:uppercase;letter-spacing:.14em;color:var(--fg-subtle);margin-bottom:10px;font-size:12px;font-weight:600}[dir=rtl] .snippet figcaption{letter-spacing:0}.snippet pre{text-align:left;background:var(--brand-navy);color:var(--brand-bone);border-radius:var(--radius-md);border-inline-start:3px solid var(--accent);margin:0;padding:20px 24px;font-size:13.5px;line-height:1.7;overflow-x:auto}.points{background:var(--gray-800);border:1px solid var(--gray-800);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;display:grid}.point{background:var(--brand-navy);padding:32px 28px}.point p{margin-top:12px}.features{border-top:1px solid var(--border-strong);grid-template-columns:repeat(3,1fr);margin-top:48px;display:grid}.feature{border-bottom:1px solid var(--border);padding:28px 28px 32px 0}.feature:not(:nth-child(3n+1)){border-inline-start:1px solid var(--border);padding-inline-start:28px}[dir=rtl] .feature{padding:28px 0 32px 28px}[dir=rtl] .feature:not(:nth-child(3n+1)){padding-inline-start:28px}.feature h3{font-size:16px}.feature p{color:var(--fg-muted);margin-top:10px;font-size:14.5px}.billing-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-raised);margin-top:28px;padding:3px;display:inline-flex}.billing-toggle button{border-radius:var(--radius-sm);cursor:pointer;color:var(--fg-muted);background:0 0;border:0;padding:8px 18px;font-size:13px;font-weight:600}.billing-toggle button[aria-pressed=true]{background:var(--brand-navy);color:var(--brand-bone)}.plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;margin-top:48px;display:grid}.plan{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:32px 28px 28px;display:flex;position:relative}.plan--featured{background:var(--brand-navy);border-color:var(--brand-navy);color:var(--brand-bone);box-shadow:var(--shadow-xl)}.plan--featured h3{color:var(--brand-bone)}.plan-tag{top:-11px;background:var(--accent);color:var(--brand-bone);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius-sm);padding:4px 10px;font-size:10.5px;font-weight:700;position:absolute;inset-inline-start:28px}.plan-name{font-size:20px}.plan-price{align-items:baseline;gap:8px;margin-top:18px;display:flex}.plan-amount{letter-spacing:-.03em;font-size:52px;font-weight:800;line-height:1}.plan-unit{opacity:.7;font-size:13px}.plan-billing{opacity:.65;min-height:1.5em;margin-top:8px;font-size:12px}.plan-features{flex-direction:column;gap:11px;margin:18px 0 28px;padding:0;list-style:none;display:flex}.plan-features li{align-items:flex-start;gap:10px;font-size:14px;display:flex}.plan-features svg{color:var(--accent);flex-shrink:0;margin-top:4px}.plan--featured .plan-features svg{color:var(--brand-crimson-bright)}.soon{vertical-align:1px;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-xs);color:#8a6b1a;background:#c9a24a24;border:1px solid #c9a24a73;margin-inline-start:8px;padding:2px 6px;font-size:9.5px;font-weight:700;display:inline-block}.plan--featured .soon{color:var(--brand-gold);background:#c9a24a1f}.plan-cta{align-self:flex-start;margin-top:auto}.plan--featured .btn-primary:hover{background:var(--accent-hover)}.plans-note{text-align:center;max-width:70ch;color:var(--fg-subtle);margin:28px auto 0;font-size:13px}.faq{border-top:1px solid var(--border-strong);margin-top:36px}.faq details{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:22px 0;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:20px;font-weight:400;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--fg-muted);max-width:68ch;padding-bottom:22px}.cta{background:var(--brand-navy);color:var(--brand-bone);border-top:3px solid var(--accent)}.cta-row{justify-content:space-between;align-items:center;gap:32px;padding-block:64px;display:flex}.cta h2{color:var(--brand-bone);margin:0 0 10px}.cta .lead{color:var(--gray-300)}.site-footer{border-top:1px solid var(--border)}.site-footer-row{color:var(--fg-subtle);flex-wrap:wrap;align-items:center;gap:22px;padding-block:28px;font-size:13px;display:flex}.site-footer a:not(.brand){color:var(--fg-muted)}.runner{--r-bg:var(--brand-navy);--r-panel:var(--brand-navy-core);--r-fg:var(--brand-bone);--r-muted:var(--gray-400);--r-line:var(--gray-800);--r-err:var(--brand-crimson-bright);background:var(--r-bg);height:100%;color:var(--r-fg);font-family:var(--font-sans);grid-template-rows:auto minmax(0,1fr) auto;display:grid;container-type:inline-size}.runner--light{--r-bg:var(--brand-parchment);--r-panel:var(--brand-ivory);--r-fg:var(--brand-navy);--r-muted:var(--gray-600);--r-line:var(--gray-200);--r-err:var(--brand-crimson)}.runner-bar{border-bottom:1px solid var(--r-line);align-items:center;gap:14px;min-width:0;padding:10px 12px;display:flex}.runner-btn{border-radius:var(--radius-md);cursor:pointer;border:1.5px solid #0000;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.runner-btn--run{background:var(--accent);color:var(--brand-bone)}.runner-btn--run:hover:not(:disabled){background:var(--accent-hover)}.runner-btn--run:disabled{opacity:.55;cursor:progress}.runner-btn--stop{color:var(--r-fg);border-color:var(--r-err);background:0 0}.runner-status{color:var(--r-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:12px;display:inline-flex;overflow:hidden}.runner-dot{background:var(--r-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px}.runner-status--ready .runner-dot{background:var(--success)}.runner-status--busy .runner-dot{background:var(--brand-gold);animation:pulse 1s var(--ease-in-out) infinite alternate}@keyframes pulse{to{opacity:.3}}.runner-hint{color:var(--r-muted);opacity:.7;white-space:nowrap;font-size:11px}.runner-spacer{flex:1}.runner-body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:0;display:grid}.runner-editor{background:var(--r-panel);min-height:0;overflow:hidden}.runner-editor>div,.runner-editor .cm-editor{height:100%}.runner-output{border-left:1px solid var(--r-line);min-height:0;font-family:var(--font-mono);text-align:left;padding:12px 16px 16px;font-size:13.5px;line-height:1.6;overflow:auto}.runner-output-label{letter-spacing:.16em;text-transform:uppercase;color:var(--r-muted);font-size:10.5px;font-weight:700;font-family:var(--font-sans);margin-bottom:10px}[dir=rtl] .runner-output-label,[dir=rtl] .runner-note,[dir=rtl] .runner-warning{text-align:right}.runner-output pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit}.runner-stderr{color:var(--r-err)}.runner-note{color:var(--r-muted);font-size:12.5px;font-family:var(--font-sans)}.runner-input{color:var(--accent);align-items:center;gap:8px;margin-top:4px;display:flex}.runner-input input{border:0;border-bottom:1px solid var(--accent);min-width:0;color:var(--r-fg);font-family:var(--font-mono);background:0 0;outline:none;flex:1;padding:4px 2px}.runner-warning{color:var(--brand-gold);font-size:12.5px;font-family:var(--font-sans);margin-top:12px}.runner-warning a{color:inherit;border-bottom:1px solid}.runner-badge{color:var(--r-muted);white-space:nowrap;border:0;align-items:center;gap:6px;font-size:11px;display:inline-flex}.runner-badge:hover{color:var(--r-fg);border:0}@container (width<=620px){.runner-body{grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.runner-output{border-left:0;border-top:1px solid var(--r-line)}.runner-hint{display:none}}@container (width<=420px){.runner-badge span,.runner-status{font-size:11px}}.play{background:var(--brand-navy);grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.play-header{background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.play-examples{color:var(--fg-muted);align-items:center;gap:8px;margin-inline-start:12px;font-size:13px;display:inline-flex}.play-examples select,.embed-options select,.embed-options input{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:6px 8px;font-size:13px}.embed-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);width:min(680px,100vw - 32px);color:var(--fg);box-shadow:var(--shadow-xl);padding:28px}.embed-dialog::backdrop{background:#0e112499}.embed-dialog h2{margin:0;font-size:22px}.embed-dialog p{color:var(--fg-muted);margin-top:8px;font-size:14px}.embed-options{gap:20px;margin-top:20px;display:flex}.embed-options label{align-items:center;gap:8px;font-size:13px;display:inline-flex}.embed-options input{width:90px}.embed-dialog textarea{resize:vertical;width:100%;font-family:var(--font-mono);background:var(--brand-navy);color:var(--brand-bone);border-radius:var(--radius-md);word-break:break-all;border:0;margin-top:16px;padding:12px;font-size:12.5px}.embed-actions{align-items:center;gap:10px;margin-top:16px;display:flex}.embed-body{background:var(--brand-navy)}.embed{height:100dvh}.embed--light{background:var(--brand-parchment)}@media (width<=900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}.hero{padding-block:48px 56px}.hero-runner{height:520px}.steps,.points,.features,.plans{grid-template-columns:minmax(0,1fr)}.step,.step+.step,[dir=rtl] .step,[dir=rtl] .step+.step{border-inline-start:0;border-bottom:1px solid var(--border);padding:24px 0}.feature,.feature:not(:nth-child(3n+1)),[dir=rtl] .feature,[dir=rtl] .feature:not(:nth-child(3n+1)){border-inline-start:0;padding:24px 0}.plans{gap:28px}.cta-row{flex-direction:column;align-items:flex-start}.section{padding-block:64px}}@media (width<=720px){.site-nav,.hide-narrow{display:none}.site-header-row{gap:12px}.play-examples span,.play-header .lang-toggle{display:none}.wrap{padding-inline:16px}}.runner-prompt{color:var(--r-fg);white-space:pre}