:root{--font-display:"Alexandria", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-body:"IBM Plex Sans Arabic", system-ui, sans-serif;--step--1:.875rem;--step-0:1rem;--step-1:1.1875rem;--step-2:1.4375rem;--step-3:clamp(1.5rem, 1vw + 1.2rem, 2rem);--step-4:clamp(2rem, 1.8vw + 1.4rem, 2.875rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:56px;--space-9:80px;--radius-s:10px;--radius-m:16px;--radius-l:24px;--radius-phone:44px;--radius-pill:999px;--maxw:1200px;--ease-out:cubic-bezier(.22, .61, .36, 1);--dur-1:.16s;--dur-2:.32s;--r-xs:var(--radius-s);--r-sm:var(--radius-m);--r-md:var(--radius-l);--r-lg:var(--radius-l);--r-xl:var(--radius-phone);--r-pill:var(--radius-pill);--s1:var(--space-1);--s2:var(--space-2);--s3:var(--space-3);--s4:var(--space-4);--s5:var(--space-5);--s6:var(--space-6);--s7:var(--space-7);--s8:var(--space-8);--s9:var(--space-9);--ease:var(--ease-out)}[data-theme=mint]{--bg:#fafcfc;--surface:#fff;--surface-2:#eef5f5;--line:#0e2a2d1a;--text:#0e2a2d;--muted:#4a6466;--action:#0b6f7a;--on-action:#fff;--accent:var(--action);--wa:#12b886;--on-wa:#04201f;--ring:#0b6f7a;--chip-bg:#e3f6f0;--chip-fg:#0a5559;--logo-teal:#0b6f7a;--logo-mint:#5fd3b3;--logo-cream:#f7eedd;--hero-bg:linear-gradient(180deg, #e3f6f0 0%, #f4f8f2 55%, #f7eedd 100%);--band-bg:#0b6f7a;--on-band:#f7eedd;--band-muted:#d8eee6;--shadow-1:0 1px 2px #0e2a2d0f, 0 6px 16px -8px #0e2a2d1f;--shadow-phone:0 40px 80px -40px #0e2a2d73;--phone-frame:#0e2a2de6;--bg-2:#eef5f5;--surface-3:var(--surface);--line-strong:#0b6f7a42;--heading:#0e2a2d;--accent-2:#129a9c;--mint:var(--logo-mint);--mint-soft:#c4f2e1;--on-accent:#fff;--btn:linear-gradient(180deg, #0d7a85, #0a6872);--btn-wa:linear-gradient(180deg, #12b886, #0e9e75);--btn-wa-hover:linear-gradient(180deg, #17c795, #0fae81);--wa-border:#ffffff47;--wa-shadow:0 20px 40px -14px #12b886b3, inset 0 1px 0 #fff6;--glow:#5fd3b38c;--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-1);--shadow-lg:var(--shadow-phone);--header-bg:#fafcfcb8;--scrim:#062f346b}[data-theme=night]{--bg:#071c1f;--surface:#0e2a2e;--surface-2:#0b2326;--line:#e6f4f01f;--text:#e6f4f0;--muted:#9db9b5;--action:#5fd3b3;--on-action:#04201f;--accent:var(--action);--wa:#12b886;--on-wa:#04201f;--ring:#8aebd1;--chip-bg:#123a3a;--chip-fg:#b8f0dc;--logo-teal:#0b6f7a;--logo-mint:#5fd3b3;--logo-cream:#f7eedd;--hero-bg:linear-gradient(180deg, #0b3b3f 0%, #0a2a2d 55%, #071c1f 100%);--band-bg:#0b3b3f;--on-band:#f7eedd;--band-muted:#b8d8d0;--shadow-1:0 1px 2px #0006, 0 8px 20px -10px #0009;--shadow-phone:0 40px 90px -40px #000000e6;--phone-frame:#1c3b3f;--bg-2:#0b2326;--surface-3:var(--surface);--line-strong:#b8f0dc4d;--heading:#e6f4f0;--accent-2:#3fc2b0;--mint:var(--logo-mint);--mint-soft:#17423f;--on-accent:#04201f;--btn:linear-gradient(180deg, #84e6cb, #5fd3b3);--btn-wa:linear-gradient(180deg, #12b886, #0e9e75);--btn-wa-hover:linear-gradient(180deg, #17c795, #0fae81);--wa-border:#ffffff47;--wa-shadow:0 20px 40px -14px #12b886b3, inset 0 1px 0 #fff6;--glow:#5fd3b366;--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-1);--shadow-lg:var(--shadow-phone);--header-bg:#071c1fad;--scrim:#020c0e9e}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{min-block-size:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding-block-end:calc(var(--s9) + env(safe-area-inset-bottom,0px));font-weight:400;line-height:1.75}img,svg{max-inline-size:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);color:var(--heading);margin:0;font-weight:700;line-height:1.28}:where(a,button,[tabindex]):focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-radius:10px}.wrap{inline-size:100%;max-inline-size:var(--maxw);margin-inline:auto;padding-inline:clamp(18px,4.5vw,34px)}.section{padding-block:clamp(36px,6vw,84px)}.section--tight{padding-block:clamp(28px,4.5vw,60px)}.eyebrow{align-items:center;gap:var(--s2);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--action);font-size:.78rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--accent), var(--mint));border-radius:2px;block-size:2px;inline-size:26px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chip{align-items:center;gap:var(--s2);min-block-size:44px;padding-inline:var(--s4);border-radius:var(--r-pill);background:var(--chip-bg);color:var(--chip-fg);border:1px solid var(--line);transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);font-size:.85rem;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--action)}.chip[aria-current=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.tag{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--action);border-radius:var(--r-xs);background:var(--chip-bg);border:1px solid var(--line);padding:4px 9px;font-size:.68rem;font-weight:700}.fake-pill{border-radius:var(--r-pill);background:var(--heading);color:var(--bg);border:1px solid var(--line);align-items:center;gap:6px;padding:5px 11px;font-size:.72rem;font-weight:600;display:inline-flex}.fake-pill:before{content:"";background:var(--mint);border-radius:50%;block-size:6px;inline-size:6px}.btn-wa{justify-content:center;align-items:center;gap:var(--s2);min-block-size:48px;padding-block:var(--s3);padding-inline:var(--s5);border-radius:var(--r-pill);border:1px solid var(--wa-border);background:var(--btn-wa);color:var(--on-wa);font-family:var(--font-display);transition:background .25s var(--ease), transform .25s var(--ease);font-weight:700;display:inline-flex}.btn-wa:hover{background:var(--btn-wa-hover);transform:translateY(-2px)}.btn-wa svg{flex:none;block-size:22px;inline-size:22px}.wa-fab{z-index:60;align-items:center;gap:var(--s2);min-block-size:56px;min-inline-size:56px;padding-block:0;padding-inline:var(--s4);border-radius:var(--r-pill);border:1px solid var(--wa-border);background:var(--btn-wa);color:var(--on-wa);font-family:var(--font-display);box-shadow:var(--wa-shadow);transition:background .3s var(--ease), transform .3s var(--ease);font-size:.95rem;font-weight:700;display:inline-flex;position:fixed;inset-block-end:calc(var(--s5) + env(safe-area-inset-bottom,0px));inset-inline-end:var(--s5)}.wa-fab:hover{background:var(--btn-wa-hover);transform:translateY(-3px)scale(1.02)}.wa-fab svg{flex:none;block-size:26px;inline-size:26px}.wa-fab__label{display:none}@media (width>=640px){.wa-fab__label{display:inline}}.device-pair{inline-size:100%;max-inline-size:320px;margin-inline:auto;display:block;position:relative}.device-pair--card{max-inline-size:none;margin-block-end:var(--space-4)}.device-pair--page{max-inline-size:100%}.browser-frame{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);inline-size:100%;box-shadow:var(--shadow-1);display:block;overflow:hidden}.device-pair--card .browser-frame{box-shadow:none}.browser-bar{border-block-end:1px solid var(--line);block-size:32px;padding-inline:var(--space-4);background:var(--surface);align-items:center;gap:6px;display:flex}.browser-dot{background:var(--line);border-radius:50%;block-size:8px;inline-size:8px}.browser-screen{aspect-ratio:16/10;background:var(--surface-2)}.browser-screen img{object-fit:cover;block-size:100%;inline-size:100%}.phone-frame{--pf-w:112px;--pf-border:clamp(3px, calc(var(--pf-w) * .04), 8px);--pf-radius:clamp(16px, calc(var(--pf-w) * .16), var(--radius-phone));--pf-pad:2px;border:var(--pf-border) solid var(--phone-frame);border-radius:var(--pf-radius);inline-size:112px;padding:var(--pf-pad);background:var(--phone-frame);box-shadow:var(--shadow-phone);display:block;position:relative}.phone-frame:before{content:"";inline-size:clamp(28px, calc(var(--pf-w) * .35), 44px);border-radius:var(--radius-pill);background:var(--surface);opacity:.45;z-index:2;block-size:3px;margin-inline:auto;position:absolute;inset-block-start:calc(var(--pf-border) * -.625);inset-inline:0}.phone-screen{aspect-ratio:780/1688;border-radius:calc(var(--pf-radius) - var(--pf-border) - var(--pf-pad));background:var(--surface-2);position:relative;overflow:hidden}.phone-screen img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.device-pair--paired .phone-frame{z-index:2;position:absolute;inset-block-end:-28px;inset-inline-end:-12px}.device-pair--solo .phone-frame{margin-inline:auto}.device-pair--card .phone-frame{--pf-w:90px;inline-size:90px}.device-pair--paired.device-pair--card .phone-frame{inline-size:28%;inset-block-end:-20px;inset-inline-end:-8px}@media (width>=960px){.device-pair--hero{max-inline-size:760px}.device-pair--page{max-inline-size:600px}.device-pair--hero .phone-frame,.device-pair--page .phone-frame{--pf-w:172px;inline-size:172px}.device-pair--paired.device-pair--hero .phone-frame,.device-pair--paired.device-pair--page .phone-frame{inset-block-end:-40px;inset-inline-end:-20px}.device-pair--card .phone-frame{--pf-w:130px;inline-size:130px}.device-pair--paired.device-pair--card .phone-frame{inline-size:30%;inset-block-end:-24px;inset-inline-end:-12px}}@font-face{font-family:Alexandria;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/alexandria-arabic-700-normal.D0In6rsA.woff2)format("woff2"),url(/_astro/alexandria-arabic-700-normal.DzvlhbG_.woff)format("woff")}@font-face{font-family:Alexandria;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/alexandria-latin-700-normal.9QjHO7f_.woff2)format("woff2"),url(/_astro/alexandria-latin-700-normal.BBRdbUeB.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-arabic-arabic-400-normal.CyU-ddYS.woff2)format("woff2"),url(/_astro/ibm-plex-sans-arabic-arabic-400-normal.EA1o-u_Q.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-arabic-latin-400-normal.Bo5KPYvw.woff2)format("woff2"),url(/_astro/ibm-plex-sans-arabic-latin-400-normal.CFZh1unN.woff)format("woff")}