:root{--bg:#f4f7fc;--ink:#0b1733;--muted:#5f6f8e;--blue:#2f66ed;--cyan:#27b9ff;--line:#dce5f4;--panel:#fff;--max:1220px;--radius:17px;--shadow-sm:0 10px 28px rgba(30,62,117,.08);--shadow-md:0 22px 60px rgba(30,62,117,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body[dir=rtl]{font-family:"Segoe UI",Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid rgba(47,102,237,.38);outline-offset:3px}.shell{width:min(var(--max),calc(100% - 42px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:box-shadow .2s ease,background .2s ease}.nav.scrolled{background:rgba(255,255,255,.97);box-shadow:0 10px 32px rgba(26,48,88,.1)}.navInner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:7px;font-size:21px;font-weight:850;white-space:nowrap}.brand b{color:var(--blue)}.brandMark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;background:linear-gradient(140deg,var(--blue),var(--cyan));font-size:16px;box-shadow:0 8px 18px rgba(47,102,237,.22)}.navLinks{display:flex;align-items:center;gap:25px;color:var(--muted);font-size:14px}.navLinks>a{position:relative;padding:9px 0;transition:color .18s ease}.navLinks>a:hover{color:var(--ink)}.navLinks>a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transition:transform .18s ease}.navLinks>a:hover:after{transform:scaleX(1)}.langSwitch{display:flex;border:1px solid var(--line);padding:3px;border-radius:10px;background:#fff}.langSwitch button{border:0;background:transparent;padding:6px 10px;color:var(--muted);border-radius:7px;cursor:pointer}.langSwitch button.active{background:var(--blue);color:white;box-shadow:0 4px 12px rgba(47,102,237,.22)}.mobileMenuToggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;align-items:center;justify-content:center;font-weight:800}.hero{min-height:720px;padding:92px 0 80px;display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.eyebrow,.kicker{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:1.25px;font-size:12px}.eyebrow{display:flex;align-items:center;gap:9px}.dot{width:8px;height:8px;border-radius:50%;background:#23c98c;box-shadow:0 0 0 5px #23c98c22}h1{font-size:clamp(46px,6vw,74px);line-height:1.04;letter-spacing:-3.4px;margin:20px 0}html[dir=rtl] h1{letter-spacing:0}h1 span,h2 span{color:var(--blue)}.lead{font-size:19px;color:var(--muted);max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:750;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#c9d9f2}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--blue),#3e7cff);border-color:var(--blue);box-shadow:0 13px 30px #2f66ed33}.btn.primary:hover{box-shadow:0 16px 38px rgba(47,102,237,.32)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);margin-top:50px;padding-top:25px}.stats>div{padding:10px 14px 10px 0;border-radius:12px}.stats strong,.stats small{display:block}.stats strong{font-size:23px;letter-spacing:-.4px}.stats small{color:var(--muted)}.heroVisual{position:relative;background:linear-gradient(145deg,#ddecff,#fff);padding:17px;border:1px solid #ccdaf2;border-radius:24px;box-shadow:var(--shadow-md);transform:rotate(1deg);transition:transform .25s ease,box-shadow .25s ease}.heroVisual:hover{transform:rotate(0) translateY(-3px);box-shadow:0 34px 82px rgba(55,93,157,.22)}.heroVisual img{display:block;width:100%;border-radius:12px}.visualTag{position:absolute;right:28px;bottom:-18px;padding:9px 13px;border-radius:9px;background:#101a32;color:#fff;font-size:12px;box-shadow:0 12px 28px #101a3240}.valueBand{padding:0 0 32px}.valueGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.valueGrid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm)}.valueGrid strong{display:block;font-size:17px;margin:14px 0 7px}.valueGrid p{margin:0;color:var(--muted)}.valueIcon{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:30px;padding:0 9px;border-radius:999px;background:#edf3ff;color:var(--blue);font-weight:850;font-size:12px}.section{padding:96px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.sectionHead h2,.priceCard h2{font-size:clamp(35px,4vw,52px);line-height:1.08;letter-spacing:-2px;margin:8px 0}.sectionHead p{max-width:480px;color:var(--muted)}.toolGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;padding:27px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:0 1px 0 rgba(255,255,255,.7);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tool:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#c7d9f4}.tool i{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#edf3ff;color:var(--blue);font-style:normal;font-weight:900}.tool h3{margin:0;font-size:19px}.tool p{color:var(--muted);margin:5px 0}.tool>b{font-size:11px;color:#8055d8;background:#f2ecff;padding:4px 8px;border-radius:999px}.tool.free>b{color:#087e5c;background:#def8ee}.galleryBand{background:linear-gradient(145deg,#0b1429,#101d38);color:white}.galleryBand .sectionHead p,.galleryBand figcaption{color:#aebbd3}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery figure{margin:0;background:#111e38;border:1px solid #253554;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.14);transition:transform .18s ease,border-color .18s ease}.gallery figure:hover{transform:translateY(-3px);border-color:#34517f}.gallery figure.wide{grid-column:1/-1}.gallery img{display:block;width:100%;max-height:520px;object-fit:contain;background:#fff}.gallery figcaption{padding:15px 18px}.priceCard{display:grid;grid-template-columns:1fr auto;align-items:center;gap:55px;padding:48px;border-radius:24px;background:linear-gradient(135deg,#fff,#eaf2ff);border:1px solid #bfd2f2;box-shadow:var(--shadow-sm)}.priceCard p{color:var(--muted);max-width:710px}.price{min-width:230px;padding:27px;border-radius:18px;background:linear-gradient(145deg,#0d1931,#13274a);color:#fff;box-shadow:0 18px 40px rgba(13,25,49,.2)}.price small,.price span,.price strong{display:block}.price small,.price span{color:#b9c7df}.price strong{font-size:49px;line-height:1.15;margin:8px 0}.faqSection{padding-top:40px}.faqGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faqGrid details{background:#fff;border:1px solid var(--line);border-radius:15px;padding:0 20px;box-shadow:0 6px 20px rgba(30,62,117,.05)}.faqGrid summary{cursor:pointer;list-style:none;padding:20px 28px 20px 0;font-weight:800;position:relative}.faqGrid summary::-webkit-details-marker{display:none}.faqGrid summary:after{content:"+";position:absolute;right:0;top:17px;font-size:22px;color:var(--blue);font-weight:500}.faqGrid details[open] summary:after{content:"–"}.faqGrid p{color:var(--muted);margin:0 0 20px}.faqActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.legal{padding:78px 0 96px;max-width:1050px}.legal>p{max-width:780px;color:var(--muted);font-size:18px}.legal h1{font-size:clamp(42px,6vw,64px)}.legal h2{margin-top:38px}.supportGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:20px;margin:34px 0 44px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow-sm)}.card h2{margin:0 0 14px}.card p{color:var(--muted)}.formGuide{display:grid;gap:8px}.formGuide p{margin:0;padding:14px 0;border-bottom:1px solid var(--line)}.formGuide p:last-child{border-bottom:0}.muted{color:var(--muted)}.icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#edf3ff;color:var(--blue);font-weight:900;margin-bottom:16px}.notice{margin-top:28px;padding:18px 20px;border-radius:14px;background:#edf3ff;border:1px solid #d4e2fa;color:#334b72}.legal ul{padding-inline-start:22px;color:var(--muted)}footer,.footer{background:#fff;border-top:1px solid var(--line);padding:32px 0;color:var(--muted)}.footerInner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footerInner div,.footerLinks{display:flex;gap:20px;flex-wrap:wrap}.footer a:hover{color:var(--blue)}[data-lang]{display:none}html[data-language=en] [data-lang=en],html[data-language=ar] [data-lang=ar]{display:revert}html[dir=rtl] .stats>div{padding:10px 0 10px 14px}html[dir=rtl] .faqGrid summary{padding:20px 0 20px 28px}html[dir=rtl] .faqGrid summary:after{right:auto;left:0}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.toolGrid,.valueGrid,.faqGrid{grid-template-columns:1fr}.sectionHead{display:block}.gallery{grid-template-columns:1fr}.gallery figure.wide{grid-column:auto}.priceCard{grid-template-columns:1fr}.supportGrid{grid-template-columns:1fr}.mobileMenuToggle{display:inline-flex}.navInner{position:relative}.navLinks{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:2px;padding:14px 20px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 36px rgba(22,48,93,.12)}.navLinks.open{display:flex}.navLinks>a{padding:11px 4px}.navLinks>a:after{display:none}.langSwitch{align-self:flex-start;margin-top:5px}.heroVisual{max-width:760px;margin-inline:auto}}@media(max-width:600px){.shell{width:min(var(--max),calc(100% - 26px))}.navInner{min-height:68px}.hero{padding:52px 0 62px;gap:38px}h1{font-size:44px;letter-spacing:-2px}.lead{font-size:17px}.heroVisual{transform:none}.stats{grid-template-columns:1fr;gap:6px;margin-top:34px}.stats>div{padding:8px 0}.valueBand{padding-bottom:10px}.section{padding:70px 0}.tool{grid-template-columns:auto 1fr;padding:22px}.tool>b{grid-column:2}.priceCard{padding:28px}.price{min-width:0;width:100%}.legal{padding:56px 0 70px}.card{padding:22px}.footerInner{display:block}.footerInner div,.footerLinks{margin-top:12px}.actions .btn,.faqActions .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Language visibility must win over component display rules such as .stats small or .docsSteps. */
html[data-language="en"] [data-lang="ar"],html[data-language="ar"] [data-lang="en"]{display:none!important}

/* Arabic reading mode: consistent RTL flow and clearer mixed Arabic/Latin product terms. */
html[dir="rtl"] body{direction:rtl;text-align:right;line-height:1.75;font-family:Tahoma,"Segoe UI",Arial,sans-serif}
html[dir="rtl"] [data-lang="ar"]{direction:rtl;unicode-bidi:isolate;letter-spacing:0!important;text-align:right}
html[dir="rtl"] .docsHero,html[dir="rtl"] .docsNav,html[dir="rtl"] .docsSection,html[dir="rtl"] .legal,html[dir="rtl"] .card,html[dir="rtl"] .tool,html[dir="rtl"] .valueGrid article,html[dir="rtl"] .faqGrid details{text-align:right}
html[dir="rtl"] .docsNav a,html[dir="rtl"] .docsSection p,html[dir="rtl"] .docsSection li,html[dir="rtl"] .legal p,html[dir="rtl"] .legal li,html[dir="rtl"] .tool p,html[dir="rtl"] .faqGrid p{line-height:1.85}
html[dir="rtl"] .stats small{line-height:1.7}
html[dir="rtl"] .navLinks{direction:rtl}
