@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#0a2048;--ink:#102448;--gold:#ce9129;--line:#dfebfa;--blue:#0b5fc9;--muted:#526683;--bg:#f7faff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:500 15px/1.8 Cairo,Inter,Arial,sans-serif;color:var(--ink);background:white}body[dir=ltr]{font-family:Inter,Cairo,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.wrap{width:min(1340px,calc(100% - 66px));margin:auto}.preview-note{background:#fff4d9;color:#875d17;text-align:center;padding:5px;font-size:11px}.site-header{background:#ffffffed;backdrop-filter:blur(16px);position:sticky;top:0;z-index:30;box-shadow:0 6px 30px #16365e12}.nav-row{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{direction:ltr;text-align:left;flex-shrink:0;line-height:1.1;display:flex;flex-direction:column;color:#10264c;font-family:Inter,Arial,sans-serif;letter-spacing:-1.5px;font-size:30px;font-weight:900}.brand .gold-text{color:#d4952c}.brand .silver{color:#637da5}.brand small{letter-spacing:0;font-size:8px;font-weight:700;margin-top:7px}.brand small b{color:#bc7d20}.site-header nav{display:flex;align-items:center;gap:27px}.site-header nav a{font-weight:800;font-size:13px;white-space:nowrap;transition:.2s}.site-header nav a:hover{color:var(--gold)}.nav-actions{display:flex;gap:10px;align-items:center}.language,.menu{border:0;background:none;color:var(--navy);font-weight:900}.menu{display:none;font-size:24px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:9px 18px;font-size:13px;font-weight:900;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #09265025}.btn-gold{background:linear-gradient(135deg,#ffe9ac,#efb54f 50%,#c17d17);box-shadow:0 6px 19px #d99f443e;color:#211b11}.btn-ghost{background:#fff;color:var(--navy);border-color:#a7bddd}.btn-deep{background:linear-gradient(110deg,#123669,#071d45);color:white;box-shadow:0 8px 20px #071b4440}.btn-lg{padding:13px 26px}.hero{background:linear-gradient(110deg,#e8f2ff 0%,#f9fbff 57%,#fff7eb 100%);overflow:hidden}.hero-main{display:grid;grid-template-columns:42% 58%;align-items:center;direction:rtl;min-height:454px}.hero-copy{position:relative;z-index:2;padding:48px 10px 34px 0}.eyebrow{color:#bf851e;font-size:11px;font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:3px}.hero h1{font-size:clamp(29px,3.2vw,51px);font-weight:900;line-height:1.48;margin:14px 0 14px;letter-spacing:-1px}.hero h1 strong{display:block;color:#bf8425}.hero p{font-size:16px;line-height:2;color:#2c4060;margin:0 0 22px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:17px}.trust{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;font-weight:800;color:#3e5374}.hero-art{height:455px;position:relative;direction:ltr;align-self:stretch}.hero-art img{display:block;position:absolute;width:108%;height:100%;object-fit:cover;object-position:48% center;inset:0 auto 0 0;mask-image:linear-gradient(to right,#000 0%,#000 84%,transparent 100%)}.art-label{position:absolute;bottom:50px;left:22px;color:#ffe9a5;font:700 10px/1.5 Inter,Arial;letter-spacing:2px;text-shadow:0 1px 8px #112851}.feature-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding-bottom:26px;position:relative;z-index:2}.feature{border:1px solid #fff;border-radius:15px;min-height:100px;padding:17px 14px;display:flex;align-items:center;gap:11px;background:#ffffffed;box-shadow:0 12px 35px #1c50901b}.feature-icon{background:#fff0d4;color:#14376e;display:grid;place-items:center;font-size:26px;border-radius:12px;width:48px;height:48px;flex-shrink:0}.feature h3{font-size:13px;margin:0 0 5px;font-weight:900}.feature p{font-size:11px;color:#66758e;margin:0}.dashboard-section{padding:72px 0;background:linear-gradient(115deg,#f0f6ff 0%,#fff 45%,#fffaf0 100%)}.dashboard-grid{display:grid;grid-template-columns:45% 55%;align-items:center;gap:30px}.dashboard-copy{padding:20px 10px}.dashboard-copy h2,.section-heading h2,.assurance h2,.cta h2{font-size:clamp(24px,2.4vw,34px);line-height:1.5;margin:8px 0 13px;font-weight:900}.dashboard-copy p{color:var(--muted);font-size:14px}.dashboard-copy ul{list-style:none;padding:0;margin:22px 0}.dashboard-copy li{padding:8px 25px 8px 0;position:relative;font-weight:700}.dashboard-copy li:before{content:'✓';position:absolute;right:0;color:#ce9529}.devices{position:relative;direction:ltr;padding:8px 24px 35px 56px}.laptop{border:10px solid #132a44;border-radius:15px 15px 3px 3px;background:#fff;box-shadow:0 24px 35px #17354d32;min-height:318px;overflow:hidden;transform:perspective(1500px) rotateY(-4deg)}.laptop-top{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fafcff;font:700 13px Inter;color:#1a315c}.laptop-top b span{color:#bd8222}.laptop-top small{font:700 10px Cairo;color:#8a9bb1}.appbody{display:flex;min-height:252px;direction:ltr}.appbody aside{background:#0e2f62;color:white;width:54px;line-height:46px;text-align:center;font-size:23px}.screen{flex:1;padding:18px 18px;text-align:left;direction:rtl}.screen h3{font-size:15px;margin:0 0 13px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.kpis span{background:#f0f5fd;border:1px solid #e0e9fa;border-radius:8px;padding:8px;text-align:center;display:flex;flex-direction:column}.kpis b{font-size:22px;color:#1465c1}.kpis small{font-size:10px}.listing{margin-top:10px;background:#fff;border:1px solid #e3eefa;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:9px;gap:5px}.listing b{font-size:11px}.listing small{font-size:9px;color:#8493a8}.listing span{background:#d8f4e2;padding:3px 7px;border-radius:6px;color:#127446;font-size:9px}.laptop-base{height:13px;border-radius:0 0 50% 50%;background:linear-gradient(#d9e4f0,#8197ac);box-shadow:0 8px 20px #102e504a}.phone{position:absolute;bottom:5px;left:0;width:135px;height:244px;border:8px solid #13263f;background:linear-gradient(#fff,#f3f9ff);border-radius:24px;box-shadow:0 16px 34px #0d2c4b4d;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 5px}.speaker{background:#1b3657;width:36px;height:4px;border-radius:12px}.phone h4{font:800 12px Inter;margin:4px 0}.ring{height:69px;width:69px;border:9px solid #0daa7c;border-left-color:#dcebe9;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:16px;color:#0e4478}.phone b{font-size:11px}.phone small{font-size:9px}.mini-line{width:80%;height:6px;background:#dfeafb;border-radius:5px}.mini-line.short{width:54%}.steps-section{padding:70px 0;background:white}.section-heading{text-align:center;margin:0 auto 34px}.section-heading p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{background:#f9fbfe;border:1px solid #e7edf6;border-radius:18px;text-align:center;padding:28px 20px;position:relative}.steps article>span{position:absolute;top:14px;right:18px;color:#c28826;font:900 12px Inter}.stepicon{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;margin:0 auto 15px;color:#0c3870;background:#ffefd0;font-size:32px}.steps h3{font-size:16px;margin:0 0 8px}.steps p{margin:0;color:#64758d;font-size:12px}.assurance{background:#0a2249;color:#fff;padding:55px 0}.assurance-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.assurance h2{max-width:680px}.assurance p{max-width:680px;color:#d2def0}.assurance-cards{min-width:250px;display:flex;flex-direction:column;gap:10px}.assurance-cards span{padding:12px 17px;border:1px solid #46678b;border-radius:12px;background:#ffffff12;font-weight:700}.faq-section{background:#f7faff;padding:70px 0}.faq-section .wrap{max-width:920px}.faq-section details{background:white;border:1px solid #e1ebf6;border-radius:13px;margin-bottom:10px;padding:17px 20px}.faq-section summary{cursor:pointer;font-weight:900}.faq-section details p{color:#526683;font-size:13px;margin-bottom:0}.cta{padding:48px 0;background:linear-gradient(120deg,#f4f8ff,#fff5df)}.cta-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.cta p{color:var(--muted)}footer{background:#071a37;color:white;padding:30px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-row .brand{color:white;font-size:25px}.footer-row>span{color:#b5c4d8;font-size:12px}dialog{border:none;border-radius:19px;box-shadow:0 35px 90px #0006;max-width:450px;padding:30px;color:var(--ink)}dialog::backdrop{background:#00152a9c}dialog h2{font-size:23px}dialog p{line-height:1.9;color:#465e7d}.dialog-close{float:left;border:0;background:transparent;font-size:20px}body[dir=ltr] .dashboard-copy li{padding:8px 0 8px 25px}body[dir=ltr] .dashboard-copy li:before{right:auto;left:0}body[dir=ltr] .hero-main{direction:ltr}body[dir=ltr] .hero-copy{text-align:left;padding:48px 0 34px 10px}body[dir=ltr] .hero-art{transform:scaleX(-1)}body[dir=ltr] .hero-art .art-label{transform:scaleX(-1)}
@media(max-width:1100px){.site-header nav{gap:12px}.site-header nav a{font-size:11px}.hero-main{grid-template-columns:48% 52%}.hero h1{font-size:35px}.feature-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.wrap{width:calc(100% - 30px)}.preview-note{font-size:10px}.nav-row{height:64px}.brand{font-size:22px}.brand small{font-size:7px}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:white;box-shadow:0 16px 25px #09214d22;padding:20px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu{display:block}.nav-actions{gap:6px}.nav-actions .btn-ghost{display:none}.nav-actions .btn-gold{font-size:11px;padding:8px 10px}.hero-main{display:flex;flex-direction:column;min-height:auto}.hero-copy{padding:30px 0 12px;text-align:center}.hero h1{font-size:clamp(29px,7vw,40px);margin:9px 0}.hero p{font-size:13px}.eyebrow{font-size:9px}.hero-actions,.trust{justify-content:center}.trust{font-size:10px}.hero-art{height:260px;width:100%;order:-1}.hero-art img{height:100%;width:100%;object-position:center;mask-image:linear-gradient(to bottom,#000 0%,#000 75%,transparent 100%)}.art-label{left:10px;bottom:30px;font-size:8px}.feature-row{grid-template-columns:repeat(2,1fr);gap:8px}.feature{padding:12px 8px;min-height:95px;gap:7px}.feature-icon{width:38px;height:38px;font-size:23px}.feature h3{font-size:11px}.feature p{font-size:10px}.dashboard-grid{display:flex;flex-direction:column;gap:16px}.dashboard-section,.steps-section,.faq-section{padding:42px 0}.devices{width:100%;padding:0 12px 30px 36px}.phone{transform:scale(.72);transform-origin:bottom left}.laptop{min-height:280px}.screen{padding:10px}.screen h3{font-size:12px}.screen .listing small{display:none}.steps{grid-template-columns:repeat(2,1fr);gap:10px}.steps article{padding:24px 12px}.assurance-inner,.cta-inner{flex-direction:column;align-items:stretch}.footer-row{flex-direction:column;align-items:flex-start}body[dir=ltr] .hero-copy{text-align:center;padding:30px 0 12px}body[dir=ltr] .hero-art{transform:none}}@media(max-width:420px){.feature-row{grid-template-columns:1fr}.feature{min-height:70px}.nav-actions .btn-gold{display:none}.hero-art{height:210px}.hero-actions .btn{padding:11px 14px;font-size:11px}.steps{grid-template-columns:1fr}.laptop{min-height:235px}.phone{transform:scale(.6)}}