:root{
  --navy:#0B1D3D; --blue:#1E5DB7; --gray:#6B7280; --light:#F5F7FB; --white:#fff; --line:#DDE6F5; --green:#25D366;
  --shadow:0 16px 40px rgba(11,29,61,.12); --radius:22px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:'Cairo',Tahoma,Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.75;direction:rtl;overflow-x:hidden} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:var(--navy);color:#fff;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:8px 0}.topbar a{opacity:.96}.social{display:flex;gap:9px;align-items:center}.social a,.circle-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--navy);font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.08)}.social a:hover{background:var(--blue);color:#fff}.navbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navwrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.logo{display:flex;align-items:center;gap:12px}.logo img{width:210px;max-height:72px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:28px;font-weight:800}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;right:0;bottom:-8px;width:0;height:3px;background:var(--blue);border-radius:20px;transition:.25s}.navlinks a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:12px 22px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.25s}.btn-primary{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 12px 24px rgba(30,93,183,.24)}.btn-outline{background:#fff;border-color:#b7c8e9;color:var(--navy)}.btn-whatsapp{background:var(--green);color:#fff}.menu-btn{display:none;background:var(--navy);color:#fff;border:0;border-radius:12px;padding:10px 13px;font-weight:900}.hero{position:relative;background:linear-gradient(90deg,#fff,#eef5ff);overflow:hidden}.hero-img{width:100%;height:auto;object-fit:cover}.hero-overlay{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none}.hero-copy{width:min(580px,45%);margin-right:6%;background:rgba(255,255,255,.10);border-radius:24px;padding:0}.hero-actions{position:absolute;right:8%;bottom:14%;display:flex;gap:12px;pointer-events:auto}.stats-strip{background:var(--navy);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.stat{padding:22px 18px;text-align:center;border-left:1px solid rgba(255,255,255,.16)}.stat strong{display:block;font-size:23px;color:#fff}.stat span{color:#dbeafe;font-size:14px}.section{padding:80px 0}.section-alt{background:linear-gradient(180deg,#F7FAFF,#fff)}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eaf2ff;color:var(--blue);padding:7px 14px;border-radius:999px;font-weight:900;margin-bottom:14px}.title{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:0 0 16px;font-weight:900}.subtitle{font-size:18px;color:#4b5563;max-width:850px;margin:0 auto 38px;text-align:center}.section-head{text-align:center;margin-bottom:42px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);transition:.25s;height:100%}.card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(11,29,61,.16)}.icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:25px;margin-bottom:14px}.card h3{font-size:22px;margin:0 0 10px}.card p{color:#5b6473;margin:0}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.pill{padding:8px 12px;background:#f1f6ff;border:1px solid #d7e5fb;border-radius:999px;color:#163a70;font-weight:700;font-size:13px}.about-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.about-img{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#fff;padding:12px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.feature{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;font-weight:800}.product-card{padding:0;overflow:hidden}.product-card img{height:250px;width:100%;object-fit:cover;object-position:top}.product-card .content{padding:22px}.service-card{display:flex;gap:16px}.service-card .icon{flex:0 0 54px}.cta{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:50px}.cta:before{content:"";position:absolute;inset:auto -10% -45% auto;width:450px;height:450px;background:rgba(255,255,255,.09);border-radius:50%}.cta p{color:#e6f0ff;max-width:760px}.brands-panel,.partners-panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:16px;box-shadow:var(--shadow)}.brands-panel img,.partners-panel img{width:100%;border-radius:18px}.contact-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.info-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.info-row:last-child{border-bottom:0}.form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}input,select,textarea{width:100%;border:1px solid #c9d6eb;border-radius:14px;padding:13px 15px;font-family:inherit;font-size:15px;background:#fff;color:var(--navy)}textarea{min-height:120px;resize:vertical}.map{border:0;border-radius:24px;width:100%;height:320px;box-shadow:var(--shadow)}.footer{background:var(--navy);color:#fff;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:28px}.footer h3{margin-top:0}.footer p,.footer a{color:#dbeafe}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;text-align:center;color:#cbd5e1}.float-whatsapp{position:fixed;bottom:22px;left:22px;z-index:1001;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;box-shadow:0 12px 30px rgba(37,211,102,.38);animation:pulse 2s infinite}.float-whatsapp svg{width:32px;height:32px}.backtop{position:fixed;bottom:95px;left:28px;width:48px;height:48px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;z-index:999;opacity:0;transform:translateY(12px);transition:.25s}.backtop.show{opacity:1;transform:translateY(0)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:980px){.menu-btn{display:block}.navlinks{position:absolute;top:100%;right:0;left:0;background:#fff;display:none;flex-direction:column;align-items:flex-start;padding:24px 5%;box-shadow:var(--shadow)}.navlinks.active{display:flex}.navlinks .social{display:flex}.topbar .container{flex-direction:column;gap:6px}.hero-actions{position:static;padding:18px 5%;background:#fff;display:grid;grid-template-columns:1fr}.stats-grid,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2,.about-wrap,.contact-wrap,.footer-grid{grid-template-columns:1fr}.hero-img{min-height:420px;object-position:center right}.logo img{width:175px}.section{padding:58px 0}.form-grid{grid-template-columns:1fr}.product-card img{height:220px}.feature-list{grid-template-columns:1fr}}
@media(max-width:560px){.stats-grid{grid-template-columns:1fr}.btn{width:100%}.title{font-size:30px}.card{padding:20px}.cta{padding:32px}.footer-grid{gap:18px}.topbar .social{flex-wrap:wrap;justify-content:center}.product-card img{height:190px}}

/* === Mobile and branding fixes v2 === */
.phone-ltr,
a.phone-ltr,
bdi.phone-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block;text-align:left;letter-spacing:.2px;white-space:nowrap}
.social{gap:10px;flex-wrap:wrap}.social a.social-link{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:15px;color:#fff;border:0;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.social a.facebook{background:#1877F2;color:#fff}.social a.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);color:#fff}.social a.x-twitter{background:#000;color:#fff}.social a.linkedin{background:#0A66C2;color:#fff}.social a.social-link:hover{transform:translateY(-2px);filter:brightness(1.05);color:#fff}
.topbar .social a,.footer .social a{color:#fff!important}.topbar a.phone-ltr,.footer .phone-ltr{font-feature-settings:"tnum"}
@media(max-width:980px){
  .topbar .container{gap:10px;text-align:center}.topbar .container>div:last-child{justify-content:center!important;gap:12px!important}.topbar .social{justify-content:center}.navwrap{padding:12px 0}.menu-btn{order:2}.logo{order:1}.hero{background:#f7fbff}.hero-img{width:100%;height:auto;min-height:unset;object-fit:contain;object-position:center center}.hero-actions{position:static;padding:14px 5% 20px;background:#fff;display:grid;grid-template-columns:1fr;gap:10px}.hero-actions .btn{width:100%}.footer{text-align:center}.footer .social{justify-content:center}.footer-grid{grid-template-columns:1fr!important}.float-whatsapp{width:56px;height:56px;bottom:18px;left:18px}.backtop{bottom:86px;left:23px}
}
@media(max-width:560px){
  .hero-img{aspect-ratio:1600/768;object-fit:contain;background:#f7fbff}.logo img{width:185px}.topbar{font-size:13px}.social a.social-link{width:38px;height:38px}.navlinks{font-size:18px}.footer p{font-size:16px}.copyright{font-size:15px;line-height:1.9;padding-inline:12px}
}