diff --git a/marketing/index.html b/marketing/index.html index 1b52815..0f5f1c7 100644 --- a/marketing/index.html +++ b/marketing/index.html @@ -109,7 +109,18 @@ header.scrolled{background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-back .lang-menu button{display:block;width:100%;text-align:start;padding:9px 12px;border:0;background:transparent; color:var(--text);font-family:inherit;font-size:15px;border-radius:8px;cursor:pointer} .lang-menu button:hover,.lang-menu button.active{background:var(--bg-alt);color:var(--brand-500)} -.menu-toggle{display:none} +.menu-toggle{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:transparent; + color:var(--text);cursor:pointer;place-items:center;transition:.2s} +.menu-toggle:hover{border-color:var(--brand-500);color:var(--brand-500)} +.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99;opacity:0;transition:opacity .3s} +.mobile-overlay.show{display:block;opacity:1} +.mobile-drawer{display:none;position:fixed;top:72px;inset-inline:0;background:var(--card);border-bottom:1px solid var(--border); + box-shadow:var(--shadow-lg);z-index:101;padding:16px 24px 24px;transform:translateY(-10px);opacity:0; + transition:transform .3s var(--ease),opacity .3s;max-height:calc(100svh - 72px);overflow-y:auto} +.mobile-drawer.open{display:block;transform:none;opacity:1} +.mobile-drawer a{display:block;padding:14px 0;font-size:17px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)} +.mobile-drawer a:last-child{border-bottom:none} +.mobile-drawer .btn{width:100%;justify-content:center;margin-top:12px} /* ============ HERO ============ */ /* ============ GRAIN TEXTURE (dark sections) ============ */ @@ -265,6 +276,7 @@ html[dir="ltr"] .scroll-cue .chev{transform:rotate(-45deg)} .field label .val{color:var(--signal-400);font-weight:700;float:inline-end} input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:6px; background:linear-gradient(90deg,var(--brand-500) var(--p,40%),#28345c 0);outline:none} +html[dir="rtl"] input[type=range]{background:linear-gradient(to left,var(--brand-500) var(--p,40%),#28345c 0)} input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%; background:#fff;border:4px solid var(--brand-500);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4)} .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px} @@ -425,7 +437,7 @@ html[dir=ltr] .transit-sec{background-image:radial-gradient(760px 420px at 88% 0 /* ============ COMPARISON ============ */ .cmp-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px} -.cmp-table th,.cmp-table td{padding:16px 18px;text-align:start;border-bottom:1px solid var(--border)} +.cmp-table th,.cmp-table td{padding:16px 18px;text-align:start;border-bottom:1px solid var(--border);white-space:nowrap} .cmp-table thead th{font-family:var(--font-display);font-size:16px} .cmp-table thead th.us{color:var(--brand-500)} .cmp-table tbody tr:hover{background:var(--bg-alt)} @@ -767,6 +779,9 @@ footer{background:var(--midnight-900);color:#8A99C2;padding:64px 0 32px;border-t كيف نطلق الأسئلة +
+ + @@ -828,7 +853,7 @@ footer{background:var(--midnight-900);color:#8A99C2;padding:64px 0 32px;border-t