/* ===== تحسينات الهوية والتجربة المعتمدة 2026 ===== */
:root{--royal:#0a4f91;--royal2:#07365f;--cyan3:#29ddea;--teal:#0aa6a6;--gold3:#f0c65a}
.hero-visual{min-height:500px;padding:28px 28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 18%,rgba(41,221,234,.12),transparent 28%),linear-gradient(150deg,#062b49,#03192d 64%,#08233a);border-color:rgba(41,221,234,.40)}
.hero-visual:before{background:radial-gradient(circle at 50% 45%,rgba(240,198,90,.10),transparent 32%);pointer-events:none}
.week-logo{z-index:2;width:min(340px,72%);max-height:320px;object-fit:contain;border-radius:28px;filter:drop-shadow(0 22px 30px rgba(0,0,0,.25));background:#fff;padding:5px}
.hero-logo-caption{position:relative;z-index:2;color:#9feef3;font:800 11px Cairo,Tajawal,sans-serif;padding:6px 12px;border:1px solid rgba(41,221,234,.20);border-radius:999px;background:rgba(5,45,72,.52)}
.device-showcase{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1.35fr .75fr;gap:12px;margin-top:4px;opacity:.98}
.device-showcase .device{background:linear-gradient(180deg,#f8fcff,#eef7fb);color:#143047;border:3px solid #0f6b8d;box-shadow:0 12px 24px rgba(0,0,0,.18);padding:10px;min-height:88px;border-radius:15px}
.device-showcase .device.phone{min-height:100px;border-radius:20px}
.value{background:linear-gradient(145deg,rgba(9,58,91,.96),rgba(4,31,54,.96));border-color:rgba(41,221,234,.34);transition:.22s ease}.value:hover{transform:translateY(-3px);border-color:rgba(240,198,90,.62)}
.value .ico,.feature .ico{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#0b4f70,#072b48);border:1px solid rgba(240,198,90,.45);color:var(--gold3);box-shadow:inset 0 0 16px rgba(255,255,255,.025),0 8px 22px rgba(0,0,0,.12)}
.value .ico svg,.feature .ico svg,.contact-icon svg,.floating-contact svg,.demo-action svg,.assistant-icon svg,.admin-action svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.features{background:radial-gradient(circle at 78% 5%,rgba(41,221,234,.08),transparent 24%),linear-gradient(180deg,#031427,#06243d 52%,#031427)}
.feature{background:linear-gradient(150deg,rgba(9,57,91,.98),rgba(4,29,53,.99));border-color:rgba(41,221,234,.30);box-shadow:0 14px 34px rgba(0,0,0,.17)}
.feature:hover{transform:translateY(-5px);border-color:rgba(240,198,90,.62);box-shadow:0 20px 46px rgba(0,0,0,.25),0 0 22px rgba(41,221,234,.06)}
.feature h3{font-size:17px}.feature p{color:#bfd2de;font-size:12px}
.price .count-up{display:inline-block;min-width:86px;color:#fff;text-shadow:0 0 22px rgba(240,198,90,.16)}
.contact-actions{grid-template-columns:repeat(3,1fr)}
.contact-btn{position:relative;overflow:hidden;min-height:104px;gap:7px;background:linear-gradient(150deg,rgba(8,57,88,.94),rgba(4,29,52,.96));border-color:rgba(41,221,234,.32);transition:.22s ease;cursor:pointer;color:#fff}
.contact-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(41,221,234,.05),transparent 50%,rgba(240,198,90,.05));pointer-events:none}
.contact-btn:hover{transform:translateY(-4px);border-color:rgba(240,198,90,.62);box-shadow:0 14px 32px rgba(0,0,0,.22)}
.contact-btn.whatsapp{border-color:rgba(42,206,151,.50)}.contact-btn.call{border-color:rgba(41,221,234,.44)}.contact-btn.request{border-color:rgba(240,198,90,.45)}
.contact-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#6debf0;background:rgba(9,63,89,.70);border:1px solid rgba(41,221,234,.24)}
.contact-btn.whatsapp .contact-icon{color:#66e5b2;border-color:rgba(42,206,151,.32)}.contact-btn.request .contact-icon{color:#ffd778;border-color:rgba(240,198,90,.32)}
.contact-btn b{font-size:14px}.contact-btn span:not(.contact-icon){font-size:10.5px;color:#adc6d4}
.floating-contact{gap:9px}.floating-contact a{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#08456b,#06273f);color:#6debf0;border-color:rgba(41,221,234,.38);transition:.2s}.floating-contact a:first-child{color:#65e2ad;border-color:rgba(42,206,151,.48)}.floating-contact a:hover{transform:translateY(-3px) scale(1.04);border-color:#ffd778}.floating-contact svg{width:25px;height:25px}
.mock-controls{align-items:center}.mock-controls select{min-width:145px;font:800 11px Cairo,Tajawal,sans-serif}.demo-action{display:inline-flex!important;align-items:center;gap:7px!important;border:1px solid rgba(13,111,152,.16)!important;font:800 10.5px Cairo,Tajawal,sans-serif!important;padding:0 12px!important;transition:.18s ease!important}.demo-action svg{width:18px;height:18px}.demo-action.soft{background:#eef7fb!important;color:#165070!important;border-color:#bad9e7!important}.demo-action.accent{background:linear-gradient(135deg,#087da6,#0aa6a6)!important;color:#fff!important}.demo-action.primary-action{background:linear-gradient(135deg,#d8a72c,#f0c65a)!important;color:#112c42!important;border-color:#e4bd55!important}.demo-action:hover{transform:translateY(-2px)}
.assistant{position:relative;background:radial-gradient(circle at 80% 12%,rgba(240,198,90,.10),transparent 22%),linear-gradient(155deg,#08466a,#031b31);border-color:rgba(240,198,90,.46);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.assistant-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.assistant-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#ffd778;background:linear-gradient(145deg,#0d5674,#082d48);border:1px solid rgba(240,198,90,.42)}.assistant-head h4{margin:0;color:#fff}.assistant-state{display:inline-flex;margin-top:4px;padding:3px 8px;border-radius:999px;background:rgba(42,206,151,.13);border:1px solid rgba(42,206,151,.32);color:#83f1c3;font:800 8.5px Cairo,Tajawal,sans-serif}.assistant .status{line-height:1.75}
.admin-row{grid-template-columns:1.2fr .8fr .85fr 1.35fr}.admin-action{display:inline-flex!important;align-items:center;justify-content:center;gap:5px!important;min-height:34px;font:800 9.5px Cairo,Tajawal,sans-serif!important}.admin-action svg{width:15px;height:15px}.admin-action.approve{background:linear-gradient(135deg,#0c7f8f,#0aa6a6)!important}.admin-action.return{background:linear-gradient(135deg,#9a6d17,#d8a72c)!important;color:#fff!important}
.admin-card b{font-family:Cairo,Tajawal,sans-serif}
.count-up,.admin-card b{font-variant-numeric:tabular-nums}
@keyframes softRise{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}.value,.feature,.contact-btn{animation:softRise .55s ease both}

/* ===== المدار البصري الخفيف حول شعار الخطة ===== */
.logo-orbit-wrap{position:relative;z-index:2;width:min(360px,78%);aspect-ratio:1/1;display:grid;place-items:center;margin:2px auto 0}.logo-orbit-wrap .week-logo{position:relative;z-index:3;width:92%;max-height:none;aspect-ratio:1/1}.orbit-ring{position:absolute;z-index:1;inset:-12px;border-radius:50%;border:1px solid rgba(71,225,235,.30);box-shadow:0 0 24px rgba(41,221,234,.08),inset 0 0 20px rgba(240,198,90,.035);animation:takamulOrbit 18s linear infinite;pointer-events:none}.orbit-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(240,198,90,.18)}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;box-shadow:0 0 14px currentColor,0 0 28px currentColor}.orbit-dot.cyan{top:-5px;left:50%;transform:translateX(-50%);background:#46e2e7;color:rgba(70,226,231,.72)}.orbit-dot.gold{bottom:8%;right:4%;width:8px;height:8px;background:#f0c65a;color:rgba(240,198,90,.70)}@keyframes takamulOrbit{to{transform:rotate(360deg)}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:680px){.hero-visual{min-height:auto}.logo-orbit-wrap{width:min(300px,86%)}.week-logo{width:min(290px,90%)}.device-showcase{grid-template-columns:1fr 1fr}.contact-actions{grid-template-columns:1fr}.mock-controls{display:grid;grid-template-columns:1fr 1fr}.mock-controls select{grid-column:1/-1}.demo-action{justify-content:center!important}.admin-row{grid-template-columns:1fr 1fr}.admin-row>b{grid-column:1/-1}}