:root{--bg:#0B0F1A;--bg2:#0F172A;--gold:#8B5CF6;--gold2:#6366F1;--cy:#22D3EE;--txt:#F8FAFC;--mut:#94A3B8;--line:rgba(139,92,246,.22);--glass:rgba(255,255,255,.035)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font:17px/1.65 'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 0,#000 30%,transparent 75%)}
main,header,footer{position:relative;z-index:1}
h1,h2,h3,.logo b,.btn,summary{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.12}
a{color:inherit;text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.gold{background:linear-gradient(100deg,#a5b4fc,#8B5CF6 45%,#22D3EE);-webkit-background-clip:text;background-clip:text;color:transparent}
header{position:sticky;top:0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(11,15,26,.72);border-bottom:1px solid var(--line);z-index:20}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:68px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;min-width:0}
.logo svg{flex:none}.logo b{font-size:20px;color:var(--txt);display:block;letter-spacing:.02em}
.logo small{display:block;font-size:11px;color:var(--mut);letter-spacing:.04em;white-space:nowrap}
.nav{display:flex;align-items:center;gap:10px}
.lang{position:relative}
.lang-cur{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--glass);color:var(--txt);font:600 12px 'Plus Jakarta Sans';padding:0 12px;border-radius:999px;cursor:pointer;min-height:36px}
.lang-cur svg{color:var(--cy)}.lang-cur i{font-style:normal;color:var(--mut);font-size:10px;transition:transform .2s}
.lang.open .lang-cur i{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:150px;padding:6px;border:1px solid var(--line);border-radius:14px;background:rgba(15,23,42,.97);backdrop-filter:blur(14px);box-shadow:0 20px 40px -12px rgba(0,0,0,.6);display:none;z-index:50}
.lang.open .lang-menu{display:grid;gap:2px}
.lang-menu button{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;background:none;color:var(--txt);font:600 13px 'Plus Jakarta Sans';padding:8px 10px;border-radius:9px;cursor:pointer;min-height:36px;text-align:start}
.lang-menu button small{color:var(--mut);font:400 12px 'Inter',sans-serif}
.lang-menu button:hover{background:rgba(139,92,246,.14)}
.lang-menu button.on{background:var(--gold);color:#fff}.lang-menu button.on small{color:#e9e5ff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;font-size:16px;transition:transform .2s,box-shadow .2s}
.btn-gold{background:linear-gradient(135deg,#6366F1,#8B5CF6);color:#fff;box-shadow:0 10px 30px -10px rgba(139,92,246,.6)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px rgba(139,92,246,.75)}
.btn-line{border:1px solid var(--line);color:var(--txt);background:var(--glass)}.btn-line:hover{border-color:var(--gold)}
.btn-sm{min-height:42px;padding:0 18px;font-size:14px}
section{padding:110px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:18px}
.eyebrow{color:var(--cy)}.eyebrow:before{content:"";width:22px;height:1px;background:linear-gradient(90deg,#8B5CF6,#22D3EE)}
h2{font-size:clamp(32px,4.6vw,54px);margin-bottom:20px;max-width:820px}
.lead{color:var(--mut);max-width:640px;font-size:18.5px;margin-bottom:48px}
/* hero */
.hero{display:grid;gap:56px;align-items:center;padding:72px 0 96px;position:relative}
.glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:-1}
.g1{width:520px;height:520px;background:rgba(139,92,246,.16);right:-120px;top:20px}
.g2{width:420px;height:420px;background:rgba(34,211,238,.10);left:-160px;top:280px}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--mut);border:1px solid var(--line);background:var(--glass);border-radius:999px;padding:7px 14px;margin-bottom:26px}
.dot{width:7px;height:7px;border-radius:50%;background:#5bd68a;box-shadow:0 0 10px #5bd68a}
.hero h1{font-size:clamp(42px,6.6vw,80px);margin-bottom:24px}
.hero p.sub{color:var(--mut);font-size:clamp(18px,1.6vw,20.5px);max-width:560px;margin-bottom:34px}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.note{font-size:14px;color:var(--mut);margin-top:18px}.note span{color:var(--gold)}
/* phone */
.phone{position:relative;width:100%;max-width:360px;margin:0 auto;background:linear-gradient(160deg,#141c2f,#0a0e18);border:1px solid rgba(139,92,246,.28);border-radius:44px;padding:14px;box-shadow:0 50px 100px -30px rgba(0,0,0,.9),0 0 80px -10px rgba(139,92,246,.25),inset 0 0 0 6px #0a0e18}
.screen{background:#0b1120;border-radius:32px;padding:18px 14px 22px;min-height:520px}
.ptop{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #1e293b;margin-bottom:14px}
.av{width:36px;height:36px;border-radius:50%;background:#141c2f;border:1px solid var(--line);display:grid;place-items:center}
.ptop b{font:600 14px 'Plus Jakarta Sans';display:block}.ptop small{font-size:11px;color:#5bd68a}
.tag{margin-left:auto;background:rgba(139,92,246,.14);color:var(--gold);font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.06em}
.msg{position:relative;background:#141c2f;border:1px solid #1e293b;border-radius:4px 16px 16px 16px;padding:11px 13px;font-size:13.5px;line-height:1.5;margin-bottom:8px;opacity:0;transform:translateY(10px) scale(.96);transform-origin:0 0;transition:opacity .45s ease,transform .55s cubic-bezier(.2,1.4,.4,1),border-color .8s}
[dir=rtl] .msg{transform-origin:100% 0}
.msg.in{opacity:1;transform:none}.msg.new{border-color:rgba(139,92,246,.55)}
#chat{position:relative;transition:opacity .7s ease}#chat.fade{opacity:0}
#chat .typing{position:absolute;inset-inline-start:0;opacity:0;transform:scale(.8);transform-origin:0 50%;transition:opacity .25s,transform .3s cubic-bezier(.2,1.4,.4,1)}#chat .typing.on{opacity:1;transform:none}
.mt{display:block;font-size:10px;color:var(--mut);text-align:end;margin-top:2px;line-height:1}.msg b{color:var(--gold)}
.typing{display:inline-flex;border:1px solid #1e293b;gap:4px;padding:12px 14px;background:#141c2f;border-radius:4px 16px 16px 16px}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--mut);animation:tp 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{50%{opacity:.25;transform:translateY(-3px)}}
.pfoot{font-size:11px;color:#64748b;text-align:center;margin-top:10px}
/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--glass);border-radius:999px;padding:10px 16px;font-size:14.5px;color:var(--txt)}
.chip:before{content:"✦";color:var(--cy);font-size:10px}
.strip{padding:34px 0;border-block:1px solid var(--line);background:rgba(15,23,42,.5)}
.strip p{text-align:center;color:var(--mut);font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
/* cards */
.grid{display:grid;gap:20px}
.card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:32px;backdrop-filter:blur(10px);transition:border-color .3s,transform .3s}
.card:hover{border-color:var(--line);transform:translateY(-3px)}
.card h3{font-size:21px;margin-bottom:10px}.card p{color:var(--mut);font-size:16px}
.ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(139,92,246,.1);border:1px solid var(--line);margin-bottom:20px;color:var(--gold);font:600 17px 'Plus Jakarta Sans'}
.problem{background:var(--bg2)}
.big{font:600 clamp(24px,3vw,34px)/1.35 'Plus Jakarta Sans';letter-spacing:-.01em;max-width:900px;color:var(--mut)}.big b{color:var(--txt);font-weight:600}
.split{display:grid;gap:48px;align-items:center}
ul.check{list-style:none}ul.check li{padding:16px 0 16px 34px;position:relative;border-bottom:1px solid rgba(255,255,255,.06);color:var(--mut)}
ul.check li b{color:var(--txt)}ul.check li:before{content:"✦";color:var(--cy);position:absolute;left:2px;top:17px;font-size:13px}
.price .amt{font:600 36px 'Plus Jakarta Sans';margin:10px 0 4px;letter-spacing:-.02em}.price .amt small{font-size:14px;color:var(--mut);font-weight:400}
.price.feat{border-color:rgba(139,92,246,.5);box-shadow:0 0 60px -20px rgba(139,92,246,.35)}
.badge{position:absolute;top:-12px;left:24px;background:var(--gold);color:#fff;font:600 11.5px 'Plus Jakarta Sans';padding:4px 12px;border-radius:999px}
.guar{margin-top:28px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:space-between;border:1px solid rgba(139,92,246,.35);border-radius:22px;padding:26px 30px;background:radial-gradient(ellipse at 0 0,rgba(139,92,246,.12),transparent 60%)}
.guar h3{font-size:22px}.guar p{color:var(--mut);font-size:15px}
.fine{font-size:13.5px;color:var(--mut);margin-top:14px}
.about{display:grid;gap:40px;align-items:center}
.mono{width:120px;height:120px;border-radius:30px;display:grid;place-items:center;font:600 46px 'Plus Jakarta Sans';color:#fff;background:linear-gradient(135deg,#f3d58f,var(--gold2));box-shadow:0 20px 60px -20px rgba(139,92,246,.6)}
.about p{color:var(--mut);margin-bottom:14px;max-width:680px}.about .sig{color:var(--txt);font-family:'Plus Jakarta Sans'}
details{border-bottom:1px solid rgba(255,255,255,.08);padding:4px 0}
summary{cursor:pointer;list-style:none;font-size:18px;padding:20px 40px 20px 0;position:relative;min-height:48px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:4px;top:16px;color:var(--gold);font-size:24px;transition:.3s}
details[open] summary:after{transform:rotate(45deg)}details p{color:var(--mut);padding:0 0 22px;max-width:760px}
.final{text-align:center;position:relative;overflow:hidden}.final h2{margin:0 auto 18px}.final .lead{margin:0 auto 36px}.final .ctas{justify-content:center}
.final .glow{width:700px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(139,92,246,.12)}
.contact{margin-top:28px;color:var(--mut);font-size:15px}.contact a{color:var(--gold)}
footer{padding:36px 0 40px;border-top:1px solid var(--line);color:var(--mut);font-size:14px;text-align:center}
.mbar{display:none}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.rv,.msg{opacity:1;transform:none}}
@media(min-width:880px){.hero{grid-template-columns:1.15fr .85fr;padding:96px 0 120px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.split{grid-template-columns:1fr 1fr}.about{grid-template-columns:auto 1fr;gap:56px}}
@media(max-width:879px){section{padding:76px 0}.mbar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(11,15,26,.88);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.mbar .btn{flex:1;min-height:50px;padding:0 10px;font-size:15px}footer{padding-bottom:110px}.nav .btn-sm{display:none}.ctas .btn{flex:1 1 100%}.g4.grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.g4.grid{grid-template-columns:1fr}.logo small{display:none}.card{padding:26px}}
.g1{background:radial-gradient(circle,rgba(99,102,241,.28),rgba(139,92,246,.12) 50%,transparent 70%)!important}.btn-sm{color:#fff}.tag{color:#c4b5fd}.ico{color:#c4b5fd}.badge{background:linear-gradient(90deg,#6366F1,#8B5CF6)}.contact a,.note span{color:var(--cy)}
/* v2 */
.chipnote{text-align:center;color:#64748b;font-size:12.5px;margin-top:14px}
.sec ul{list-style:none}.sec li{color:var(--mut);font-size:15px;padding:6px 0 6px 20px;position:relative}.sec li:before{content:"✦";position:absolute;left:0;color:var(--cy);font-size:10px;top:10px}.sec .card{padding:26px}.sec .ico{font-size:20px}
.soon{display:inline-block;vertical-align:middle;margin-left:6px;font:600 10.5px 'Inter';letter-spacing:.06em;text-transform:uppercase;color:var(--cy);border:1px solid rgba(34,211,238,.35);border-radius:6px;padding:2px 7px}
.dash{border:1px solid rgba(139,92,246,.3);border-radius:26px;padding:22px;background:linear-gradient(180deg,rgba(20,28,47,.9),rgba(11,15,26,.9));box-shadow:0 40px 100px -40px rgba(0,0,0,.9),0 0 80px -20px rgba(99,102,241,.25)}
.dtop{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid #1e293b;margin-bottom:18px}.dtop b{font:600 15px 'Plus Jakarta Sans'}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:#334155}.dots i:first-child{background:#6366F1}.dots i:nth-child(2){background:#8B5CF6}.dots i:last-child{background:#22D3EE}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}
.kpi{background:#0f172a;border:1px solid #1e293b;border-radius:16px;padding:14px 16px;min-width:0}.kpi small{display:block;color:var(--mut);font-size:12.5px}.kpi b{display:block;font:600 21px 'Plus Jakarta Sans';margin:4px 0;white-space:nowrap}.kpi em{font-style:normal;font-size:12.5px}
.up{color:#4ade80}.dn{color:#f87171}.mut{color:var(--mut)}
.drow{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;margin-bottom:16px}
.dbox{background:#0f172a;border:1px solid #1e293b;border-radius:18px;padding:18px 20px}.dbox h4{font:600 14px 'Plus Jakarta Sans';color:var(--mut);margin-bottom:14px}
.bars{display:flex;align-items:flex-end;gap:10px;height:180px;padding-top:20px}.bars div{flex:1;height:var(--h);position:relative;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#8B5CF6,rgba(99,102,241,.35))}
.bars .lo{background:linear-gradient(180deg,#f87171,rgba(248,113,113,.25))}.bars .hi{background:linear-gradient(180deg,#22D3EE,rgba(34,211,238,.3))}
.bars span{position:absolute;top:-20px;left:0;right:0;text-align:center;font-size:12px;color:var(--txt)}.bars i{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-style:normal;font-size:12px;color:var(--mut)}
.dbox:first-child{padding-bottom:36px}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#64748b;font-weight:600;font-size:12px;padding:8px 6px;border-bottom:1px solid #1e293b}td{padding:11px 6px;border-bottom:1px solid rgba(30,41,59,.6);white-space:nowrap}tr:last-child td{border:0}
.ai{border:1px solid rgba(34,211,238,.3);border-radius:18px;padding:18px 22px;background:radial-gradient(ellipse at 0 0,rgba(34,211,238,.08),transparent 60%),#0f172a}
.aih{margin-bottom:10px}.aih b{font:600 15px 'Plus Jakarta Sans'}.spark{color:var(--cy)}
.ai ol{padding-left:20px;color:var(--mut);font-size:15px}.ai li{padding:4px 0}.ai li b{color:var(--txt)}
.dfoot{font-size:12px;color:#64748b;margin-top:14px;text-align:center}
@media(min-width:880px){.g3.ideas{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:879px){.drow{grid-template-columns:1fr}}
@media(max-width:560px){.kpis{grid-template-columns:1fr 1fr}.dash{padding:14px;border-radius:20px}.kpi b{font-size:18px}.dbox{padding:14px}table{font-size:12.5px}td,th{padding:9px 3px}.dtop b{font-size:13px}.sec.g4.grid{grid-template-columns:1fr 1fr}.sec .card{padding:18px}.sec li{font-size:13.5px}}
@media(max-width:400px){.sec.g4.grid{grid-template-columns:1fr}}

/* RTL / Arabic */
html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] .btn,html[lang=ar] summary,html[lang=ar] p,html[lang=ar] li{font-family:'IBM Plex Sans Arabic','Inter',system-ui,sans-serif;letter-spacing:0}
html[lang=ar] h1,html[lang=ar] h2{line-height:1.35}
[dir=rtl] body{text-align:right}
[dir=rtl] .bars{direction:ltr}[dir=rtl] .kpi b,[dir=rtl] .kpi em{direction:ltr;unicode-bidi:isolate;display:inline-block}
[dir=rtl] ul.check li{padding:16px 34px 16px 0}[dir=rtl] ul.check li:before{left:auto;right:0}
[dir=rtl] .sec li{padding:6px 20px 6px 0}[dir=rtl] .sec li:before{left:auto;right:0}
[dir=rtl] .ai ol{padding-left:0;padding-right:20px}
[dir=rtl] .badge{left:auto;right:24px}[dir=rtl] .tag{margin-left:0;margin-right:auto}[dir=rtl] summary{padding:20px 0 20px 40px}[dir=rtl] summary:after{right:auto;left:4px}[dir=rtl] .soon{margin-left:0;margin-right:6px}
html[lang=ar] .bars i{font-size:10px;white-space:nowrap}
[dir=rtl] table{text-align:right}
html,body,main{overflow-x:clip}
.wrap.hero{padding-left:22px;padding-right:22px}
.legalnav{display:flex;flex-wrap:wrap;gap:4px 6px;justify-content:center;margin-top:8px;font-size:13px}.legalnav a{color:#A5B4FC;text-decoration:none}.legalnav a:hover{text-decoration:underline}
