:root{--b:#005293;--y:#FECB00;--ink:#0d1b2a;--bg:#f5f7fa;--r:14px}
*{box-sizing:border-box}body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic",sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--b)}img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:auto;padding:0 18px}
header{background:var(--b);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px #0003}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{color:#fff;text-decoration:none;font-weight:900;font-size:1.35rem;letter-spacing:-.5px}.logo span{color:var(--y)}
nav{display:none;gap:22px}nav a{color:#fff;text-decoration:none;font-weight:600}nav a:hover{color:var(--y)}
.burger{background:none;border:0;color:#fff;font-size:1.7rem}
nav.open{display:flex;flex-direction:column;position:absolute;top:62px;left:0;right:0;background:var(--b);padding:16px 18px}
@media(min-width:860px){nav{display:flex}.burger{display:none}}
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#003a6b,var(--b) 60%);padding:70px 0 90px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 28%,var(--y) 28% 36%,transparent 36%),linear-gradient(0deg,transparent 42%,var(--y) 42% 56%,transparent 56%);opacity:.13}
.hero .wrap{position:relative}.hero h1{font-size:clamp(2.2rem,7vw,4.4rem);line-height:1;margin:0 0 16px;font-weight:900;letter-spacing:-2px}
.hero h1 em{color:var(--y);font-style:normal}.hero p{font-size:1.15rem;max-width:560px;opacity:.92}
.btn{display:inline-block;background:var(--y);color:var(--ink);font-weight:800;padding:14px 26px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;font-size:1rem;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;color:#fff;border:2px solid #fff;margin-left:8px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px;max-width:560px}
.stats div{background:#ffffff1a;border-radius:var(--r);padding:14px;text-align:center}.stats b{display:block;font-size:1.6rem;color:var(--y)}
section{padding:56px 0}h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;margin:0 0 20px;letter-spacing:-1px}
.grid{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.grid.g3{grid-template-columns:repeat(3,1fr)}.grid.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 4px 18px #0d1b2a14;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;display:block}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0d1b2a26}.card .body{padding:16px}.card h3{margin:0 0 6px;font-size:1.1rem}
.tag{display:inline-block;background:var(--y);font-weight:800;font-size:.72rem;padding:3px 9px;border-radius:99px;margin-bottom:8px}
.price{font-weight:900;color:var(--b);font-size:1.25rem}.meta{color:#5b6b7b;font-size:.9rem}
.feat{background:#fff;border-radius:var(--r);padding:22px;border-top:5px solid var(--y)}.feat h3{margin-top:0}
.filters{background:#fff;border-radius:var(--r);padding:16px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}
@media(min-width:900px){.filters{grid-template-columns:repeat(7,1fr)}}
label{font-size:.8rem;font-weight:700;display:block}input,select,textarea{width:100%;padding:11px;border:1.5px solid #cfd8e3;border-radius:10px;font:inherit;margin-top:4px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--y);border-color:var(--b)}
form.lead{background:#fff;border-radius:var(--r);padding:22px;display:grid;gap:12px}@media(min-width:700px){form.lead{grid-template-columns:1fr 1fr}form.lead .full{grid-column:1/-1}}
.band{background:var(--y)}.band h2{margin:0}.dark{background:var(--ink);color:#fff}
footer{background:var(--ink);color:#aab;padding:36px 0;font-size:.9rem}footer a{color:var(--y)}
.wa{position:fixed;right:18px;bottom:18px;width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 6px 20px #0004;z-index:30}
[dir=rtl] .wa{right:auto;left:18px}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.specs div{background:#fff;padding:12px;border-radius:10px}.specs b{display:block;font-size:.75rem;color:#5b6b7b}
.notice{background:#fff3c4;border:1px solid var(--y);padding:10px 14px;border-radius:10px;font-weight:600}
.reveal{opacity:0;transform:translateY(24px);transition:.6s}.reveal.in{opacity:1;transform:none}
/* ===== v2 cinematic dark ===== */
:root{--bg:#05080f;--ink:#e8eef6;--glass:rgba(255,255,255,.06);--line:rgba(255,255,255,.12)}
body{background:radial-gradient(1200px 600px at 80% -10%,#00529344,transparent),var(--bg);color:var(--ink)}
a{color:var(--y)}header{background:rgba(5,8,15,.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.card,.feat,.filters,form.lead,.specs div,.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(12px);color:var(--ink);box-shadow:0 10px 40px #0006}
.card:hover{box-shadow:0 0 0 1px var(--y),0 20px 50px #00529355}.meta{color:#93a3b8}.price{color:var(--y)}.specs b{color:#93a3b8}
input,select,textarea{background:#0b1220;color:var(--ink);border-color:#24324a}.dark{background:transparent}.notice{background:#fecb0014;color:var(--y)}
.band{background:linear-gradient(90deg,var(--b),#003a6b)}.band h2{color:#fff}
.hero{min-height:88vh;display:flex;align-items:center;background:none;padding:0}.hero:before{display:none}
#road{position:absolute;inset:0;width:100%;height:100%}.hero .wrap{z-index:2}
.hero h1{text-shadow:0 10px 40px #000}.hero h1 em{background:linear-gradient(90deg,var(--y),#fff3a0,var(--y));background-size:200%;-webkit-background-clip:text;color:transparent;animation:sh 4s linear infinite}
@keyframes sh{to{background-position:200%}}
.stats div{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(8px)}
.btn{box-shadow:0 0 0 0 #fecb0066;transition:transform .15s,box-shadow .3s}.btn:hover{box-shadow:0 0 0 8px #fecb0022,0 10px 30px #fecb0044}
.btn.sm{padding:8px 14px;font-size:.85rem}.btn.blue{background:var(--b);color:#fff}
.ai-badge{display:inline-flex;gap:6px;align-items:center;font-size:.75rem;font-weight:800;color:var(--y);border:1px solid #fecb0055;border-radius:99px;padding:4px 10px}
.ai-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--y);box-shadow:0 0 10px var(--y);animation:pl 1.5s infinite}@keyframes pl{50%{opacity:.3}}
.nls{display:flex;gap:8px;margin-bottom:12px}.nls input{margin:0;font-size:1.05rem;padding:15px 18px;border-radius:999px;border:1.5px solid var(--b);box-shadow:0 0 30px #00529355}
.mic{width:52px;height:52px;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--glass);color:#fff;font-size:1.3rem;cursor:pointer}.mic.on{background:#c0392b;animation:pl 1s infinite}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.chip{background:#fecb001f;color:var(--y);border:1px solid #fecb0055;border-radius:99px;padding:4px 12px;font-size:.82rem;font-weight:700}
.cmpbox{position:absolute;top:10px;left:10px;z-index:2;background:#000a;color:#fff;border-radius:99px;padding:5px 10px;font-size:.78rem;font-weight:700;display:flex;gap:6px;align-items:center}
.card{position:relative}.cmpbox input{width:auto;margin:0}
#cmpbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(150%);transition:.3s;z-index:31;background:var(--y);color:#000;border-radius:99px;padding:8px 8px 8px 18px;font-weight:800;display:flex;gap:10px;align-items:center}
#cmpbar.show{transform:translateX(-50%)}
table.cmp{width:100%;border-collapse:collapse;font-size:.92rem}table.cmp td,table.cmp th{padding:9px;border-bottom:1px solid var(--line);text-align:start}.win{color:var(--y);font-weight:800}
.modal{position:fixed;inset:0;background:#000b;z-index:50;display:none;place-items:center;padding:14px}.modal.open{display:grid}.modal>div{max-width:820px;width:100%;max-height:90vh;overflow:auto;border-radius:18px;padding:20px;background:#0b1220;border:1px solid var(--line)}
/* chat */
#aiBtn{position:fixed;right:18px;bottom:90px;z-index:30;border:0;border-radius:99px;padding:14px 18px;font-weight:900;background:linear-gradient(135deg,var(--b),#0a74d1);color:#fff;box-shadow:0 0 0 0 #0a74d1;animation:glow 2.5s infinite;cursor:pointer}
@keyframes glow{50%{box-shadow:0 0 0 12px #0a74d100,0 0 30px #0a74d1aa}}
#aiChat{position:fixed;right:12px;bottom:12px;left:12px;height:78vh;z-index:40;display:none;flex-direction:column;border-radius:20px;overflow:hidden;background:rgba(8,13,24,.92);backdrop-filter:blur(18px);border:1px solid #0a74d166;box-shadow:0 30px 80px #000}
@media(min-width:700px){#aiChat{left:auto;width:420px;height:620px}}#aiChat.open{display:flex}
#aiChat .hd{padding:14px 16px;background:linear-gradient(90deg,var(--b),#003a6b);display:flex;justify-content:space-between;align-items:center;font-weight:900}
#aiChat .hd button{background:none;border:0;color:#fff;font-size:1.4rem;cursor:pointer}
#aiLog{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:88%;padding:10px 13px;border-radius:16px;line-height:1.4;font-size:.93rem;animation:in .3s}@keyframes in{from{opacity:0;transform:translateY(8px)}}
.msg.u{align-self:flex-end;background:var(--b);border-bottom-right-radius:4px}.msg.b{align-self:flex-start;background:var(--glass);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg .rec{margin-top:8px;padding:8px;border-radius:10px;background:#ffffff0d;border-left:3px solid var(--y)}.msg .rec b{color:var(--y)}
.quick{display:flex;gap:6px;overflow:auto;padding:0 14px 8px}.quick button{flex:none;background:var(--glass);color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:6px 11px;font-size:.8rem;cursor:pointer}
#aiChat form{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line)}#aiChat form input{margin:0;border-radius:99px}#aiChat form .mic{width:44px;height:44px}
.typing span{display:inline-block;width:7px;height:7px;margin:0 2px;border-radius:50%;background:var(--y);animation:pl 1s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}
.langt{background:none;border:1px solid var(--y);color:var(--y);border-radius:99px;padding:5px 11px;font-weight:800;cursor:pointer}
.est-out{font-size:.95rem}.est-out .total{font-size:2rem;font-weight:900;color:var(--y)}
[dir=rtl] #aiBtn{right:auto;left:18px}[dir=rtl] #aiChat{right:auto;left:12px}@media(min-width:700px){[dir=rtl] #aiChat{right:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
footer{background:#02040a;border-top:1px solid var(--line)}
#cmpbar{opacity:0;visibility:hidden}#cmpbar.show{opacity:1;visibility:visible}
.cmpbox{position:static;display:inline-flex;margin:0 16px 10px;background:var(--glass);border:1px solid var(--line);color:var(--ink)}
.cur{width:auto;margin:0;padding:5px 8px;border-radius:99px;font-weight:800;background:transparent;color:var(--y);border:1px solid var(--y)}
.score{display:flex;gap:16px;align-items:center}.ring{--v:80;width:110px;height:110px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--y) calc(var(--v)*1%),#ffffff14 0);position:relative}
.ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#0b1220}.ring b{position:relative;z-index:1;font-size:2rem;font-weight:900}
.bar{height:8px;border-radius:9px;background:#ffffff14;overflow:hidden;margin:3px 0 8px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--b),var(--y))}
.check{width:100%;border-collapse:collapse;font-size:.88rem}.check td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}.check td:first-child{color:#93a3b8;width:42%}
.ok{color:#2ecc71}.warn{color:#f39c12}
.pipe{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:800px){.pipe{grid-template-columns:repeat(4,1fr)}}
.pipe .feat{position:relative}.pipe .n{font-size:3rem;font-weight:900;color:var(--y);opacity:.25;position:absolute;top:8px;inset-inline-end:16px}
.counter{font-size:2.4rem;font-weight:900;color:var(--y)}.scanline{height:4px;background:linear-gradient(90deg,transparent,var(--y),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:scan 2s linear infinite;border-radius:4px}
@keyframes scan{from{background-position:-40% 0}to{background-position:140% 0}}
details{background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:8px}summary{font-weight:800;cursor:pointer}
.spark{height:40px;width:100%}
.psek{display:block;font-weight:900;color:var(--y)}.paed{display:block;font-size:.78rem;color:#93a3b8;font-weight:600}.paed i{font-style:normal;opacity:.7}
.wapop{position:fixed;right:18px;bottom:88px;z-index:41;display:none;flex-direction:column;gap:6px;background:#0b1220;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 20px 50px #000}
.wapop.open{display:flex}.wapop a{color:#fff;text-decoration:none;font-weight:700;padding:10px 12px;border-radius:10px;background:#25D36622}.wapop a:first-child{background:#25D366}
[dir=rtl] .wapop{right:auto;left:18px}
#aiBtn{bottom:90px}
.wa-btn{display:inline-flex;align-items:center;gap:6px;background:#25D366;color:#fff!important;font-weight:800;padding:12px 20px;border-radius:999px;text-decoration:none;box-shadow:0 6px 20px #25D36644;transition:transform .15s}
.wa-btn:hover{transform:translateY(-2px)}.wa-btn.sm{padding:8px 14px;font-size:.85rem}.wa-btn:before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2z'/%3E%3C/svg%3E") center/contain no-repeat}
/* ===== v3 LIGHT theme (overrides) ===== */
:root{--bg:#F7F9FC;--ink:#0B1220;--body:#4A5568;--glass:#fff;--line:#E3E8F0}
body{background:#F7F9FC;color:#4A5568}h1,h2,h3,b,strong,summary{color:#0B1220}a{color:#005293}
header{background:#0B1220;border-bottom:0}header .wrap{height:56px}nav a{color:#fff}
.card,.feat,.filters,form.lead,.specs div,.glass,details{background:#fff;border:1px solid #E3E8F0;backdrop-filter:none;color:#4A5568;box-shadow:0 4px 16px rgba(11,18,32,.06)}
.card:hover{box-shadow:0 0 0 2px #005293,0 14px 34px rgba(0,82,147,.15)}
.meta,.specs b,.paed,.check td:first-child{color:#5A6577}.price,.psek{color:#0B1220}.psek{background:linear-gradient(transparent 62%,#FECB0066 62%);display:inline-block}
.counter,.pipe .n,.est-out .total{color:#005293}.pipe .n{opacity:.15}
input,select,textarea{background:#fff;color:#0B1220;border-color:#CBD3DF}
.dark{background:#fff;color:#4A5568}.band{background:#EAF2FA}.band h2{color:#0B1220}
.notice{background:#FFF8D6;color:#5c4a00;border-color:#FECB00}
.tag{background:#FECB00;color:#0B1220}.chip{background:#EAF2FA;color:#005293;border-color:#B9D3EA}
.ai-badge{color:#005293;border-color:#9fc0de;background:#fff}.ai-badge:before{background:#005293;box-shadow:0 0 8px #005293}
.hero{color:#0B1220}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,249,252,.92),rgba(247,249,252,.55) 55%,rgba(247,249,252,0));z-index:1;pointer-events:none}
.hero h1{text-shadow:none;color:#0B1220}.hero h1 em{background:none;-webkit-background-clip:initial;color:#005293;animation:none}.hero p{color:#2D3748;opacity:1}
.stats div{background:#fff;border-color:#E3E8F0;color:#4A5568}.stats b{color:#005293}
.btn.ghost{color:#005293;border-color:#005293;background:#fff}.btn.blue{background:#005293;color:#fff}
.mic{background:#fff;color:#005293;border-color:#CBD3DF}.nls input{box-shadow:0 4px 18px rgba(0,82,147,.12)}
.ring:after{background:#fff}.ring{background:conic-gradient(#005293 calc(var(--v)*1%),#E3E8F0 0)}.ring b{color:#0B1220}
.bar{background:#E3E8F0}.bar i{background:linear-gradient(90deg,#005293,#3b8fd6)}.ok{color:#1e8e4e}
.scanline{background-image:linear-gradient(90deg,transparent,#005293,transparent)}
table.cmp td,table.cmp th,.check td{border-color:#E3E8F0}.win{color:#005293}
.modal>div{background:#fff;border-color:#E3E8F0;color:#4A5568}
#aiChat{background:#fff;border-color:#B9D3EA}.msg.b{background:#F2F6FB;border-color:#E3E8F0;color:#2D3748}.msg.u{color:#fff}.msg .rec{background:#fff;border-left-color:#005293}.msg .rec b{color:#005293}
.quick button{background:#fff;color:#005293;border-color:#CBD3DF}#aiChat form{border-color:#E3E8F0}
.wapop{background:#fff;border-color:#E3E8F0}.wapop a{color:#0B1220;background:#EAF8EF}.wapop a:first-child{color:#fff;background:#15803d}
.wa-btn{background:#15803d}#cmpbar{color:#0B1220}
footer{background:#0B1220;color:#C3CCD8}footer a{color:#FECB00}footer b{color:#fff}
.langt{border-color:#FECB00;color:#FECB00}
.cmpbox{background:#fff;color:#0B1220;border-color:#E3E8F0}
.wa{background:#15803d}
body,p,li,td,.card,.feat,.glass,details{color:#4A5568}
.btn:not(.blue):not(.ghost):not(.wa-btn),.tag,#cmpbar{background:#FECB00;color:#0B1220!important;border:1px solid #E0B400}