@font-face{font-family:Geist;src:url('/site-assets/Geist.ttf');font-display:swap}@font-face{font-family:NotoArabic;src:url('/site-assets/NotoSansArabic.ttf');font-display:swap}
:root{--shell-ink:#171717;--shell-muted:#6b6b70;--shell-line:#e6e6e8;--shell-page:#fafafa;--shell-surface:#fff;--shell-accent:#009b87}html[data-theme=dark]{--shell-ink:#f5f5f6;--shell-muted:#b2b2b8;--shell-line:#343438;--shell-page:#141414;--shell-surface:#202020;--shell-accent:#77d0bd}
header.global-header,footer.global-footer{box-sizing:border-box;display:block;width:100%;max-width:none;margin:0;padding:0;color:var(--shell-ink);font:14px/1.5 Geist,NotoArabic,sans-serif;text-align:start;letter-spacing:normal}
.global-header *,.global-footer *{box-sizing:border-box}.global-header a,.global-footer a{color:inherit;text-decoration:none}.global-header button{font:inherit;cursor:pointer}.global-header a:focus-visible,.global-header button:focus-visible,.global-footer a:focus-visible{outline:2px solid var(--shell-accent);outline-offset:4px}
header.global-header{border:0;border-bottom:1px solid var(--shell-line);background:var(--shell-page);position:relative;z-index:40}
.global-header-inner{max-width:1240px;min-height:86px;margin:auto;padding:20px 42px;display:flex;align-items:center;gap:30px;position:relative}
.global-header .global-logo{display:block;flex:none}.global-header .global-logo img{display:block;width:136px;height:auto;max-width:100%;margin:0}
header.global-header .global-header-inner nav.global-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin:0 auto;font-size:14px;line-height:1.5;flex-wrap:nowrap}
header.global-header .global-header-inner nav.global-nav>a{display:block;padding:8px 0;white-space:nowrap;color:var(--shell-muted)}.global-header .global-nav>a:hover,.global-footer a:hover{color:var(--shell-accent)}
.shell-controls{display:flex;align-items:center;gap:10px;flex:none}.global-header .shell-control{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:42px;min-height:42px;padding:0;border:1px solid var(--shell-line);border-radius:8px;background:transparent;color:var(--shell-ink);flex:none;font-size:13px;line-height:1}.global-header .shell-control svg{width:20px;height:20px;color:inherit}.global-header #language-trigger{width:auto;padding-inline:10px}.global-header .language-switcher{position:relative;z-index:42}
.global-header .theme-sun{display:none}.global-header .theme-moon{display:block}html[data-theme=dark] .global-header .theme-sun{display:block}html[data-theme=dark] .global-header .theme-moon{display:none}
.global-header #language-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;inset-inline-start:auto;width:190px;padding:8px;background:var(--shell-surface);color:var(--shell-ink);border:1px solid var(--shell-line);border-radius:10px;box-shadow:0 2px 8px #0001;z-index:45}.global-header #language-menu>p{font-size:12px;color:var(--shell-muted);margin:6px 10px 8px}.global-header #language-menu button{display:block;width:100%;min-height:40px;padding:9px 10px;text-align:start;border:0;background:transparent;color:var(--shell-ink);border-radius:6px}.global-header #language-menu button:hover,.global-header #language-menu button[aria-checked=true]{background:var(--shell-page)}
.global-header .shell-auth{display:flex;gap:14px;align-items:center}.global-header .shell-auth>a{white-space:nowrap;font-size:13px}.global-header .shell-register{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid var(--shell-ink);border-radius:8px;background:var(--shell-ink);color:var(--shell-page)}
.global-header #header-account-trigger,.global-header #global-nav-trigger{display:none}.global-header [hidden]{display:none!important}
@media(min-width:901px){.global-header .shell-auth[hidden]{display:flex!important}}
footer.global-footer{background:var(--shell-surface);border-top:1px solid var(--shell-line)}.shell-footer-grid{max-width:1240px;margin:auto;padding:50px 42px 42px;display:grid;grid-template-columns:1.65fr 1fr 1.1fr 1.2fr;gap:42px}.global-footer .footer-logo{display:block;width:140px;height:auto;margin:0 0 20px}.global-footer .footer-tagline{font-size:15px;line-height:1.7;color:var(--shell-muted);max-width:260px;margin:0 0 22px}.global-footer .footer-stores{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.global-footer .footer-store{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:1px solid var(--shell-line);border-radius:8px;min-height:42px;font-size:13px;font-weight:550;color:var(--shell-ink);white-space:nowrap}.global-footer .footer-store svg{width:18px;height:18px;color:var(--shell-ink)}.global-footer .footer-web{font-size:12px;color:var(--shell-muted);text-decoration:underline;text-underline-offset:4px}.global-footer h2{font-size:14px;line-height:1.5;font-weight:650;letter-spacing:normal;margin:0 0 18px;color:var(--shell-ink)}.global-footer .footer-links{display:flex;flex-direction:column;gap:12px;margin:0}.global-footer .footer-links a{font-size:13px;line-height:1.6;color:var(--shell-muted);overflow-wrap:anywhere}.shell-footer-bottom{max-width:1156px;margin:auto;border-top:1px solid var(--shell-line);padding:20px 0 24px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--shell-muted)}.global-footer .shell-footer-bottom p{margin:0;font-size:12px;color:inherit;line-height:1.5}.global-footer .shell-footer-bottom a{color:inherit}
.legal-languages{display:none!important}.global-header~nav.languages{display:none}
.global-footer .footer-brand-link{display:block;width:140px;margin-bottom:20px}.global-footer .footer-brand-link img{display:block;width:140px;height:auto;margin:0;max-width:100%}
.global-footer .shell-footer-bottom{max-width:1240px;margin-inline:auto;padding-inline:42px}
@media(max-width:1100px){.global-footer .shell-footer-bottom{margin-inline:0;padding-inline:28px}}
@media(max-width:680px){.global-footer .shell-footer-bottom{margin-inline:0;padding-inline:24px}}
@media(max-width:400px){.global-footer .shell-footer-bottom{margin-inline:0;padding-inline:22px}}
/* The screenshots are the actual app, framed without changing their content. */
.product-shot{margin:0;border:1px solid var(--line,#e6e6e8);border-radius:10px;overflow:hidden;background:#eef3ef}.shot-stage{display:flex;justify-content:center;align-items:center;gap:20px;padding:26px 22px;height:360px;overflow:hidden}.shot-stage img{display:block;max-width:48%;width:auto;height:100%;object-fit:contain;object-position:top;border:1px solid #dedfe1;border-radius:9px;background:#fff}.shot-stage img:nth-child(2){height:87%}.product-shot figcaption{font-size:12px;line-height:1.6;color:var(--muted,#6b6b70);background:var(--shell-surface);padding:12px 16px;margin:0;border-top:1px solid var(--line,#e6e6e8)}.product-shot figcaption strong{font-weight:550;color:var(--ink,#171717)}
.editorial-intro .product-shot{align-self:stretch;min-height:0}.editorial-intro .shot-stage{height:330px;padding:20px 16px;gap:14px}.editorial-intro .shot-stage img{max-width:49%}
.editorial-thumb .shot-stage{height:210px;padding:18px 14px;gap:22px;background:#eef3ef}.editorial-thumb .shot-stage img{height:100%;max-width:46%;aspect-ratio:auto;object-fit:contain}.editorial-thumb .shot-stage img:nth-child(2){height:87%}
.customer-section .customer-image{min-width:0}.customer-section .product-shot{width:100%}.customer-section .shot-stage{height:430px}.customer-section .customer-image img{width:auto;aspect-ratio:auto;max-width:48%;height:100%;object-fit:contain}.customer-section .customer-image img:nth-child(2){height:87%}.customer-section .sample-note{font-size:12px;margin:12px 0 0;text-align:start}
.article .app-screen-figure{display:none}html[data-theme=dark] .product-shot,html[data-theme=dark] .shot-stage,html[data-theme=dark] .editorial-thumb .shot-stage{background:#25332e}html[data-theme=dark] .shot-stage img{border-color:#404944}
.feature-list .feature-capture{display:block;margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#eef3ef}.feature-list .feature-capture img{display:block;width:auto;height:290px;max-width:100%;object-fit:contain;margin:auto;border:1px solid #dedfe1;border-radius:8px}html[data-theme=dark] .feature-list .feature-capture{background:#25332e}
body[data-code]{background:var(--shell-page);color:var(--shell-ink)}body[data-code] main p{color:var(--shell-muted)}
@media(max-width:1100px){.global-header-inner{gap:20px;padding-inline:28px}header.global-header .global-header-inner nav.global-nav{gap:18px}.global-header .shell-auth>a:first-child{display:none}.shell-footer-grid{gap:28px;padding-inline:28px}.shell-footer-bottom{margin-inline:28px}}
@media(max-width:900px){header.global-header .global-header-inner nav.global-nav{display:none;position:absolute;top:calc(100% - 1px);inset-inline:20px;margin:0;padding:12px 18px;background:var(--shell-surface);border:1px solid var(--shell-line);border-radius:10px;flex-direction:column;align-items:stretch;gap:2px;z-index:41}header.global-header .global-header-inner nav.global-nav[data-open=true]{display:flex}header.global-header .global-header-inner nav.global-nav>a{padding:12px 2px}.global-header #global-nav-trigger{display:inline-flex}.global-header-inner{justify-content:space-between;min-height:78px}.global-header .shell-auth{display:none;position:absolute;top:calc(100% + 8px);inset-inline-end:22px;background:var(--shell-surface);padding:12px;border:1px solid var(--shell-line);border-radius:10px;flex-direction:column;align-items:stretch;width:220px;z-index:43}.global-header .shell-auth:not([hidden]){display:flex}.global-header .shell-auth>a:first-child{display:block;padding:10px;text-align:center}.global-header #header-account-trigger{display:inline-flex}.global-header #language-name{display:none}.global-header #language-trigger{width:42px;padding:0}.shell-footer-grid{grid-template-columns:1.6fr 1fr;gap:36px}.shell-footer-brand{grid-row:span 2}}
@media(max-width:680px){.global-header-inner{padding:16px 20px;min-height:76px;gap:12px}.global-header .global-logo img{width:118px}.shell-controls{gap:6px}.global-header .shell-control{width:40px;min-height:40px;height:40px}.global-header #language-trigger{width:40px}.shell-footer-grid{padding:34px 24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.shell-footer-brand{grid-column:1/-1;grid-row:auto}.global-footer .footer-tagline{max-width:320px;margin-bottom:18px}.global-footer .footer-store{min-width:126px}.shell-footer-bottom{margin-inline:24px;padding-block:20px;flex-wrap:wrap;gap:12px}.global-footer h2{margin-bottom:14px}.global-footer .footer-links{gap:10px}.shot-stage,.editorial-intro .shot-stage{height:300px;padding:18px;gap:22px}.editorial-intro .product-shot{margin-bottom:4px}.editorial-thumb .shot-stage{height:200px}.customer-section .shot-stage{height:330px}.product-shot figcaption{font-size:11px}.editorial-intro .product-shot .shot-stage img{max-width:46%}}
@media(max-width:400px){.global-header-inner{padding-inline:12px;gap:8px}.global-header .global-logo img{width:88px}.shell-controls{gap:4px}.global-header .shell-control,.global-header #language-trigger{width:36px;height:40px;min-height:40px}.global-header .shell-control svg{width:18px;height:18px}.shell-footer-grid{padding-inline:22px;gap:26px 20px}.shell-footer-bottom{margin-inline:22px}.shot-stage,.editorial-intro .shot-stage{height:270px;padding:16px;gap:16px}.global-footer .footer-store{min-width:118px;padding-inline:10px}}

/* Header controls own their appearance; page-specific ID rules must not leak in. */
header.global-header .shell-controls button.shell-control{appearance:none;box-shadow:none;text-decoration:none;text-transform:none;letter-spacing:normal}
header.global-header #language-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 10px;border:1px solid var(--shell-line);border-radius:8px;background:transparent;color:var(--shell-ink);font:13px/1 Geist,NotoArabic,sans-serif;white-space:nowrap}
header.global-header #language-trigger:hover,header.global-header #language-trigger[aria-expanded=true]{background:var(--shell-surface);border-color:var(--shell-line);color:var(--shell-ink)}
header.global-header .shell-auth>a.shell-register{background:var(--shell-ink);color:var(--shell-page);border:1px solid var(--shell-ink);font-weight:600;text-decoration:none;line-height:1.4;box-shadow:none}
header.global-header .shell-auth>a.shell-register:hover{background:var(--shell-ink);color:var(--shell-page);opacity:.88}
header.global-header .shell-auth>a:not(.shell-register){color:var(--shell-ink);background:transparent;text-decoration:none}
header.global-header #language-menu button{font:14px/1.5 Geist,NotoArabic,sans-serif;min-height:40px;border:0;color:var(--shell-ink);background:transparent;box-shadow:none;text-decoration:none}
header.global-header #language-menu button:hover,header.global-header #language-menu button:focus-visible,header.global-header #language-menu button[aria-checked=true]{color:var(--shell-ink);background:var(--shell-page);font-weight:500}