:root{
  --bg:#020708;--bg2:#041014;--panel:#06171d;--panel2:#09242a;
  --text:#f7fbff;--muted:#b8c7d2;--green:#25d366;--green2:#82f6a4;
  --gold:#d9aa45;--gold2:#ffdf92;--red:#d92e2e;--blue:#1778ff;
  --line:rgba(217,170,69,.34);--lineg:rgba(37,211,102,.42);
  --shadow:0 28px 80px rgba(0,0,0,.48);--r:26px;--max:1760px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Tajawal,Cairo,Arial,sans-serif;direction:rtl}
body{background:radial-gradient(circle at 86% 8%,rgba(37,211,102,.17),transparent 30%),radial-gradient(circle at 6% 70%,rgba(217,170,69,.13),transparent 30%),linear-gradient(135deg,#020708,#061316 62%,#020708)}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%}
.fx-border{position:relative;overflow:hidden}.fx-border:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,rgba(37,211,102,.8),rgba(217,170,69,.8),rgba(37,211,102,.2));opacity:.24;z-index:0}.fx-border>*{position:relative;z-index:1}
.header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,72px);border-bottom:1px solid var(--line);background:rgba(2,7,8,.87);backdrop-filter:blur(22px);position:sticky;top:0;z-index:100}
.brand{display:flex;align-items:center;gap:14px;min-width:285px}.brand img{width:62px;height:62px;border-radius:18px;filter:drop-shadow(0 0 28px rgba(37,211,102,.34))}.brand strong{font-size:25px;display:block}.brand small{color:var(--muted);font-weight:900}
.nav{display:flex;gap:28px;align-items:center;font-weight:950;color:#dde8ef;white-space:nowrap}.nav a{opacity:.86;position:relative}.nav a:hover,.nav .is-active{color:var(--green);opacity:1}.nav .is-active:after{content:"";position:absolute;height:3px;background:var(--green);left:0;right:0;bottom:-14px;border-radius:6px}
.top-actions{display:flex;align-items:center;gap:12px}.btn,.pill{min-height:50px;border-radius:999px;padding:0 20px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:950;background:rgba(255,255,255,.045);color:var(--text);cursor:pointer;transition:.16s}.btn:hover,.pill:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-primary{border:0;background:linear-gradient(135deg,#1eaa53,#9efab6);color:#031009;box-shadow:0 12px 34px rgba(37,211,102,.20)}.btn-gold{border:0;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#11130a}.btn-block{width:100%}
.pill-call{border-color:var(--lineg);background:linear-gradient(135deg,rgba(37,211,102,.13),rgba(217,170,69,.06));box-shadow:inset 0 0 0 1px rgba(37,211,102,.1)}.pill-call small{display:block;font-size:11px;color:#d6c189}.pill-call b{font-size:19px;letter-spacing:.5px}
.news{height:42px;border-bottom:1px solid var(--line);overflow:hidden;background:#041014;display:flex;align-items:center}.news-track{display:flex;gap:58px;white-space:nowrap;animation:marq 34s linear infinite;font-weight:900;color:#ecf6ff}.news-track span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-inline:18px 9px}@keyframes marq{from{transform:translateX(-8%)}to{transform:translateX(55%)}}
.panel{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.026));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.hero{width:min(1920px,100%);min-height:calc(100vh - 128px);margin:auto;padding:20px clamp(16px,3vw,68px);display:grid;grid-template-columns:minmax(355px,440px) 1fr minmax(360px,430px);gap:20px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,7,8,.62),rgba(2,7,8,.28),rgba(2,7,8,.62)),url("../icons/city-bg.svg") center/cover no-repeat}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(transparent,#020708);z-index:-1}
.phone-zone{display:flex;align-items:center;justify-content:center;min-height:640px}.phone-pair{display:flex;gap:22px;position:relative;transform:translateY(-20px)}.phone-card{width:205px;height:430px;border:9px solid #151b1d;border-radius:40px;background:#e9dfd1;color:#111;box-shadow:0 30px 75px rgba(0,0,0,.65);overflow:hidden}.phone-top{height:48px;background:#075e54;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:950}.phone-body{height:382px;padding:9px;background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:16px 16px}.bubble{max-width:88%;padding:7px 9px;border-radius:9px;margin:7px 0;font-size:11px;line-height:1.35;text-align:right;box-shadow:0 1px 1px rgba(0,0,0,.08)}.bubble.in{background:#fff}.bubble.out{background:#dcf8c6;margin-right:auto}.bubble.bad{background:#a52626;color:#fff}.bubble.good{background:#168a50;color:#fff}.phone-label{position:absolute;top:-22px;background:#b92d2d;color:white;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:950}.phone-label.green{background:#168a50}.phone-label.one{right:38px}.phone-label.two{left:38px}.arrow-glow{position:absolute;left:calc(50% - 30px);top:185px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ff5f85,#ffd3df);display:grid;place-items:center;color:#fff;font-size:30px;box-shadow:0 0 45px rgba(255,95,133,.58);z-index:3}
.hero-copy{min-height:640px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:22px}.title{font-size:clamp(46px,5.1vw,86px);line-height:1.05;margin:0 0 14px;text-shadow:0 14px 34px #000}.title span{color:var(--green)}.subtitle{font-size:clamp(17px,1.35vw,23px);line-height:1.85;color:#e3eef4;max-width:850px;margin:0 auto 20px}.equation{display:flex;align-items:center;justify-content:center;gap:15px;padding:13px 22px;border:1px solid var(--line);border-radius:22px;background:rgba(2,7,8,.74);font-weight:950}.equation img{width:50px;height:50px}.micro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(780px,100%);margin-top:18px}.micro{border:1px solid var(--line);border-radius:18px;padding:13px;background:rgba(0,0,0,.30);font-weight:900;color:#dfeaf0}.micro img{width:30px;display:block;margin:0 auto 8px}
.form-card{padding:22px;align-self:center;border-color:var(--lineg);box-shadow:0 0 55px rgba(37,211,102,.16),var(--shadow)}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--lineg);background:rgba(37,211,102,.10);color:var(--green2);border-radius:999px;padding:8px 13px;font-weight:950;font-size:13px}.form-card h1{font-size:32px;margin:14px 0 8px}.price{display:flex;align-items:center;gap:12px;justify-content:center}.price b{font-size:72px;color:var(--green);line-height:1}.price small{color:var(--gold);font-weight:950}
.form{display:grid;gap:11px}.form label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:850}.form input,.form select,.form textarea,.input{height:52px;border:1px solid var(--line);border-radius:15px;background:#031017;color:#fff;padding:0 14px;outline:none}.form textarea{height:105px;padding-top:12px}.form input:focus,.form select:focus,.input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(37,211,102,.10)}.result{display:none;border:1px solid var(--lineg);background:rgba(37,211,102,.12);border-radius:15px;padding:12px;line-height:1.7}
.metrics{width:min(var(--max),calc(100vw - 32px));margin:0 auto 18px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric{border:1px solid var(--lineg);border-radius:22px;background:rgba(37,211,102,.08);padding:16px;text-align:center}.metric b{display:block;color:var(--green);font-size:36px}
.logo-strip{width:min(var(--max),calc(100vw - 32px));margin:18px auto;display:grid;grid-template-columns:160px repeat(7,1fr);gap:12px;align-items:center}.trust-title{font-size:25px;font-weight:950}.logo-card{height:78px;border-radius:16px;background:linear-gradient(180deg,#fff,#eef2f5);color:#071016;display:grid;place-items:center;text-align:center;font-weight:950;border:1px solid rgba(217,170,69,.45);padding:9px}
.section{padding:64px clamp(16px,4vw,76px)}.section-inner{max-width:var(--max);margin:auto}.section-title{text-align:center;font-size:clamp(34px,4vw,62px);margin:0 0 12px}.section-sub{text-align:center;color:var(--muted);font-size:20px;line-height:1.8;max-width:950px;margin:0 auto 34px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.module{padding:24px}.module h3{font-size:28px;margin:12px 0}.module p{line-height:1.8;color:var(--muted)}.module-icon{width:58px;height:58px;border:1px solid var(--lineg);border-radius:18px;background:rgba(37,211,102,.12);display:grid;place-items:center}.module-icon img{width:36px}
.business-row{width:min(var(--max),calc(100vw - 32px));margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mini-business-card{border-radius:26px;min-height:150px;padding:18px;display:grid;grid-template-columns:1fr 110px;gap:14px;align-items:center;background:radial-gradient(circle at 0% 0%,rgba(37,211,102,.18),transparent 35%),linear-gradient(135deg,#061216,#031010);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.mini-business-card:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 130deg,transparent,rgba(217,170,69,.13),transparent,rgba(37,211,102,.08),transparent);animation:spin 18s linear infinite}.mini-business-card>*{position:relative}.mini-business-card h3{margin:0;color:var(--gold2);font-size:23px}.mini-business-card p{margin:6px 0;color:#dbe8ee}.qr-img{background:#fff;padding:7px;border-radius:12px;border:2px solid rgba(217,170,69,.65)}@keyframes spin{to{transform:rotate(360deg)}}
.footer-bar{width:min(var(--max),calc(100vw - 32px));margin:18px auto 28px;padding:17px;border:1px solid var(--line);border-radius:24px;background:rgba(5,18,20,.82);display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.footer-bar b{display:block;color:var(--gold);margin-bottom:5px}.footer{border-top:1px solid var(--line);background:#030b0d;padding:32px clamp(18px,4vw,76px)}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:20px;color:var(--muted)}.footer strong{color:var(--text);font-size:24px}.footer span{color:var(--gold);font-weight:950;display:block;margin-bottom:7px}
.card-logo-img{object-fit:contain;background:#fff;padding:12px}.mini-logo{width:54px;height:54px;border-radius:14px;border:1px solid var(--line);object-fit:contain;background:#fff;color:#061014;display:grid;place-items:center;font-weight:950;padding:6px;flex:0 0 auto}.directory-search{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end}.directory-search .input{width:100%}
.float{position:fixed;right:20px;bottom:22px;z-index:110;display:grid;gap:12px}.float a,.float button{width:68px;height:68px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--green),#9dffb6);display:grid;place-items:center;box-shadow:var(--shadow);cursor:pointer;color:#031009;font-weight:950}.float img{width:36px}.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.72);z-index:200;padding:18px}.modal.is-open{display:grid}.modal-card{width:min(680px,100%);padding:28px;border-radius:32px;background:linear-gradient(180deg,#0b1f24,#041014);border:1px solid var(--line);box-shadow:var(--shadow)}.modal-close{position:absolute;left:18px;top:18px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#06171d;color:#fff;font-size:24px;cursor:pointer}
.card-page{min-height:100vh;padding:38px 16px;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,rgba(37,211,102,.2),transparent 30%),#020708}.astro-card{width:min(980px,100%);padding:40px;border-radius:50px;background:radial-gradient(circle at 70% 0%,rgba(37,211,102,.17),transparent 32%),linear-gradient(135deg,#071110,#030a0b);border:1px solid var(--line);box-shadow:0 0 45px rgba(37,211,102,.18),var(--shadow);position:relative;overflow:hidden}.astro-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 100%,rgba(217,170,69,.16),transparent 33%),linear-gradient(120deg,transparent,rgba(255,255,255,.04),transparent);pointer-events:none}.astro-card>*{position:relative}.card-logo{display:grid;place-items:center;text-align:center}.client-mark{width:120px;height:120px;border-radius:32px;border:1px solid var(--line);display:grid;place-items:center;font-size:42px;color:var(--gold2);font-weight:950;background:linear-gradient(145deg,#0a1517,#061014);box-shadow:inset 0 0 45px rgba(217,170,69,.12),0 18px 55px rgba(0,0,0,.45)}.astro-title{font-size:58px;margin:18px 0 4px;color:var(--gold2);text-align:center}.astro-sub{text-align:center;font-size:22px;color:var(--green2);margin:0 0 18px}.astro-grid{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:center;margin-top:25px}.info-list{display:grid;border:1px solid var(--line);border-radius:25px;overflow:hidden}.info-row{display:grid;grid-template-columns:64px 1fr;border-bottom:1px solid var(--line);min-height:68px;align-items:center}.info-row:last-child{border-bottom:0}.info-icon{width:42px;height:42px;border-radius:50%;background:rgba(37,211,102,.13);border:1px solid var(--line);display:grid;place-items:center;margin:auto;color:var(--gold);font-size:22px}.info-row b{display:block;color:var(--muted);font-size:13px}.qr-panel{border:1px solid var(--line);border-radius:25px;padding:18px;text-align:center;background:rgba(3,12,14,.72)}.qr-panel img{border-radius:18px;border:4px solid var(--gold);background:white;padding:8px}.social-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:30px 0}.social-dot{width:78px;height:78px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:rgba(255,255,255,.04)}.social-dot img{width:38px}.astro-slogan{text-align:center;border:1px solid var(--line);border-radius:22px;padding:20px;font-size:28px;color:var(--gold2);background:linear-gradient(90deg,rgba(37,211,102,.13),rgba(217,170,69,.08),rgba(37,211,102,.13))}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:310px minmax(0,1fr);background:#020708}.admin-side{border-left:1px solid var(--line);background:#061116;padding:18px;display:flex;flex-direction:column;gap:16px}.admin-brand{display:flex;align-items:center;gap:11px}.admin-brand img{width:54px}.admin-nav{display:grid;gap:8px}.admin-nav a{padding:13px 14px;border-radius:16px;color:var(--muted);font-weight:900}.admin-nav a:hover,.admin-nav .is-active{background:rgba(37,211,102,.13);color:var(--green)}.admin-main{padding:18px;overflow:auto}.admin-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.admin-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi{padding:18px;border:1px solid var(--lineg);border-radius:22px;background:rgba(37,211,102,.08)}.kpi b{font-size:34px;color:var(--green);display:block}.crm-grid{display:grid;grid-template-columns:350px minmax(520px,1fr) 330px 240px;gap:14px;margin-top:14px}.wa-list,.wa-chat,.wa-profile,.quick-tools{overflow:hidden}.wa-list{padding:12px}.wa-contact{display:flex;gap:10px;align-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.04);margin-bottom:8px;cursor:pointer}.wa-contact.active,.wa-contact:hover{background:linear-gradient(90deg,rgba(37,211,102,.20),rgba(37,211,102,.04))}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--green));display:grid;place-items:center;color:#061014;font-weight:950}.wa-chat{display:grid;grid-template-rows:auto 1fr auto;min-height:690px}.wa-head{padding:13px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.wa-body{padding:18px;background:#071113;overflow:auto;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:17px 17px}.wa-bubble{max-width:73%;padding:11px 14px;border-radius:18px;margin:10px 0;line-height:1.55}.wa-bubble.in{background:#172b32}.wa-bubble.out{background:linear-gradient(135deg,#0f743c,#0f5e37);margin-right:auto}.voice{height:42px;border-radius:999px;background:rgba(0,0,0,.18);display:flex;align-items:center;gap:9px;padding:0 14px}.wave{height:18px;flex:1;background:repeating-linear-gradient(90deg,rgba(255,255,255,.8) 0 3px,transparent 3px 8px);opacity:.55}.wa-compose{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:12px;border-top:1px solid var(--line)}.profile-box{padding:14px;border:1px solid var(--line);border-radius:20px;margin-bottom:12px;background:rgba(255,255,255,.035)}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:right}.status{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.status.green{background:rgba(37,211,102,.15);color:var(--green)}.status.gold{background:rgba(217,170,69,.18);color:var(--gold)}.status.red{background:rgba(217,46,46,.18);color:#ff8a8a}.admin-split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(520px,100%);padding:28px}.tool-btn{width:100%;margin-bottom:10px;justify-content:flex-start}
@media(max-width:1460px){.hero{grid-template-columns:1fr}.phone-zone{order:2;min-height:auto}.form-card{order:1}.hero-copy{min-height:auto}.phone-pair{transform:none}.metrics,.logo-strip{grid-template-columns:repeat(3,1fr)}.trust-title{grid-column:1/-1}.business-row,.grid-3{grid-template-columns:1fr 1fr}.crm-grid{grid-template-columns:320px 1fr}.wa-profile,.quick-tools{display:none}.admin-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.header{height:auto;padding:12px 14px}.nav,.top-actions{display:none}.hero{padding:14px}.phone-pair{transform:scale(.82);margin:-40px}.phone-zone{overflow:hidden}.micro-grid,.metrics,.business-row,.grid-3,.footer-bar,.footer-grid,.astro-grid,.directory-search{grid-template-columns:1fr}.logo-strip{grid-template-columns:1fr 1fr}.title{font-size:43px}.admin-shell{grid-template-columns:1fr}.admin-side{display:none}.admin-kpis{grid-template-columns:1fr}.crm-grid{grid-template-columns:1fr}.wa-chat{min-height:75vh}.wa-compose{grid-template-columns:1fr}.astro-title{font-size:38px}}