:root {
            --brand: #00FF02; --brand-dark: #0FA84F; --brand-deep: #0B8A3E;
            --dark: #0A0E0C; --dark-2: #101812; --light: #F6F9F6; --card: #fff;
            --line: #E3E9E5; --muted: #77827C; --sub: #4B5550;
        }
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body { margin:0; font-family:"IBM Plex Sans Arabic",system-ui,sans-serif; background:var(--light); color:#101613; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
        a { color:inherit; text-decoration:none; }
        img { max-width:100%; }
        .wrap { max-width:1120px; margin:0 auto; padding:0 24px; }

        /* ============ الأنيميشن ============ */
        @keyframes floaty { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-14px) } }
        @keyframes pulse-glow { 0%,100% { opacity:.5; transform:scale(1) } 50% { opacity:.85; transform:scale(1.06) } }
        .reveal { opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
        .reveal.in { opacity:1; transform:translateY(0); }
        .d1 { transition-delay:.1s } .d2 { transition-delay:.2s } .d3 { transition-delay:.3s } .d4 { transition-delay:.4s }

        /* ============ الهيدر ============ */
        .nav { position:sticky; top:0; z-index:50; background:rgba(10,14,12,.85); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.07); }
        .nav .in { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px 0; }
        .nav .logo { display:flex; align-items:center; gap:9px; color:var(--brand); font-weight:800; font-size:21px; }
        .nav .logo img { height:30px; width:auto; }
        .nav .links { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
        .nav .links a { color:#A9B4AE; font-size:13.5px; font-weight:500; padding-bottom:2px; border-bottom:2px solid transparent; transition:color .15s; }
        .nav .links a:hover { color:#E8F2EB; }
        .nav .links a.on { color:var(--brand); font-weight:700; border-bottom-color:var(--brand); }
        .nav .links a.cta { color:#fff; border:1px solid rgba(0,255,2,.5); border-radius:10px; padding:7px 14px; font-weight:700; }
        .nav .links a.cta:hover { background:rgba(0,255,2,.1); color:var(--brand); }

        /* ============ أقسام عامة ============ */
        section { padding:84px 0; }
        .sec-head { text-align:center; max-width:640px; margin:0 auto 46px; }
        .sec-head .kicker { display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(15,168,79,.35); background:rgba(15,168,79,.07); color:var(--brand-deep); border-radius:99px; padding:6px 16px; font-size:12.5px; font-weight:700; margin-bottom:16px; }
        .sec-head h2 { font-size:30px; margin:0 0 12px; font-weight:700; line-height:1.5; }
        .sec-head h2 em { color:var(--brand-deep); font-style:normal; }
        .sec-head p { color:var(--sub); font-size:15.5px; line-height:2; margin:0; }

        /* ============ الهيرو ============ */
        .hero { position:relative; overflow:hidden; background:var(--dark); color:#fff; padding:88px 0 96px; }
        .hero::before { content:""; position:absolute; inset:0; background:radial-gradient(560px 300px at 12% -10%, rgba(0,255,2,.14), transparent 60%), radial-gradient(700px 340px at 92% 6%, rgba(15,168,79,.13), transparent 60%); }
                .hero .wrap { max-width: 1280px; padding: 0 32px; position: relative; }
        .hero .grid { position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center; }
        .hero .chip { display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(0,255,2,.35); background:rgba(0,255,2,.07); color:var(--brand); border-radius:99px; padding:6px 14px; font-size:12.5px; font-weight:700; margin-bottom:20px; }
        .hero h1 { font-size:42px; line-height:1.5; margin:0 0 16px; font-weight:700; }
        .hero h1 em { color:var(--brand); font-style:normal; }
        .hero p { color:#A9B4AE; font-size:16.5px; max-width:520px; margin:0 0 30px; line-height:2; }
        .stores { display:flex; gap:12px; flex-wrap:wrap; }
        .badge-store { display:flex; align-items:center; gap:10px; background:#fff; color:#101613; border-radius:13px; padding-block:9px; padding-inline:18px 22px; transition:transform .15s ease, box-shadow .15s ease; }
        .badge-store:hover { transform:translateY(-2px); box-shadow:0 12px 30px -10px rgba(0,0,0,.5); }
        .badge-store svg { width:24px; height:24px; }
        .badge-store .t { text-align:start; line-height:1.25; }
        .badge-store .t small { display:block; font-size:10px; color:#667069; }
        .badge-store .t b { font-size:14.5px; }
        .badge-store.empty { opacity:.45; pointer-events:none; }
        .hero .note { color:#7E8983; font-size:12.5px; margin-top:14px; }

        /* ---------- ميك أب الموبايل ---------- */
        .phone { width:290px; border-radius:42px; background:#0B0F0D; padding:12px; box-shadow:0 40px 80px -30px rgba(0,0,0,.65), inset 0 0 0 2px rgba(255,255,255,.08); position:relative; }
        .phone .screen { border-radius:32px; overflow:hidden; background:#F6F9F6; direction:rtl; }
        .phone .notch { position:absolute; top:22px; left:50%; transform:translateX(-50%); width:86px; height:22px; background:#0B0F0D; border-radius:99px; z-index:3; }
        .app { padding:38px 14px 16px; font-size:11px; }
        .app .row { display:flex; align-items:center; justify-content:space-between; gap:8px; }
        .app .hello b { display:block; font-size:13.5px; color:#101613; }
        .app .hello span { color:#77827C; font-size:10.5px; }
        .app .pts { background:#0F1512; color:var(--brand); border-radius:10px; padding:6px 10px; font-weight:800; font-size:10.5px; white-space:nowrap; }
        .app .balance { margin-top:12px; background:linear-gradient(135deg,#0F1512,#16241B); color:#fff; border-radius:16px; padding:14px; }
        .app .balance small { color:#8A958F; font-size:9.5px; display:block; }
        .app .balance b { font-size:21px; color:var(--brand); }
        .app .q { margin-top:12px; background:#fff; border:1px solid var(--line); border-radius:14px; padding:12px; }
        .app .q .in-q { display:flex; align-items:center; gap:8px; background:#F2F5F3; border-radius:10px; padding:8px 10px; color:#77827C; }
        .app .shop { margin-top:8px; background:#fff; border:1px solid var(--line); border-radius:12px; padding:9px 10px; display:flex; align-items:center; gap:8px; }
        .app .shop .ic { width:30px; height:30px; border-radius:9px; background:#EAF9EF; color:#0B8A3E; display:grid; place-items:center; font-weight:800; font-size:12px; }
        .app .shop b { display:block; font-size:11.5px; }
        .app .shop .meta { color:#77827C; font-size:9.5px; }
        .app .shop .price { margin-inline-start:auto; text-align:end; }
        .app .shop .price b { color:#0B8A3E; font-size:13px; }
        .app .shop .price small { color:#B08900; font-size:9px; }
        .app .btn-go { margin-top:10px; background:#0F1512; color:var(--brand); text-align:center; border-radius:11px; padding:9px; font-weight:800; font-size:11px; }

        .hero .phone-wrap { position:relative; display:flex; justify-content:center; }
        .hero .phone-wrap .glow { position:absolute; inset:-40px; background:radial-gradient(closest-side, rgba(0,255,2,.22), transparent 70%); animation:pulse-glow 4.5s ease-in-out infinite; z-index:0; }
        .hero .phone-wrap .phone { animation:floaty 5.5s ease-in-out infinite; z-index:1; }

        /* ============ الفيشرز ============ */
        .features { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:18px; }
        .feature { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:28px 24px; transition:transform .2s ease, box-shadow .2s ease; }
        .feature:hover { transform:translateY(-6px); box-shadow:0 18px 40px -20px rgba(16,22,19,.22); }
        .feature .ic { width:48px; height:48px; border-radius:14px; background:#EAF9EF; color:var(--brand-deep); display:grid; place-items:center; margin-bottom:16px; }
        .feature .ic svg { width:22px; height:22px; }
        .feature h3 { margin:0 0 8px; font-size:16.5px; }
        .feature p { color:var(--sub); font-size:13.5px; line-height:1.95; margin:0; }

        /* ============ كيف يعمل (سكرينات) ============ */
        .dark-sec {
            position: relative; overflow: hidden; min-height: 100vh;
            display: flex; align-items: center; background: var(--dark-2); color: #fff;
            padding: 72px 0;
        }
        .dark-sec > * { position: relative; z-index: 1; width: 100%; }
        .dark-sec .wrap { max-width: 1280px; padding: 0 32px; }
        .dark-sec .sec-head h2 { color:#fff; }
        .dark-sec .sec-head h2 em { color:var(--brand); }
        .dark-sec .sec-head p { color:#9BA5A0; }

        /* سكشن الـ CTA — كارت بزاوية مدورة ومسافة من الفوتر */
        .dl-section {
            background: linear-gradient(135deg, #0A0E0C, #10241A);
            padding: 72px 32px;
            position: relative; overflow: hidden;
            border-radius: 26px;
            margin: 0 24px 56px;
        }
        @media (max-width: 560px) { .dl-section { margin: 0 12px 32px; padding: 52px 18px; border-radius: 20px; } }
        .dl-section .dl {
            background: transparent;
            border: 0;
            border-radius: 0;
            padding: 0;
            box-shadow: none;
            color: #fff;
            position: relative;
            max-width: 720px;
            margin: 0 auto;
            text-align: center;
        }
        .dl-section .dl h2 { color: var(--brand); margin-bottom: 12px; }
        .dl-section .dl p { color: #A9B4AE; }
        .dl-section .dl::after { display: none; }
        .dl-section .wrap { max-width: 1280px; padding: 0 32px; }

        /* باترن عشوائي: لوجو علامة الاستفهام وراء المحتوى */
        .watermark { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
        .watermark img {
            position: absolute; user-select: none;
            filter: brightness(0) invert(1); /* العلامة تبقى بيضاء فوق الداكن */
            opacity: 0;
            animation: wm-fade 1.2s ease-out forwards, floaty 9s ease-in-out 1.2s infinite;
        }
        @keyframes wm-fade { from { opacity: 0 } to { opacity: var(--wmo, .07) } }
        .screens { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:36px; align-items:end; }
        .screen-shot { text-align:center; }
        .screen-shot .phone { width:250px; margin:0 auto; transition:transform .25s ease; }
        .screen-shot.s2 .phone { transform:rotate(2.5deg); }
        .screen-shot.s3 .phone { transform:rotate(-2.5deg); }
        .screen-shot:hover .phone { transform:translateY(-10px); }
        .screen-shot h3 { margin:18px 0 6px; font-size:16px; }
        .screen-shot p { color:#8A958F; font-size:13px; line-height:1.9; margin:0 auto; max-width:280px; }
        .screen-shot .stepno { display:inline-grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--brand); color:#06120A; font-weight:800; font-size:13px; margin-bottom:12px; }

        /* ============ تشيك ليست ============ */
        .split { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
        .checks { list-style:none; padding:0; margin:24px 0 0; }
        .checks li { display:flex; gap:12px; align-items:flex-start; padding:12px 0; border-bottom:1px dashed var(--line); }
        .checks li:last-child { border-bottom:0; }
        .checks .ok { flex:none; width:24px; height:24px; border-radius:50%; background:#EAF9EF; color:var(--brand-deep); display:grid; place-items:center; }
        .checks .ok svg { width:13px; height:13px; }
        .checks b { display:block; font-size:15px; margin-bottom:2px; }
        .checks span { color:var(--sub); font-size:13px; line-height:1.8; }

        /* ============ تحميل ============ */
        .dl { background:linear-gradient(135deg,#0A0E0C,#10241A); border-radius:26px; padding:56px 32px; text-align:center; position:relative; overflow:hidden; }
        .dl::after { content:""; position:absolute; inset:0; background:radial-gradient(420px 200px at 85% 120%, rgba(0,255,2,.15), transparent 60%); }
        .dl > * { position:relative; }
        .dl h2 { color:var(--brand); margin:0 0 10px; font-size:27px; }
        .dl p { color:#A9B4AE; margin:0 0 28px; }
        .dl .stores { justify-content:center; }
        .dl .partner-note { margin-top:22px; color:#8A958F; font-size:13.5px; }
        .dl .partner-note a { color:var(--brand); font-weight:800; border:1px solid var(--brand); border-radius:10px; padding:8px 20px; display:inline-block; margin-inline-start:8px; transition:background .15s; }
        .dl .partner-note a:hover { background:rgba(0,255,2,.1); }

        /* ============ FAQ ============ */
        details { border:1px solid var(--line); border-radius:14px; padding:16px 20px; margin-bottom:12px; background:var(--card); transition:box-shadow .2s; }
        details[open] { box-shadow:0 10px 26px -16px rgba(16,22,19,.18); }
        details summary { font-weight:700; cursor:pointer; font-size:15px; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:10px; }
        details summary::-webkit-details-marker { display:none; }
        details summary::after { content:"+"; color:var(--brand-deep); font-size:20px; font-weight:800; transition:transform .2s; }
        details[open] summary::after { transform:rotate(45deg); }
        details p { color:var(--sub); line-height:2; margin:12px 0 0; font-size:14px; }

        /* ============ الفورمات والرسائل ============ */
        .card { background:var(--card); border:1px solid var(--line); border-radius:20px; padding:32px; margin:26px 0; box-shadow:0 1px 2px rgba(16,22,19,.04); }
        .card h2 { margin:0 0 14px; font-size:23px; }
        .card h2::before { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--brand-dark); margin-inline-end:10px; box-shadow:0 0 0 4px rgba(15,168,79,.15); }
        .card p { color:var(--sub); line-height:2.1; font-size:15px; white-space:pre-line; }
        .field { margin-bottom:14px; }
        .field label { display:block; margin:0 0 6px; font-size:13px; font-weight:700; }
        .field input, .field textarea { width:100%; padding:12px 14px; border:1px solid #D8DFDA; border-radius:11px; font-family:inherit; font-size:14px; transition:border-color .15s, box-shadow .15s; }
        .field input:focus, .field textarea:focus { outline:none; border-color:var(--brand-dark); box-shadow:0 0 0 3px rgba(15,168,79,.15); }
        .field textarea { line-height:1.9; resize:vertical; }
        .btn { display:inline-block; background:#0F1512; color:var(--brand); border:0; border-radius:11px; padding:12px 26px; font-weight:700; cursor:pointer; font-family:inherit; font-size:14px; transition:transform .12s, box-shadow .12s; }
        .btn:hover { transform:translateY(-1px); box-shadow:0 8px 20px -10px rgba(15,21,18,.55); }
        .flash, .errors { display:flex; align-items:center; gap:10px; border-radius:12px; padding:12px 16px; margin:18px 0; font-size:13.5px; font-weight:600; }
        .flash { background:#EAF9EF; border:1px solid #BDE8CC; color:#0A6B33; }
        .errors { background:#FDF1F0; border:1px solid #F2C1BC; color:#D92D20; }
        .muted { color:#77827C; font-size:13px; }
        .empty-page { border:1px dashed #B9C6BE; border-radius:16px; padding:34px; text-align:center; color:var(--muted); background:#FBFDFB; }

        /* ============ الفوتر ============ */
        footer { background:var(--dark); color:#8A958F; padding:48px 0 28px; font-size:13.5px; }
        footer .cols { display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:28px; }
        footer .flogo { display:flex; align-items:center; gap:9px; color:var(--brand); font-weight:800; font-size:19px; margin-bottom:10px; }
        footer .flogo img { height:26px; width:auto; }
        footer h4 { color:#fff; font-size:14px; margin:0 0 12px; }
        footer a { display:block; padding:5px 0; color:#9BA5A0; transition:color .15s; }
        footer a:hover { color:var(--brand); }
        footer .badges { display:flex; gap:10px; flex-wrap:wrap; }
        footer .badges .badge-store { padding-block:7px; padding-inline:14px 18px; }
        footer .bar { border-top:1px solid rgba(255,255,255,.08); margin-top:32px; padding-top:18px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12.5px; }

        /* ============ مني الموبايل ============ */
        .nav-end { display:flex; align-items:center; gap:10px; }
        .burger { display:none; align-items:center; justify-content:center; width:40px; height:40px;
                  border:1px solid rgba(255,255,255,.18); border-radius:10px; background:transparent; cursor:pointer; }
        .burger svg { width:20px; height:20px; color:#fff; }
        .mobile-menu { display:none; }
        .mobile-menu.open { display:flex; flex-direction:column; gap:4px; padding:10px 24px 18px;
                            border-top:1px solid rgba(255,255,255,.08); background:rgba(10,14,12,.97); }
        .mobile-menu a { color:#C9D3CD; padding:10px 4px; font-size:15px; font-weight:600; border-bottom:1px solid rgba(255,255,255,.06); }
        .mobile-menu a.on { color:var(--brand); }
        .mobile-menu a.cta { margin-top:10px; text-align:center; border:1px solid rgba(0,255,2,.5); border-radius:10px; color:#fff; }
        .mobile-menu a.cta:hover { color:var(--brand); }

        @media (max-width:900px) {
            .nav .links { display:none; }
            .burger { display:inline-flex; }
            .hero .grid, .split { grid-template-columns:1fr; }
            .hero { padding:56px 0 64px; }
            .hero h1 { font-size:29px; }
            .hero p { font-size:15px; }
            section { padding:54px 0; }
            .sec-head h2 { font-size:23px; }
            .sec-head { margin-bottom:30px; }
            .screen-shot.s2 .phone, .screen-shot.s3 .phone { transform:none; }
            .phone { width:250px; }
            .screens { grid-template-columns:1fr; gap:44px; }
            .screen-shot .phone { width:280px; }
            .split { gap:28px; }
            footer .cols { grid-template-columns:1fr 1fr; }
        }

        @media (max-width:560px) {
            .wrap { padding:0 16px; }
            .hero { padding:44px 0 52px; }
            .hero h1 { font-size:24px; }
            .hero .grid { gap:36px; }
            .hero .chip { font-size:11.5px; }
            .stores { gap:8px; }
            .badge-store { padding-block:7px; padding-inline:13px 16px; border-radius:11px; }
            .badge-store svg { width:19px; height:19px; }
            .badge-store .t b { font-size:12.5px; }
            .badge-store .t small { font-size:9px; }
            section { padding:44px 0; }
            .sec-head h2 { font-size:20px; }
            .sec-head p { font-size:13.5px; }
            .phone { width:225px; border-radius:36px; }
            .phone .screen { border-radius:26px; }
            .screen-shot .phone { width:225px; }
            .feature { padding:20px 18px; }
            .card { padding:20px 16px; border-radius:16px; }
            .dl { padding:36px 18px; border-radius:20px; }
            .dl h2 { font-size:21px; }
            .dl .partner-note a { display:block; margin:10px 0 0; }
            .checks b { font-size:14px; }
            .checks span { font-size:12.5px; }
            footer .cols { grid-template-columns:1fr; gap:22px; }
            footer .bar { flex-direction:column; text-align:center; gap:6px; }
            .field input, .field textarea, .btn { font-size:16px; } /* منع زووم iOS */
        }

        /* ============ اللاندينج الجديدة: إحصائيات حقيقية ============ */
        html.js .reveal { opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
        html.js .reveal.in { opacity:1; transform:translateY(0); }
        .stats-band { background:var(--card); border:1px solid var(--line); border-radius:20px; box-shadow:0 24px 60px -30px rgba(16,22,19,.38); display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:6px; padding:26px 14px; margin:-58px auto 0; position:relative; z-index:5; }
        .stats-band .stat { text-align:center; padding:6px 10px; }
        .stats-band .stat + .stat { border-inline-start:1px dashed var(--line); }
        .stats-band .stat b { display:block; font-size:30px; font-weight:800; color:#101613; font-variant-numeric:tabular-nums; letter-spacing:-.5px; line-height:1.3; }
        .stats-band .stat small { display:block; color:var(--muted); font-size:12.5px; font-weight:600; margin-top:4px; }

        /* ============ فقاعات المحادثة حول الموبايل ============ */
        .hero-full { margin:-26px -24px 0; }
        .hero-full .grid { padding-bottom:26px; }
        .dots { background-image:radial-gradient(rgba(255,255,255,.055) 1.1px, transparent 1.5px); background-size:26px 26px; }
        .bubble { position:absolute; z-index:2; display:flex; align-items:center; gap:10px; background:rgba(16,24,18,.74); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-radius:14px; padding:10px 14px; font-size:12.5px; font-weight:700; color:#E8F2EB; box-shadow:0 18px 40px -18px rgba(0,0,0,.65); max-width:236px; animation:floaty 7s ease-in-out infinite; }
        .bubble small { display:block; color:#8A958F; font-size:10px; font-weight:500; margin-top:2px; }
        .bubble .bi { flex:none; width:32px; height:32px; border-radius:10px; display:grid; place-items:center; }
        .bubble .bi svg { width:16px; height:16px; }
        .bubble.b-q { top:5%; inset-inline-end:-7%; animation-delay:.4s; }
        .bubble.b-a { top:46%; inset-inline-start:-11%; animation-delay:1.7s; }
        .bubble.b-r { bottom:3%; inset-inline-end:-3%; animation-delay:2.9s; }
        .bubble.b-q .bi { background:rgba(0,255,2,.12); color:var(--brand); }
        .bubble.b-a .bi { background:rgba(15,168,79,.16); color:#7BE59B; }
        .bubble.b-r .bi { background:rgba(255,197,61,.14); color:#FFC53D; }

        /* ============ بانر المحلات ============ */
        .provider-band { border:1px solid rgba(0,255,2,.26); background:linear-gradient(150deg,#0A0E0C,#0F1B13 60%,#10241A); border-radius:26px; padding:54px 46px; display:grid; grid-template-columns:1.45fr .55fr; gap:32px; align-items:center; position:relative; overflow:hidden; }
        .provider-band::after { content:""; position:absolute; inset:0; background:radial-gradient(420px 260px at 88% -20%, rgba(0,255,2,.14), transparent 65%); pointer-events:none; }
        .provider-band > * { position:relative; }
        .provider-band .pk { color:var(--brand); font-weight:700; font-size:12.5px; border:1px solid rgba(0,255,2,.35); background:rgba(0,255,2,.07); display:inline-block; border-radius:99px; padding:6px 14px; margin-bottom:14px; }
        .provider-band h2 { color:#fff; font-size:27px; margin:0 0 10px; font-weight:700; line-height:1.6; }
        .provider-band p { color:#9BA5A0; margin:0; line-height:2; font-size:15px; }
        .provider-band .pact { display:flex; flex-direction:column; gap:10px; }
        .btn-neon { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--brand); color:#06120A; font-weight:800; border-radius:12px; padding:13px 22px; font-size:14.5px; transition:transform .15s ease, box-shadow .15s ease; box-shadow:0 12px 32px -14px rgba(0,255,2,.5); }
        .btn-neon:hover { transform:translateY(-2px); box-shadow:0 18px 40px -14px rgba(0,255,2,.55); }
        .btn-ghost { display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.18); color:#E8F2EB; border-radius:12px; padding:12px 22px; font-weight:700; font-size:13.5px; transition:background .15s, color .15s; }
        .btn-ghost:hover { background:rgba(255,255,255,.06); color:#fff; }

        /* ============ تحسينات عامة ============ */
        a:focus-visible, button:focus-visible, summary:focus-visible { outline:2px solid var(--brand-dark); outline-offset:2px; border-radius:6px; }
        .feature .ic { background:linear-gradient(135deg,#EAF9EF,#DFF3E6); }

        @media (max-width:900px) {
            .hero-full { margin:-26px -24px 0; }
            .hero .phone-wrap { flex-direction:column; gap:16px; margin-top:10px; }
            .bubble { position:static; max-width:340px; animation:none; }
            .stats-band { margin-top:-44px; grid-template-columns:repeat(2,1fr); }
            .stats-band .stat:nth-child(3) { border-inline-start:0; }
            .provider-band { grid-template-columns:1fr; padding:38px 26px; }
            .provider-band .pact { flex-direction:row; flex-wrap:wrap; }
        }
        @media (max-width:560px) {
            .hero-full { margin:-26px -16px 0; }
            .stats-band { margin-top:-36px; padding:18px 10px; }
            .stats-band .stat b { font-size:24px; }
            .stats-band .stat small { font-size:11.5px; }
            .provider-band { padding:32px 20px; border-radius:20px; }
            .provider-band .pact { flex-direction:column; }
        }
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
            html { scroll-behavior:auto; }
        }

        /* ============ مكمّلات اللاندينج الجديدة ============ */
        .screen img { display:block; width:100%; }
        .phone-wrap { position:relative; display:flex; justify-content:center; }
        .phone-wrap .phone { position:relative; z-index:1; }
        .phone-wrap .glow.alt { position:absolute; inset:-30px; background:radial-gradient(closest-side, rgba(15,168,79,.18), transparent 70%); animation:none; }