:root{--navy:#061b33;--blue:#0a4b78;--cyan:#00d4ff;--turq:#00b8a9;--green:#21c77a;--gold:#ffd53e;--orange:#ff944d;--red:#e94357;--ink:#102136;--muted:#64748b;--bg:#f5fbff;--card:#fff;--line:#d7e6ef;--shadow:0 24px 70px rgba(6,27,51,.14);--radius:26px}*{box-sizing:border-box}body{margin:0;font-family:"Tajawal","Cairo","Segoe UI",Tahoma,Arial,sans-serif;background:linear-gradient(180deg,#f7fcff,#ffffff 28%,#f9fdff);color:var(--ink);line-height:1.9}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:#03101f;color:#dcefff;font-size:14px}.topbar-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:40px}.topbar a{color:#8df4ff;font-weight:900}.nav{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:18px;min-height:86px}.brand{display:flex;align-items:center;gap:12px;min-width:235px}.brand img{width:58px;height:58px;border-radius:14px;object-fit:cover;box-shadow:0 8px 22px rgba(0,0,0,.15)}.brand span{font-weight:1000;color:var(--navy);font-size:19px;line-height:1.1}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.menu{display:flex;align-items:center;gap:5px;margin-inline-start:auto}.menu a{padding:10px 12px;border-radius:13px;color:#1e3a54;font-weight:900;font-size:14px}.menu a:hover,.menu a.active{background:#eef9ff;color:#006b86}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;border-radius:15px;padding:12px 19px;font-weight:1000;cursor:pointer;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--turq));color:#052031;box-shadow:0 16px 36px rgba(0,212,255,.25)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--orange));color:#331b00;box-shadow:0 14px 28px rgba(255,149,74,.24)}.btn-dark{background:var(--navy);color:#fff}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--navy)}.btn-ghost-dark{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff}.btn.big{width:100%;padding:16px 22px;font-size:17px}.mobile-toggle{display:none}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(0,212,255,.35),transparent 28%),radial-gradient(circle at 88% 20%,rgba(255,213,62,.24),transparent 24%),linear-gradient(135deg,#061b33,#073d5d 55%,#063a45);padding:90px 0}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:8px 14px;border-radius:999px;font-weight:1000;color:#dcfbff}.hero h1{font-size:clamp(42px,6vw,80px);line-height:1.08;margin:18px 0;font-weight:1000;letter-spacing:-1px}.hero-sub{font-size:21px;color:#d7f1fb;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.hero-metrics div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:15px;text-align:center}.hero-metrics strong{display:block;font-size:25px;color:#fff}.hero-metrics span{font-size:12px;color:#d7f1fb;font-weight:900}.hero-visual{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:34px;padding:28px;min-height:420px;box-shadow:0 35px 90px rgba(0,0,0,.24)}.hero-visual>img{width:240px;height:auto;border-radius:24px;margin:0 auto;box-shadow:0 28px 80px rgba(0,0,0,.4)}.visual-card{position:absolute;right:28px;bottom:80px;background:#fff;color:var(--navy);padding:18px 22px;border-radius:20px;box-shadow:var(--shadow)}.visual-card.second{right:auto;left:28px;bottom:28px}.visual-card b{display:block;font-size:22px}.visual-card span{color:var(--muted);font-weight:900}.page-hero{color:#fff;background:linear-gradient(135deg,#061b33,#0a4b78 60%,#006b7a);padding:70px 0}.page-hero h1{font-size:clamp(34px,5vw,60px);line-height:1.18;margin:16px 0 8px}.page-hero p{font-size:20px;color:#d7f1fb;max-width:820px}.section{padding:78px 0}.section.alt{background:#f3fbff}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}.section-head p{max-width:560px;color:var(--muted);margin:0;font-size:17px}.kicker{display:block;color:#008aaa;font-weight:1000;margin-bottom:8px}.kicker.light{color:#86f4ff}h2{font-size:clamp(28px,4vw,48px);line-height:1.25;margin:0 0 14px;color:var(--navy);font-weight:1000}h3{font-size:24px;margin:0 0 10px;color:var(--navy)}p{margin-top:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 12px 34px rgba(6,27,51,.07)}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px);transition:.2s}.icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#e6fbff,#eafff5);border:1px solid #d6f0ea;display:grid;place-items:center;font-size:25px;margin-bottom:15px}.feature{background:linear-gradient(180deg,#fff,#f4fcff)}.mockup{border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.mock-top{height:54px;background:#061b33;display:flex;gap:8px;align-items:center;padding:0 18px}.mock-top span{width:12px;height:12px;border-radius:50%;background:#9ccce1}.mock-body{padding:32px;min-height:260px;background:linear-gradient(135deg,#f6fcff,#fff)}.bars{display:grid;gap:12px;margin-top:30px}.bars i{display:block;height:24px;border-radius:12px;background:linear-gradient(90deg,var(--cyan),var(--green))}.bars i:nth-child(2){width:82%;background:linear-gradient(90deg,var(--gold),var(--orange))}.bars i:nth-child(3){width:70%}.bars i:nth-child(4){width:55%;background:linear-gradient(90deg,#ff4d7e,#ffd53e)}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.badge{display:inline-flex;border-radius:999px;background:#eef7ff;color:#096e86;padding:6px 11px;font-size:13px;font-weight:1000;border:1px solid #d8ecf8}.badge.green{background:#effff7;color:#087a50;border-color:#cdf4e2}.badge.warn{background:#fff3e0;color:#8a4800;border-color:#ffe0aa}.dark-section{background:linear-gradient(135deg,#061b33,#0a3550);color:#fff}.dark-section h2,.dark-section h3{color:#fff}.dark-section p{color:#d7f1fb}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.workflow div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:20px}.workflow b{display:inline-grid;place-items:center;width:36px;height:36px;background:linear-gradient(135deg,var(--gold),var(--orange));color:#2b1900;border-radius:12px;margin-bottom:10px}.callout{background:linear-gradient(135deg,#effffb,#edf8ff);border:1px solid #ceeee6;border-radius:28px;padding:30px}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini-grid div{background:#fff;border:1px solid var(--line);border-radius:18px;text-align:center;padding:18px}.mini-grid strong{font-size:28px;color:var(--navy);display:block}.mini-grid span{font-size:13px;color:var(--muted);font-weight:900}.nice-list,.check-list,.x-list{padding:0;margin:18px 0;list-style:none}.nice-list li,.check-list li,.x-list li{margin:10px 0;color:var(--muted);font-weight:800}.nice-list li:before,.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;margin-left:8px;border-radius:50%;background:#e9fff5;color:#00a66a;font-weight:1000}.x-list li:before{content:"×";display:inline-grid;place-items:center;width:24px;height:24px;margin-left:8px;border-radius:50%;background:#ffe9ed;color:#d9213f;font-weight:1000}.success{background:#f1fff8}.danger{background:#fff4f6}.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:#fff}.table th,.table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:right}.table th{background:#eaf7ff;color:var(--navy);font-weight:1000}.table tr:last-child td{border-bottom:0}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:25px;position:relative}.price-card.featured{border:2px solid var(--cyan);box-shadow:var(--shadow);transform:translateY(-8px)}.price{font-size:34px;font-weight:1000;color:var(--navy);margin:15px 0 5px}.price small{font-size:14px;color:var(--muted);font-weight:800}.price-card ul{padding:0;margin:18px 0;list-style:none}.price-card li{color:var(--muted);font-weight:800;margin:8px 0}.price-card li:before{content:"✓";color:#00a66a;font-weight:1000;margin-left:7px}.notice{background:linear-gradient(135deg,#fff8df,#fff1ec);border:1px solid #ffe1b3;border-radius:24px;padding:24px;color:#4f3200}.mt{margin-top:24px}.form{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{font-weight:1000;color:var(--navy)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff}.field textarea{min-height:120px}.agree{display:flex;gap:10px;align-items:flex-start;background:#f7fbff;border:1px solid var(--line);border-radius:16px;padding:12px;color:var(--muted);font-weight:800}.agree input{margin-top:9px;transform:scale(1.2)}.agree a{color:#006d8b;text-decoration:underline}.small-note{font-size:14px;color:var(--muted)}.list-cards{display:grid;gap:14px;margin-top:20px}.list-cards div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.list-cards b{display:block;color:var(--navy);font-size:20px}.list-cards span{color:var(--muted)}.legal{max-width:980px}.legal h2{font-size:28px;margin-top:32px}.legal p{font-size:18px;color:#334155}.product-card .btn{margin-top:15px}.video-card{position:relative;min-height:210px;background:linear-gradient(135deg,#061b33,#09647a);color:#fff;border-radius:26px;padding:25px;overflow:hidden}.video-card h3{color:#fff}.video-card p{color:#d7f1fb}.video-card span{position:absolute;top:18px;left:18px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 12px;font-weight:1000}.footer{background:#03101f;color:#cfe5f1;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr .9fr;gap:30px}.footer h4{color:#fff;margin:0 0 14px}.footer a{display:block;color:#cfe5f1;margin:8px 0}.footer-brand span{color:#fff}.copyright{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;color:#8daabc}.color-strip{height:6px;background:linear-gradient(90deg,var(--cyan),var(--turq),var(--green),var(--gold),var(--orange));border-radius:999px;margin-top:18px}.floating-whatsapp{position:fixed;left:20px;bottom:20px;z-index:60;background:#25d366;color:#fff;border-radius:999px;padding:13px 18px;font-weight:1000;box-shadow:0 18px 40px rgba(0,0,0,.22)}bdi{direction:ltr;unicode-bidi:isolate}.ltr{direction:ltr}.mobile-toggle{background:#fff;border:1px solid var(--line);border-radius:14px;width:44px;height:44px;font-size:24px}.nav .mobile-toggle{display:none}
@media(max-width:1000px){.hero-grid,.split,.grid-2{grid-template-columns:1fr}.grid-3,.pricing,.footer-grid,.mini-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.workflow{grid-template-columns:repeat(2,1fr)}.nav .mobile-toggle{display:grid;place-items:center}.menu{display:none;position:absolute;top:86px;right:0;left:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:15px}.menu.open{display:grid}.nav-cta{display:none}.topbar-inner{display:grid}.hero-visual{min-height:350px}.hero-visual>img{width:200px}}
@media(max-width:640px){.grid-3,.pricing,.footer-grid,.mini-grid,.workflow{grid-template-columns:1fr}.hero-metrics{grid-template-columns:1fr}.hero h1{font-size:44px}.section{padding:54px 0}.floating-whatsapp{left:12px;right:12px;text-align:center;justify-content:center}.brand span{font-size:15px}.brand{min-width:auto}.page-hero h1{font-size:34px}}


/* V3: pre-entry agreement gate + clearer branding */
.brand img{width:70px;height:70px;border-radius:18px;border:2px solid rgba(255,213,62,.95);background:#071827;padding:3px;box-shadow:0 12px 30px rgba(0,0,0,.20)}
.brand span{font-size:20px}.nav-inner{min-height:94px}.menu a{font-size:14px}.hero-visual>img{width:280px;border:3px solid rgba(255,213,62,.9);background:#061b33;padding:8px}
.agreement-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 16% 14%,rgba(0,212,255,.28),transparent 26%),linear-gradient(135deg,rgba(3,16,31,.96),rgba(6,42,64,.96));backdrop-filter:blur(16px)}
body.gate-open{overflow:hidden}.agreement-gate.closing{opacity:0;transition:.22s ease}.agreement-shell{width:min(960px,96vw);max-height:92vh;overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.22);border-radius:32px;box-shadow:0 40px 120px rgba(0,0,0,.45);direction:rtl}.agreement-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#061b33,#0b5f86 70%,#00b8a9);color:#fff;padding:26px;border-radius:30px 30px 0 0}.agreement-hero img{width:92px;height:92px;object-fit:cover;border-radius:22px;border:2px solid var(--gold);background:#061b33}.agreement-hero b{display:block;font-size:28px;line-height:1.3}.agreement-hero span{display:block;color:#dff8ff;font-weight:800;margin-top:6px}.agreement-body{padding:28px}.agreement-body h2{font-size:30px}.agreement-scroll{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#f8fdff,#fff);padding:18px;max-height:270px;overflow:auto}.agreement-scroll p{margin:0 0 12px;color:#26394f;font-weight:700}.gate-check{display:flex;gap:12px;align-items:flex-start;background:#f5fbff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin-top:12px;font-weight:900;color:#19324b}.gate-check input{width:20px;height:20px;margin-top:6px;accent-color:#00b8a9}.agreement-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.agreement-note{font-size:13px;color:var(--muted);font-weight:900;margin:14px 0 0}.notice{background:#fff8df;border:1px solid #f4d57b;border-radius:24px;padding:22px}.mt{margin-top:24px}.small-note{font-size:13px;color:var(--muted)}.form{display:grid;gap:14px}.field label{display:block;font-weight:1000;color:var(--navy);margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;font-family:inherit;font-size:16px;background:#fbfeff}.field textarea{min-height:120px}.agree{display:flex;gap:12px;align-items:flex-start;background:#f7fbff;border:1px solid var(--line);border-radius:16px;padding:13px;font-weight:800}.agree input{margin-top:6px;accent-color:#00b8a9}.agree a{color:#006b86;text-decoration:underline}.legal h2{margin-top:34px}.legal p{font-size:18px;color:#334155}.admin-link{opacity:.65;font-size:12px}.site-owner-note{background:#effff8;border:1px solid #bdf3dc;border-radius:22px;padding:20px;color:#064a35;font-weight:800}
@media(max-width:640px){.agreement-hero{display:block;text-align:center}.agreement-hero img{margin:0 auto 14px}.agreement-actions .btn{width:100%}.brand img{width:56px;height:56px}.nav-inner{min-height:82px}}