@font-face{font-family:Plex;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-lat-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Plex;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plex-lat-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Plex;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plex-lat-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Plex;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-ar-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Plex;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plex-ar-600.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Plex;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plex-ar-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--navy:#2E2F7D;--navy-700:#25265f;--navy-50:#f2f3fb;--red:#CC2C2C;--red-700:#a52121;--red-50:#fdf3f3;--ink:#16183a;--body:#4a4d66;--muted:#6f7288;--line:#e4e6f0;--bg:#ffffff;--bg-soft:#f7f8fc;--radius:14px;--radius-lg:20px;--shadow-sm:0 1px 2px rgba(22,24,58,.06),0 2px 8px rgba(22,24,58,.05);--shadow-md:0 2px 6px rgba(22,24,58,.07),0 12px 28px rgba(22,24,58,.08);--wrap:1200px;--pad:clamp(1rem,4vw,2rem);--sp-section:clamp(3.5rem,7vw,6rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--bg);color:var(--body);font-family:Plex,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;font-size:clamp(1rem,.97rem + .15vw,1.0625rem);line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--ink);line-height:1.25;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}h1{font-size:clamp(1.85rem,1.2rem + 2.6vw,3.25rem)}h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.35rem)}h3{font-size:clamp(1.15rem,1rem + .6vw,1.4rem)}p{margin:0 0 1rem}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}html[data-lang=ar] [data-l=en],html[data-lang=en] [data-l=ar]{display:none!important}html[data-lang=ar]{font-size:17px}[data-l=en]{direction:ltr;unicode-bidi:isolate}[data-l=ar]{direction:rtl;unicode-bidi:isolate}.wrap{width:min(100% - (var(--pad) * 2),var(--wrap));margin-inline:auto}.section{padding-block:var(--sp-section)}.section--soft{background:var(--bg-soft);border-block:1px solid var(--line)}.section__head{max-width:62ch;margin-inline:auto;text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.section__head p{color:var(--muted);margin:0}.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:.6rem}html[data-lang=ar] .eyebrow{letter-spacing:normal;text-transform:none;font-size:.9rem}.skip-link{position:absolute;inset-inline-start:-9999px;top:0;z-index:200;background:var(--navy);color:#fff;padding:.75rem 1.25rem;border-radius:0 0 var(--radius) var(--radius)}.skip-link:focus{inset-inline-start:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.6rem;border-radius:999px;border:2px solid transparent;font:inherit;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s,transform .18s;text-decoration:none!important;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn svg{width:1.15em;height:1.15em;flex:none;fill:currentColor}.btn--primary{background:var(--red);color:#fff}.btn--primary:hover{background:var(--red-700)}.btn--navy{background:var(--navy);color:#fff}.btn--navy:hover{background:var(--navy-700)}.btn--ghost{background:#fff;color:var(--navy);border-color:var(--line)}.btn--ghost:hover{border-color:var(--navy);background:var(--navy-50)}.btn--sm{padding:.55rem 1.1rem;font-size:.9rem}.header{position:sticky;top:0;z-index:100;background:#fffffff0;backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line)}.header__bar{display:flex;align-items:center;gap:1rem;min-height:76px}.brand{display:flex;align-items:center;gap:.7rem;flex:none;text-decoration:none!important}.brand img{width:44px;height:auto}.brand__name{display:flex;flex-direction:column;line-height:1.15}.brand__name b{color:var(--navy);font-size:1.02rem;font-weight:700}.brand__name span{color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.02em}.nav{order:2;margin-inline-start:clamp(1rem,3vw,2.5rem);display:flex;align-items:center;gap:.35rem}.nav__list{display:flex;align-items:center;gap:.2rem}.nav__list a{display:block;padding:.55rem .8rem;border-radius:10px;color:var(--ink);font-weight:600;font-size:.95rem;transition:background-color .15s,color .15s}.nav__list a:hover{background:var(--navy-50);color:var(--navy);text-decoration:none}.nav__list a[aria-current=true]{color:var(--red)}.header__actions{order:3;display:flex;align-items:center;gap:.6rem;margin-inline-start:auto}.nav>.btn{display:none}.lang{display:inline-flex;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.lang button{appearance:none;border:0;background:transparent;font:inherit;font-weight:700;font-size:.85rem;color:var(--muted);padding:.4rem .85rem;border-radius:999px;cursor:pointer;transition:background-color .15s,color .15s}.lang button:hover{color:var(--navy)}.lang button[aria-pressed=true]{background:var(--navy);color:#fff}.nav-toggle{display:none;appearance:none;background:#fff;border:1px solid var(--line);border-radius:12px;width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center}.nav-toggle span{display:block;width:20px;height:2px;background:var(--navy);position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;inset-inline-start:0;width:20px;height:2px;background:var(--navy)}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}@media(max-width:940px){.nav-toggle{display:inline-flex;margin-inline-start:auto;order:3}.header__actions{order:2;margin-inline-start:auto}.header__actions .btn{display:none}.nav{order:4;margin:0;display:none;position:absolute;inset-inline:0;top:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);padding:.5rem var(--pad) 1.1rem;max-height:calc(100vh - 76px);overflow-y:auto}.header__bar{flex-wrap:nowrap}.nav.is-open{display:block}.nav__list{flex-direction:column;align-items:stretch;gap:.1rem}.nav__list a{padding:.8rem .6rem}.nav .btn{display:flex;margin-top:.75rem;width:100%}}.hero{position:relative;background:radial-gradient(80rem 40rem at 82% -20%,rgba(46,47,125,.1),transparent 60%),radial-gradient(60rem 32rem at 5% 110%,rgba(204,44,44,.08),transparent 60%),var(--bg-soft);border-bottom:1px solid var(--line);padding-block:clamp(3rem,6vw,5.5rem)}.hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center}.hero h1{margin-bottom:1rem}.hero__lead{font-size:clamp(1.02rem,1rem + .3vw,1.2rem);color:var(--body);max-width:56ch;margin-bottom:1.75rem}.hero__cta{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:1.75rem}.hero__badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;color:var(--navy);box-shadow:var(--shadow-sm)}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);flex:none}.hero__card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow-md)}.hero__card h2{font-size:1.05rem;color:var(--muted);font-weight:600;margin-bottom:1.1rem}.hero__logos{display:grid;grid-template-columns:1fr;gap:1rem}.hero__logo{border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;display:flex;align-items:center;justify-content:center;background:#fff;min-height:92px}.hero__logo img{height:auto;max-height:42px;max-width:min(100%,190px);object-fit:contain}@media(max-width:860px){.hero__grid{grid-template-columns:1fr}.hero__logos{grid-template-columns:1fr 1fr}}@media(max-width:420px){.hero__logos{grid-template-columns:1fr}}.brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(1.25rem,3vw,2rem)}.brand-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,2.25rem);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.brand-card__logo{background:var(--bg-soft);border-radius:var(--radius);padding:1.5rem 1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;min-height:110px}.brand-card__logo img{height:auto;max-height:62px;max-width:min(100%,250px);object-fit:contain}.brand-card p{margin-bottom:1rem}.brand-card .tag{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;background:var(--navy-50);color:var(--navy);border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:700}.product-block+.product-block{margin-top:clamp(3rem,6vw,4.5rem)}.product-block__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:2px solid var(--line);margin-bottom:clamp(1.5rem,3vw,2rem)}.product-block__head img{height:auto;max-height:34px;max-width:150px}.count{font-size:.85rem;font-weight:700;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.4rem 1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:clamp(.85rem,2vw,1.35rem)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,border-color .18s,transform .18s}.card:hover{box-shadow:var(--shadow-md);border-color:#cfd3e6;transform:translateY(-2px)}.card__media{background:#fff;padding:.75rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.card__media img{width:100%;height:100%;object-fit:contain}.card__body{padding:.5rem 1rem 1.1rem;border-top:1px solid var(--line);text-align:center}.card__name{font-size:.92rem;font-weight:600;color:var(--ink);line-height:1.45;margin:.65rem 0 0;display:block;overflow-wrap:break-word}.about{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:start}.about p:last-child{margin-bottom:0}.facts{display:grid;gap:1rem}.fact{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem 1.4rem;box-shadow:var(--shadow-sm)}.fact b{display:block;color:var(--navy);font-size:1rem;margin-bottom:.15rem}.fact span{color:var(--muted);font-size:.92rem}@media(max-width:860px){.about{grid-template-columns:1fr}}.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,3vw,2rem)}@media(max-width:820px){.contact{grid-template-columns:1fr}}.contact-list{display:grid;gap:1rem}.contact-item{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem 1.4rem;box-shadow:var(--shadow-sm)}.contact-item__icon{flex:none;width:44px;height:44px;border-radius:12px;background:var(--navy-50);display:flex;align-items:center;justify-content:center}.contact-item__icon svg{width:21px;height:21px;fill:var(--navy)}.contact-item h3{font-size:.85rem;color:var(--muted);font-weight:700;margin:0 0 .2rem;letter-spacing:.06em;text-transform:uppercase}html[data-lang=ar] .contact-item h3{letter-spacing:normal;text-transform:none;font-size:.9rem}.contact-item p{margin:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere}.contact-item a{color:var(--ink)}.contact-item a:hover{color:var(--red)}.contact-panel{background:var(--navy);color:#fff;border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column;justify-content:center}.contact-panel h3{color:#fff;font-size:clamp(1.25rem,1.1rem + .7vw,1.6rem)}.contact-panel p{color:#c9cbe8;margin-bottom:1.75rem}.contact-panel .btn--ghost{background:transparent;color:#fff;border-color:#fff6}.contact-panel .btn--ghost:hover{background:#ffffff1f;border-color:#fff}.contact-panel .stack{display:flex;flex-wrap:wrap;gap:.75rem}.footer{background:var(--ink);color:#b9bcd4;padding-block:clamp(2.5rem,5vw,3.5rem) 1.5rem;font-size:.94rem}.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.12)}@media(max-width:760px){.footer__grid{grid-template-columns:1fr;gap:1.75rem}}.footer h4{color:#fff;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.9rem}html[data-lang=ar] .footer h4{letter-spacing:normal;text-transform:none;font-size:.95rem}.footer a{color:#b9bcd4}.footer a:hover{color:#fff}.footer__brand{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem}.footer__brand img{width:42px;height:auto}.footer__brand b{color:#fff;font-size:1rem;display:block}.footer__brand span{font-size:.78rem;color:#9599b8}.footer__links li{margin-bottom:.5rem}.footer__bottom{padding-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;align-items:center;font-size:.85rem;color:#9599b8}.disclaimer{margin-top:1.5rem;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);font-size:.85rem;line-height:1.7;color:#9599b8}.wa-float{position:fixed;inset-block-end:20px;inset-inline-end:20px;z-index:120;display:inline-flex;align-items:center;gap:.6rem;background:#25d366;color:#fff;padding:.85rem 1.25rem;border-radius:999px;font-weight:700;font-size:.95rem;box-shadow:0 6px 22px #00000038;transition:transform .18s,box-shadow .18s}.wa-float:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000047;text-decoration:none}.wa-float svg{width:24px;height:24px;fill:currentColor;flex:none}@media(max-width:560px){.wa-float{padding:.9rem;inset-block-end:16px;inset-inline-end:16px}.wa-float .wa-float__label{display:none}}@media(max-width:560px){.header__bar{min-height:66px;gap:.6rem}.brand{flex:0 1 auto;min-width:0}.brand img{width:34px}.brand{gap:.5rem}.brand__name{min-width:0;max-width:7rem}.brand__name b{font-size:.8rem;line-height:1.18;white-space:normal}.brand__name span{display:none}.lang button{padding:.34rem .58rem;font-size:.76rem}.header__actions{margin-inline-start:.3rem}.nav-toggle{width:40px;height:40px}}@media(max-width:480px){.hero__cta{flex-direction:column;align-items:stretch}.hero__cta .btn{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card__name{font-size:.85rem}.footer__bottom{flex-direction:column;align-items:flex-start}}
