/* Self-hosted fonts remove a render-blocking third-party request and reduce layout shifts. */
@font-face{font-family:'Cairo';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/cairo-arabic.woff2?v=20261002') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Cairo';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/cairo-latin.woff2?v=20261002') format('woff2');unicode-range:U+0000-024F,U+1E00-1EFF}
@font-face{font-family:'Syne';font-style:normal;font-weight:700 900;font-display:swap;src:url('/assets/fonts/syne-latin.woff2?v=20261002') format('woff2');unicode-range:U+0000-024F,U+1E00-1EFF}
@keyframes ld{0%{width:0;margin-left:0}50%{width:80%;margin-left:10%}100%{width:0;margin-left:100%}}
#spl{transition:opacity .3s ease,visibility .3s ease}
#spl.spl-ready{opacity:0;visibility:hidden;pointer-events:none}
:root { --num-font: 'Segoe UI', Tahoma, Arial, sans-serif; }

/* ── Variables ── */
:root{
  --p:#E8420A; --pd:#c13208; --pdim:rgba(232,66,10,.12); --pglow:rgba(232,66,10,.3);
  --bg:#080300; --bg2:#0e0500; --bg3:#160800;
  --cb:rgba(255,255,255,.035); --cbb:rgba(255,255,255,.07);
  --t:#f1f5f9; --t2:#94a3b8; --t3:#475569;
  --r:14px; --rl:20px; --rs:8px;
  --sh:0 4px 24px rgba(0,0,0,.4); --shl:0 8px 40px rgba(0,0,0,.6);
  --tr:all .25s ease; --nav:72px; --bot:64px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t);font-family:'Cairo',sans-serif;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}

/* ── Animated Grid Background ── */
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(232,66,10,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232,66,10,.06) 1px, transparent 1px);
  background-size:48px 48px;
  animation:gridFloat 20s ease-in-out infinite;
}
body::after{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(232,66,10,.07) 0%, transparent 70%);
  animation:glowPulse 8s ease-in-out infinite;
}
@keyframes gridFloat{
  0%,100%{background-position:0 0}
  25%{background-position:12px 12px}
  50%{background-position:0 24px}
  75%{background-position:-12px 12px}
}
@keyframes glowPulse{
  0%,100%{opacity:.6}
  50%{opacity:1}
}

/* Make sure all sections are above the grid */
.nav,.hero,.section,footer,.adm-layout,.twrap,.fwa,.stop{position:relative;z-index:1}

[dir=ltr] body{font-family:'Cairo','Inter',sans-serif}
/* Numbers — clearer font across entire site */
.sy-price-val,.sy-price-val span,
.vnum,.snum,
.pgRange span{font-family:var(--num-font)!important;font-variant-numeric:tabular-nums}
.htitle .tg{font-family:inherit!important;font-variant-numeric:normal!important}

/* Global: any element showing pure numbers */
[class*="num"],[class*="price"],[class*="stat"]{font-family:var(--num-font)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit;border:none;outline:none}
input,textarea,select{font-family:inherit;background:transparent;border:none;outline:none;color:inherit}

/* ── Typography ── */
.fd{font-family:var(--num-font)}
h1,h2,h3{line-height:1.15;font-weight:800}
.tg{background:linear-gradient(135deg,var(--p),#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── Layout ── */
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:100px 0}
.sh{text-align:center;margin-bottom:60px}
.badge{display:inline-block;background:var(--pdim);color:var(--p);font-size:.78rem;font-weight:700;padding:6px 18px;border-radius:50px;border:1px solid rgba(232,66,10,.25);margin-bottom:14px}
.title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;color:#fff;margin-bottom:14px;font-family:'Syne','Cairo',sans-serif}
.sub{color:var(--t2);font-size:.95rem;max-width:560px;margin:0 auto}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:var(--r);font-size:.9rem;font-weight:700;font-family:inherit;transition:var(--tr);cursor:pointer;border:none}
.btnp{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;box-shadow:0 4px 20px var(--pglow)}
.btnp:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--pglow)}
.btng{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}
.btng:hover{border-color:var(--p);color:var(--p)}

/* ── Navbar ── */
.nav{position:fixed;top:14px;left:20px;right:20px;z-index:1000;height:var(--nav);transition:var(--tr)}
.nav.scr{transform:translateY(-2px)}
.nvc{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto;padding:0 22px;height:100%;background:rgba(8,10,26,.92);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.logo{display:flex;align-items:center;gap:12px;min-width:0}
.logo-mark{display:flex;align-items:center;gap:12px;min-width:0}
.logi{width:44px;height:44px;background:linear-gradient(135deg,var(--p),#ff8c00);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:900;font-size:14px;color:#fff;box-shadow:0 10px 24px rgba(232,66,10,.28)}
.logt{font-family:'Syne',sans-serif;font-size:17px;font-weight:900;color:#fff;white-space:nowrap}
.logt span{color:#fff;font:inherit}
.brand-logo{height:46px;max-width:64px;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 24px rgba(232,66,10,.18));background:transparent!important;border:none!important;mix-blend-mode:normal}
.nlinks{display:flex;align-items:center;gap:6px;list-style:none}
.nli{position:relative}
.nl{padding:9px 14px;border-radius:12px;font-size:.88rem;font-weight:700;color:#d6dae6;transition:var(--tr);cursor:pointer;white-space:nowrap}
.nl:hover,.nl.act{color:#fff;background:rgba(255,255,255,.06)}
.nl.act{color:#fff;box-shadow:inset 0 -2px 0 var(--p)}
.nl.dd{display:inline-flex;align-items:center;gap:6px}
.ncar{font-size:.7rem;color:#aeb8c7;transition:var(--tr)}
.nli:hover .ncar,.nli.open .ncar{color:#fff;transform:translateY(1px)}
.ndd{position:absolute;top:calc(100% + 10px);right:0;min-width:230px;padding:10px;background:rgba(8,10,26,.97);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.42);display:flex;flex-direction:column;gap:4px;opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--tr)}
.nli:hover .ndd,.nli.open .ndd{opacity:1;visibility:visible;transform:translateY(0)}
.nddi{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#d9dfeb;cursor:pointer;transition:var(--tr);font-size:.84rem;font-weight:700}
.nddi:hover{background:rgba(255,255,255,.05);color:#fff}
.nddi-ic{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(232,66,10,.12);color:var(--p);flex-shrink:0;font-size:14px}
.nddi-parent{position:relative}.nddi-label{flex:1;min-width:0}.nddi-next{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:rgba(16,26,44,.07);border:1px solid rgba(16,26,44,.12);font-size:.9rem;line-height:1;color:#111827;font-weight:900;margin-inline-start:auto}
.ndd-submenu{position:absolute;top:0;right:calc(100% - 4px);min-width:210px;padding:8px;background:rgba(8,10,26,.98);border:1px solid rgba(255,255,255,.08);border-radius:15px;box-shadow:0 18px 44px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateX(6px);transition:var(--tr)}
.nddi-parent:hover>.ndd-submenu{opacity:1;visibility:visible;transform:translateX(0)}
.nvc-en .ndd-submenu{right:auto;left:calc(100% - 4px)}
.ndd-child{padding:9px 11px;border-radius:10px;color:#d9dfeb;font-size:.8rem;white-space:nowrap}.ndd-child:hover{background:rgba(255,255,255,.06);color:#fff}
.nact{display:flex;align-items:center;gap:12px}
.nav-cart-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:42px;flex:0 0 44px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:var(--tr)}
.nav-cart-btn:hover{border-color:rgba(232,66,10,.55);background:rgba(232,66,10,.12)}
.nav-cart-btn svg{width:21px;height:21px;stroke:currentColor}
.nav-cart-count{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 5px;border:2px solid #080a1a;border-radius:999px;background:var(--p);color:#fff;display:grid;place-items:center;font-size:.65rem;font-weight:900;line-height:1}
.ltog{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d6dae6;padding:8px 14px;border-radius:50px;font-size:.82rem;font-weight:700;transition:var(--tr);cursor:pointer}
.ltog:hover{border-color:rgba(232,66,10,.45);color:#fff}
.ptb-actions{gap:10px}
.ptb-theme{width:30px;min-width:30px;height:30px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}
.ptb-theme:hover{border-color:rgba(232,66,10,.7);color:#fff;background:rgba(255,255,255,.04)}
.ptb-theme svg{width:14px;height:14px;display:block}
.mbside-tools{display:flex;align-items:center;gap:8px}
.mbside-theme{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.84rem;font-weight:800}
.mbside-theme svg{width:16px;height:16px;display:block}
.ncta{background:linear-gradient(135deg,var(--p),var(--pd))!important;color:#fff!important;padding:10px 22px!important;border-radius:14px!important;font-size:.85rem!important;box-shadow:0 12px 28px rgba(232,66,10,.26)}
@media(max-width:1360px){
  .nvc{padding:0 16px}
  .nlinks{gap:2px}
  .nl{padding:8px 10px;font-size:.8rem}
  .nact{gap:8px}
  .ltog{padding:8px 11px}
  .logt{font-size:15px}
  .ncta{padding:10px 16px!important;font-size:.8rem!important}
}
@media(max-width:1500px){
  .nav .logo{gap:8px}
  .nav .logt{display:none!important}
}
@media(max-width:1320px){
  .public-topbar{display:none!important}
  .nav{display:none!important}
  .mbnav{display:flex}
  .tfab{display:flex;left:16px!important;right:auto!important}
}

/* ── Hero ── */
.hero{min-height:100dvh;display:flex;align-items:center;position:relative;overflow:hidden;padding:calc(var(--nav)+40px) 0 80px}
.hbg{position:absolute;inset:0;pointer-events:none}
.hgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(232,66,10,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(232,66,10,.03) 1px,transparent 1px);background-size:48px 48px}
.horb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}
.horb1{width:600px;height:600px;background:var(--p);top:-200px;right:-200px}
.horb2{width:400px;height:400px;background:#c2410c;bottom:-100px;left:-100px}
.hi{display:flex;align-items:center;justify-content:space-between;gap:60px;position:relative;z-index:1}
.hc{max-width:560px}
.hc.hc-en{
  max-width:640px;
  text-align:left!important;
  direction:ltr;
}
.hc.hc-en .hero-eyebrow,
.hc.hc-en .htitle,
.hc.hc-en .hsub,
.hc.hc-en .hero-quickline{
  text-align:left!important;
}
.hc.hc-en .hero-eyebrow,
.hc.hc-en .hact{
  justify-content:flex-start!important;
}
.hc.hc-en .hsub{
  margin-left:0!important;
  margin-right:0!important;
}
.hc.hc-en .hero-quickline{
  direction:ltr;
}
.hbadge{display:inline-flex;align-items:center;gap:8px;background:var(--pdim);border:1px solid rgba(232,66,10,.25);border-radius:50px;padding:8px 16px;font-size:.82rem;color:var(--p);margin-bottom:24px}
.hpulse{width:10px;height:10px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 0 rgba(34,197,94,.55),0 0 14px rgba(34,197,94,.75);animation:pulse 1.8s infinite}
@keyframes pulse{0%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.55),0 0 14px rgba(34,197,94,.75)}70%{transform:scale(1.12);opacity:.95;box-shadow:0 0 0 10px rgba(34,197,94,0),0 0 20px rgba(34,197,94,.45)}100%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,0),0 0 14px rgba(34,197,94,.75)}}
.htitle{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;color:#fff;line-height:1.1;margin-bottom:20px;font-family:'Cairo',sans-serif}
.hsub{color:var(--t2);font-size:1rem;line-height:1.8;margin-bottom:36px}
.mhero-brand{display:none}
.mhero-brand-box{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0 0 4px auto;padding:0;background:none;border:none;box-shadow:none;backdrop-filter:none;width:max-content;max-width:100%}
.mhero-brand-logo{width:54px;height:54px;border-radius:18px;object-fit:contain;background:rgba(255,255,255,.04);padding:6px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px rgba(232,66,10,.18)}
.mhero-brand-mark{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--p),#ff8c00);color:#fff;font-family:'Syne',sans-serif;font-size:16px;font-weight:900;box-shadow:0 10px 24px rgba(232,66,10,.3)}
.mhero-brand-text{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.mhero-brand-logo,.mhero-brand-mark{flex-shrink:0}
.mhero-brand-kicker{font-size:.7rem;color:#fda47f;font-weight:700;letter-spacing:.04em}
.mhero-brand-name{font-size:1rem;font-weight:700;color:#fff;line-height:1.15;font-family:'Cairo',sans-serif;white-space:nowrap}
.hact{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:48px}
.hstats{display:flex;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:var(--r);overflow:hidden}
.snum{font-size:1.6rem;font-weight:900;color:var(--p);font-family:'Syne','Cairo',sans-serif;line-height:1}
.slbl{font-size:.75rem;color:var(--t2);margin-top:4px}
.sdiv{width:1px;background:rgba(255,255,255,.08);align-self:stretch}


.tag{display:flex;align-items:center;justify-content:center;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03);color:#fff;font-weight:800;text-align:center;min-height:68px}
.num-card{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.03)}
.num-card strong{display:block;font-size:1.3rem;color:var(--p);margin-bottom:8px}
.num-card p{margin:0;color:var(--mut);font-weight:700;line-height:1.8}
@media(max-width:900px){
  .tag,.num-card{text-align:center}
}

/* ── Hero Visual ── */
.hvis{position:relative;width:500px;height:520px;flex-shrink:0}
.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(232,66,10,.25)}
.r1{width:160px;height:160px;animation:rp 3s ease-in-out infinite}
.r2{width:230px;height:230px;border-color:rgba(232,66,10,.15);animation:rp 3s ease-in-out infinite .5s}
.r3{width:310px;height:310px;border-color:rgba(232,66,10,.08);animation:rp 3s ease-in-out infinite 1s}
@keyframes rp{0%,100%{opacity:.5}50%{opacity:1}}
.gw{position:absolute;top:55%;left:28%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;animation:gs 8s linear infinite}
@keyframes gs{to{transform:translate(-50%,-50%) rotate(360deg)}}
.gl{font-size:10px;color:var(--p);font-family:monospace;margin-top:4px;letter-spacing:1px}
.cc{position:absolute;top:4%;right:0;width:290px;background:rgba(8,3,0,.92);border:1px solid rgba(232,66,10,.22);border-radius:16px;overflow:hidden;animation:fl 4s ease-in-out infinite;backdrop-filter:blur(12px)}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.ccbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(232,66,10,.08);border-bottom:1px solid rgba(232,66,10,.12)}
.dot{width:9px;height:9px;border-radius:50%}
.dr{background:#ef4444}.dy{background:#eab308}.dg{background:#22c55e}
.cct{font-family:monospace;font-size:11px;color:var(--t3);margin-right:auto}
.ccb{padding:14px;font-family:monospace;font-size:11.5px;line-height:1.9;min-height:170px}
.badge2{position:absolute;top:-2%;right:14%;width:54px;height:54px;background:rgba(8,3,0,.92);border:1px solid rgba(232,66,10,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;animation:fl 5s ease-in-out infinite .5s;font-size:18px;font-family:monospace;font-weight:700;color:var(--p)}
.ftag{position:absolute;background:rgba(8,3,0,.88);border:1px solid rgba(232,66,10,.28);border-radius:50px;padding:5px 12px;font-size:10px;color:var(--p);font-family:monospace;white-space:nowrap;animation:fl2 3.5s ease-in-out infinite}
@keyframes fl2{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.cch{position:absolute;bottom:0;right:0;width:300px;background:rgba(8,3,0,.92);border:1px solid rgba(232,66,10,.18);border-radius:16px;padding:14px 16px;animation:fl 5s ease-in-out infinite 1s;backdrop-filter:blur(10px)}
.chdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.bars{display:flex;align-items:flex-end;gap:5px;height:70px}
.bar{flex:1;background:rgba(232,66,10,.35);border-radius:4px 4px 0 0;animation:ba 2s ease-in-out infinite}
@keyframes ba{0%,100%{opacity:.35}50%{opacity:.8}}
.cp{color:var(--p)}.cb2{color:#60a5fa}.cg2{color:#4ade80}.co{color:#fb923c}.cw{color:#e2e8f0}.cy{color:#fbbf24}

/* ── Services ── */
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sc{position:relative;background:linear-gradient(180deg,rgba(24,10,4,.96),rgba(12,5,2,.98));border:1px solid rgba(232,66,10,.18);border-radius:24px;padding:20px 20px 22px;transition:var(--tr);overflow:hidden;min-height:100%}
.sc::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(232,66,10,.08),transparent 42%);pointer-events:none}
.sc:hover{transform:translateY(-8px);border-color:rgba(232,66,10,.34);box-shadow:0 18px 42px rgba(0,0,0,.32)}
.sct{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px;position:relative;z-index:1}
.sbadge{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;border-radius:999px;background:rgba(232,66,10,.12);border:1px solid rgba(232,66,10,.22);font-size:.72rem;font-weight:800;color:#ffb280}
.si{width:46px;height:46px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 10px 22px rgba(0,0,0,.2)}
.stitle{font-size:1.05rem;font-weight:900;color:#fff;margin-bottom:10px;line-height:1.45}
.sdesc{font-size:.84rem;color:#cbd5e1;line-height:1.85;min-height:74px;margin-bottom:18px}
.sfl{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0 0 22px;padding:0}
.sfl li{position:relative;padding-right:18px;color:#d5dde8;font-size:.82rem;line-height:1.7}
.sfl li::before{content:'✓';position:absolute;right:0;top:0;color:var(--svc,#E8420A);font-weight:900}
.sacts{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;position:relative;z-index:1}
.scta,.scta2{font-size:.82rem;font-weight:800;cursor:pointer;transition:var(--tr)}
.scta{color:var(--svc,#E8420A)}
.scta2{color:#f3b894}
.scta:hover,.scta2:hover{transform:translateX(-2px)}

/* ── Portfolio ── */
.pfilters{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.fb{padding:8px 20px;border-radius:50px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--t2);font-size:.85rem;font-weight:600;transition:var(--tr);cursor:pointer;font-family:inherit}
.fb:hover,.fb.act{background:var(--p);border-color:var(--p);color:#fff}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pc{position:relative;background:var(--cb);border:1px solid var(--cbb);border-radius:var(--rl);overflow:hidden;transition:var(--tr)}
.pc:hover{transform:translateY(-6px);border-color:rgba(232,66,10,.3);box-shadow:var(--shl)}
.pc.pcf{border-color:rgba(232,66,10,.28);box-shadow:0 16px 38px rgba(232,66,10,.12)}
.pc.pcf::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(232,66,10,.08),transparent 32%);z-index:0}
.pc:hover .pco{opacity:1}
.pci{height:220px;position:relative;overflow:hidden;background:var(--bg2)}
.pci img{width:100%;height:100%;object-fit:cover}
.pcph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:60px}
.pc-color-bar{height:3px;width:100%}.pco{position:absolute;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--tr);flex-wrap:wrap;gap:8px;padding:16px}
.pcfeat{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(232,66,10,.94);color:#fff;font-size:.73rem;font-weight:900;box-shadow:0 12px 22px rgba(232,66,10,.28)}
.pcfeat svg{width:14px;height:14px;display:block}
.pcb{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--rs);font-size:.8rem;font-weight:700;color:#fff;text-decoration:none;transition:var(--tr)}
.pcbp{background:linear-gradient(135deg,var(--p),var(--pd))}
.pcba{background:linear-gradient(135deg,#555,#222)}
.pcbs{background:var(--pdim);border:1px solid rgba(232,66,10,.4);color:var(--p)}
.pcb:hover{transform:scale(1.05)}
.pcin{overflow:hidden}
.pctag{display:inline-block;background:var(--pdim);color:var(--p);font-size:.75rem;padding:3px 12px;border-radius:50px;margin-bottom:8px}
.pctitle{font-size:.95rem;font-weight:800;color:#fff}
.admin-pill-hot{display:inline-flex;align-items:center;gap:6px;background:rgba(232,66,10,.14);border:1px solid rgba(232,66,10,.28);color:#ffb08f;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:800}

/* ── Mobile portfolio buttons ── */
.pcmob{display:none;gap:6px;padding:8px 10px;flex-wrap:wrap;border-top:1px solid rgba(232,66,10,.1)}
.pcmob a{flex:1;min-width:60px;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:7px 4px;font-size:10px;font-weight:700;text-decoration:none}

/* ── Pagination ── */
.pag{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px}
.pb{width:40px;height:40px;border-radius:var(--rs);background:var(--cb);border:1px solid var(--cbb);color:var(--t2);font-size:.88rem;font-weight:600;transition:var(--tr);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:'Syne','Cairo',sans-serif}
.pb:hover,.pb.act{background:var(--p);border-color:var(--p);color:#fff}
.pb:disabled{opacity:.3;cursor:not-allowed}
.pbpn{width:auto;padding:0 16px}
.pag-compact{gap:5px;flex-wrap:wrap}
.pag-compact .pb{width:32px;height:32px;font-size:.76rem;border-radius:7px}
.pag-compact .pbpn{min-width:auto;padding:0 12px;font-size:.76rem}
.pag-ellipsis{display:flex;align-items:center;justify-content:center;min-width:18px;color:var(--t3);font-size:.9rem;font-weight:700}

/* ── Systems ── */
/* ── Systems new design ── */
.sygrid{display:flex;flex-direction:column;gap:60px}
.syc{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:40px;background:var(--cb);border:1px solid var(--cbb);border-radius:24px;position:relative;overflow:hidden;transition:var(--tr)}
.syc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sys-color,var(--p)),transparent)}
.syc-reverse .syc-left{order:2}
.syc-reverse .syc-right{order:1}
.syc-reverse::before{background:linear-gradient(270deg,var(--sys-color,var(--p)),transparent)}
.syc:hover{border-color:rgba(232,66,10,.3);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.syc-left{position:relative;z-index:1}
.syc-right{position:relative}
.sy-badge{display:inline-flex;align-items:center;gap:8px;background:var(--pdim);border:1px solid rgba(232,66,10,.25);border-radius:50px;padding:6px 14px;font-size:.78rem;color:var(--p);font-weight:700;margin-bottom:16px}
.syname{font-size:2rem;font-weight:900;color:#fff;line-height:1.1;margin-bottom:8px;font-family:'Syne','Cairo',sans-serif}
.syname span{color:var(--p)}
.sytag{font-size:1rem;font-weight:700;margin-bottom:14px}
.sy-desc{font-size:.88rem;color:var(--t2);line-height:1.8;margin-bottom:20px}
.syf{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-bottom:24px}
.syfi{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--t2)}
.syfi::before{content:'●';color:var(--p);font-size:10px;flex-shrink:0}
.sy-price-box{background:rgba(232,66,10,.06);border:1px solid rgba(232,66,10,.2);border-radius:16px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.sy-price-lbl{font-size:.78rem;color:var(--t2)}
.sy-price-val{font-size:2rem;font-weight:900;color:#fff;font-family:var(--num-font);line-height:1;letter-spacing:.02em}
.sy-price-val span{font-size:1.2rem;color:var(--p);font-family:var(--num-font);font-weight:900;display:inline-block;transform:translateY(-1px)}
.sy-price-sub{font-size:.72rem;color:var(--t3);margin-top:3px}
.sy-badge-hot{background:linear-gradient(135deg,var(--p),#ff8c00);color:#fff;padding:6px 14px;border-radius:50px;font-size:.75rem;font-weight:800;white-space:nowrap}
.sylinks{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;justify-content:flex-start}
.syl{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:16px;font-size:.84rem;font-weight:800;transition:var(--tr);text-decoration:none;cursor:pointer;flex:0 1 auto;min-width:160px;min-height:52px;white-space:nowrap;text-align:center;box-shadow:0 14px 28px rgba(0,0,0,.12)}
.syl svg{width:18px;height:18px;display:block;flex-shrink:0}
.sylp{background:linear-gradient(135deg,#1f6fe5,#1146a3);border:1px solid rgba(255,255,255,.08);color:#fff}
.syla{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.18);color:#101a2c}
.syls{background:linear-gradient(135deg,var(--p),var(--pd));border:1px solid transparent;color:#fff}
.syld{background:rgba(232,66,10,.09);border:1px solid rgba(232,66,10,.24);color:var(--p)}
.sy-req{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--t2)}
.syl:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}
.sy-badge svg{width:16px;height:16px;display:block}
/* System mockup right side */
.sy-mockup{background:var(--bg3);border:1px solid rgba(232,66,10,.15);border-radius:16px;overflow:hidden;aspect-ratio:4/3}
.sy-mockup img{width:100%;height:100%;object-fit:cover}
.sy-mockup-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:280px;background:linear-gradient(135deg,rgba(232,66,10,.05),rgba(0,0,0,0));flex-direction:column;gap:16px}
.sy-mockup-ph svg{width:58px;height:58px;display:block;color:var(--p)}

/* ── Team ── */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tc{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:26px;overflow:hidden;transition:var(--tr);text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.tc::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 40%,rgba(8,3,0,.45) 100%);pointer-events:none;z-index:0}
.tc:hover{transform:translateY(-10px);border-color:rgba(232,66,10,.35);box-shadow:0 24px 54px rgba(0,0,0,.35)}
.tmedia{position:relative;height:250px;padding:16px 16px 0;z-index:1}
.tmedia::after{content:'';position:absolute;inset:16px 16px 0;border-radius:22px;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(8,3,0,.55));pointer-events:none}
.tphoto,.tph{width:100%;height:100%;border-radius:22px;object-fit:cover;display:block;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(232,66,10,.14),rgba(14,5,0,.85))}
.tph{display:flex;align-items:center;justify-content:center;font-size:72px}
.tbadge{position:absolute;top:28px;left:28px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(8,3,0,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);font-size:.76rem;font-weight:800;color:#fff}
.tbadge-dot{width:8px;height:8px;border-radius:50%;background:var(--p);box-shadow:0 0 12px rgba(232,66,10,.7)}
.tbody{position:relative;padding:22px 22px 24px;z-index:1}
.tname{font-size:1.2rem;font-weight:900;color:#fff;margin-bottom:10px;font-family:'Syne','Cairo',sans-serif}
.ttitle{font-size:.8rem;font-weight:800;padding:6px 14px;border-radius:999px;display:inline-block;margin-bottom:14px;border:1px solid transparent}
.tdesc{font-size:.86rem;color:#cbd5e1;line-height:1.85;max-width:30ch;margin:0 auto}

/* ── Agents ── */
.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.agent-card{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(180deg,rgba(17,7,3,.98),rgba(9,4,2,.98));border:1px solid rgba(232,66,10,.16);box-shadow:0 18px 42px rgba(0,0,0,.28);transition:var(--tr)}
.agent-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(232,66,10,.12),transparent 38%);pointer-events:none}
.agent-card:hover{transform:translateY(-8px);border-color:rgba(232,66,10,.3);box-shadow:0 24px 54px rgba(0,0,0,.34)}
.agent-media{position:relative;height:220px;background:linear-gradient(180deg,rgba(232,66,10,.08),rgba(255,255,255,.02));overflow:hidden}
.agent-media img{width:100%;height:100%;object-fit:cover}
.agent-overlay{position:absolute;inset:auto 16px 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.agent-gov{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(8,10,26,.82);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);font-size:.76rem;font-weight:800;color:#fff}
.agent-gov svg{width:16px;height:16px;display:block;flex-shrink:0}
.agent-mapbtn{width:42px;height:42px;border-radius:14px;background:rgba(232,66,10,.9);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 24px rgba(232,66,10,.24)}
.agent-mapbtn svg{width:18px;height:18px;display:block}
.agent-body{padding:18px 18px 20px}
.agent-title{font-size:1.1rem;font-weight:900;color:#fff;margin-bottom:10px}
.agent-desc{font-size:.84rem;color:#cbd5e1;line-height:1.85;min-height:68px;margin-bottom:16px}
.agent-list{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}
.agent-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.agent-item-ic{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(232,66,10,.12);color:var(--p)}
.agent-item-ic svg{width:18px;height:18px;display:block}
.agent-item-text{min-width:0}
.agent-item-lbl{font-size:.72rem;color:#94a3b8;margin-bottom:2px}
.agent-item-val{font-size:.84rem;color:#fff;line-height:1.65;word-break:break-word}
.agent-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.agent-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:50px;padding:10px 12px;border-radius:16px;font-size:.74rem;font-weight:800;text-align:center;line-height:1.25;white-space:nowrap}
.agent-btn.main{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;box-shadow:0 12px 24px rgba(232,66,10,.22)}
.agent-btn.alt{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#e5e7eb}
.trust-strip{padding:20px 0 8px;overflow:hidden}
.trust-head{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;color:#e8420a;font-size:.78rem;font-weight:700;letter-spacing:0}
.trust-head::before,.trust-head::after{content:'';width:64px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,66,10,.32),transparent)}
.trust-marquee{position:relative;overflow:hidden;padding:8px 0;direction:rtl}
.trust-marquee::before,.trust-marquee::after{content:'';position:absolute;top:0;bottom:0;width:88px;z-index:2;pointer-events:none}
.trust-marquee::before{right:0;background:linear-gradient(270deg,rgba(14,6,3,.95),rgba(14,6,3,0))}
.trust-marquee::after{left:0;background:linear-gradient(90deg,rgba(14,6,3,.95),rgba(14,6,3,0))}
.trust-track{display:flex;align-items:center;gap:14px;width:max-content;animation:trustRun 46s linear infinite;will-change:transform}
.trust-track.static{width:100%;justify-content:center;flex-wrap:wrap;animation:none}
.trust-marquee:hover .trust-track{animation-play-state:paused}
.trust-item{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:15px;width:280px;min-height:118px;padding:16px;border-radius:19px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(0,0,0,.12);transition:var(--tr);direction:rtl}
.trust-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.04);border-color:rgba(232,66,10,.18)}
.trust-logo-wrap{position:relative;width:82px;height:82px;border-radius:17px;overflow:hidden;background:linear-gradient(135deg,#eef8fa,#f8eef4);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;flex-shrink:0}
.trust-logo-bg{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);object-fit:cover;filter:blur(8px) saturate(.82);opacity:.42;transform:scale(1.12)}
.trust-logo-main{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;padding:0;background:transparent}
.trust-copy{min-width:0;text-align:right}
.trust-name{display:block;color:#fff;font-size:.86rem;font-weight:900;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trust-desc{display:block;margin-top:6px;color:#94a3b8;font-size:.72rem;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes trustRun{from{transform:translateX(0)}to{transform:translateX(calc(50% + 7px))}}
@media (prefers-reduced-motion:reduce){.trust-track{animation:none}.trust-marquee{overflow-x:auto}.trust-marquee::before,.trust-marquee::after{display:none}}

/* ── About ── */
.ainner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
/* About new design - cards LEFT, text RIGHT */
.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;order:1}
.about-right{order:2}
.about-card{background:var(--bg3);border:1px solid var(--cbb);border-radius:16px;padding:22px 18px;transition:var(--tr);cursor:default;display:flex;flex-direction:column;align-items:center;text-align:center}
.about-card:hover{border-color:rgba(232,66,10,.4);background:rgba(232,66,10,.04);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.about-card-icon{width:54px;height:54px;border-radius:14px;background:var(--pdim);border:1px solid rgba(232,66,10,.25);display:flex;align-items:center;justify-content:center;color:var(--p);font-size:28px;margin-bottom:12px}
.about-card-icon svg{width:24px;height:24px;display:block}
.about-card-title{font-weight:900;color:#fff;font-size:.95rem;margin-bottom:8px;font-family:'Syne','Cairo',sans-serif;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(232,66,10,.5)}
.about-card-text{font-size:.8rem;color:var(--t2);line-height:1.75}
.apara{color:var(--t2);line-height:1.9;margin-bottom:14px}
.vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}
.vc{background:var(--cb);border:1px solid var(--cbb);border-radius:var(--r);padding:20px;text-align:center}
.vnum{font-size:1.8rem;font-weight:900;color:var(--p);font-family:'Syne','Cairo',sans-serif}
.vlbl{font-size:.8rem;color:var(--t2);margin-top:4px}

/* ── FAQ ── */
.flist{max-width:760px;margin:0 auto}
.fi{background:var(--cb);border:1px solid var(--cbb);border-radius:var(--r);margin-bottom:12px;overflow:hidden;transition:border-color .2s}
.fi.open{border-color:rgba(232,66,10,.25)}
.fq{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;cursor:pointer;gap:12px;font-size:.95rem;font-weight:700;color:#fff}
.fa2{color:var(--p);font-size:20px;transition:transform .3s;flex-shrink:0}
.fi.open .fa2{transform:rotate(45deg)}
.fans{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s}
.fi.open .fans{max-height:300px;padding:0 20px 18px}
.fans p{color:var(--t2);font-size:.88rem;line-height:1.8}

/* ── Testimonials ── */
.faqlist{max-width:800px;margin:0 auto}
.faqitem{background:var(--cb);border:1px solid var(--cbb);border-radius:14px;padding:20px 24px;margin-bottom:10px;cursor:pointer;transition:var(--tr)}
.faqitem:hover{border-color:rgba(232,66,10,.3)}
.faqitem.open{border-color:rgba(232,66,10,.4);background:rgba(232,66,10,.03)}
.faqq{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700;color:#fff;font-size:.95rem}
.faqarr{flex-shrink:0;transition:transform .3s;color:var(--p)}
.faqitem.open .faqarr{transform:rotate(180deg)}
.faqa{margin-top:14px;font-size:.88rem;color:var(--t2);line-height:1.85;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
.testgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testc{background:var(--cb);border:1px solid var(--cbb);border-radius:var(--rl);padding:28px;transition:var(--tr);position:relative;overflow:hidden}
.testc::before{content:'"';position:absolute;top:-10px;right:20px;font-size:100px;color:rgba(232,66,10,.08);font-family:'Syne',sans-serif;line-height:1}
.testc.active{border-color:rgba(232,66,10,.4);background:rgba(232,66,10,.04);box-shadow:0 8px 32px rgba(232,66,10,.1)}
.testc:hover{border-color:rgba(232,66,10,.3);transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.3)}
.tst{color:#fbbf24;margin-bottom:16px;font-size:.95rem;letter-spacing:2px}
.tsc{color:var(--t2);font-size:.9rem;line-height:1.9;margin-bottom:20px;font-style:italic}
.tsa{display:flex;align-items:center;gap:14px;border-top:1px solid rgba(255,255,255,.06);padding-top:16px}
.tsav{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(232,66,10,.3)}
.tsinit{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#fff;border:2px solid}
.tsn{font-weight:800;color:#fff;font-size:.92rem}
.tsr{font-size:.78rem;color:var(--t2);margin-top:2px}

/* ── Contact ── */
.cinner{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}
.cside{display:flex;flex-direction:column;gap:16px}
.cilist{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.cii{display:flex;align-items:center;gap:14px;background:var(--cb);border:1px solid var(--cbb);border-radius:var(--r);padding:16px}
.ciico{width:44px;height:44px;background:var(--pdim);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--p);font-size:18px;flex-shrink:0}
.ciico svg{width:18px;height:18px;display:block}
.cilbl{font-size:.78rem;color:var(--t2)}
.cival{font-size:.9rem;font-weight:700;color:#fff}
.cinfo{background:var(--cb);border:1px solid var(--cbb);border-radius:var(--r);padding:18px}
.cinfot{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:10px;font-size:1rem;font-weight:800;color:#fff}
.cinfoic{width:32px;height:32px;border-radius:10px;background:rgba(232,66,10,.12);display:flex;align-items:center;justify-content:center;color:var(--p);font-size:16px;flex-shrink:0}
.cinfoic svg{width:16px;height:16px;display:block}
.cinfobody{color:var(--t2);font-size:.88rem;line-height:1.9;white-space:pre-line}
.cmap{display:block;background:linear-gradient(180deg,rgba(20,24,48,.9),rgba(10,14,32,.95));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:0;position:relative;overflow:hidden;transition:var(--tr);min-height:190px}
.cmap:hover{transform:translateY(-3px);border-color:rgba(232,66,10,.24);box-shadow:0 18px 34px rgba(0,0,0,.28)}
.cmap::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}
.cmap-frame{position:absolute;inset:0;width:100%;height:100%;border:none;filter:saturate(.9) contrast(1.02);pointer-events:none}
.cmap-overlay{position:absolute;inset:0;z-index:3}
.cmap-top{position:absolute;top:14px;right:14px;left:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2}
.cmap-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(8,10,26,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 12px;color:#fff;font-size:.82rem;font-weight:800}
.cmap-badge svg{width:16px;height:16px;display:block;flex-shrink:0}
.cmap-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);color:var(--p);filter:drop-shadow(0 10px 18px rgba(232,66,10,.35));z-index:1}
.cmap-pin svg{width:36px;height:36px;display:block}
.cmap-label{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);color:#fff;font-size:.86rem;font-weight:700;text-align:center;z-index:2;background:rgba(8,10,26,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);padding:7px 12px;border-radius:999px;max-width:calc(100% - 28px)}
.wa{display:flex;align-items:center;justify-content:center;gap:10px;background:#25d366;color:#fff;padding:15px;border-radius:var(--r);font-size:.95rem;font-weight:700;transition:var(--tr);width:100%;text-decoration:none}
.wa:hover{background:#1fba57;transform:translateY(-2px)}
.form{display:flex;flex-direction:column;gap:14px}
.fg{display:flex;flex-direction:column;gap:6px}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fl2{font-size:.82rem;color:var(--t2);font-weight:600}
.fi2,.fsel,.fta{background:var(--cb);border:1px solid var(--cbb);border-radius:var(--rs);padding:13px 16px;font-size:.9rem;color:#fff;transition:border-color .2s;width:100%}
.fi2:focus,.fsel:focus,.fta:focus{border-color:var(--p)}
.fi2::placeholder,.fta::placeholder{color:var(--t3)}
.fsel{appearance:none;cursor:pointer}
.fsel option{background:var(--bg2)}
.fta{resize:vertical;min-height:120px}
.fsub{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;padding:15px;border-radius:var(--r);font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--tr);width:100%;font-family:inherit;cursor:pointer}
.fsub:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--pglow)}
.fsub:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* ── Footer ── */
.footer{background:linear-gradient(180deg,rgba(8,10,26,.96),rgba(14,5,0,.98));border-top:1px solid rgba(255,255,255,.07);padding:72px 0 30px}
.fbrand{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:24px;box-shadow:0 20px 45px rgba(0,0,0,.22)}
.fbrand-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.fbrand-logo{height:58px;max-width:180px;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 28px rgba(232,66,10,.15))}
.fdesc{color:var(--t2);font-size:.92rem;line-height:1.9;margin-bottom:16px}
.fsocials{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.fsoc{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#cbd5e1;transition:var(--tr);box-shadow:0 12px 24px rgba(0,0,0,.16)}
.fsoc:hover{transform:translateY(-3px);border-color:rgba(232,66,10,.3);color:#fff;background:rgba(232,66,10,.1)}
.fsoc svg{width:18px;height:18px;display:block}
.fgrid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:22px;margin-bottom:26px}
.fcol{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:22px}
.fbt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);text-align:center}
.fcp{color:#fff;font-size:.88rem;font-weight:700}
.fbt-sub{color:#fff;font-size:.88rem;font-weight:600}
.fct{font-size:1rem;font-weight:800;color:#fff;margin-bottom:16px}
.flinks{list-style:none;display:flex;flex-direction:column;gap:12px}
.flinks a{color:var(--t2);font-size:.9rem;transition:var(--tr)}
.flinks a:hover{color:#fff}

/* ── Hosting Modal ── */
.hmo{position:fixed;inset:0;background:rgba(4,1,0,.72);backdrop-filter:blur(10px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px}
.hmow{width:min(1180px,100%);max-height:min(92vh,980px);overflow:auto;background:linear-gradient(180deg,rgba(20,7,2,.98),rgba(10,4,2,.99));border:1px solid rgba(232,66,10,.18);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.hmhd{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(20,7,2,.98),rgba(20,7,2,.9));padding:22px 26px 14px;border-bottom:1px solid rgba(232,66,10,.12)}
.hmclose{position:absolute;top:14px;left:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hmtitle{font-size:2rem;font-weight:900;color:#fff;text-align:center}
.hmtitle span{color:var(--p)}
.hmsub{color:var(--t2);text-align:center;font-size:.92rem;margin-top:8px}
.hmtabs{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.hmtab{padding:8px 4px 14px;background:none;border:none;color:#8c97a8;font-size:.95rem;font-weight:700;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit}
.hmtab.act{color:var(--p);border-color:var(--p)}
.hmbd{padding:22px 26px 26px}
.hmgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hmcard{position:relative;background:linear-gradient(180deg,rgba(26,10,4,.94),rgba(12,5,2,.98));border:1px solid rgba(232,66,10,.16);border-radius:20px;padding:18px;display:flex;flex-direction:column;min-height:100%}
.hmcard.feat{border-color:rgba(232,66,10,.5);box-shadow:0 0 0 1px rgba(232,66,10,.18),0 18px 40px rgba(0,0,0,.28)}
.hmbadge{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,#ff8c00,var(--p));color:#fff;padding:5px 14px;border-radius:999px;font-size:.72rem;font-weight:800}
.hmname{font-size:1rem;font-weight:900;color:#cdd5e3;text-align:right;margin-bottom:16px}
.hmprice{display:flex;align-items:flex-end;justify-content:center;gap:6px;color:#fff;margin-bottom:4px}
.hmprice strong{font-size:2.25rem;line-height:1;font-family:var(--num-font)}
.hmprice span{font-size:1.2rem;color:#ffb280;font-family:var(--num-font);font-weight:900}
.hmperiod{font-size:.78rem;color:#6f7a89;text-align:center;margin-bottom:12px}
.hmsummary{font-size:.86rem;color:#aab4c3;text-align:center;min-height:42px;margin-bottom:16px}
.hmfl{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0 0 18px;padding:0}
.hmfl li{position:relative;padding-right:16px;color:#d3dae6;font-size:.82rem;line-height:1.6}
.hmfl li::before{content:'✓';position:absolute;right:0;top:0;color:var(--p)}
.hmcta{margin-top:auto;padding:13px 16px;border-radius:14px;background:rgba(232,66,10,.08);border:1px solid rgba(232,66,10,.24);color:#ffb280;font-size:.9rem;font-weight:800;cursor:pointer;font-family:inherit}
.hmcard.feat .hmcta{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(232,66,10,.22)}
.hmcom{margin-top:22px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:18px 20px}
.hmcomt{font-size:1rem;font-weight:800;color:#fff;margin-bottom:14px;text-align:right}
.hmcomg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px}
.hmcomg div{position:relative;padding-right:14px;color:#c1cad8;font-size:.84rem}
.hmcomg div::before{content:'•';position:absolute;right:0;top:0;color:var(--p)}

/* ── Careers ── */
.career-hero{padding:calc(var(--nav) + 70px) 0 70px;position:relative}
.career-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:stretch}
.career-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.career-title{font-size:clamp(1.42rem,2.5vw + .55rem,2.7rem);font-weight:800;font-family:'Cairo',sans-serif;color:#fff;line-height:1.08;margin:14px 0 18px;white-space:nowrap}
.career-title span{color:var(--p)}
.career-copy{font-size:1rem;line-height:1.95;color:#cbd5e1;max-width:58ch}
.career-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}
.career-point{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:#e5e7eb;font-size:.88rem;font-weight:700}
.career-side{display:flex;flex-direction:column;gap:16px}
.career-sidebox{padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(232,66,10,.1),rgba(255,255,255,.02));border:1px solid rgba(232,66,10,.16)}
.career-sidebox-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.career-sidebox-icon{width:44px;height:44px;border-radius:14px;background:rgba(232,66,10,.12);border:1px solid rgba(232,66,10,.2);display:flex;align-items:center;justify-content:center;color:var(--p);flex-shrink:0}
.career-sidebox-icon svg{width:20px;height:20px;display:block}
.career-sidebox h3{color:#fff;font-size:1.15rem;font-weight:900;margin:0}
.career-sidebox p{color:#cbd5e1;font-size:.9rem;line-height:1.85}
.career-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 4px}
.career-tab{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--t2);padding:10px 16px;border-radius:999px;font-weight:800;font-size:.85rem;cursor:pointer;transition:var(--tr)}
.career-tab.act{background:rgba(232,66,10,.14);border-color:rgba(232,66,10,.34);color:var(--p)}
.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.job-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:14px;transition:var(--tr)}
.job-card:hover{transform:translateY(-6px);border-color:rgba(232,66,10,.3);box-shadow:0 18px 38px rgba(0,0,0,.24)}
.job-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.job-icon{width:50px;height:50px;border-radius:16px;background:rgba(232,66,10,.12);border:1px solid rgba(232,66,10,.2);display:flex;align-items:center;justify-content:center;font-size:0;color:var(--p)}
.job-icon svg{width:22px;height:22px;display:block}
.job-type{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.74rem;color:#dbe3ef;font-weight:800}
.job-card h3{color:#fff;font-size:1.08rem;font-weight:900}
.job-meta{display:flex;flex-wrap:wrap;gap:8px}
.job-meta span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-size:.75rem;color:#c8d2df}
.job-desc{font-size:.86rem;line-height:1.85;color:#cbd5e1}
.job-list{list-style:none;display:flex;flex-direction:column;gap:9px}
.job-list li{position:relative;padding-right:16px;color:#d7dee9;font-size:.82rem}
.job-list li::before{content:'✓';position:absolute;right:0;top:0;color:var(--p)}
.job-foot{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.job-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:14px;background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;font-size:.88rem;font-weight:800;cursor:pointer;border:none}
.job-cta.alt{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);box-shadow:none;color:#fff}
.job-empty{padding:28px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--t2);text-align:center}
.job-link{color:var(--t3);font-size:.8rem;word-break:break-all}
.job-status-open{color:#86efac!important;border-color:rgba(34,197,94,.25)!important;background:rgba(34,197,94,.08)!important}
.job-status-closed{color:#fca5a5!important;border-color:rgba(239,68,68,.25)!important;background:rgba(239,68,68,.08)!important}
.job-detail{padding:calc(var(--nav) + 60px) 0 80px;position:relative}
.job-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:24px}
.job-panel{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px}
.job-detail-title{color:#fff;font-weight:900;font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:14px 0}
.job-detail-title span{color:var(--p)}
.job-section-title{color:#fff;font-size:1.02rem;font-weight:900;margin-bottom:12px}
.job-plain{color:var(--t2);line-height:2;font-size:.95rem}
.job-bullets{list-style:none;display:flex;flex-direction:column;gap:10px}
.job-bullets li{position:relative;padding-right:18px;color:var(--t2);line-height:1.95}
.job-bullets li::before{content:'•';position:absolute;right:0;top:0;color:var(--p);font-weight:900}
.job-form{display:flex;flex-direction:column;gap:12px}
.job-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.job-back{display:inline-flex;align-items:center;gap:8px;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:10px 14px;border-radius:999px;font-weight:800;margin-bottom:18px;cursor:pointer}
.job-side-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.job-side-meta div{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}
.job-side-meta strong{display:block;color:#fff;font-size:.8rem;margin-bottom:6px}
.job-side-meta span{color:var(--t2);font-size:.9rem}
.job-success{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.22);color:#bbf7d0;padding:12px 14px;border-radius:14px;font-size:.9rem}
.job-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22);color:#fecaca;padding:12px 14px;border-radius:14px;font-size:.9rem}
.ajtabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.ajtab{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--t2);padding:10px 16px;border-radius:999px;font-weight:800;cursor:pointer}
.ajtab.act{background:rgba(232,66,10,.14);border-color:rgba(232,66,10,.34);color:var(--p)}
.job-admin-card{background:var(--bg2);border:1px solid var(--cbb);border-radius:16px;padding:16px}
.app-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.app-meta-box{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px}
.app-meta-box strong{display:block;color:#fff;font-size:.76rem;margin-bottom:6px}
.app-meta-box span{display:block;color:#d8e0ec;font-size:.88rem;line-height:1.7;word-break:break-word}
.app-line-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.app-line{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px 14px}
.app-line-ic{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(232,66,10,.14);color:var(--p);flex-shrink:0}
.app-line-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.app-line-label{color:#f4f7fb;font-size:.8rem;font-weight:800}
.app-line-value{color:#d8e0ec;font-size:.9rem;line-height:1.7;word-break:break-word}
.app-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.app-mini-box{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px 14px}
.app-mini-box strong{display:block;color:#fff;font-size:.78rem;margin-bottom:4px}
.app-mini-box span{display:block;color:#d8e0ec;font-size:.9rem;line-height:1.6}

/* ── Float ── */
.fwa{position:fixed;bottom:28px;right:28px;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.45);z-index:900;transition:var(--tr);text-decoration:none}
.fwa:hover{transform:scale(1.1)}
.grid-dots{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.grid-dot{position:absolute;border-radius:50%;background:rgba(232,66,10,.15);animation:dotFloat linear infinite}
.grid-panels{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.grid-panel{position:absolute;border:1px solid rgba(232,66,10,.08);background:linear-gradient(180deg,rgba(232,66,10,.045),rgba(255,140,0,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 0 36px rgba(232,66,10,.05)}
@keyframes dotFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:.5}100%{transform:translateY(-100px) scale(1);opacity:0}}
.stop{position:fixed;bottom:28px;right:100px;width:44px;height:44px;background:var(--p);border-radius:50%;display:none;align-items:center;justify-content:center;font-size:18px;color:#fff;cursor:pointer;z-index:900;transition:var(--tr);border:none;font-family:inherit}
.stop.show{display:flex}
.stop:hover{transform:translateY(-3px)}

/* ── Skeleton ── */
@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}
.sk{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 75%);background-size:1000px 100%;animation:shimmer 1.5s infinite;border-radius:8px}

/* ── Toast ── */
.twrap{position:fixed;bottom:30px;right:24px;left:auto;transform:none;z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.toast{background:rgba(15,10,5,.96);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 22px;font-size:.9rem;font-weight:600;color:#fff;min-width:260px;max-width:400px;text-align:center;animation:tin .3s ease;pointer-events:auto;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.toast-s{border-color:rgba(34,197,94,.5);background:rgba(5,40,15,.97)}
.toast-e{border-color:rgba(239,68,68,.5);background:rgba(40,5,5,.97)}
@keyframes tin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* ── Mobile Nav ── */
.mbnav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bot);background:rgba(8,3,0,.95);backdrop-filter:blur(20px);border-top:1px solid rgba(232,66,10,.15);z-index:1000;padding:0 8px 8px;align-items:center;justify-content:space-around}
.mni{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border-radius:12px;color:var(--t3);font-size:10px;font-weight:700;font-family:'Cairo',sans-serif;text-decoration:none;flex:1;max-width:72px;cursor:pointer;transition:color .2s}
.mni.act{color:var(--p)}
.mbmenu-btn{display:none;position:fixed;top:16px;left:14px;width:46px;height:46px;border-radius:16px;background:rgba(8,10,26,.92);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);z-index:1002;color:#fff;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(0,0,0,.28)}
.mbside-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(3px);z-index:1003}
.mbside{position:fixed;top:0;bottom:0;right:0;width:min(320px,86vw);background:linear-gradient(180deg,rgba(8,10,26,.98),rgba(8,3,0,.98));border-left:1px solid rgba(255,255,255,.08);z-index:1004;display:flex;flex-direction:column;box-shadow:-24px 0 48px rgba(0,0,0,.36)}
.mbside-h{padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:12px}
.mbside-b{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.mbside-link{display:flex;align-items:center;gap:12px;padding:14px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:#eef2ff;font-size:.95rem;font-weight:800}
.mbside-link.act{background:rgba(232,66,10,.12);border-color:rgba(232,66,10,.24);color:#fff}
.mbside-ic{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(232,66,10,.12);color:var(--p);flex-shrink:0}
.mbside-close{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center}
.tfab{display:none;position:fixed;bottom:calc(var(--bot) + 88px);right:16px;background:linear-gradient(135deg,var(--p),var(--pd));color:#fff!important;border-radius:50px;padding:10px 16px 10px 12px;align-items:center;gap:8px;font-size:13px;font-weight:700;font-family:'Cairo',sans-serif;text-decoration:none;z-index:1001;box-shadow:0 4px 20px var(--pglow);white-space:nowrap;transition:var(--tr)}
.tfab svg,.tfab span{color:#fff!important;stroke:currentColor}

/* ── Page transition ── */
.pte,.ptl{transition:opacity .25s ease,transform .25s ease}
.ptef,.ptlt{opacity:0;transform:translateY(12px)}

/* ── Responsive ── */
@media(max-width:1320px){
  .nav{top:10px;left:12px;right:12px}
  .nvc{padding:0 14px}
  .nlinks{gap:2px}
  .nl{padding:8px 10px;font-size:.81rem}
  .nact{gap:8px}
  .ltog{padding:7px 10px;font-size:.78rem}
  .ncta{padding:9px 14px!important;font-size:.78rem!important}
  .brand-logo{height:40px;max-width:52px}
  .logt{font-size:14px}
}
@media(max-width:1180px){
  .nav{display:none!important}
  .mbnav{display:flex}
  .mbmenu-btn{display:flex}
  .tfab{display:flex;left:16px!important;right:auto!important;bottom:calc(var(--bot) + 28px)!important;padding:10px 18px!important}
}
@media(max-width:1200px){.sgrid{grid-template-columns:repeat(2,1fr)}.sygrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){.syc{grid-template-columns:1fr!important;gap:30px}.syc-right{order:-1}.sy-mockup{max-height:260px}.hvis{display:none}.hi{justify-content:center}.hc{max-width:100%;text-align:center}.hact{justify-content:center}.hstats{justify-content:center}.pgrid{grid-template-columns:repeat(2,1fr)}.tgrid{grid-template-columns:repeat(2,1fr)}.agent-grid{grid-template-columns:repeat(2,1fr)}.ainner{grid-template-columns:1fr}.testgrid{grid-template-columns:repeat(2,1fr)}.cinner{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.hmgrid{grid-template-columns:repeat(2,1fr)}.hmcomg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
  :root{--nav:60px}
  .container{padding:0 16px}
  .nav{display:none!important}
  .mbnav{display:flex}
  .mbmenu-btn{display:flex}
  .tfab,.fwa{display:none!important}
  .stop{bottom:calc(var(--bot) + 80px)!important;right:16px!important;z-index:1001!important}
  body{padding-bottom:var(--bot)}
  .hero{padding-top:0;min-height:auto;align-items:flex-start}
  .hero .container{width:100%;max-width:100%;overflow:hidden}
  .hi{align-items:flex-start;width:100%;max-width:100%;gap:0!important}
  .hc{padding-top:0!important;width:100%;max-width:100%!important;overflow:hidden;margin:0 auto}
  .mhero-brand{display:block!important;width:100%;max-width:100%;box-sizing:border-box;padding-left:62px;padding-right:0!important;margin-top:0;margin-bottom:18px}
  .mhero-brand-box{width:100%!important;max-width:none!important;display:flex!important;direction:rtl!important;justify-content:flex-start!important;align-items:center!important;gap:10px;margin:0!important}
  .mhero-brand-logo,.mhero-brand-mark{width:46px;height:46px;border-radius:15px}
  .mhero-brand-logo{object-fit:cover!important;background:transparent!important;padding:0!important;border:none!important;box-shadow:none!important}
  .mhero-brand-text{width:min(66vw,255px);max-width:min(66vw,255px);display:flex;flex-direction:column;align-items:stretch!important;text-align:right!important;direction:rtl}
  .mhero-brand-kicker{font-size:.6rem;width:100%;text-align:right;display:block}
  .mhero-brand-name{font-size:.76rem;line-height:1.1}
  .hbadge{display:inline-flex!important;margin-bottom:18px}
  .htitle{font-size:2.2rem;max-width:100%;overflow-wrap:anywhere}
  .hsub{max-width:100%;padding:0 6px;font-size:.95rem;overflow-wrap:anywhere}
  .hero-quickline{display:none!important}
  .hact{display:grid!important;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;width:100%;max-width:100%;box-sizing:border-box}
  .hact > *{min-width:0;width:100%}
  .hact .btn{display:flex!important;width:100%!important;justify-content:center!important;align-items:center!important;padding:0 10px!important;font-size:.8rem!important;min-height:56px!important;height:56px!important;line-height:1.2;text-align:center;white-space:normal;border-radius:18px!important}
  .hact .btn svg{display:flex!important;flex-shrink:0}
  .sgrid{grid-template-columns:1fr!important;gap:16px}
  .sc{padding:18px 16px 20px}
  .sdesc{display:block;min-height:auto}
  .sfl{margin-bottom:18px}
  .pgrid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:14px!important;padding-bottom:12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:unset!important;align-items:flex-start!important}
  .pgrid::-webkit-scrollbar{display:none}
  .pgrid .pc{flex-shrink:0!important;width:190px!important;min-width:190px!important}
  .pgrid .pc .pci{height:140px!important}
  .pgrid .pc .pco{display:none!important}
  .pgrid .pc .pcmob{display:flex!important}
  .syc{padding:20px!important;gap:20px!important}.syname{font-size:1.5rem!important}.syf{grid-template-columns:1fr!important}
  .sylinks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;align-items:stretch;justify-items:stretch}
  .syl{width:100%;min-width:0;min-height:50px;padding:10px 12px!important;font-size:.78rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sylinks>.syl:last-child:nth-child(3){
    grid-column:1/-1;
    justify-self:center;
    width:calc((100% - 12px) / 2);
  }
  .tgrid{grid-template-columns:1fr;gap:18px}
  .agent-grid{grid-template-columns:1fr;gap:18px}
  .agent-media{height:210px}
  .agent-desc{min-height:auto}
  .agent-actions{grid-template-columns:1fr}
  .trust-head{margin-bottom:12px;font-size:.78rem}
  .trust-marquee::before,.trust-marquee::after{width:42px}
  .trust-track{gap:10px}
  .trust-item{width:238px;min-height:96px;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px;border-radius:16px}
  .trust-logo-wrap{width:64px;height:64px;border-radius:14px}
  .trust-logo-main{object-fit:cover!important;padding:0!important;background:transparent!important}
  .trust-name{font-size:.79rem}
  .trust-desc{font-size:.66rem;margin-top:4px}
  .tc{max-width:420px;margin:0 auto}
  .tmedia{height:220px;padding:14px 14px 0}
  .tmedia::after{inset:14px 14px 0}
  .tphoto,.tph{height:100%}
  .tphoto{object-fit:contain!important;background:rgba(255,255,255,.02)!important;padding:4px}
  .tph svg{width:52px;height:52px}
  .tbadge{top:24px;left:24px;padding:6px 12px;font-size:.72rem;max-width:calc(100% - 48px)}
  .tbody{padding:18px 16px 22px}
  .tname{font-size:1.05rem}
  .ttitle{font-size:.76rem;padding:6px 12px}
  .tdesc{font-size:.82rem;max-width:none}
  .testgrid{grid-template-columns:1fr}
  .cinner{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr!important;gap:28px}
  .fbt{flex-direction:column;text-align:center}
  .vgrid{grid-template-columns:1fr 1fr}
  .fr{grid-template-columns:1fr}
  .section{padding:64px 0}
  .hmo{padding:10px}
  .hmow{max-height:94vh;border-radius:20px}
  .hmhd{padding:18px 18px 12px}
  .hmtitle{font-size:1.45rem}
  .hmtabs{gap:10px;justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}
  .hmtab{white-space:nowrap;font-size:.88rem}
  .hmbd{padding:18px}
  .hmgrid{grid-template-columns:1fr;gap:14px}
  .hmcomg{grid-template-columns:1fr}
  .hmclose{top:10px;left:10px}
  .career-hero{padding:32px 0 48px}
  .career-title{font-size:1.34rem}
  .career-wrap{grid-template-columns:1fr}
  .career-points{grid-template-columns:1fr}
  .job-grid{grid-template-columns:1fr}
  .job-detail{padding:calc(var(--nav) + 34px) 0 64px}
  .job-detail-grid{grid-template-columns:1fr}
  .job-form-grid{grid-template-columns:1fr}
  .app-meta-grid{grid-template-columns:1fr}
  .app-line-list{grid-template-columns:1fr}
  .app-mini-grid{grid-template-columns:1fr}
}

/* ── Admin ── */
.adm-layout{display:flex;min-height:100dvh;background:var(--bg)}
.adm-side{width:220px;background:var(--bg2);border-left:1px solid rgba(255,255,255,.06);padding:16px;flex-shrink:0;overflow-y:auto}
.adm-nav{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;margin-bottom:4px;font-size:.88rem;font-weight:600;color:var(--t2);transition:.2s;font-family:inherit;background:none;width:100%;text-align:right}
.adm-nav:hover{background:rgba(232,66,10,.08);color:#fff}
.adm-nav.act{background:var(--pdim)!important;color:var(--p)!important}
.adm-top{background:var(--bg2);border-bottom:1px solid rgba(232,66,10,.15);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.adm-content{flex:1;overflow-y:auto;padding:24px}
.albl{font-size:.8rem;color:var(--t2);display:block;margin-bottom:5px}
.dash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.dash-card{position:relative;overflow:hidden;border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.08);min-height:124px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.dash-card::before{content:'';position:absolute;inset:auto -20px -20px auto;width:86px;height:86px;border-radius:24px;background:var(--tone,rgba(232,66,10,.12));filter:blur(8px);opacity:.75}
.dash-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.dash-ic{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.adm-nav-ic{min-width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.68rem;font-weight:900;letter-spacing:.08em;line-height:1;flex-shrink:0}
.dash-num{font-size:2rem;font-weight:900;color:#fff;font-family:'Syne','Cairo',sans-serif;line-height:1}
.dash-lb{font-size:.9rem;color:#f8fafc;font-weight:800;margin-top:16px;position:relative;z-index:1}
.dash-sub{font-size:.8rem;color:var(--t2);margin-top:5px;position:relative;z-index:1}
@media(max-width:1200px){.dash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dash-grid{grid-template-columns:1fr}}
.adm-layout.admin-light{--bg:#f3f6fa;--bg2:#fff;--bg3:#edf2f7;--cb:#fff;--cbb:#dce4ee;--t:#17233a;--t2:#66758d;--t3:#93a1b5;--pdim:rgba(232,66,10,.09);background:#f3f6fa;color:#17233a;font-family:'Cairo',sans-serif}
.admin-light,.admin-light button,.admin-light input,.admin-light textarea,.admin-light select,.admin-light table{font-family:'Cairo',sans-serif!important}
.admin-light .adm-top{height:68px;background:#fff;border-bottom:1px solid #e1e7ef;box-shadow:0 3px 16px rgba(20,37,63,.05);padding:0 26px}
.admin-light .adm-brand{display:flex;align-items:center;gap:12px}.admin-light .adm-brand-title{font-weight:900;color:#17233a;font-size:1rem}.admin-light .adm-role{background:#fff2ec;color:#d6480f;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;border:1px solid #ffd7c7}
.admin-light .adm-top-actions{display:flex;gap:9px}.admin-light .adm-site-btn,.admin-light .adm-logout-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:10px;font-size:.8rem;font-weight:800;text-decoration:none;cursor:pointer}
.admin-light .adm-site-btn{background:#f7f9fc;border:1px solid #dce4ee;color:#314159}.admin-light .adm-logout-btn{background:#fff1f1;border:1px solid #fecaca;color:#c24141}
.admin-light .adm-shell-body{display:flex;flex:1;min-height:0;overflow:hidden}.admin-light .adm-side{width:280px;background:#fff;border-left:1px solid #e1e7ef;padding:18px 14px;box-shadow:-6px 0 24px rgba(20,37,63,.035)}
.admin-light .adm-dashboard-link,.admin-light .adm-group-head,.admin-light .adm-nav{border:0;font-family:'Cairo',sans-serif}
.admin-light .adm-dashboard-link{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;padding:0 13px;margin-bottom:10px;border-radius:12px;background:#f7f9fc;color:#35445d;font-size:.86rem;font-weight:800;cursor:pointer;text-align:right}
.admin-light .adm-dashboard-link.act{background:#fff1eb;color:#d6480f;box-shadow:inset 0 0 0 1px #ffd9ca}
.admin-light .adm-group{margin-bottom:8px}.admin-light .adm-group-head{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;padding:0 13px;border-radius:12px;background:transparent;color:#314159;font-size:.87rem;font-weight:900;cursor:pointer;text-align:right}.admin-light .adm-group-head:hover,.admin-light .adm-group-head.open{background:#f4f7fb;color:#d6480f}.admin-light .adm-group-head.active{color:#d6480f}
.admin-light .adm-group-icon,.admin-light .adm-nav-ic{width:30px;min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#eef4fb;border:1px solid #dbe6f3;color:#52719a}.admin-light .adm-group-icon svg,.admin-light .adm-nav-ic svg{width:16px;height:16px}.admin-light .adm-group-arrow{margin-right:auto;color:#8da0b8;display:inline-flex;transition:transform .2s}.admin-light .adm-group-head.open .adm-group-arrow{transform:rotate(180deg)}
.admin-light .adm-subnav{position:relative;margin:5px 27px 10px 0;padding:3px 17px 3px 0;border-right:1px solid #cfdceb}.admin-light .adm-subnav .adm-nav{position:relative;display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:7px 10px;margin:4px 0;border-radius:10px;background:#f8fafc;color:#718096;font-size:.8rem;font-weight:700;text-align:right;cursor:pointer}.admin-light .adm-subnav .adm-nav::before{content:'';position:absolute;right:-18px;top:50%;width:17px;height:1px;background:#cfdceb}.admin-light .adm-subnav .adm-nav:hover{background:#f1f5fa;color:#314159}.admin-light .adm-subnav .adm-nav.act{background:#eef5ff!important;color:#2563a8!important;box-shadow:inset 0 0 0 1px #d7e7fb}.admin-light .adm-subnav .adm-nav-ic{width:24px;min-width:24px;height:24px;border:0;background:transparent;color:currentColor}.admin-light .adm-badge{margin-right:auto;min-width:22px;padding:2px 7px;border-radius:999px;background:#e8420a;color:#fff;font-size:.65rem;text-align:center}
.admin-light .adm-content{background:#f3f6fa;padding:28px;min-width:0}.admin-light .adm-content h1,.admin-light .adm-content h2,.admin-light .adm-content h3,.admin-light .adm-content h4,.admin-light .adm-content strong{color:#17233a!important}.admin-light .adm-content [style*="color:#fff"],.admin-light .adm-content [style*="color: #fff"],.admin-light .adm-content [style*="color:rgb(255,255,255)"],.admin-light .adm-content [style*="color: rgb(255, 255, 255)"],.admin-light .adm-content [style*="color:#f8fafc"],.admin-light .adm-content [style*="color: rgb(248, 250, 252)"],.admin-light .adm-content [style*="color:#eef2f7"],.admin-light .adm-content [style*="color: rgb(238, 242, 247)"]{color:#17233a!important}.admin-light .adm-content .btnp,.admin-light .adm-content .btnp *{color:#fff!important}.admin-light .glass,.admin-light .commerce-panel{background:#fff!important;border:1px solid #dfe6ef!important;box-shadow:0 10px 28px rgba(28,47,76,.06)!important;color:#17233a!important}.admin-light .albl,.admin-light label,.admin-light .commerce-cell,.admin-light .commerce-table{color:#334155!important}.admin-light .fi2,.admin-light .fsel,.admin-light .fta{background:#f8fafc!important;border-color:#dce4ee!important;color:#17233a!important}.admin-light .fi2:focus,.admin-light .fsel:focus,.admin-light .fta:focus{border-color:#e8420a!important;background:#fff!important}.admin-light .fsel option{background:#fff;color:#17233a}.admin-light .btng,.admin-light .pb,.admin-light .fb{background:#fff!important;color:#334155!important;border-color:#d8e1ec!important}.admin-light .btng:hover,.admin-light .pb:hover,.admin-light .fb:hover,.admin-light .pb.act,.admin-light .fb.act{border-color:#e8420a!important;color:#d6480f!important;background:#fff7f3!important}.admin-light .news-empty{background:#fff;color:#718096;border-color:#dfe6ef}.admin-light table th{background:#f7f9fc!important;color:#314159!important;border-color:#dfe6ef!important}.admin-light table td{color:#334155!important;border-color:#e6ebf2!important}.admin-light .commerce-cell small,.admin-light .commerce-admin-title p,.admin-light .zone-admin-name small,.admin-light .zone-admin-card label>span,.admin-light .promo-admin-grid label>span{color:#7a899f!important}.admin-light .zone-admin-card{background:#fff;border-color:#dfe6ef;color:#17233a;box-shadow:0 8px 22px rgba(28,47,76,.05)}.admin-light .commerce-tabs{background:#edf2f7;border-color:#dce4ee}.admin-light .commerce-tab{color:#64748b}.admin-light .commerce-tab:hover{background:#fff;color:#17233a}.admin-light .commerce-tab.act{color:#fff}.admin-light .commerce-action{background:#fff;color:#334155;border-color:#d8e1ec}.admin-light .commerce-action.danger{color:#c24141;background:#fff1f1;border-color:#fecaca}
.admin-light .admin-panel [style*="border-bottom:1px solid rgba(255,255,255"],.admin-light .admin-panel [style*="border-bottom: 1px solid rgba(255, 255, 255"]{border-bottom-color:#e3e9f1!important}.admin-light .admin-panel [style*="border:1px solid rgba(255,255,255"],.admin-light .admin-panel [style*="border: 1px solid rgba(255, 255, 255"]{border-color:#dce4ee!important}
.admin-light .chat-admin-list,.admin-light .chat-admin-view{background:#fff;border-color:#dce4ee;box-shadow:0 8px 24px rgba(28,47,76,.05)}.admin-light .chat-admin-head,.admin-light .chat-admin-toolbar,.admin-light .chat-admin-pager{border-color:#e3e9f1}.admin-light .chat-admin-item{border-color:#e6ebf2;background:#fff}.admin-light .chat-admin-item:hover{background:#f5f8fc}.admin-light .chat-admin-item.act{background:#eaf3ff;box-shadow:inset -3px 0 #2563eb}.admin-light .chat-admin-name{color:#17233a}.admin-light .chat-admin-job{color:#52637a}.admin-light .chat-admin-preview{color:#78869a}.admin-light .chat-admin-body{background:#f7f9fc}.admin-light .chat-admin-msg.bot{background:#eef2f7;border-color:#d8e1ec;color:#26364d}.admin-light .chat-admin-msg.admin{background:#dcfce7;border-color:#86efac;color:#166534}.admin-light .chat-admin-msg.system{background:#dbeafe;border-color:#93c5fd;color:#1e4f8f}.admin-light .chat-admin-msg.visitor{color:#fff}.admin-light .chat-admin-foot{background:#fff;border-color:#e3e9f1}.admin-light .chip{background:#f1f5f9;border-color:#d6e0eb;color:#475569}.admin-light .chip.success,.admin-light .chatbadge{background:#dcfce7;border-color:#86efac;color:#166534}.admin-light .chip.info,.admin-light .chatbadge.info{background:#dbeafe;border-color:#93c5fd;color:#1d4f91}.admin-light .chip.warn,.admin-light .chatbadge.wait{background:#fef3c7;border-color:#facc15;color:#854d0e}.admin-light .chip.muted,.admin-light .chatbadge.off{background:#e9eef5;border-color:#cbd5e1;color:#475569}.admin-light .admin-message-list{background:#fff!important;border-color:#dce4ee!important;box-shadow:0 8px 24px rgba(28,47,76,.05)}.admin-light .admin-message-row{background:#fff;border-color:#e3e9f1!important;color:#17233a}.admin-light .admin-message-row:hover{background:#f8fafc}.admin-light .admin-message-row>div:first-child>div:first-child{color:#17233a!important}.admin-light .admin-message-row [style*="color:var(--t2)"]{color:#5f6f85!important}
.admin-light .dash-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.admin-light .dash-title{color:#17233a;font-size:1.3rem;font-weight:900;margin-bottom:18px}.admin-light .dash-card{display:flex;flex-direction:column;min-height:142px;padding:14px 15px 0;border:0;border-radius:16px;background:var(--card,#173868);box-shadow:0 8px 20px color-mix(in srgb,var(--card,#173868) 20%,transparent);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.admin-light .dash-card:hover{transform:translateY(-3px);box-shadow:0 13px 26px color-mix(in srgb,var(--card,#173868) 27%,transparent)}.admin-light .dash-card::before,.admin-light .dash-card::after{content:'';position:absolute;border:14px solid rgba(255,255,255,.09);border-radius:50%;filter:none;opacity:1;background:transparent}.admin-light .dash-card::before{width:76px;height:76px;right:-38px;bottom:-48px}.admin-light .dash-card::after{width:50px;height:50px;right:-25px;bottom:-35px}.admin-light .dash-top{direction:rtl}.admin-light .dash-ic{order:2;width:36px;height:36px;border-radius:11px;border:0;background:rgba(255,255,255,.14)!important;color:#fff!important}.admin-light .dash-ic svg{width:18px;height:18px}.admin-light .dash-dot{order:1;width:10px;height:10px;border:3px solid rgba(255,255,255,.35);border-radius:50%;background:#fff}.admin-light .dash-lb{margin-top:10px;color:rgba(255,255,255,.86)!important;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-light .dash-num{margin-top:4px;color:#fff!important;font-family:'Cairo',sans-serif;font-size:1.65rem;line-height:1.05}.admin-light .dash-sub{display:none}.admin-light .dash-card-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:auto -15px 0;padding:8px 15px;border-top:1px solid rgba(255,255,255,.22);color:#fff;font-size:.67rem;font-weight:800}.admin-light .dash-card-foot svg{width:13px;height:13px}.admin-light .dash-quick{background:#fff;border:1px solid #dfe6ef;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(28,47,76,.05)}.admin-light .dash-quick-title{font-weight:900;color:#17233a;margin-bottom:12px}
.admin-light .adm-content [style*="background:#3a1111"],.admin-light .adm-content [style*="rgba(239,68,68"]{background:#fff1f1!important;color:#c24141!important;border-color:#fecaca!important}.admin-light .adm-content [style*="rgba(34,197,94"]{background:#effcf5!important;color:#168653!important;border-color:#b9ebcf!important}.admin-light .adm-content [style*="rgba(59,130,246"]{background:#eff6ff!important;color:#2563a8!important;border-color:#bfdbfe!important}
.admin-light .adm-content button[style*="34,197,94"],.admin-light .adm-content button[style*="34, 197, 94"],.admin-light .adm-content .admin-edit{background:#2563eb!important;color:#fff!important;border-color:#1d4ed8!important;box-shadow:0 5px 12px rgba(37,99,235,.18)!important}.admin-light .adm-content button[style*="34,197,94"]:hover,.admin-light .adm-content button[style*="34, 197, 94"]:hover,.admin-light .adm-content .admin-edit:hover{background:#1d4ed8!important;color:#fff!important}
.admin-light .adm-content button[style*="239,68,68"],.admin-light .adm-content button[style*="239, 68, 68"],.admin-light .adm-content button[style*="background:#3a1111"],.admin-light .adm-content .admin-delete{background:#dc2626!important;color:#fff!important;border-color:#b91c1c!important;box-shadow:0 5px 12px rgba(220,38,38,.16)!important}.admin-light .adm-content button[style*="239,68,68"]:hover,.admin-light .adm-content button[style*="239, 68, 68"]:hover,.admin-light .adm-content .admin-delete:hover{background:#b91c1c!important;color:#fff!important}
.admin-light .adm-content span[style*="34,197,94"],.admin-light .adm-content span[style*="34, 197, 94"]{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important;font-weight:800!important}.admin-light .adm-content span[style*="239,68,68"],.admin-light .adm-content span[style*="239, 68, 68"]{background:#fee2e2!important;color:#991b1b!important;border-color:#fca5a5!important;font-weight:800!important}.admin-light .adm-content span[style*="245,158,11"],.admin-light .adm-content span[style*="245, 158, 11"]{background:#ffedd5!important;color:#9a3412!important;border-color:#fdba74!important;font-weight:800!important}
.admin-light .commerce-action:not(.danger){background:#2563eb!important;color:#fff!important;border-color:#1d4ed8!important}.admin-light .commerce-action.danger{background:#dc2626!important;color:#fff!important;border-color:#b91c1c!important}
.admin-light .order-status-select{min-width:145px;height:40px;padding:0 12px!important;border-width:1px!important;border-radius:10px!important;font-size:.76rem!important;font-weight:800!important;cursor:pointer}.admin-light .order-status-select.status-new{background:#fff7ed!important;border-color:#fdba74!important;color:#9a3412!important}.admin-light .order-status-select.status-contacted{background:#eff6ff!important;border-color:#93c5fd!important;color:#1d4f91!important}.admin-light .order-status-select.status-confirmed{background:#ecfdf5!important;border-color:#86efac!important;color:#166534!important}.admin-light .order-status-select.status-shipping{background:#f5f3ff!important;border-color:#c4b5fd!important;color:#5b21b6!important}.admin-light .order-status-select.status-completed{background:#dcfce7!important;border-color:#4ade80!important;color:#14532d!important}.admin-light .order-status-select.status-cancelled{background:#fef2f2!important;border-color:#fca5a5!important;color:#991b1b!important}.admin-light .order-delete-btn{min-width:72px;height:40px;justify-content:center;padding:0 14px!important;border-radius:10px!important}
.admin-light .order-table{min-width:1240px}.admin-light .order-table th:last-child,.admin-light .order-table td:last-child{position:sticky;left:0;z-index:2;background:#fff!important;box-shadow:5px 0 12px rgba(28,47,76,.06)}.admin-light .order-table th:last-child{z-index:3;background:#f7f9fc!important}
.admin-light .admin-panel>div>div:first-child:has(h2),.admin-light .admin-panel>div>h2:first-child{position:relative;min-height:104px;margin:0 0 20px!important;padding:22px 28px;border:1px solid #17477d;border-radius:15px;background:linear-gradient(135deg,#0d315f,#123b70);box-shadow:0 10px 24px rgba(13,49,95,.14);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#fff!important}.admin-light .admin-panel>div>div:first-child:has(h2)::after,.admin-light .admin-panel>div>h2:first-child::after{content:'•••';order:-1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.06);color:#ff6842;font-family:Arial,sans-serif;font-size:17px;letter-spacing:1px;line-height:1;flex-shrink:0}.admin-light .admin-panel>div>div:first-child:has(h2) h2,.admin-light .admin-panel>div>h2:first-child{color:#fff!important;font-family:'Cairo',sans-serif!important;font-size:1.28rem!important;font-weight:900!important;line-height:1.3;text-align:right}.admin-light .admin-panel>div>div:first-child:has(h2)>h2{flex:1;margin:0!important}.admin-light .admin-panel>div>h2:first-child{justify-content:flex-start!important;gap:16px}.admin-light .admin-panel>div>div:first-child:has(h2)>div:first-child{flex:1;text-align:right}.admin-light .admin-panel>div>div:first-child:has(h2) p,.admin-light .admin-panel>div>div:first-child:has(h2) h2+div{color:#c8d7e9!important}.admin-light .admin-panel>div>div:first-child:has(h2)>.btnp{order:3;background:linear-gradient(135deg,#e8420a,#f05a20)!important;border-color:#e8420a!important;color:#fff!important;box-shadow:0 8px 18px rgba(232,66,10,.22)}.admin-light .admin-panel>div>div:first-child:has(h2)>.btnp:hover{transform:translateY(-2px);background:#d83d08!important}.admin-light .admin-panel .commerce-admin-head .commerce-tabs{order:3;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.admin-light .admin-panel .commerce-admin-head .commerce-tab{color:#d5e1ef}.admin-light .admin-panel .commerce-admin-head .commerce-tab.act{background:#e8420a;color:#fff}
@media(max-width:1550px){.admin-light .dash-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1150px){.admin-light .dash-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.admin-light .adm-side{width:235px}.admin-light .adm-content{padding:20px}.admin-light .dash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.admin-light .adm-top{padding:0 14px}.admin-light .adm-role{display:none}.admin-light .adm-shell-body{overflow:auto;flex-direction:column}.admin-light .adm-side{width:100%;max-height:42vh;border-left:0;border-bottom:1px solid #e1e7ef}.admin-light .adm-content{overflow:visible;padding:16px}.admin-light .dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-light .dash-card{min-height:136px}.admin-light .admin-panel>div>div:first-child:has(h2),.admin-light .admin-panel>div>h2:first-child{min-height:88px;padding:17px 18px;border-radius:13px}.admin-light .admin-panel>div>div:first-child:has(h2)::after,.admin-light .admin-panel>div>h2:first-child::after{width:40px;height:40px}.admin-light .admin-panel>div>div:first-child:has(h2) h2,.admin-light .admin-panel>div>h2:first-child{font-size:1.05rem!important}}
.chatfab{position:fixed;bottom:98px;right:28px;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--p),#ff8c00);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(232,66,10,.34);z-index:900;color:#fff;transition:var(--tr);border:1px solid rgba(255,255,255,.14)}
.chatfab:hover{transform:translateY(-3px)}
.chatfab-dot{position:absolute;top:8px;left:8px;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:pulse 1.8s infinite}
.chatw{position:fixed;bottom:98px;right:28px;width:min(390px,calc(100vw - 28px));height:min(72vh,620px);background:linear-gradient(180deg,rgba(12,7,4,.98),rgba(8,4,2,.99));border:1px solid rgba(232,66,10,.2);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.55);z-index:1003;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(16px)}
.chatwh{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(232,66,10,.12),rgba(232,66,10,.02));display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.chatwh h3{font-size:1rem;color:#fff;margin:0 0 4px}
.chatws{font-size:.78rem;color:var(--t2);line-height:1.6}
.chatwc{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center}
.chatmeta{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chati{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px 14px;color:#fff;font-size:.88rem}
.chatb{flex:1;overflow-y:auto;padding:14px 14px 16px;display:flex;flex-direction:column;gap:12px}
.chatqs{padding:10px 14px 0;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none}
.chatqs::-webkit-scrollbar{display:none}
.chatq{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#e5e7eb;font-size:.76rem;font-weight:700;transition:var(--tr)}
.chatq:hover{background:rgba(232,66,10,.12);border-color:rgba(232,66,10,.24);color:#fff}
.chattyping{align-self:flex-start;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:16px;border-top-right-radius:8px;padding:10px 12px}
.chattyping span{width:7px;height:7px;border-radius:50%;background:#fda47f;display:block;animation:chatDots 1.2s infinite ease-in-out}
.chattyping span:nth-child(2){animation-delay:.15s}
.chattyping span:nth-child(3){animation-delay:.3s}
@keyframes chatDots{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.chatm{max-width:86%;padding:12px 14px;border-radius:18px;font-size:.88rem;line-height:1.8;white-space:pre-wrap}
.chatm.bot{align-self:flex-start;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#eef2ff;border-top-right-radius:8px}
.chatm.visitor{align-self:flex-end;background:linear-gradient(135deg,var(--p),#ff8c00);color:#fff;border-top-left-radius:8px}
.chatm.admin{align-self:flex-start;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);color:#dcfce7;border-top-right-radius:8px}
.chatm.system{align-self:center;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.2);color:#dbeafe;text-align:center;font-size:.8rem}
.chatmt{margin-top:6px;font-size:.7rem;opacity:.7}
.chata{padding:12px 14px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:10px}
.chata textarea{min-height:84px;resize:none}
.chatr{display:flex;gap:10px;flex-wrap:wrap}
.chatr .btn{padding:12px 18px;font-size:.84rem}
.chatempty{padding:24px;text-align:center;color:var(--t2);font-size:.9rem}
.chatbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.24);padding:6px 12px;border-radius:999px;color:#86efac;font-size:.75rem;font-weight:700}
.chatbadge.info{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.24);color:#bfdbfe}
.chatbadge.wait{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.24);color:#fcd34d}
.chatbadge.off{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.24);color:#cbd5e1}
.chat-admin{display:grid;grid-template-columns:340px 1fr;gap:18px;height:72vh;min-height:72vh}
.chat-admin-list,.chat-admin-view{background:var(--bg2);border:1px solid var(--cbb);border-radius:18px;overflow:hidden;height:72vh;min-height:72vh}
.chat-admin-list{display:flex;flex-direction:column}
.chat-admin-head{padding:16px;border-bottom:1px solid rgba(255,255,255,.06)}
.chat-admin-items{overflow-y:auto;flex:1}
.chat-admin-pager{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:10px}
.chat-admin-item{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:var(--tr)}
.chat-admin-item:hover,.chat-admin-item.act{background:rgba(255,255,255,.035)}
.chat-admin-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.chat-admin-name{font-weight:800;color:#fff}
.chat-admin-job{color:var(--t2);font-size:.78rem}
.chat-admin-preview{color:var(--t3);font-size:.8rem;line-height:1.6}
.chat-admin-view{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.chat-admin-toolbar{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.chat-admin-body{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0;height:100%}
.chat-admin-msg{max-width:78%;padding:12px 14px;border-radius:18px;line-height:1.8;font-size:.88rem}
.chat-admin-msg.visitor{align-self:flex-end;background:linear-gradient(135deg,var(--p),#ff8c00);color:#fff;border-top-left-radius:8px}
.chat-admin-msg.bot{align-self:flex-start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;border-top-right-radius:8px}
.chat-admin-msg.admin{align-self:flex-start;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);color:#dcfce7;border-top-right-radius:8px}
.chat-admin-msg.system{align-self:center;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.2);color:#dbeafe;text-align:center;font-size:.8rem}
.chat-admin-foot{padding:14px 16px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.03))}
.chat-admin-empty{display:flex;align-items:center;justify-content:center;min-height:260px;color:var(--t2);padding:24px;text-align:center}
.chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 12px;font-size:.75rem;font-weight:700;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#fff}
.chip.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.22);color:#86efac}
.chip.warn{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.22);color:#fcd34d}
.chip.info{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.22);color:#bfdbfe}
.chip.muted{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.22);color:#cbd5e1}
@media(max-width:900px){.chat-admin{grid-template-columns:1fr;height:auto;min-height:0}.chat-admin-list,.chat-admin-view{height:auto;min-height:0}.chat-admin-list{max-height:340px}.chat-admin-view{min-height:70vh}.chat-admin-msg{max-width:92%}}
@media(max-width:768px){
  .chatfab{
    display:none!important;
    top:auto!important;
    bottom:calc(var(--bot) + 92px)!important;
    right:16px!important;
    left:auto!important;
    z-index:1001!important
  }
  .chatw{
    left:10px!important;
    right:10px!important;
    top:max(86px, env(safe-area-inset-top, 0px) + 14px)!important;
    bottom:calc(var(--bot) + 12px)!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    border-radius:22px!important;
  }
  .chatmeta{grid-template-columns:1fr!important}
  .chatr{display:grid!important;grid-template-columns:1fr 1fr!important}
  .chatr .btn{justify-content:center}
  .chatb{min-height:0}
}
@media(max-width:430px){
  .htitle{font-size:1.95rem!important;line-height:1.08}
  .hsub{font-size:.88rem!important;line-height:1.7!important;padding:0 2px!important}
  .hact{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .hact .btn{font-size:.76rem!important;min-height:52px!important;height:52px!important;padding:0 8px!important}
}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.news-card{position:relative;background:linear-gradient(180deg,rgba(24,10,4,.96),rgba(12,5,2,.98));border:1px solid rgba(232,66,10,.18);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-height:100%}
.news-card:hover{transform:translateY(-6px);border-color:rgba(232,66,10,.34);box-shadow:0 18px 42px rgba(0,0,0,.32)}
.news-img{aspect-ratio:16/10;background:rgba(255,255,255,.03);overflow:hidden}
.news-img img{width:100%;height:100%;object-fit:cover}
.news-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:12px;flex:1}
.news-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.news-date{font-size:.76rem;color:#f5c5b1;background:rgba(232,66,10,.08);border:1px solid rgba(232,66,10,.16);padding:6px 10px;border-radius:999px}
.news-chip{font-size:.72rem;font-weight:800;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:5px 9px;border-radius:999px}
.news-title{font-size:1.08rem;font-weight:900;color:#fff;line-height:1.55}
.news-excerpt{color:#cbd5e1;font-size:.86rem;line-height:1.9}
.news-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.news-link{color:var(--p);font-size:.85rem;font-weight:800;cursor:pointer}
.news-share{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:800}
.news-share:hover,.news-link:hover{opacity:.9}
.news-hero{padding-top:120px}
.news-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:30px}
.news-list-copy{max-width:640px;color:var(--t2);font-size:.95rem;line-height:1.95}
.news-empty{padding:40px 20px;text-align:center;color:var(--t2);background:var(--bg2);border:1px solid var(--cbb);border-radius:18px}
.news-detail-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.news-panel{background:var(--bg2);border:1px solid var(--cbb);border-radius:22px;padding:24px}
.news-cover{border-radius:20px;overflow:hidden;border:1px solid rgba(232,66,10,.16);background:rgba(255,255,255,.03);margin-bottom:20px}
.news-cover img,.news-inline-img img{width:100%;height:100%;object-fit:cover}
.news-inline-img{border-radius:18px;overflow:hidden;border:1px solid rgba(232,66,10,.14);background:rgba(255,255,255,.03);margin:22px 0;max-height:460px}
.news-article-title{font-size:clamp(1.9rem,4vw,3rem);font-weight:900;line-height:1.3;color:#fff;margin:0 0 12px}
.news-article-date{font-size:.84rem;color:#f5c5b1;margin-bottom:18px}
.news-article-text{color:#e2e8f0;line-height:2;white-space:pre-line;font-size:.98rem}
.news-sidebox{display:grid;gap:14px}
.news-side-row{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.news-side-row strong{display:block;color:#fff;font-size:.82rem;margin-bottom:6px}
.news-side-row span,.news-side-row a{color:var(--t2);font-size:.88rem;line-height:1.8;word-break:break-word}
.news-related{display:grid;gap:12px}
.news-related-item{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);cursor:pointer}
.news-related-item:hover{border-color:rgba(232,66,10,.22)}
.news-related-title{font-size:.88rem;color:#fff;font-weight:800;line-height:1.8}
.news-related-date{font-size:.75rem;color:#f5c5b1;margin-top:4px}
.news-service-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--cbb)}
.news-service-links a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border:1px solid rgba(232,66,10,.24);border-radius:12px;background:var(--pdim);color:var(--p);font-size:.82rem;font-weight:800;text-align:center}
@media(max-width:1024px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-detail-wrap{grid-template-columns:1fr}}
@media(max-width:680px){.news-grid{grid-template-columns:1fr}.news-list-head{align-items:flex-start}.news-panel{padding:18px}.news-article-title{font-size:1.7rem}.news-service-links{grid-template-columns:1fr}}

/* ── Latest news popup ── */
.latest-news-overlay{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:24px;background:rgba(8,10,26,.62);backdrop-filter:blur(9px)}
.latest-news-popup{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(300px,1.12fr);width:min(780px,100%);overflow:hidden;background:var(--cb);border:1px solid rgba(232,66,10,.28);border-radius:26px;box-shadow:0 28px 80px rgba(0,0,0,.4)}
.latest-news-popup.without-image{grid-template-columns:1fr;max-width:560px}
.latest-news-image{min-height:330px;background:var(--bg3)}
.latest-news-image img{display:block;width:100%;height:100%;object-fit:cover}
.latest-news-copy{display:flex;flex-direction:column;align-items:flex-start;padding:42px 38px 34px;color:var(--t)}
.latest-news-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 12px;border:1px solid rgba(232,66,10,.22);border-radius:999px;background:var(--pdim);color:var(--p);font-size:.76rem;font-weight:800}
.latest-news-label::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--p);box-shadow:0 0 12px rgba(232,66,10,.7)}
.latest-news-title{margin:0 0 12px;color:var(--t);font-family:'Cairo',sans-serif;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:900;line-height:1.5}
.latest-news-excerpt{margin:0;color:var(--t2);font-size:.92rem;line-height:1.95;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.latest-news-date{margin-top:16px;color:var(--t3);font-size:.78rem;font-weight:700}
.latest-news-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;margin-top:auto;padding-top:26px}
.latest-news-open,.latest-news-dismiss{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:14px;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.latest-news-open{background:linear-gradient(135deg,var(--p),var(--pd));border:1px solid var(--p);color:#fff!important;-webkit-text-fill-color:#fff;box-shadow:0 12px 24px rgba(232,66,10,.2)}
.latest-news-dismiss{background:transparent;border:1px solid var(--cbb);color:var(--t)}
.latest-news-open:hover,.latest-news-dismiss:hover{transform:translateY(-2px)}
.latest-news-close{position:absolute;z-index:1;top:14px;right:14px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(8,10,26,.62);color:#fff;font-size:23px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.news-pop-enter-active,.news-pop-leave-active{transition:opacity .22s ease}.news-pop-enter-active .latest-news-popup,.news-pop-leave-active .latest-news-popup{transition:transform .22s ease}.news-pop-enter-from,.news-pop-leave-to{opacity:0}.news-pop-enter-from .latest-news-popup,.news-pop-leave-to .latest-news-popup{transform:translateY(16px) scale(.98)}
@media(max-width:680px){.latest-news-overlay{align-items:end;padding:12px}.latest-news-popup{grid-template-columns:1fr;max-height:calc(100dvh - 24px);overflow:auto;border-radius:22px}.latest-news-image{min-height:170px;max-height:230px}.latest-news-copy{padding:24px 22px 22px}.latest-news-title{font-size:1.28rem}.latest-news-excerpt{-webkit-line-clamp:2}.latest-news-actions{padding-top:20px}.latest-news-open,.latest-news-dismiss{flex:1;min-width:0;padding-inline:12px}.latest-news-close{top:10px;right:10px}}

/* ── Splash ── */
#spl{
  position:fixed;
  inset:0;
  z-index:2147483000;
  width:100%;
  min-height:100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:16px;
  background:linear-gradient(180deg,#070b14 0%,#0b1020 100%);
  color:#f8fafc;
}
.spl-mark{
  width:52px;
  height:52px;
  background:linear-gradient(135deg,#E8420A,#c13208);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Syne',sans-serif;
  font-weight:900;
  font-size:18px;
  color:#fff;
  box-shadow:0 16px 34px rgba(232,66,10,.24);
}
.spl-track{
  width:40px;
  height:3px;
  background:rgba(255,255,255,.12);
  border-radius:3px;
  overflow:hidden;
}
.spl-bar{
  height:100%;
  background:linear-gradient(90deg,#E8420A,#ff8c00);
  border-radius:3px;
  animation:ld 1.4s ease-in-out infinite;
}

/* ── Public Site Light Redesign Override ── */
body.site-theme-light{
  --p:#d6480f;
  --pd:#a83a0c;
  --pdim:rgba(214,72,15,.08);
  --pglow:rgba(214,72,15,.18);
  --bg:#f6f8fb;
  --bg2:#ffffff;
  --bg3:#edf2f7;
  --cb:#ffffff;
  --cbb:rgba(16,26,44,.1);
  --t:#101a2c;
  --t2:#4c5768;
  --t3:#7c8494;
  --sh:0 12px 34px rgba(16,26,44,.08);
  --shl:0 24px 60px rgba(16,26,44,.12);
  background:linear-gradient(180deg,#ffffff 0%,#f6f8fb 100%);
  color:var(--t);
}
body.site-theme-light::before,
body.site-theme-light::after{content:none!important;display:none!important}
body.site-theme-light #spl{background:linear-gradient(180deg,#eef3f8 0%,#f6f8fb 100%)!important;color:var(--t)!important}
body.site-theme-light .spl-track{background:rgba(16,26,44,.12)}
body.site-theme-light a,
body.site-theme-light button,
body.site-theme-light input,
body.site-theme-light textarea,
body.site-theme-light select{color:inherit}
body.site-theme-light .title,
body.site-theme-light .htitle,
body.site-theme-light .syname,
body.site-theme-light .tname,
body.site-theme-light .news-title,
body.site-theme-light .news-article-title,
body.site-theme-light .career-title,
body.site-theme-light .job-card h3,
body.site-theme-light .job-detail-title,
body.site-theme-light .job-section-title,
body.site-theme-light .about-card-title,
body.site-theme-light .agent-title,
body.site-theme-light .pctitle,
body.site-theme-light .stitle,
body.site-theme-light .tsn,
body.site-theme-light .faqitem .faqq,
body.site-theme-light .fq,
body.site-theme-light .cinfot,
body.site-theme-light .cival,
body.site-theme-light .fct,
body.site-theme-light .hmname,
body.site-theme-light .hmtitle{color:var(--t);font-family:'Cairo',sans-serif}
body.site-theme-light .sub,
body.site-theme-light .hsub,
body.site-theme-light .sdesc,
body.site-theme-light .sy-desc,
body.site-theme-light .syfi,
body.site-theme-light .tdesc,
body.site-theme-light .agent-desc,
body.site-theme-light .apara,
body.site-theme-light .about-card-text,
body.site-theme-light .tsc,
body.site-theme-light .faqa,
body.site-theme-light .fans p,
body.site-theme-light .cinfobody,
body.site-theme-light .news-excerpt,
body.site-theme-light .news-article-text,
body.site-theme-light .career-copy,
body.site-theme-light .job-desc,
body.site-theme-light .job-plain,
body.site-theme-light .job-bullets li,
body.site-theme-light .job-side-meta span,
body.site-theme-light .flinks a,
body.site-theme-light .fdesc,
body.site-theme-light .hmsummary,
body.site-theme-light .hmperiod,
body.site-theme-light .hmcomg div{color:var(--t2)}
body.site-theme-light .badge,
body.site-theme-light .hbadge,
body.site-theme-light .sy-badge,
body.site-theme-light .pctag,
body.site-theme-light .news-date,
body.site-theme-light .career-tab.act,
body.site-theme-light .faqitem.open,
body.site-theme-light .testc.active{
  background:var(--pdim);
  color:var(--p);
  border-color:rgba(214,72,15,.18);
}
body.site-theme-light .section{padding:96px 0}
body.site-theme-light .btnp,
body.site-theme-light .ncta,
body.site-theme-light .job-cta,
body.site-theme-light .agent-btn.main,
body.site-theme-light .fsub,
body.site-theme-light .hmcard.feat .hmcta{
  background:var(--p)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(214,72,15,.18)!important;
}
body.site-theme-light .btnp:hover,
body.site-theme-light .job-cta:hover,
body.site-theme-light .fsub:hover{box-shadow:0 18px 32px rgba(214,72,15,.18)!important}
body.site-theme-light .btng,
body.site-theme-light .job-cta.alt,
body.site-theme-light .agent-btn.alt,
body.site-theme-light .news-share,
body.site-theme-light .pb,
body.site-theme-light .fb,
body.site-theme-light .career-tab,
body.site-theme-light .ltog{
  background:#fff;
  color:var(--t);
  border:1px solid rgba(16,26,44,.12);
}
body.site-theme-light .btng:hover,
body.site-theme-light .job-cta.alt:hover,
body.site-theme-light .agent-btn.alt:hover,
body.site-theme-light .news-share:hover,
body.site-theme-light .pb:hover,
body.site-theme-light .pb.act,
body.site-theme-light .fb:hover,
body.site-theme-light .fb.act{
  border-color:var(--p);
  color:var(--p);
  background:rgba(214,72,15,.05);
}
body.site-theme-light .nav{top:12px}
body.site-theme-light .nvc{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(16,26,44,.09);
  box-shadow:0 18px 48px rgba(16,26,44,.08);
  backdrop-filter:blur(16px);
}
body.site-theme-light .logi{
  background:#101a2c;
  box-shadow:none;
}
body.site-theme-light .brand-logo{filter:none}
body.site-theme-light .logt{color:var(--t);font-size:15px;font-family:'Cairo',sans-serif}
body.site-theme-light .nl{color:var(--t2)}
body.site-theme-light .nl:hover,
body.site-theme-light .nl.act{color:var(--t);background:rgba(16,26,44,.04)}
body.site-theme-light .ncar{color:var(--t3)}
body.site-theme-light .ndd{
  background:#fff;
  border:1px solid rgba(16,26,44,.1);
  box-shadow:0 24px 60px rgba(16,26,44,.12);
}
body.site-theme-light .nddi{color:var(--t2)}
body.site-theme-light .nddi:hover{background:rgba(214,72,15,.06);color:var(--t)}
body.site-theme-light .nddi-ic{background:var(--pdim);color:var(--p)}
body.site-theme-light .ndd-submenu{background:#fff;border-color:rgba(16,26,44,.1);box-shadow:0 22px 54px rgba(16,26,44,.14)}
body.site-theme-light .ndd-child{color:var(--t2)}
body.site-theme-light .ndd-child:hover{background:rgba(214,72,15,.06);color:var(--t)}
body.site-theme-light .hero{
  min-height:auto;
  padding:140px 0 88px;
  background:linear-gradient(180deg,#ffffff 0%,#f6f8fb 100%);
}
body.site-theme-light .hgrid{
  background-image:radial-gradient(rgba(16,26,44,.18) 1px,transparent 1px);
  background-size:22px 22px;
  opacity:.35;
}
body.site-theme-light .horb1{background:rgba(214,72,15,.16);top:-240px;right:-180px}
body.site-theme-light .horb2{background:rgba(16,26,44,.08);bottom:-120px;left:-120px}
body.site-theme-light .hbadge{border-color:rgba(214,72,15,.18);color:var(--p)}
body.site-theme-light .hsub{max-width:620px}
body.site-theme-light .hstats{
  background:#fff;
  border:1px solid rgba(16,26,44,.08);
  box-shadow:var(--sh);
}
body.site-theme-light .sdiv{background:rgba(16,26,44,.08)}
body.site-theme-light .slbl{color:var(--t2)}
body.site-theme-light .mhero-brand-logo{
  background:#fff;
  border:1px solid rgba(16,26,44,.08);
  box-shadow:0 10px 24px rgba(16,26,44,.08);
}
body.site-theme-light .mhero-brand-kicker{color:var(--p)}
body.site-theme-light .mhero-brand-name{color:var(--t)}
body.site-theme-light .cc,
body.site-theme-light .cch,
body.site-theme-light .badge2,
body.site-theme-light .ftag{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(16,26,44,.1);
  box-shadow:var(--sh);
}
body.site-theme-light .ccbar{background:#101a2c;border-bottom-color:rgba(16,26,44,.12)}
body.site-theme-light .cct{color:#cbd5e1}
body.site-theme-light .ccb{color:#243042}
body.site-theme-light .gl{color:var(--p)}
body.site-theme-light .badge2{color:var(--p)}
body.site-theme-light .ftag{color:var(--p)}
body.site-theme-light .bar{background:rgba(214,72,15,.56)}
body.site-theme-light .sc,
body.site-theme-light .pc,
body.site-theme-light .syc,
body.site-theme-light .tc,
body.site-theme-light .agent-card,
body.site-theme-light .testc,
body.site-theme-light .about-card,
body.site-theme-light .vc,
body.site-theme-light .faqitem,
body.site-theme-light .fi,
body.site-theme-light .cii,
body.site-theme-light .cinfo,
body.site-theme-light .career-card,
body.site-theme-light .career-sidebox,
body.site-theme-light .job-card,
body.site-theme-light .job-panel,
body.site-theme-light .news-card,
body.site-theme-light .news-panel,
body.site-theme-light .news-side-row,
body.site-theme-light .news-related-item,
body.site-theme-light .hmcard,
body.site-theme-light .hmcom{
  background:#fff;
  border:1px solid rgba(16,26,44,.1);
  box-shadow:var(--sh);
}
body.site-theme-light .sc::before,
body.site-theme-light .pc.pcf::before,
body.site-theme-light .agent-card::before,
body.site-theme-light .tc::before{display:none}
body.site-theme-light .sc:hover,
body.site-theme-light .pc:hover,
body.site-theme-light .syc:hover,
body.site-theme-light .tc:hover,
body.site-theme-light .agent-card:hover,
body.site-theme-light .news-card:hover,
body.site-theme-light .job-card:hover{
  transform:translateY(-8px);
  border-color:rgba(214,72,15,.22);
  box-shadow:var(--shl);
}
body.site-theme-light .si,
body.site-theme-light .agent-item-ic,
body.site-theme-light .job-icon,
body.site-theme-light .about-card-icon,
body.site-theme-light .cinfoic,
body.site-theme-light .ciico{
  background:var(--pdim);
  border:1px solid rgba(214,72,15,.16);
  color:var(--p);
  box-shadow:none;
}
body.site-theme-light .sbadge,
body.site-theme-light .ttitle,
body.site-theme-light .job-type,
body.site-theme-light .news-chip,
body.site-theme-light .agent-gov{
  background:rgba(16,26,44,.05);
  border:1px solid rgba(16,26,44,.08);
  color:var(--t);
}
body.site-theme-light .sfl li,
body.site-theme-light .job-list li,
body.site-theme-light .job-meta span,
body.site-theme-light .career-point,
body.site-theme-light .agent-item,
body.site-theme-light .app-line,
body.site-theme-light .app-mini-box{
  background:rgba(16,26,44,.03);
  border-color:rgba(16,26,44,.08);
  color:var(--t2);
}
body.site-theme-light .pci{background:linear-gradient(180deg,#eef3f8,#dde6ef)}
body.site-theme-light .pco{background:rgba(16,26,44,.7)}
body.site-theme-light .pcb,
body.site-theme-light .pcmob a{border:none}
body.site-theme-light .pcfeat,
body.site-theme-light .sy-badge-hot,
body.site-theme-light .hmbadge{
  background:var(--p);
  color:#fff;
  box-shadow:0 12px 22px rgba(214,72,15,.16);
}
body.site-theme-light .pcbs,
body.site-theme-light .syld,
body.site-theme-light .hmcta{
  background:var(--pdim);
  border:1px solid rgba(214,72,15,.18);
  color:var(--p);
}
body.site-theme-light .sylp{
  background:linear-gradient(135deg,#1f6fe5,#1146a3);
  border:none;
  color:#fff;
}
body.site-theme-light .syla{
  background:#fff;
  border:1px solid rgba(16,26,44,.12);
  color:var(--t);
  box-shadow:var(--sh);
}
body.site-theme-light .syls{
  background:var(--p);
  border:none;
  color:#fff;
}
body.site-theme-light .sy-req{
  background:#fff;
  border:1px dashed rgba(16,26,44,.14);
  color:var(--t2);
  box-shadow:none;
}
body.site-theme-light .sy-price-box{
  background:rgba(214,72,15,.05);
  border-color:rgba(214,72,15,.16);
}
body.site-theme-light .sy-price-val,
body.site-theme-light .hmprice,
body.site-theme-light .hmprice strong,
body.site-theme-light .agent-item-val,
body.site-theme-light .news-side-row strong,
body.site-theme-light .news-related-title,
body.site-theme-light .job-side-meta strong{color:var(--t)}
body.site-theme-light .sy-price-sub,
body.site-theme-light .agent-item-lbl,
body.site-theme-light .news-related-date,
body.site-theme-light .news-side-row span,
body.site-theme-light .news-side-row a,
body.site-theme-light .tsr,
body.site-theme-light .cilbl,
body.site-theme-light .vlbl{color:var(--t3)}
body.site-theme-light .sy-mockup,
body.site-theme-light .news-cover,
body.site-theme-light .news-inline-img{
  background:linear-gradient(180deg,#eef3f8,#ffffff);
  border:1px solid rgba(16,26,44,.08);
}
body.site-theme-light .tmedia::after{display:none}
body.site-theme-light .tphoto,
body.site-theme-light .tph{
  background:linear-gradient(180deg,#eef3f8,#ffffff);
  border:1px solid rgba(16,26,44,.08);
}
body.site-theme-light .tbadge{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(16,26,44,.1);
  color:var(--t);
  box-shadow:0 8px 20px rgba(16,26,44,.08);
}
body.site-theme-light .agent-media{background:linear-gradient(180deg,#eef3f8,#ffffff)}
body.site-theme-light .agent-mapbtn{background:var(--p);box-shadow:0 12px 22px rgba(214,72,15,.18)}
body.site-theme-light .trust-head{color:var(--p)}
body.site-theme-light .trust-head::before,
body.site-theme-light .trust-head::after{background:linear-gradient(90deg,transparent,rgba(214,72,15,.28),transparent)}
body.site-theme-light .trust-marquee::before{background:linear-gradient(270deg,#f6f8fb,rgba(246,248,251,0))}
body.site-theme-light .trust-marquee::after{background:linear-gradient(90deg,#f6f8fb,rgba(246,248,251,0))}
body.site-theme-light .trust-item{
  background:rgba(255,255,255,.76);
  border:1px solid rgba(16,26,44,.08);
  box-shadow:0 10px 24px rgba(16,26,44,.06);
}
body.site-theme-light .trust-item:hover{background:#fff;border-color:rgba(214,72,15,.18)}
body.site-theme-light .trust-logo-wrap{
  background:#fff;
  border:1px solid rgba(16,26,44,.08);
  box-shadow:none;
}
body.site-theme-light .trust-name{color:var(--t)}
body.site-theme-light .trust-desc{color:#697386}
body.site-theme-light .about-card:hover{box-shadow:var(--shl)}
body.site-theme-light .about-card-title{text-decoration-color:rgba(214,72,15,.4)}
body.site-theme-light .faqq,
body.site-theme-light .fq{color:var(--t)}
body.site-theme-light .faqa,
body.site-theme-light .fans p{border-color:rgba(16,26,44,.08)}
body.site-theme-light .tsa{border-top-color:rgba(16,26,44,.08)}
body.site-theme-light .cmap{
  background:#fff;
  border:1px solid rgba(16,26,44,.1);
  box-shadow:var(--sh);
}
body.site-theme-light .cmap::before{
  background-image:linear-gradient(rgba(16,26,44,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,26,44,.04) 1px,transparent 1px);
}
body.site-theme-light .cmap-badge,
body.site-theme-light .cmap-label{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(16,26,44,.08);
  color:var(--t);
}
body.site-theme-light .fi2,
body.site-theme-light .fsel,
body.site-theme-light .fta{
  background:#fff;
  border:1px solid rgba(16,26,44,.12);
  color:var(--t);
}
body.site-theme-light .fi2::placeholder,
body.site-theme-light .fta::placeholder{color:var(--t3)}
body.site-theme-light .fsel option{background:#fff;color:var(--t)}
body.site-theme-light .footer{
  background:#101a2c;
  border-top:none;
  padding:64px 0 28px;
}
body.site-theme-light .footer .logt,
body.site-theme-light .footer .fct,
body.site-theme-light .footer .fcp,
body.site-theme-light .footer .fbt-sub{color:#eef1f6}
body.site-theme-light .footer .fdesc,
body.site-theme-light .footer .flinks a{color:#9aa5b8}
body.site-theme-light .footer .flinks a:hover{color:#eef1f6}
body.site-theme-light .fbrand,
body.site-theme-light .fcol{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:none;
}
body.site-theme-light .fsoc{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#eef1f6;
}
body.site-theme-light .fsoc:hover{background:rgba(214,72,15,.16);border-color:rgba(214,72,15,.25)}
body.site-theme-light .news-card,
body.site-theme-light .news-panel,
body.site-theme-light .news-side-row,
body.site-theme-light .news-related-item{overflow:hidden}
body.site-theme-light .news-meta{align-items:center}
body.site-theme-light .news-date{color:var(--p)}
body.site-theme-light .news-chip{background:rgba(16,26,44,.05);color:var(--t)}
body.site-theme-light .news-share{color:var(--t)}
body.site-theme-light .news-hero,
body.site-theme-light .career-hero,
body.site-theme-light .job-detail{background:transparent}
body.site-theme-light .career-sidebox{background:linear-gradient(180deg,rgba(214,72,15,.08),rgba(255,255,255,.96))}
body.site-theme-light .career-sidebox h3,
body.site-theme-light .job-detail-title,
body.site-theme-light .job-section-title{color:var(--t)}
body.site-theme-light .career-sidebox p{color:#5b6678}
body.site-theme-light .job-back{background:#fff;border:1px solid rgba(16,26,44,.12);color:var(--t)}
body.site-theme-light .job-side-meta div{background:rgba(16,26,44,.03);border-color:rgba(16,26,44,.08)}
body.site-theme-light .job-error{
  background:rgba(254,242,242,.96);
  border-color:rgba(248,113,113,.24);
  color:#c2410c;
  font-weight:700;
}
body.site-theme-light .job-status-open{
  color:#15803d!important;
  border-color:rgba(34,197,94,.24)!important;
  background:rgba(220,252,231,.88)!important;
}
body.site-theme-light .job-status-closed{
  color:#c2410c!important;
  border-color:rgba(248,113,113,.28)!important;
  background:rgba(254,226,226,.92)!important;
}
body.site-theme-light .hmow,
body.site-theme-light .hmhd{
  background:#ffffff;
  border-color:rgba(16,26,44,.08);
}
body.site-theme-light .hmclose{
  background:#fff;
  border:1px solid rgba(16,26,44,.1);
  color:var(--t);
}
body.site-theme-light .hmsub,
body.site-theme-light .hmperiod,
body.site-theme-light .hmcomt{color:var(--t2)}
body.site-theme-light .hmtab{color:var(--t3)}
body.site-theme-light .hmtab.act{color:var(--p)}
body.site-theme-light .hmprice span{color:var(--p)}
body.site-theme-light .hmname{
  color:#101a2c;
  font-weight:900;
}
body.site-theme-light .hmperiod{
  color:#657286;
  font-weight:700;
}
body.site-theme-light .hmsummary{
  color:#4f5d73;
  font-weight:600;
  line-height:1.9;
}
body.site-theme-light .hmfl li{
  color:#1f2e43;
  font-weight:600;
}
body.site-theme-light .hmcomt{
  color:#101a2c;
  font-weight:900;
}
body.site-theme-light .hmcomg div{
  color:#516076;
  font-weight:600;
}
body.site-theme-light .mbnav{
  background:rgba(255,255,255,.97);
  border-top:1px solid rgba(16,26,44,.1);
  box-shadow:0 -10px 30px rgba(16,26,44,.08);
}
body.site-theme-light .mni{color:#6b7789}
body.site-theme-light .mni.act{color:var(--p)}
body.site-theme-light .mbmenu-btn{
  background:rgba(255,255,255,.95);
  border:1px solid rgba(16,26,44,.1);
  color:var(--t);
  box-shadow:var(--sh);
}
body.site-theme-light .mbside-ov{background:rgba(16,26,44,.18)}
body.site-theme-light .mbside{
  background:rgba(255,255,255,.98);
  border-left:1px solid rgba(16,26,44,.1);
  box-shadow:-24px 0 48px rgba(16,26,44,.12);
}
body.site-theme-light .mbside-h{border-bottom:1px solid rgba(16,26,44,.08)}
body.site-theme-light .mbside-h > div{color:var(--t)!important}
body.site-theme-light .mbside-link{
  background:#fff;
  border:1px solid rgba(16,26,44,.08);
  color:var(--t);
}
body.site-theme-light .mbside-link.act{
  background:var(--pdim);
  border-color:rgba(214,72,15,.2);
  color:var(--p);
}
body.site-theme-light .mbside-ic{background:var(--pdim);color:var(--p)}
body.site-theme-light .mbside-close{
  background:#fff;
  border:1px solid rgba(16,26,44,.1);
  color:var(--t);
}
body.site-theme-light .mbside-theme{
  background:#fff;
  border:1px solid rgba(16,26,44,.1);
  color:var(--t);
}
body.site-theme-light .chatfab{
  background:var(--p);
  box-shadow:0 18px 36px rgba(214,72,15,.26);
  color:#fff;
}
body.site-theme-light .chatw{
  background:rgba(255,255,255,.98);
  border:1px solid rgba(16,26,44,.1);
  box-shadow:0 24px 60px rgba(16,26,44,.18);
}
body.site-theme-light .chatwh{
  background:#101a2c;
  border-bottom:1px solid rgba(16,26,44,.08);
}
body.site-theme-light .chatwh h3{color:#fff}
body.site-theme-light .chatws{color:#cdd7e4}
body.site-theme-light .chatwc{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
}
body.site-theme-light .chatmeta{border-bottom:1px solid rgba(16,26,44,.08)}
body.site-theme-light .chati,
body.site-theme-light .chatq{
  background:#fff;
  border:1px solid rgba(16,26,44,.1);
  color:var(--t);
}
body.site-theme-light .chatq:hover{
  background:var(--pdim);
  border-color:rgba(214,72,15,.2);
  color:var(--p);
}
body.site-theme-light .chattyping,
body.site-theme-light .chatm.bot{
  background:#fff;
  border:1px solid rgba(16,26,44,.1);
  color:var(--t);
}
body.site-theme-light .chatmt{color:var(--t3)}
body.site-theme-light .chata{border-top:1px solid rgba(16,26,44,.08)}
body.site-theme-light .twrap .toast{
  background:rgba(255,255,255,.96);
  color:var(--t);
  border:1px solid rgba(16,26,44,.1);
  box-shadow:var(--sh);
}
body.site-theme-light .twrap .toast-s{background:rgba(240,253,244,.96);color:#166534}
body.site-theme-light .twrap .toast-e{background:rgba(254,242,242,.96);color:#991b1b}
body.site-theme-light .site-header-shell{
  position:relative;
  z-index:100;
  background:#fff;
}
body.site-theme-light .container{
  max-width:1220px;
  padding:0 32px;
}
body.site-theme-light .public-topbar{
  background:#101a2c;
  color:#9aa5b8;
  font-size:12.5px;
  border-bottom:none;
}
body.site-theme-light .public-topbar-inner{
  max-width:1220px;
  margin:0 auto;
  padding:0 32px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
body.site-theme-light .ptb-group{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
body.site-theme-light .ptb-contact{
  gap:22px;
  color:#9aa5b8;
  font-size:12.5px;
  font-weight:500;
}
body.site-theme-light .ptb-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#9aa5b8;
  transition:color .2s ease;
  white-space:nowrap;
}
body.site-theme-light .ptb-link:hover{color:#eef1f6}
body.site-theme-light .ptb-link svg{
  width:13px;
  height:13px;
  display:block;
  opacity:1;
}
body.site-theme-light .ptb-social{
  width:auto;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#9aa5b8;
  border:none;
  background:transparent;
  padding:0;
  transition:color .2s ease;
}
body.site-theme-light .ptb-social:hover{color:#eef1f6}
body.site-theme-light .ptb-social svg{
  width:13px;
  height:13px;
  display:block;
}
body.site-theme-light .ptb-lang{
  width:30px;
  min-width:30px;
  height:30px;
  border-radius:50%;
  background:transparent;
  border:1px solid rgba(255,255,255,.2);
  color:#fff;
  font-size:12.5px;
  font-weight:700;
  transition:all .2s ease;
}
body.site-theme-light .ptb-lang:hover{
  border-color:rgba(214,72,15,.7);
  color:#fff;
}
body.site-theme-light .ptb-theme{
  border-color:rgba(255,255,255,.2);
  color:#fff;
}
body.site-theme-light .ptb-theme:hover{
  border-color:rgba(214,72,15,.7);
  color:#fff;
  background:rgba(255,255,255,.06);
}
body.site-theme-light .nav{
  position:sticky;
  top:0;
  left:0;
  right:0;
  height:78px;
  padding:0;
  background:#fff;
  backdrop-filter:none;
  border-bottom:1px solid rgba(16,26,44,.11);
  box-shadow:none;
}
body.site-theme-light .nav.scr{transform:none}
body.site-theme-light .nvc{
  height:100%;
  max-width:1220px;
  padding:0 32px;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  gap:34px;
}
body.site-theme-light .logo{
  gap:11px;
  flex:0 0 auto;
  min-width:max-content;
  margin-left:28px;
}
body.site-theme-light .logo-mark{
  min-width:38px;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px;
  border-radius:4px;
  background:#101a2c;
  border:1.5px solid var(--p);
}
body.site-theme-light .brand-logo{
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  filter:none;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  mix-blend-mode:normal;
}
body.site-theme-light .logo-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:right;
  justify-content:center;
  line-height:1.1;
}
body.site-theme-light .logi{
  width:38px;
  height:38px;
  border-radius:4px;
  background:#101a2c;
  border:1.5px solid var(--p);
  color:#fff;
  box-shadow:none;
  font-family:'Cairo',sans-serif;
  font-size:16px;
  font-weight:800;
}
body.site-theme-light .logt{
  display:block!important;
  font-size:16px;
  font-weight:800;
  font-family:'Cairo',sans-serif;
  color:var(--t);
  white-space:nowrap;
}
body.site-theme-light .logt-sub{display:none!important}
body.site-theme-light .nlinks{
  flex:1 1 auto;
  min-width:0;
  justify-content:center;
  gap:28px;
}
body.site-theme-light .nl{
  position:relative;
  padding:8px 0;
  color:#4c5768;
  background:transparent!important;
  border-radius:0;
  font-size:14.5px;
  font-weight:600;
}
body.site-theme-light .nl::after{
  content:'';
  position:absolute;
  right:0;
  bottom:0;
  width:0;
  height:2px;
  background:var(--p);
  transition:width .25s ease;
}
body.site-theme-light .nl:hover,
body.site-theme-light .nl.act{
  color:var(--t)!important;
  box-shadow:none!important;
}
body.site-theme-light .nl:hover::after,
body.site-theme-light .nl.act::after{width:100%}
body.site-theme-light .ncta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:148px;
  min-height:42px;
  padding:0 20px;
  border-radius:8px;
  font-family:'Cairo',sans-serif;
  font-size:13.5px;
  font-weight:700;
  line-height:1;
  background:#d6480f;
  color:#fff9f5;
  border:1.5px solid transparent;
  box-shadow:none;
  white-space:nowrap;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease;
}
body.site-theme-light .ncta:hover{background:#a83a0c;color:#fff9f5;transform:translateY(-1px)}
body.site-theme-light .nav-cart-btn{border-color:#dfe3e8;background:#fff;color:#111b31;box-shadow:0 5px 15px rgba(16,26,44,.06)}
body.site-theme-light .nav-cart-btn:hover{border-color:rgba(214,72,15,.45);background:#fff7f2;color:var(--p)}
body.site-theme-light .nav-cart-count{border-color:#fff}
body.site-theme-light .nact{
  flex:0 0 auto;
  margin-right:24px;
}
body.site-theme-light .nvc.nvc-en{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:20px;
}
body.site-theme-light .nvc.nvc-en .logo{
  margin-left:8px;
}
body.site-theme-light .nvc.nvc-en .logo-copy{
  max-width:116px;
  overflow:hidden;
}
body.site-theme-light .nvc.nvc-en .logt{
  font-size:12.5px;
  letter-spacing:.04em;
}
body.site-theme-light .nvc.nvc-en .nlinks{
  min-width:0;
  gap:16px;
}
body.site-theme-light .nvc.nvc-en .nl{
  font-size:13px;
}
body.site-theme-light .nvc.nvc-en .nact{
  margin-right:0;
}
body.site-theme-light .nvc.nvc-en .ncta{
  min-width:124px;
  padding:0 14px;
  font-size:11.8px;
}
body.site-theme-light .hero{
  min-height:auto;
  padding:76px 0 90px;
  background:#fff;
  overflow:hidden;
}
body.site-theme-light .hbg{inset:0}
body.site-theme-light .hgrid{
  background-image:radial-gradient(rgba(16,26,44,.2) 1px,transparent 1px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 75%);
  mask-image:linear-gradient(180deg,#000 0%,transparent 75%);
  opacity:.6;
}
body.site-theme-light .horb{display:none}
body.site-theme-light .hi{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  align-items:start;
  gap:56px;
  padding:0;
}
body.site-theme-light .hc{
  max-width:520px;
  text-align:right;
}
body.site-theme-light .mhero-brand{display:none}
body.site-theme-light .hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:14px;
  color:var(--p);
  font-family:'Cairo',sans-serif;
  font-size:13px;
  font-weight:700;
}
body.site-theme-light .hero-eyebrow::before{
  content:"";
  width:16px;
  height:2px;
  background:var(--p);
}
body.site-theme-light .htitle.fd{
  font-family:'Cairo',sans-serif!important;
  font-weight:700;
}
body.site-theme-light .htitle{
  font-size:clamp(32px,4.4vw,50px);
  line-height:1.32;
  margin-top:6px;
  margin-bottom:0;
}
body.site-theme-light .hero .tg{
  background:none!important;
  -webkit-text-fill-color:inherit!important;
  color:var(--p)!important;
}
body.site-theme-light .hsub{
  max-width:520px;
  margin:20px 0 32px;
  font-size:16.5px;
  line-height:1.75;
  color:#4c5768;
}
body.site-theme-light .hact{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:26px;
}
body.site-theme-light .hact .btn{
  padding:14px 28px;
  border-radius:4px;
  font-size:14.5px;
  font-weight:700;
}
body.site-theme-light .hact .btn.btng{
  background:#fff;
  border:1.5px solid rgba(16,26,44,.2);
  color:var(--t);
}
body.site-theme-light .hstats,
body.site-theme-light .hvis{display:none!important}
body.site-theme-light .hero-quickline{
  font-size:14px;
  color:#4c5768;
}
body.site-theme-light .hero-quickline a{
  color:var(--p);
  font-weight:700;
}
body.site-theme-light .hero-side{
  width:auto;
  max-width:none;
  flex:none;
}
body.site-theme-light .hero-service-panel{
  background:#fff;
  border:1px solid rgba(16,26,44,.11);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(16,26,44,.09);
}
body.site-theme-light .hero-service-head{
  padding:18px 22px;
  background:#101a2c;
  color:#fff;
  font-size:14.5px;
  font-weight:700;
  text-align:right;
}
body.site-theme-light .hero-service-list{
  list-style:none;
  margin:0;
  padding:8px 0;
}
body.site-theme-light .hero-service-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 22px;
  border-bottom:1px solid rgba(16,26,44,.08);
  transition:background .2s ease;
}
body.site-theme-light .hero-service-row:last-child{border-bottom:none}
body.site-theme-light .hero-service-row:hover{background:rgba(214,72,15,.04)}
body.site-theme-light .hero-service-marker{
  width:32px;
  height:32px;
  border-radius:4px;
  background:rgba(214,72,15,.08);
  color:var(--p);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
body.site-theme-light .hero-service-marker svg{
  width:15px;
  height:15px;
  display:block;
  stroke:currentColor;
}
body.site-theme-light .hero-service-name{
  flex:1;
  color:var(--t);
  font-size:14.5px;
  font-weight:600;
  line-height:1.5;
}
body.site-theme-light .hero-service-arrow{
  color:#7c8494;
  width:14px;
  height:14px;
  flex-shrink:0;
}
body.site-theme-light .hero-service-arrow svg{
  width:14px;
  height:14px;
  display:block;
}
body.site-theme-light .hero-service-more{
  display:block;
  padding:16px 22px;
  text-align:center;
  border-top:1px solid rgba(16,26,44,.08);
  color:var(--p);
  font-size:13.5px;
  font-weight:700;
}
body.site-theme-light .hero-stats-band{
  background:#101a2c;
  padding:0;
}
body.site-theme-light .hero-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body.site-theme-light .hero-stat-box{
  position:relative;
  padding:36px 18px;
  text-align:center;
}
body.site-theme-light .hero-stat-box:not(:last-child)::after{
  content:'';
  position:absolute;
  top:26%;
  bottom:26%;
  left:0;
  width:1px;
  background:rgba(255,255,255,.12);
}
body.site-theme-light .hero-stat-num{
  display:block;
  color:#fff;
  font-size:clamp(1.8rem,2.6vw,2.35rem);
  line-height:1;
  font-weight:900;
  font-family:'Cairo',sans-serif;
}
body.site-theme-light .hero-stat-label{
  display:block;
  margin-top:8px;
  color:#aeb8c7;
  font-size:.82rem;
}
body.site-theme-light .section .sh{
  text-align:center;
  max-width:760px;
  margin:0 auto 42px;
}
body.site-theme-light .section .sh .sub{
  margin-left:auto;
  margin-right:auto;
  max-width:720px;
}
body.site-theme-light .services-list-refined{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
body.site-theme-light .service-row-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  padding:26px;
  border:1px solid rgba(16,26,44,.1);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 34px rgba(16,26,44,.05);
  min-height:100%;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.site-theme-light .service-row-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(16,26,44,.08);
  border-color:rgba(214,72,15,.18);
}
body.site-theme-light .service-row-num{
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid rgba(214,72,15,.16);
  background:rgba(214,72,15,.06);
  color:var(--p);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.82rem;
  font-weight:800;
  flex-shrink:0;
}
body.site-theme-light .service-row-body{
  display:flex;
  flex-direction:column;
  flex:1;
  width:100%;
}
body.site-theme-light .service-row-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
body.site-theme-light .service-row-top h3{
  color:var(--t);
  font-size:1.08rem;
  line-height:1.55;
  font-weight:800;
}
body.site-theme-light .service-row-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(214,72,15,.08);
  color:var(--p);
  font-size:.72rem;
  font-weight:800;
  white-space:nowrap;
}
body.site-theme-light .service-row-body p{
  color:var(--t2);
  font-size:.9rem;
  line-height:1.85;
  margin-bottom:16px;
  min-height:58px;
}
body.site-theme-light .service-row-features{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:16px;
}
body.site-theme-light .service-row-feature{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:#f3f6fb;
  color:#5b6678;
  font-size:.76rem;
  font-weight:700;
}
body.site-theme-light .service-row-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid rgba(16,26,44,.08);
  justify-content:flex-start;
}
body.site-theme-light .service-row-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid rgba(214,72,15,.18);
  background:rgba(214,72,15,.08);
  color:var(--p);
  font-size:.82rem;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(16,26,44,.05);
  transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
body.site-theme-light .service-row-link:hover{
  transform:translateY(-2px);
  background:rgba(214,72,15,.14);
  border-color:rgba(214,72,15,.26);
  box-shadow:0 14px 28px rgba(214,72,15,.12);
}
body.site-theme-light .service-row-link.alt{
  background:#fff;
  color:#5b6678;
  border-color:rgba(16,26,44,.12);
}
body.site-theme-light .service-row-link.alt:hover{
  color:var(--p);
  border-color:rgba(214,72,15,.2);
  background:rgba(214,72,15,.05);
}
body.site-theme-light .pfilters{justify-content:center;margin-bottom:28px}
body.site-theme-light .portfolio-grid-refined{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
body.site-theme-light .project-card-refined{
  background:#fff;
  border:1px solid rgba(16,26,44,.1);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(16,26,44,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  display:flex;
  flex-direction:column;
}
body.site-theme-light .project-card-refined:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 34px rgba(16,26,44,.1);
}
body.site-theme-light .project-media-refined{
  position:relative;
  aspect-ratio:16/10;
  background:linear-gradient(135deg,rgba(214,72,15,.12),rgba(16,26,44,.06));
  overflow:hidden;
}
body.site-theme-light .project-thumb-refined{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .35s ease;
}
body.site-theme-light .project-card-refined:hover .project-thumb-refined{transform:scale(1.04)}
body.site-theme-light .project-fallback-refined{
  width:100%;
  height:100%;
  background:linear-gradient(135deg,var(--card-color,#d6480f),#f59e0b);
}
body.site-theme-light .project-media-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(16,26,44,0) 38%,rgba(16,26,44,.18) 100%);
  pointer-events:none;
}
body.site-theme-light .project-card-body{
  padding:22px 22px 24px;
  display:flex;
  flex-direction:column;
  flex:1;
}
body.site-theme-light .project-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
body.site-theme-light .project-card-heading{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
}
body.site-theme-light .project-badge-refined{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(214,72,15,.08);
  color:var(--p);
  font-size:.72rem;
  font-weight:800;
}
body.site-theme-light .project-category-refined{
  color:var(--p);
  font-size:.78rem;
  font-weight:800;
  margin-bottom:6px;
}
body.site-theme-light .project-title-refined{
  color:var(--t);
  font-size:1.02rem;
  font-weight:900;
  line-height:1.6;
  margin-bottom:0;
}
body.site-theme-light .project-desc-refined{
  color:var(--t2);
  font-size:.88rem;
  line-height:1.85;
  min-height:0;
  margin-top:10px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}
body.site-theme-light .project-links-refined{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:auto;
  padding-top:18px;
}
body.site-theme-light .project-link-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 14px;
  border-radius:12px;
  background:rgba(214,72,15,.06);
  border:1px solid rgba(214,72,15,.18);
  color:var(--t);
  font-size:.8rem;
  font-weight:800;
  transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
  box-shadow:0 8px 20px rgba(16,26,44,.05);
}
body.site-theme-light .project-link-chip svg{
  width:15px;
  height:15px;
  display:block;
  flex-shrink:0;
}
body.site-theme-light .project-link-chip:hover{
  transform:translateY(-2px);
  background:rgba(214,72,15,.12);
  border-color:rgba(214,72,15,.28);
}
body.site-theme-light .project-link-chip.main{
  grid-column:1/-1;
  background:var(--p);
  border-color:var(--p);
  color:#fff;
  box-shadow:0 12px 26px rgba(214,72,15,.18);
}
@media(max-width:1180px){
  body.site-theme-light .public-topbar-inner{padding:0 24px}
  body.site-theme-light .nvc{padding:0 24px}
  body.site-theme-light .nlinks{gap:18px}
  body.site-theme-light .logo{margin-left:16px}
  body.site-theme-light .nact{margin-right:14px}
  body.site-theme-light .ncta{min-width:136px;font-size:12.5px}
}
@media(max-width:980px){
  body.site-theme-light .hi{
    grid-template-columns:1fr;
    gap:26px;
    padding:0;
  }
  body.site-theme-light .hc,
  body.site-theme-light .hero-side{
    width:100%;
    max-width:100%;
    flex-basis:auto;
  }
  body.site-theme-light .hero-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.site-theme-light .services-list-refined{grid-template-columns:1fr}
  body.site-theme-light .portfolio-grid-refined{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  body.site-theme-light .public-topbar{display:none}
  body.site-theme-light .nav{height:auto}
  body.site-theme-light .container{padding:0 20px}
  body.site-theme-light .hero{padding:48px 0 60px}
  body.site-theme-light .htitle{font-size:clamp(28px,9vw,38px)}
  body.site-theme-light .hsub{font-size:15px}
  body.site-theme-light .hero-stats-grid{grid-template-columns:1fr 1fr}
  body.site-theme-light .hero-stat-box{padding:28px 12px}
  body.site-theme-light .hero-stat-box:nth-child(2n)::after{display:none}
  body.site-theme-light .project-desc-refined{min-height:auto}
  body.site-theme-light .project-links-refined{grid-template-columns:1fr}
  body.site-theme-light .project-link-chip.main{grid-column:auto}
  body.site-theme-light .portfolio-grid-refined{grid-template-columns:1fr}
  body.site-theme-light #services .sh,
  body.site-theme-light #portfolio .sh{text-align:center}
  body.site-theme-light .pfilters{justify-content:center}
}
body.site-theme-dark{
  --bg:#0b1020;
  --bg2:#10182b;
  --bg3:#162033;
  --cb:#0f172a;
  --cbb:rgba(255,255,255,.08);
  --t:#f8fafc;
  --t2:#cbd5e1;
  --t3:#94a3b8;
  --sh:0 18px 42px rgba(0,0,0,.28);
  --shl:0 28px 64px rgba(0,0,0,.36);
  background:linear-gradient(180deg,#070b14 0%,#0b1020 100%);
  color:var(--t);
}
body.site-theme-dark #spl{background:linear-gradient(180deg,#070b14 0%,#0b1020 100%)!important;color:var(--t)!important}
body.site-theme-dark .spl-track{background:rgba(255,255,255,.12)}
body.site-theme-dark .site-header-shell{background:#0b1020}
body.site-theme-dark .public-topbar{background:#0f172a;color:#9fb0c4}
body.site-theme-dark .ptb-link,
body.site-theme-dark .ptb-social{color:#cbd5e1}
body.site-theme-dark .ptb-link:hover,
body.site-theme-dark .ptb-social:hover{color:#fff}
body.site-theme-dark .ptb-theme{border-color:rgba(255,255,255,.18);color:#fff;background:transparent}
body.site-theme-dark .ptb-theme:hover{border-color:rgba(214,72,15,.7);background:rgba(255,255,255,.06)}
body.site-theme-dark .ptb-lang{border-color:rgba(255,255,255,.2);color:#fff}
body.site-theme-dark .nav{background:rgba(8,10,26,.96);border-bottom-color:rgba(255,255,255,.08)}
body.site-theme-dark .logo-mark{background:#101a2c;border-color:rgba(232,66,10,.44)}
body.site-theme-dark .logt{color:#fff}
body.site-theme-dark .nl{color:#d6dae6}
body.site-theme-dark .nl:hover,
body.site-theme-dark .nl.act{color:#fff;background:transparent!important}
body.site-theme-dark .ncar{color:#94a3b8}
body.site-theme-dark .ndd{background:rgba(8,10,26,.98);border-color:rgba(255,255,255,.08)}
body.site-theme-dark .nddi{color:#e5e7eb}
body.site-theme-dark .nddi:hover{background:rgba(255,255,255,.06);color:#fff}
body.site-theme-dark .ndd-submenu{background:rgba(8,10,26,.99)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 22px 54px rgba(0,0,0,.58)!important}
body.site-theme-dark .ndd-child{color:#e5e7eb!important}
body.site-theme-dark .ndd-child:hover{background:rgba(255,255,255,.07);color:#fff!important}
body.site-theme-dark .nddi-next{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff}
body.site-theme-dark .nvc.nvc-en{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:20px;
}
body.site-theme-dark .nvc.nvc-en .logo{margin-left:8px}
body.site-theme-dark .nvc.nvc-en .logo-copy{max-width:116px;overflow:hidden}
body.site-theme-dark .nvc.nvc-en .logt{font-size:12.5px;letter-spacing:.04em}
body.site-theme-dark .nvc.nvc-en .nlinks{min-width:0;gap:16px}
body.site-theme-dark .nvc.nvc-en .nl{font-size:13px}
body.site-theme-dark .nvc.nvc-en .nact{margin-right:0}
body.site-theme-dark .nvc.nvc-en .ncta{min-width:124px;padding:0 14px;font-size:11.8px}
body.site-theme-dark .hero{background:linear-gradient(180deg,#0b1020 0%,#0d1526 100%)}
body.site-theme-dark .trust-marquee::before{background:linear-gradient(270deg,#070b16,rgba(7,11,22,0))}
body.site-theme-dark .trust-marquee::after{background:linear-gradient(90deg,#070b16,rgba(7,11,22,0))}
body.site-theme-dark .trust-marquee.static::before,
body.site-theme-dark .trust-marquee.static::after{display:none}
body.site-theme-dark .trust-item{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1);box-shadow:0 12px 28px rgba(0,0,0,.22)}
body.site-theme-dark .trust-item:hover{background:rgba(255,255,255,.07);border-color:rgba(232,66,10,.32)}
body.site-theme-dark .trust-logo-wrap{background:#f8fafc;border-color:rgba(255,255,255,.16);box-shadow:0 8px 20px rgba(0,0,0,.2)}
body.site-theme-dark .trust-logo-main{object-fit:cover!important;padding:0!important}
body.site-theme-dark .nav-cart-btn{background:rgba(232,66,10,.12);border-color:rgba(232,66,10,.42);color:#ff8a5c;box-shadow:0 8px 22px rgba(0,0,0,.2)}
body.site-theme-dark .nav-cart-btn:hover{background:rgba(232,66,10,.2);border-color:var(--p);color:#ffb092}
body.site-theme-dark .hgrid{background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:22px 22px;opacity:.38}
body.site-theme-dark .hsub,
body.site-theme-dark .sub,
body.site-theme-dark .sdesc,
body.site-theme-dark .sy-desc,
body.site-theme-dark .syfi,
body.site-theme-dark .tdesc,
body.site-theme-dark .agent-desc,
body.site-theme-dark .apara,
body.site-theme-dark .about-card-text,
body.site-theme-dark .tsc,
body.site-theme-dark .faqa,
body.site-theme-dark .fans p,
body.site-theme-dark .cinfobody,
body.site-theme-dark .news-excerpt,
body.site-theme-dark .news-article-text,
body.site-theme-dark .career-copy,
body.site-theme-dark .career-sidebox p,
body.site-theme-dark .job-desc,
body.site-theme-dark .job-plain,
body.site-theme-dark .job-bullets li,
body.site-theme-dark .job-side-meta span,
body.site-theme-dark .flinks a,
body.site-theme-dark .fdesc,
body.site-theme-dark .hmsummary,
body.site-theme-dark .hmperiod,
body.site-theme-dark .hmcomg div{color:#cbd5e1}
body.site-theme-dark .title,
body.site-theme-dark .htitle,
body.site-theme-dark .syname,
body.site-theme-dark .tname,
body.site-theme-dark .news-title,
body.site-theme-dark .news-article-title,
body.site-theme-dark .career-title,
body.site-theme-dark .job-card h3,
body.site-theme-dark .job-detail-title,
body.site-theme-dark .job-section-title,
body.site-theme-dark .about-card-title,
body.site-theme-dark .agent-title,
body.site-theme-dark .pctitle,
body.site-theme-dark .stitle,
body.site-theme-dark .tsn,
body.site-theme-dark .faqitem .faqq,
body.site-theme-dark .fq,
body.site-theme-dark .cinfot,
body.site-theme-dark .cival,
body.site-theme-dark .fct,
body.site-theme-dark .hmname,
body.site-theme-dark .hmtitle,
body.site-theme-dark .hero-service-name,
body.site-theme-dark .service-row-top h3,
body.site-theme-dark .project-title-refined{color:#fff}
body.site-theme-dark .badge,
body.site-theme-dark .hbadge,
body.site-theme-dark .sy-badge,
body.site-theme-dark .pctag,
body.site-theme-dark .news-date,
body.site-theme-dark .career-tab.act,
body.site-theme-dark .faqitem.open,
body.site-theme-dark .testc.active{background:rgba(232,66,10,.14);border-color:rgba(232,66,10,.28);color:#ff9b72}
body.site-theme-dark .hero-service-panel,
body.site-theme-dark .service-row-card,
body.site-theme-dark .project-card-refined,
body.site-theme-dark .career-card,
body.site-theme-dark .career-sidebox,
body.site-theme-dark .job-card,
body.site-theme-dark .job-panel,
body.site-theme-dark .news-card,
body.site-theme-dark .news-panel,
body.site-theme-dark .news-side-row,
body.site-theme-dark .news-related-item,
body.site-theme-dark .sc,
body.site-theme-dark .pc,
body.site-theme-dark .syc,
body.site-theme-dark .tc,
body.site-theme-dark .agent-card,
body.site-theme-dark .testc,
body.site-theme-dark .about-card,
body.site-theme-dark .vc,
body.site-theme-dark .faqitem,
body.site-theme-dark .fi,
body.site-theme-dark .cii,
body.site-theme-dark .cinfo,
body.site-theme-dark .hmcard,
body.site-theme-dark .hmcom{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border-color:rgba(255,255,255,.08);
  box-shadow:0 18px 42px rgba(0,0,0,.26);
}
body.site-theme-dark .hero-service-head,
body.site-theme-dark .hero-stats-band,
body.site-theme-dark .footer{background:#0f172a}
body.site-theme-dark .hero-service-row{border-bottom-color:rgba(255,255,255,.08)}
body.site-theme-dark .hero-service-row:hover{background:rgba(255,255,255,.04)}
body.site-theme-dark .hero-service-arrow,
body.site-theme-dark .slbl,
body.site-theme-dark .agent-item-lbl,
body.site-theme-dark .news-related-date,
body.site-theme-dark .news-side-row span,
body.site-theme-dark .news-side-row a,
body.site-theme-dark .tsr,
body.site-theme-dark .cilbl,
body.site-theme-dark .vlbl{color:#94a3b8}
body.site-theme-dark .hact .btn.btng,
body.site-theme-dark .job-cta.alt,
body.site-theme-dark .agent-btn.alt,
body.site-theme-dark .news-share,
body.site-theme-dark .pb,
body.site-theme-dark .fb,
body.site-theme-dark .career-tab,
body.site-theme-dark .ltog,
body.site-theme-dark .job-back,
body.site-theme-dark .project-link-chip,
body.site-theme-dark .service-row-feature,
body.site-theme-dark .job-meta span,
body.site-theme-dark .job-list li,
body.site-theme-dark .career-point,
body.site-theme-dark .agent-item,
body.site-theme-dark .app-line,
body.site-theme-dark .app-mini-box,
body.site-theme-dark .job-side-meta div,
body.site-theme-dark .fi2,
body.site-theme-dark .fsel,
body.site-theme-dark .fta,
body.site-theme-dark .mbside-link,
body.site-theme-dark .mbside-close,
body.site-theme-dark .mbside-theme{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.1);
  color:#e5e7eb;
}
body.site-theme-dark .hact .btn.btng:hover,
body.site-theme-dark .job-cta.alt:hover,
body.site-theme-dark .agent-btn.alt:hover,
body.site-theme-dark .news-share:hover,
body.site-theme-dark .pb:hover,
body.site-theme-dark .pb.act,
body.site-theme-dark .fb:hover,
body.site-theme-dark .fb.act,
body.site-theme-dark .project-link-chip:hover,
body.site-theme-dark .job-back:hover{background:rgba(255,255,255,.08);color:#fff}
body.site-theme-dark .project-link-chip.main,
body.site-theme-dark .btnp,
body.site-theme-dark .ncta,
body.site-theme-dark .job-cta,
body.site-theme-dark .agent-btn.main,
body.site-theme-dark .fsub,
body.site-theme-dark .hmcard.feat .hmcta{color:#fff}
body.site-theme-dark .si,
body.site-theme-dark .agent-item-ic,
body.site-theme-dark .job-icon,
body.site-theme-dark .about-card-icon,
body.site-theme-dark .cinfoic,
body.site-theme-dark .ciico,
body.site-theme-dark .hero-service-marker,
body.site-theme-dark .service-row-num,
body.site-theme-dark .career-sidebox-icon{background:rgba(232,66,10,.12);border-color:rgba(232,66,10,.22);color:#ff8b5a}
body.site-theme-dark .hero-stat-label,
body.site-theme-dark .footer .fdesc,
body.site-theme-dark .footer .flinks a,
body.site-theme-dark .job-link{color:#aeb8c7}
body.site-theme-dark .footer .flinks a:hover{color:#fff}
body.site-theme-dark .project-media-refined,
body.site-theme-dark .agent-media,
body.site-theme-dark .news-cover,
body.site-theme-dark .news-inline-img,
body.site-theme-dark .tphoto,
body.site-theme-dark .tph{background:linear-gradient(180deg,rgba(214,72,15,.08),rgba(16,26,44,.42))}
body.site-theme-dark .project-media-overlay{background:linear-gradient(180deg,rgba(16,26,44,0) 38%,rgba(2,6,23,.42) 100%)}
body.site-theme-dark .service-row-actions{border-top-color:rgba(255,255,255,.08)}
body.site-theme-dark .service-row-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid rgba(232,66,10,.24);
  background:rgba(232,66,10,.14);
  color:#ffb18d;
  font-size:.82rem;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
  transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
body.site-theme-dark .service-row-link:hover{
  transform:translateY(-2px);
  background:rgba(232,66,10,.22);
  border-color:rgba(232,66,10,.34);
  color:#fff;
}
body.site-theme-dark .service-row-link.alt{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.1);
  color:#e5e7eb;
}
body.site-theme-dark .service-row-link.alt:hover{
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.16);
  color:#fff;
}
body.site-theme-dark .project-desc-refined{color:#d8e1ee}
body.site-theme-dark .project-link-chip{box-shadow:0 10px 24px rgba(0,0,0,.18)}
body.site-theme-dark .project-link-chip.main{
  background:linear-gradient(135deg,var(--p),var(--pd));
  border-color:transparent;
  box-shadow:0 16px 30px rgba(232,66,10,.22);
}
body.site-theme-dark .project-category-refined{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:7px 14px;
  border:1px solid rgba(232,66,10,.24);
  border-radius:999px;
  background:rgba(232,66,10,.14);
  color:#ffb28c;
  box-shadow:0 10px 20px rgba(232,66,10,.08);
}
body.site-theme-dark .project-badge-refined,
body.site-theme-dark .service-row-badge,
body.site-theme-dark .job-type,
body.site-theme-dark .news-chip,
body.site-theme-dark .agent-gov{background:rgba(232,66,10,.12);color:#ff9b72;border-color:rgba(232,66,10,.24)}
body.site-theme-dark .project-badge-refined{
  background:rgba(232,66,10,.18);
  color:#ffe0d1;
  border-color:rgba(232,66,10,.3);
  box-shadow:0 8px 18px rgba(232,66,10,.08);
}
body.site-theme-dark .sy-desc,
body.site-theme-dark .syfi{color:#d8e1ee}
body.site-theme-dark .sy-price-box{
  background:rgba(255,255,255,.035);
  border-color:rgba(232,66,10,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body.site-theme-dark .sy-price-lbl{color:#e8eef7}
body.site-theme-dark .sy-price-sub{color:#aebcd0}
body.site-theme-dark .syla{
  background:rgba(255,255,255,.96);
  border-color:rgba(255,255,255,.22);
  color:#0f172a!important;
  box-shadow:0 16px 30px rgba(0,0,0,.24);
}
body.site-theme-dark .syla svg{color:#0f172a}
body.site-theme-dark .syld{
  background:rgba(232,66,10,.16);
  border-color:rgba(232,66,10,.3);
  color:#ffe2d6;
}
body.site-theme-dark .sy-req{
  background:rgba(232,66,10,.16);
  border:1px solid rgba(232,66,10,.32);
  color:#ffe2d6;
  box-shadow:0 16px 30px rgba(0,0,0,.22);
}
body.site-theme-dark .sy-req:hover{
  background:rgba(232,66,10,.24);
  border-color:rgba(232,66,10,.42);
}
body.site-theme-dark .tbadge{
  background:rgba(11,16,32,.88);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  box-shadow:0 12px 24px rgba(0,0,0,.22);
}
body.site-theme-dark .job-status-open{
  color:#86efac!important;
  border-color:rgba(34,197,94,.24)!important;
  background:rgba(34,197,94,.12)!important;
}
body.site-theme-dark .job-status-closed{
  color:#fda4af!important;
  border-color:rgba(239,68,68,.24)!important;
  background:rgba(239,68,68,.12)!important;
}
body.site-theme-dark .job-error{
  background:rgba(127,29,29,.28);
  border-color:rgba(248,113,113,.24);
  color:#fecaca;
  font-weight:700;
}
body.site-theme-dark .job-success{
  background:rgba(20,83,45,.24);
  border-color:rgba(34,197,94,.22);
  color:#bbf7d0;
}
body.site-theme-dark .fi2::placeholder,
body.site-theme-dark .fta::placeholder{color:#94a3b8}
body.site-theme-dark .fsel option{background:#0f172a;color:#fff}
body.site-theme-dark .mbnav{background:rgba(8,10,26,.97);border-top-color:rgba(255,255,255,.08);box-shadow:0 -10px 30px rgba(0,0,0,.32)}
body.site-theme-dark .mni{color:#9aa5b8}
body.site-theme-dark .mni.act{color:#ff8b5a}
body.site-theme-dark .mbmenu-btn{background:rgba(8,10,26,.94);border-color:rgba(255,255,255,.08);color:#fff}
body.site-theme-dark .mbside{background:rgba(8,10,26,.98);border-left-color:rgba(255,255,255,.08)}
body.site-theme-dark .mbside-h{border-bottom-color:rgba(255,255,255,.08)}
body.site-theme-dark .mbside-ov{background:rgba(0,0,0,.45)}
body.site-theme-dark .chatw{background:rgba(8,10,26,.98);border-color:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.35)}
body.site-theme-dark .chatwc{background:rgba(8,10,26,.98)}
body.site-theme-dark .chatmeta,
body.site-theme-dark .chata{border-color:rgba(255,255,255,.08)}
body.site-theme-dark .chati,
body.site-theme-dark .chatq{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:#e5e7eb}
body.site-theme-dark .chatq:hover{background:rgba(255,255,255,.08)}

/* Products */
.products-section{position:relative;background:var(--bg);overflow:hidden}
.products-head{text-align:center;max-width:720px;margin:0 auto 28px}
.products-head h2{font-family:'Cairo',sans-serif;font-size:clamp(2rem,4vw,3.1rem);font-weight:900;color:var(--t);line-height:1.25}
.products-head h2 span{color:var(--p)}
.products-head p{color:var(--t2);line-height:1.9;margin-top:10px}
.product-filters{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}
.product-subfilters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 28px;padding-top:12px;border-top:1px solid var(--cbb);max-width:760px}
.product-filter{border:1px solid var(--cbb);background:var(--cb);color:var(--t2);border-radius:999px;padding:9px 17px;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}
.product-filter.act{background:var(--p);border-color:var(--p);color:#fff}
.product-subfilters .product-filter{font-size:.78rem;padding:8px 15px}.product-subfilters .product-filter:not(.act){background:var(--bg2);color:var(--t3)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.product-card{display:flex;flex-direction:column;background:var(--cb);border:1px solid var(--cbb);border-radius:24px;overflow:hidden;box-shadow:0 16px 38px rgba(16,26,44,.06);transition:.25s ease}
.product-card:hover{transform:translateY(-5px);border-color:rgba(232,66,10,.3);box-shadow:0 24px 54px rgba(16,26,44,.11)}
.product-card-media{position:relative;aspect-ratio:1.15/1;background:linear-gradient(145deg,#f8fafc,#edf0f3);overflow:hidden}
.product-card-media img{width:100%;height:100%;object-fit:cover;padding:0;transition:transform .35s ease}
.product-card:hover .product-card-media img{transform:scale(1.035)}
.product-sale{position:absolute;top:14px;inset-inline-start:14px;background:var(--p);color:#fff;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:900}
.product-warranty,.product-detail-warranty{display:inline-flex;align-items:center;gap:6px;background:#117a4b;color:#fff;padding:7px 11px;border-radius:999px;font-size:.72rem;font-weight:900;box-shadow:0 8px 20px rgba(17,122,75,.22)}
.product-warranty{position:absolute;top:14px;inset-inline-end:14px}
.product-detail-warranty{position:absolute;top:16px;right:16px;z-index:2;direction:rtl}
.product-warranty:before,.product-detail-warranty:before{content:'✓';display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff;color:#117a4b;font-size:.68rem}
.product-card-body{display:flex;flex-direction:column;gap:10px;padding:18px;flex:1}
.product-cat{color:var(--p);font-size:.75rem;font-weight:800}
.product-name{color:var(--t);font-size:1.05rem;font-weight:900;line-height:1.55}
.product-summary{color:var(--t2);font-size:.84rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-price{display:flex;align-items:baseline;gap:9px;margin-top:auto;padding-top:8px}
.product-price strong{color:var(--p);font-size:1.2rem;font-weight:900}.product-price del{color:var(--t3);font-size:.82rem}
.product-card-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:4px}
.product-view,.product-book{border-radius:13px;min-height:43px;padding:8px 14px;font:inherit;font-size:.8rem;font-weight:900;cursor:pointer}
.product-view{background:var(--p);border:1px solid var(--p);color:#fff!important}.product-book{background:#111b31;border:1px solid #111b31;color:#fff!important}.product-book:disabled{opacity:.5;cursor:not-allowed}
.products-more{display:flex;justify-content:center;margin-top:28px}
.product-detail-section{padding-top:125px;min-height:80vh}
.product-detail{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(340px,.97fr);gap:38px;align-items:start}
.product-gallery{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;direction:ltr}
.product-thumbs{display:flex;flex-direction:column;gap:10px;max-height:580px;overflow:auto}
.product-thumb{aspect-ratio:1;border:1px solid var(--cbb);background:var(--cb);border-radius:13px;overflow:hidden;padding:4px;cursor:pointer}.product-thumb.act{border:2px solid var(--p)}
.product-thumb img{width:100%;height:100%;object-fit:contain}
.product-main-image{position:relative;height:min(580px,65vh);border:1px solid var(--cbb);background:#f7f7f7;border-radius:24px;overflow:hidden;cursor:zoom-in}
.product-main-image img{width:100%;height:100%;object-fit:contain;padding:24px}
.product-info{direction:rtl}.product-info-en{direction:ltr}
.product-detail-cat{display:inline-flex;padding:7px 13px;border-radius:999px;background:var(--pdim);color:var(--p);font-size:.76rem;font-weight:800}
.product-detail-name{font-family:'Cairo',sans-serif;color:var(--t);font-size:clamp(2rem,4vw,3.2rem);line-height:1.3;margin:15px 0 10px}
.product-detail-copy{color:var(--t2);line-height:2;white-space:pre-line}
.product-price-box{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin:22px 0;border:1px solid rgba(232,66,10,.22);background:var(--pdim);border-radius:18px}
.product-price-box strong{font-size:1.7rem;color:var(--p)}
.product-features{display:grid;gap:10px;margin:20px 0}.product-feature{display:flex;align-items:flex-start;gap:10px;color:var(--t2);font-size:.9rem}.product-feature:before{content:'✓';display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:var(--pdim);color:var(--p);font-weight:900}
.product-reserve-btn{width:100%;min-height:54px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--p),var(--pd));color:#fff!important;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 15px 30px rgba(232,66,10,.22)}
.product-lightbox{position:fixed;inset:0;z-index:2500;background:rgba(4,7,15,.88);display:grid;place-items:center;padding:28px}.product-lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}.product-lightbox button{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.4);color:#fff;font-size:25px;cursor:pointer}
.reserve-overlay{position:fixed;inset:0;z-index:100000;background:rgba(5,8,18,.68);backdrop-filter:blur(7px);display:grid;place-items:center;padding:16px}.reserve-modal{width:min(620px,100%);max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--cbb);border-radius:24px;padding:26px}.reserve-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex:0 0 auto}.reserve-modal-head h3{color:var(--t);font-size:1.3rem}.reserve-close{border:1px solid var(--cbb);background:var(--cb);color:var(--t);width:38px;height:38px;border-radius:50%;cursor:pointer}.reserve-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;overflow-y:auto;padding:2px 4px 8px;overscroll-behavior:contain}.reserve-grid .wide{grid-column:1/-1}.reserve-modal label{display:block;color:var(--t2);font-size:.8rem;font-weight:800;margin-bottom:6px}.reserve-modal input,.reserve-modal select,.reserve-modal textarea{width:100%;border:1px solid var(--cbb);background:var(--cb);color:var(--t);border-radius:12px;padding:12px;font:inherit}.reserve-modal select option{background:var(--bg2);color:var(--t)}.reserve-submit{width:100%;margin-top:14px;min-height:50px;flex:0 0 50px;border:0;border-radius:13px;background:#20b85a;color:#fff!important;font:inherit;font-weight:900;cursor:pointer}
.cart-backdrop{position:fixed;inset:0;z-index:1490;background:rgba(5,8,18,.48);backdrop-filter:blur(3px)}.cart-drawer{position:fixed;top:0;bottom:0;left:0;z-index:1500;width:min(430px,100%);background:var(--bg2);border-right:1px solid var(--cbb);box-shadow:20px 0 60px rgba(5,8,18,.2);transform:translateX(-105%);transition:transform .3s ease;display:flex;flex-direction:column;direction:rtl}.shop-cart.open .cart-drawer{transform:translateX(0)}
.cart-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px;border-bottom:1px solid var(--cbb)}.cart-head h3{color:var(--t);font-size:1.25rem}.cart-head small{color:var(--t3)}.cart-head button{width:38px;height:38px;border-radius:50%;border:1px solid var(--cbb);background:var(--cb);color:var(--t);font-size:1.3rem;cursor:pointer}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;flex:1;padding:40px;color:var(--t2)}.cart-empty strong{color:var(--t);font-size:1.1rem}.cart-body{flex:1;overflow:auto;padding:14px}.cart-item{display:grid;grid-template-columns:78px minmax(0,1fr) 30px;gap:12px;padding:12px 0;border-bottom:1px solid var(--cbb);align-items:start}.cart-item>img{width:78px;height:78px;object-fit:cover;border-radius:13px;background:#fff;border:1px solid var(--cbb)}.cart-item-main h4{color:var(--t);font-size:.88rem;line-height:1.55;margin-bottom:3px}.cart-item-main>strong{color:var(--p);font-size:.86rem}.cart-remove{border:0;background:transparent;color:#ef4444;font-size:1.25rem;cursor:pointer}.cart-qty{display:flex;align-items:center;width:max-content;border:1px solid var(--cbb);border-radius:10px;overflow:hidden;margin-top:8px}.cart-qty button{width:31px;height:30px;border:0;background:var(--bg);color:var(--t);font-weight:900;cursor:pointer}.cart-qty input{width:40px;height:30px;border:0;border-inline:1px solid var(--cbb);background:var(--cb);color:var(--t);text-align:center;font:inherit;font-size:.8rem}.cart-footer{padding:18px 20px;border-top:1px solid var(--cbb);background:var(--cb)}.cart-total-row{display:flex;align-items:center;justify-content:space-between;color:var(--t);margin-bottom:14px}.cart-total-row strong{color:var(--p);font-size:1.15rem}.cart-checkout{width:100%;min-height:50px;border:0;border-radius:13px;background:var(--p);color:#fff!important;font:inherit;font-weight:900;cursor:pointer}
.cart-checkout-modal{width:min(680px,100%)}.cart-checkout-modal .reserve-modal-head small{color:var(--t3)}.promo-entry{display:flex;align-items:stretch;gap:10px;direction:rtl}.promo-entry input{flex:1;min-width:0}.promo-entry button{flex:0 0 108px;min-height:48px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--p),var(--pd))!important;color:#fff!important;padding:0 18px;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(232,66,10,.2)}.promo-entry button:disabled{opacity:.65;cursor:wait}.promo-error{display:block;color:#ef4444;margin-top:6px;font-weight:700}.promo-ok{display:block;color:#16a34a;margin-top:6px;font-weight:700}.checkout-summary{display:grid;gap:8px;padding:14px 16px;margin-top:14px;background:var(--cb);border:1px solid var(--cbb);border-radius:15px;color:var(--t2);font-size:.86rem}.checkout-summary>div{display:flex;justify-content:space-between;gap:15px}.checkout-summary b{color:var(--t)}.checkout-summary .discount,.checkout-summary .discount b{color:#16a34a}.checkout-summary .grand{border-top:1px solid var(--cbb);padding-top:10px;margin-top:3px;color:var(--t);font-size:1rem}.checkout-summary .grand b{color:var(--p);font-size:1.12rem}
body.site-theme-dark .cart-drawer{box-shadow:20px 0 60px rgba(0,0,0,.45)}
.commerce-admin{width:100%;min-width:0}.commerce-admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.commerce-admin-title h2{color:#fff;font-size:1.45rem}.commerce-admin-title p{color:#9ca8bb;font-size:.82rem;margin-top:5px}.commerce-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}.commerce-tab{min-width:128px;height:42px;padding:0 16px;border:1px solid transparent;border-radius:11px;background:transparent;color:#aeb9cc;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;white-space:nowrap}.commerce-tab:hover{color:#fff;background:rgba(255,255,255,.05)}.commerce-tab.act{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;border-color:rgba(255,120,70,.35);box-shadow:0 8px 22px rgba(232,66,10,.18)}
.commerce-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:14px}.commerce-panel{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025);overflow:hidden}.commerce-table-wrap{width:100%;overflow:auto}.commerce-table{width:100%;border-collapse:collapse;min-width:1080px;color:#fff}.commerce-table.compact{min-width:850px}.commerce-table th{padding:14px 12px;text-align:right;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:#f8fafc;font-size:.78rem;white-space:nowrap}.commerce-cell{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:top;font-size:.8rem;color:#eef2f7}.commerce-cell small{display:block;color:#9ca8bb;font-size:.7rem;margin-top:4px}.commerce-empty{padding:50px 20px;text-align:center;color:#9ca8bb}.zones-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.zone-admin-card{display:grid;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025);color:#fff}.zone-admin-name{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.zone-admin-name strong,.zone-admin-name small{display:block}.zone-admin-name small,.zone-admin-card label>span,.promo-admin-grid label>span{color:#9ca8bb;font-size:.75rem;margin-bottom:6px}.zone-admin-card .btn{justify-content:center;width:100%}.zone-toggle{display:flex;align-items:center;gap:8px}.zone-toggle input{width:18px;height:18px;accent-color:var(--p)}.promo-admin-form{padding:20px;margin-bottom:18px}.promo-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.promo-admin-grid label>span{display:block}.commerce-actions{display:flex;gap:8px;flex-wrap:wrap}.commerce-action{height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.04);color:#fff;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.commerce-action.danger{color:#fca5a5;border-color:rgba(239,68,68,.22);background:rgba(127,29,29,.14)}
@media(max-width:1100px){.zones-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.site-theme-dark .product-card-media,body.site-theme-dark .product-main-image{background:#f4f5f7}body.site-theme-dark .product-card{box-shadow:0 18px 42px rgba(0,0,0,.2)}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{grid-template-columns:1fr}.product-gallery{max-width:680px;margin:auto}}
@media(max-width:600px){
  .product-grid{grid-template-columns:1fr}
  .product-card{max-width:430px;margin:auto;width:100%}
  .product-detail-section{padding:76px 0 calc(var(--bot) + 58px);overflow:hidden}
  .product-detail-section>.container{width:100%;padding:0 14px}
  .product-detail{display:flex;flex-direction:column;width:100%;min-width:0;gap:20px}
  .product-gallery{display:flex;flex-direction:column;width:100%;min-width:0;max-width:none;margin:0;gap:10px;overflow:hidden}
  .product-main-image{order:1;width:100%;height:min(76vw,350px);min-height:280px;border-radius:18px}
  .product-main-image img{padding:10px}
  .product-thumbs{order:2;flex-direction:row;width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;gap:8px;padding:2px 1px 6px;scroll-snap-type:x proximity}
  .product-thumb{width:68px;height:68px;flex:0 0 68px;scroll-snap-align:start;border-radius:12px}
  .product-info{width:100%;min-width:0;padding:0 2px;overflow:hidden}
  .product-detail-name{font-size:1.65rem;margin:0 0 8px;line-height:1.4;overflow-wrap:anywhere}
  .product-detail-copy{font-size:.9rem;line-height:1.85;overflow-wrap:anywhere}
  .product-price-box{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px;margin:16px 0;border-radius:15px;overflow:hidden}
  .product-price-box>div{min-width:0}
  .product-price-box strong{font-size:1.35rem;white-space:normal;overflow-wrap:anywhere}
  .product-price-box del{display:block;font-size:.75rem;margin-top:3px}
  .product-price-box>span{white-space:nowrap;font-size:.82rem}
  .product-features{margin:16px 0}
  .product-reserve-btn{min-height:50px;margin-top:4px}
  .reserve-overlay{z-index:100000;align-items:flex-end;padding:0;background:rgba(5,8,18,.76)}
  .reserve-modal{width:100%;max-height:calc(100dvh - 10px);border-radius:22px 22px 0 0;padding:18px 16px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -18px 50px rgba(0,0,0,.28)}
  .reserve-modal-head{position:sticky;top:-18px;z-index:2;background:var(--bg2);padding:4px 0 12px;margin-bottom:12px}
  .reserve-modal-head h3{font-size:1.05rem;line-height:1.5}
  .reserve-grid{grid-template-columns:1fr;gap:10px}
  .reserve-grid .wide{grid-column:auto}
  .reserve-modal input,.reserve-modal select,.reserve-modal textarea{font-size:16px;padding:11px}
  .reserve-submit{position:sticky;bottom:0;z-index:2;min-height:50px;margin-top:12px;box-shadow:0 -8px 24px var(--bg2)}
  .cart-drawer{width:100%}.cart-head{padding:17px}.cart-item{grid-template-columns:68px minmax(0,1fr) 28px}.cart-item>img{width:68px;height:68px}.cart-checkout-modal{max-height:100dvh;border-radius:0}.promo-entry{gap:8px}.promo-entry button{flex-basis:96px;padding:0 12px}.commerce-admin-head{align-items:stretch;flex-direction:column}.commerce-tabs{display:grid;grid-template-columns:1fr}.commerce-tab{width:100%}.zones-admin-grid,.promo-admin-grid{grid-template-columns:1fr}
}

/* SEO landing pages */
.seo-landing{padding-top:120px}
.seo-landing-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:26px;align-items:stretch}
.seo-landing-card{padding:30px}
.seo-landing-card h1{margin:0 0 16px;font-size:clamp(1.9rem,4vw,3rem);line-height:1.35;color:var(--t)}
.seo-landing-copy{margin:0;color:var(--t2);font-size:1rem;line-height:2}
.seo-landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.seo-feature-grid,.seo-process-grid,.seo-faq-grid,.seo-link-grid{display:grid;gap:18px;margin-top:24px}
.seo-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.seo-process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.seo-faq-grid,.seo-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.seo-feature-card,.seo-faq-card,.seo-link-card{padding:24px;border:1px solid var(--cbb);border-radius:20px;background:var(--cb)}
.seo-feature-card h2,.seo-faq-card h3,.seo-link-card h3{margin:0 0 10px;color:var(--t);font-size:1.05rem;line-height:1.6}
.seo-feature-card p,.seo-faq-card p,.seo-link-card p{margin:0;color:var(--t2);line-height:1.9;font-size:.9rem}
.seo-process-card{padding:22px;border:1px solid var(--cbb);border-radius:18px;background:var(--cb)}
.seo-process-card strong{display:block;margin-bottom:10px;color:var(--p);font-size:1.15rem}
.seo-process-card span{color:var(--t2);line-height:1.8;font-size:.88rem}
.seo-section-head{margin-top:48px;text-align:center}
.seo-section-head h2{margin:0 0 10px;color:var(--t);font-size:clamp(1.5rem,3vw,2.25rem)}
.seo-section-head p{margin:0 auto;max-width:760px;color:var(--t2);line-height:1.9}
.seo-link-card{display:block;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.seo-link-card:hover{transform:translateY(-3px);border-color:var(--p)}
@media(max-width:900px){.seo-landing-hero,.seo-feature-grid{grid-template-columns:1fr}.seo-process-grid,.seo-faq-grid,.seo-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.seo-landing{padding-top:48px}.seo-landing-card{padding:22px}.seo-process-grid,.seo-faq-grid,.seo-link-grid{grid-template-columns:1fr}.seo-landing-actions{display:grid;grid-template-columns:1fr 1fr}.seo-landing-actions .btn{width:100%;justify-content:center;text-align:center}}

/* Keep primary navigation available on compact desktop and laptop widths. */
@media (min-width:901px) and (max-width:1320px){
  .nav{display:block!important}
  .mbnav,.mbmenu-btn{display:none!important}
  .nvc{padding-inline:14px}
  .nlinks{gap:0}
  .nl{padding-inline:7px;font-size:.76rem}
  .nav .logt{display:none!important}
}