*{margin:0;padding:0;box-sizing:border-box}
:root{
--jet:#333;--jet-l:#444;--jet-d:#222;
--g:#B0BEC5;--gl:#CFD8DC;--gd:#90A4AE;--gp:rgba(176,190,197,.12);
--w:#FFF;--bg:#F7F8FA;--card:#FFF;
--t:#1A1A1A;--t2:#5A5A5A;--t3:#999;
--grn:#34C759;
--sh:0 2px 24px rgba(0,0,0,.06);--sh2:0 16px 48px rgba(0,0,0,.12);
--r:22px;--rs:14px;
--e:cubic-bezier(.25,.46,.45,.94);
--fen:'Plus Jakarta Sans',system-ui,sans-serif;
--far:'Cairo',system-ui,sans-serif;
}
html,body{height:100%;overflow:hidden;font-family:var(--fen);background:var(--bg);color:var(--t);-webkit-font-smoothing:antialiased}
body.rtl{direction:rtl;font-family:var(--far)}
body.rtl, body.rtl input, body.rtl button, body.rtl textarea, body.rtl select, body.rtl label, body.rtl .nm, body.rtl .ns, body.rtl .sh, body.rtl .sp, body.rtl .stag, body.rtl .flab, body.rtl .finp, body.rtl .fnote, body.rtl .aname, body.rtl .aprice, body.rtl .ci span, body.rtl .fi h4, body.rtl .fi p, body.rtl .tb, body.rtl .dl, body.rtl .ib span, body.rtl .chdr span, body.rtl .bub{font-family:var(--far)}
.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,[class^='fa-'],[class*=' fa-']{font-family:'Font Awesome 6 Free','Font Awesome 6 Brands' !important}

.splash{position:fixed;inset:0;display:flex;flex-direction:column}
.pbar{position:fixed;top:0;left:0;right:0;height:4px;background:var(--gp);z-index:100}
.pfill{height:100%;background:var(--jet);border-radius:0 4px 4px 0;transition:width .5s var(--e);width:0}
.pbar.hid{opacity:0}

.scr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 120px;opacity:0;transform:translate3d(60px,0,0) scale(.985);transition:opacity .48s var(--e),transform .48s var(--e),filter .48s var(--e);filter:blur(8px);pointer-events:none;overflow-y:auto;-webkit-overflow-scrolling:touch}
.scr.on{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);pointer-events:all;z-index:10}
.scr.out{opacity:0;transform:translate3d(-40px,0,0) scale(.985);filter:blur(8px)}
body.rtl .scr{transform:translate3d(-60px,0,0) scale(.985)}
body.rtl .scr.on{transform:translate3d(0,0,0) scale(1)}
body.rtl .scr.out{transform:translate3d(40px,0,0) scale(.985)}

.bnav{position:fixed;bottom:0;left:0;right:0;padding:14px 18px calc(14px + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:rgba(255,255,255,.88);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);border-top:1px solid rgba(0,0,0,.06);z-index:70;transition:all .3s;box-shadow:0 -10px 30px rgba(0,0,0,.05)}
.bnav.hid{transform:translateY(100%);opacity:0;pointer-events:none}
.ndots{display:flex;gap:5px;align-items:center;justify-content:center}
.ndot{width:7px;height:7px;border-radius:50%;background:var(--gl);transition:all .3s}
.ndot.on{width:20px;border-radius:4px;background:var(--jet)}
.bbk,.bnx{border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:15px;border-radius:60px;transition:all .28s var(--e);display:flex;align-items:center;gap:8px;min-height:48px}
.bnx{padding:14px 24px;background:var(--jet);color:var(--w);justify-self:end}
.bnx:hover{background:var(--jet-l);transform:translateY(-2px);box-shadow:0 6px 20px rgba(51,51,51,.3)}
.bbk{padding:14px 18px;background:rgba(0,0,0,.03);color:var(--t2);justify-self:start}
.bbk:hover{color:var(--jet)}

/* LANG */
.lscr{background:radial-gradient(circle at top, rgba(176,190,197,.14), transparent 30%), linear-gradient(180deg,#171717 0%, #232323 100%);justify-content:center}
.llogo{width:130px;height:57px;object-fit:contain;margin-bottom:20px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.22))}
.ltit{font-size:42px;font-weight:800;color:var(--w);letter-spacing:-2px;line-height:1.1}
.ltit span{color:var(--g)}
.lby{color:var(--gd);font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-top:10px;font-weight:500}
.lprompt{color:var(--gl);font-size:16px;margin:32px 0;font-weight:400}
.lopts{display:flex;gap:16px}
.lcard{width:160px;padding:28px 20px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:var(--r);cursor:pointer;text-align:center;transition:transform .28s var(--e),border-color .28s var(--e),background .28s var(--e),box-shadow .28s var(--e);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.lcard:hover{border-color:rgba(255,255,255,.35);transform:translateY(-4px);background:rgba(255,255,255,.1)}
.lcard .fl{font-size:36px;display:block;margin-bottom:12px}
.lcard .nm{color:var(--w);font-size:17px;font-weight:700}
.lcard .ns{color:var(--gd);font-size:12px;margin-top:4px;font-weight:500}
.lanim{animation:lf 3s ease-in-out infinite}
@keyframes lf{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.lpow{margin-top:40px}
.lpow a{font-size:12px;color:var(--gd);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px}

/* SCREEN INNER */
.si{max-width:520px;width:100%;text-align:center}
.shead{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto 18px}
.slogo{width:110px;height:42px;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.08))}
.sicon{width:72px;height:72px;border-radius:20px;background:var(--gp);display:flex;align-items:center;justify-content:center;margin:0 auto 0;font-size:30px;color:var(--jet);flex-shrink:0}
.stag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--gp);border-radius:60px;font-size:11px;font-weight:700;color:var(--gd);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}
.sh{font-size:clamp(24px,5vw,32px);font-weight:800;color:var(--jet);line-height:1.15;letter-spacing:-1px;margin-bottom:14px}
body.rtl .sh{letter-spacing:0;line-height:1.4}
.sp{font-size:14.5px;line-height:1.75;color:var(--t2);max-width:440px;margin:0 auto 24px;font-weight:400}
body.rtl .sp{line-height:1.9}

/* FEATURES GRID */
.fg{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin:20px 0}
body.rtl .fg{text-align:right}
.fi{padding:14px;background:var(--card);border:1px solid rgba(0,0,0,.05);border-radius:var(--rs);transition:all .3s}
.fi:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.fi i{font-size:18px;color:var(--jet);margin-bottom:6px;display:block}
.fi h4{font-size:12px;font-weight:700;color:var(--jet);margin-bottom:3px}
.fi p{font-size:10.5px;color:var(--t3);line-height:1.5}
@media(max-width:480px){.fg{grid-template-columns:1fr}}

/* CHECKLIST */
.cl{text-align:left;margin:16px 0}
body.rtl .cl{text-align:right}
.ci{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04)}
.ci:last-child{border:none}
.ci i{color:var(--grn);font-size:15px;margin-top:2px;flex-shrink:0}
.ci span{font-size:13px;color:var(--t2);line-height:1.6;font-weight:500}

/* PHONE FRAME */
.pf{width:220px;height:440px;background:var(--jet);border-radius:32px;padding:8px;margin:0 auto 16px;box-shadow:var(--sh2);position:relative}
.pn{width:80px;height:22px;background:var(--jet);border-radius:0 0 14px 14px;position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:3}
.pin{width:100%;height:100%;border-radius:24px;overflow:hidden;background:var(--bg);position:relative}
.psl{display:flex;height:100%;transition:transform .45s var(--e)}
.psli{min-width:100%;height:100%}
.psli img{width:100%;height:100%;object-fit:cover;display:block}
.plh{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#f0f0f0,#e4e4e4);gap:8px}
.plh i{font-size:30px;color:var(--gd)}
.plh span{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:1px;font-weight:700}
.plh small{font-size:8px;color:#ccc;margin-top:2px}
.pds{display:flex;gap:4px;justify-content:center;margin-top:8px}
.pd{width:6px;height:6px;border-radius:50%;background:var(--gl);transition:all .3s}
.pd.on{background:var(--jet);width:16px;border-radius:3px}

/* DESKTOP FRAME */
.df{width:100%;max-width:480px;background:var(--jet-d);border-radius:12px;overflow:hidden;margin:0 auto 12px;box-shadow:var(--sh2)}
.db{display:flex;align-items:center;gap:6px;padding:10px 14px}
.dd{width:10px;height:10px;border-radius:50%}
.dd.r{background:#FF5F57}.dd.y{background:#FEBC2E}.dd.g{background:#28C840}
.dscr{position:relative;overflow:hidden}
.dsl{display:flex;transition:transform .45s var(--e)}
.dsli{min-width:100%;aspect-ratio:16/9}
.dsli img{width:100%;height:100%;object-fit:cover;display:block}
.dlh{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#e8e8e8,#ddd);gap:10px}
.dlh i{font-size:40px;color:var(--gd)}
.dlh span{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:1px;font-weight:600}
.dlh small{font-size:9px;color:#ccc;margin-top:2px}
.dds{display:flex;gap:4px;justify-content:center;margin-top:8px}
.ddt{width:6px;height:6px;border-radius:50%;background:var(--gl);transition:all .3s}
.ddt.on{background:var(--jet);width:16px;border-radius:3px}

/* VIDEO */
.vw{width:100%;max-width:480px;margin:0 auto;border-radius:var(--rs);overflow:hidden;box-shadow:var(--sh2);background:var(--jet)}
.vw iframe{width:100%;aspect-ratio:16/9;border:none;display:block}

/* PRICING */
.pc{background:var(--card);border:2px solid var(--jet);border-radius:var(--r);padding:28px 20px;text-align:center;max-width:380px;margin:0 auto;position:relative;overflow:hidden}
.pbad{position:absolute;top:14px;right:14px;background:var(--jet);color:var(--w);padding:4px 12px;border-radius:60px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}
body.rtl .pbad{right:auto;left:14px}
.pprice{font-size:50px;font-weight:900;color:var(--jet);line-height:1;margin:8px 0}
.pprice sup{font-size:20px;font-weight:700;vertical-align:top}
.pprice sub{font-size:13px;font-weight:500;color:var(--t3);margin-left:4px}
body.rtl .pprice sub{margin-left:0;margin-right:4px}
.pper{font-size:12px;color:var(--t3);margin-bottom:16px;font-weight:500}
.addons{text-align:left;margin:16px 0}
body.rtl .addons{text-align:right}
.aitem{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05)}
.aitem:last-child{border:none}
.aleft{display:flex;align-items:center;gap:8px}
.aleft i{font-size:16px;color:var(--jet);width:22px;text-align:center}
.aname{font-size:12px;font-weight:600;color:var(--t)}
.aprice{font-size:12px;font-weight:800;color:var(--jet);white-space:nowrap}

/* FORM */
.sform{width:100%;max-width:380px;margin:0 auto;text-align:left}
body.rtl .sform{text-align:right}
.fgrp{margin-bottom:14px}
.flab{font-size:11px;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;display:block}
.finp{width:100%;padding:13px 14px;border:1.5px solid var(--gl);border-radius:var(--rs);font-size:14px;font-family:inherit;background:var(--card);color:var(--t);transition:all .3s;outline:none}
.finp:focus{border-color:var(--jet);box-shadow:0 0 0 3px rgba(51,51,51,.08)}
.finp::placeholder{color:var(--t3)}
.bsub{width:100%;padding:15px;background:var(--jet);color:var(--w);border:none;border-radius:var(--rs);font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .3s var(--e);display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}
.bsub:hover{background:var(--jet-l);transform:translateY(-2px);box-shadow:0 8px 24px rgba(51,51,51,.25)}
.bwa{width:100%;padding:13px;background:#25D366;color:var(--w);border:none;border-radius:var(--rs);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .3s var(--e);display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;text-decoration:none}
.bwa:hover{background:#20bd5a;transform:translateY(-2px)}
.fnote{font-size:10px;color:var(--t3);margin-top:16px;line-height:1.6;text-align:center}
.fnote a{color:var(--jet);font-weight:600;text-decoration:none}


.extrasbox{margin-top:16px;padding:14px;border:1px solid rgba(0,0,0,.06);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(247,248,250,.92))}
.extrashead{font-size:11px;font-weight:800;color:var(--t2);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.xrow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05)}
.xrow:last-child{border-bottom:none;padding-bottom:0}
.xrow input{width:18px;height:18px;accent-color:var(--jet);flex-shrink:0}
.xrow label{font-size:13px;color:var(--t);line-height:1.5;font-weight:600;cursor:pointer}
.sumrow{margin-top:14px;padding:12px 14px;background:var(--gp);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;color:var(--jet)}

/* TECH BADGES */
.tbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:18px 0}
.tb{padding:5px 12px;background:var(--gp);border:1px solid rgba(0,0,0,.04);border-radius:60px;font-size:11px;font-weight:700;color:var(--jet);display:flex;align-items:center;gap:5px}
.tb i{color:var(--gd);font-size:12px}

/* DEMO LINKS */
.dls{display:flex;gap:10px;justify-content:center;margin:14px 0;flex-wrap:wrap}
.dl{padding:9px 18px;border:1.5px solid var(--gl);border-radius:60px;font-size:12px;font-weight:600;color:var(--jet);text-decoration:none;transition:all .3s;display:flex;align-items:center;gap:6px}
.dl:hover{border-color:var(--jet);background:var(--jet);color:var(--w)}

/* ICON ROW */
.ir{display:flex;gap:12px;justify-content:center;margin:18px 0;flex-wrap:wrap}
.ib{width:68px;height:68px;background:var(--card);border:1px solid rgba(0,0,0,.05);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:all .3s}
.ib:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.ib i{font-size:20px;color:var(--jet)}
.ib span{font-size:7.5px;font-weight:800;color:var(--t3);text-transform:uppercase;letter-spacing:.3px}

/* CHAT */
.cdemo{width:100%;max-width:380px;margin:0 auto;background:var(--card);border-radius:var(--r);overflow:hidden;border:1px solid rgba(0,0,0,.06);box-shadow:var(--sh)}
.chdr{background:var(--jet);padding:10px 14px;display:flex;align-items:center;gap:10px}
.cav{width:28px;height:28px;border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--jet)}
.chdr span{color:var(--w);font-size:12px;font-weight:600}
.cbody{padding:14px;display:flex;flex-direction:column;gap:8px}
.bub{max-width:82%;padding:9px 13px;border-radius:14px;font-size:12px;line-height:1.55;animation:bu .4s var(--e) forwards}
.bub.u{background:var(--jet);color:var(--w);align-self:flex-end;border-bottom-right-radius:3px}
body.rtl .bub.u{border-bottom-right-radius:14px;border-bottom-left-radius:3px}
.bub.b{background:var(--bg);color:var(--t);align-self:flex-start;border-bottom-left-radius:3px}
body.rtl .bub.b{border-bottom-left-radius:14px;border-bottom-right-radius:3px}
@keyframes bu{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.sscr{justify-content:flex-start;padding-top:56px;padding-bottom:138px}

@media(min-width:768px){.si{max-width:580px}.pf{width:260px;height:520px}.df{max-width:560px}}
@media(max-width:640px){.bnav{grid-template-columns:auto 1fr auto;padding-left:14px;padding-right:14px}.bbk span,.bnx span{font-size:14px}.bnx{padding:13px 18px}.bbk{padding:13px 14px}}
@media(max-width:380px){.lopts{flex-direction:column;gap:12px}.lcard{width:100%}.pf{width:180px;height:360px;border-radius:24px;padding:6px}.pn{width:60px;height:16px;border-radius:0 0 10px 10px;top:6px}.pin{border-radius:18px}.bnav{gap:8px}.bbk span,.bnx span{display:none}.bbk,.bnx{min-width:48px;justify-content:center;padding:13px}}

@media(max-width:520px){
  .scr{padding:26px 18px 118px}
  .scr.on{align-items:center}
  .si{max-width:100%}
  .shead{gap:8px;margin-bottom:14px}
  .slogo{width:96px;height:36px}
  .sicon{width:64px;height:64px;border-radius:18px;font-size:25px}
  .stag{font-size:10px;padding:6px 12px;letter-spacing:1.4px;margin-bottom:12px}
  .sh{font-size:clamp(20px,6vw,26px);line-height:1.22;margin-bottom:10px}
  .sp{font-size:13px;line-height:1.72;max-width:100%;margin-bottom:18px}
  .tb{font-size:10px;padding:5px 10px}
  .dl{font-size:11px;padding:8px 14px}
  .pf{width:min(62vw,214px);height:min(124vw,430px)}
  .df{max-width:100%}
  .vw{max-width:100%;border-radius:16px}
}
@media(max-width:390px){
  .scr{padding-top:22px;padding-bottom:112px}
  .shead{margin-bottom:12px}
  .slogo{width:88px;height:33px}
  .sicon{width:60px;height:60px;font-size:22px}
  .sh{font-size:19px}
  .sp{font-size:12.5px;line-height:1.65}
}
.scr.introfix{justify-content:flex-start;padding-top:34px}
.scr.introfix .si{padding-top:6px}


/* language screen refinements */
.lscr{padding-top:max(32px,env(safe-area-inset-top));padding-bottom:48px}
.lhero{display:flex;align-items:center;justify-content:center;margin-bottom:34px}
.llogo{margin-bottom:0}
.lopts{align-items:stretch}
@media(max-width:520px){
  .lscr{padding:24px 18px 34px}
  .lhero{margin-bottom:24px}
  .llogo{width:118px;height:52px}
  .lopts{width:100%;flex-direction:column;gap:12px}
  .lcard{width:100%;padding:22px 18px;border-radius:18px}
  .lcard .fl{font-size:30px;margin-bottom:10px}
  .lcard .nm{font-size:16px}
  .lcard .ns{font-size:11px}
}

.legalAlert{
  width:100%;
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:16px;
  background:#222;
  color:#f3f5f7;
  border:1px solid rgba(255,255,255,.08);
  font-size:12px;
  line-height:1.75;
  text-align:center;
}

.legalAlert a{
  color:#CFD8DC;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(207,216,220,.35);
  transition:.25s ease;
}

.legalAlert a:hover{
  color:#fff;
  border-bottom-color:#fff;
}

body.rtl .legalAlert{
  line-height:1.95;
}