:root{--ink: #0F1B2D;--paper: #F6F4EE;--white: #FFFFFF;--line: #DDD8CC;--muted: #56616C}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-weight:400;line-height:1.8;letter-spacing:0;-webkit-font-smoothing:antialiased}h1,h2,h3,p,dl,dd{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}section[id]{scroll-margin-top:5rem}.wrap{width:min(1080px,100% - 2rem);margin-inline:auto}.en,.lat,.mark,.contact a,.copy{font-family:Manrope,sans-serif}.en{direction:ltr;unicode-bidi:isolate;text-align:right;color:var(--muted);font-weight:500}.lat{unicode-bidi:isolate;font-weight:700}.sub{display:block;margin-top:.25rem;font-size:1rem}.stripe{--stripe-blue: #245EFF;--stripe-teal: #1BBDAA;--stripe-clay: #954523;display:flex;flex-direction:row;gap:4px;width:100%;direction:rtl}.stripe i{--tone-start: var(--stripe-blue);--tone-next: var(--stripe-clay);--tone-last: var(--stripe-teal);--wave-first: 1.16;--wave-second: .92;--wave-third: .92;flex:1 1 0;min-width:0;height:4px;border-radius:999px;background:var(--tone-start)}.stripe i:nth-child(2){--tone-start: var(--stripe-teal);--tone-next: var(--stripe-blue);--tone-last: var(--stripe-clay);--wave-first: .92;--wave-second: 1.16;--wave-third: .92}.stripe i:nth-child(3){--tone-start: var(--stripe-clay);--tone-next: var(--stripe-teal);--tone-last: var(--stripe-blue);--wave-first: .92;--wave-second: .92;--wave-third: 1.16}.stripe.dark{--stripe-blue: #6C93FF;--stripe-clay: #D9825A}.stripe.full{width:100%}.stripe.thick i{height:5px}.about .stripe{width:96px;margin-bottom:1.5rem}.topbar{background:var(--paper);border-bottom:1px solid var(--line)}.bar{display:flex;justify-content:space-between;align-items:center;padding-block:.9rem;gap:1rem}.brand{width:max-content;flex-shrink:0}.mark{direction:ltr;font-weight:800;font-size:1.5rem;line-height:1.1;letter-spacing:-.05em;color:var(--ink);margin-bottom:4px}.nav{display:flex;gap:1rem;flex-wrap:wrap;font-weight:500;font-size:.95rem}.nav a{text-decoration:none;color:var(--ink)}.nav{align-items:center}.language-toggle{min-width:44px;min-height:44px;padding:.35rem .7rem;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:inherit;cursor:pointer;flex-shrink:0}.language-toggle[lang=en]{font-family:Manrope,sans-serif;font-weight:700}.language-toggle[lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif}[lang=en][dir=ltr]{font-family:Manrope,sans-serif;font-weight:500;text-align:left}[lang=en][dir=ltr] .stripe{direction:ltr}[lang=en][dir=ltr] .stripe.motion-seen i,[lang=en][dir=ltr] .nav a:after{transform-origin:left}[lang=en][dir=ltr] footer .copy{text-align:left}[lang=en][dir=ltr] .herotext{min-width:0}[lang=en][dir=ltr] .hero h1{overflow-wrap:break-word}@media(max-width:419px){.bar{gap:.65rem}.nav{gap:.6rem;min-width:0;font-size:.85rem}[lang=en][dir=ltr] .nav{gap:.5rem}}.hero{padding-block:2.5rem 3rem}.herogrid{display:grid;gap:2.5rem;grid-template-columns:1fr;align-items:center}.hero h1{font-size:clamp(1.9rem,6vw,3.4rem);font-weight:700;line-height:1.4}.hero .sub{font-size:clamp(1rem,2.4vw,1.2rem);margin-top:.75rem}.pills{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.pill{display:inline-block;padding:.7rem 1.6rem;border-radius:999px;text-decoration:none;font-weight:600;border:2px solid var(--ink)}.pill.fill{background:var(--ink);color:var(--paper)}.pill.out{background:transparent;color:var(--ink)}.tiles{display:grid;gap:.9rem;padding-inline-end:2rem;min-width:0}.tile{border-radius:22px;padding:1.1rem 1.4rem;display:flex;flex-direction:column;width:min(100%,20rem)}.tile b{font-weight:700;font-size:1.3rem;display:flex;align-items:center;gap:.6rem}.tile b:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:currentColor}.tile span{color:var(--muted);font-size:.95rem}.t1{background:#eef3ff}.t1 b{color:#245eff}.t2{background:#e6f4f1;margin-inline-start:1rem}.t2 b{color:#0c2e46}.t2 b:before{background:#1bbdaa}.t3{background:#f6ebdc;margin-inline-start:2rem}.t3 b{color:#954523}@media(min-width:860px){.herogrid{grid-template-columns:1.3fr 1fr}.nav{gap:1.75rem;font-size:1rem}}section.block{padding-block:clamp(3.5rem,9vw,6rem)}.block h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.3;margin-bottom:2.25rem}.products{background:var(--white);border-block:1px solid var(--line)}.cards{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:820px){.cards{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.card{border-radius:24px;border-top:6px solid;padding:1.75rem 1.5rem 2rem;display:flex;flex-direction:column;min-width:0}.card h3{font-size:1.8rem;font-weight:700;margin-bottom:.75rem}.card p{flex:1}.card a{margin-top:1.5rem;align-self:flex-start;padding:.6rem 1.5rem;border-radius:999px;text-decoration:none;font-weight:600}.p-waqtak{background:#eef3ff;border-color:#245eff}.p-waqtak h3{color:#245eff}.p-waqtak p{color:#111b32}.p-waqtak a{background:#245eff;color:#fff}.p-lahalk{background:#e6f4f1;border-color:#1bbdaa}.p-lahalk h3,.p-lahalk p{color:#0c2e46}.p-lahalk a{background:#1bbdaa;color:#0c2e46}.p-talabak{background:#f6ebdc;border-color:#954523}.p-talabak h3{color:#954523}.p-talabak p{color:#322015}.p-talabak a{background:#954523;color:#fff}.about{background:var(--ink);color:var(--paper)}.abin{padding-block:clamp(3rem,8vw,5rem)}.about h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:1.75rem;color:var(--paper)}.about .en{color:var(--paper)}.about p{font-size:clamp(1.2rem,2.6vw,1.625rem);line-height:2;max-width:40ch;color:var(--paper)}.contact dl{display:grid;gap:1rem}.contact a{color:var(--ink);font-weight:700;text-decoration:underline;direction:ltr;unicode-bidi:isolate;word-break:break-all;font-size:1.25rem}.loc{color:var(--muted)}footer{background:var(--white);border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}footer .wrap{padding-block:2.5rem}footer p+p{margin-top:.75rem}footer .copy{margin-top:1.5rem;text-align:right;font-size:.8rem}:root{--motion-ease: cubic-bezier(.22, 1, .36, 1)}.topbar{position:relative;z-index:1}.topbar:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:0 8px 20px #0f1b2d12;opacity:0;transition:opacity .5s var(--motion-ease)}.has-scrolled .topbar:after{opacity:1}.nav a{position:relative}.nav a:after{content:"";position:absolute;bottom:0;inset-inline:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--motion-ease)}.hero h1,.hero .sub,.hero .pill{animation:fade-up .6s var(--motion-ease) backwards}.hero .sub{animation-delay:.1s}.hero .pill:first-child{animation-delay:.2s}.hero .pill:last-child{animation-delay:.3s}.tile{animation:tile-enter .6s var(--motion-ease) both,tile-float 6.1s ease-in-out .8s infinite}.t2{animation-delay:.1s,1s;animation-duration:.6s,7.3s}.t3{animation-delay:.2s,1.2s;animation-duration:.6s,8.7s}[data-reveal].motion-seen{animation:fade-up .6s var(--motion-ease) backwards}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.2s}.stripe.motion-seen i{transform-origin:right;animation:stripe-draw .6s var(--motion-ease) backwards,stripe-cycle 3s ease-in-out .8s infinite}.stripe.motion-seen i:nth-child(2){animation-delay:.1s,.8s}.stripe.motion-seen i:nth-child(3){animation-delay:.2s,.8s}.card,.pill,.card a{position:relative;isolation:isolate}.card,.pill,.card a{transition:transform .5s var(--motion-ease)}.card:after{content:"";position:absolute;inset:-6px 0 0;z-index:-1;border-radius:inherit;box-shadow:0 12px 28px #0f1b2d1a;opacity:0;pointer-events:none;transition:opacity .5s var(--motion-ease)}.card:before{content:"";position:absolute;top:-6px;inset-inline:0;height:6px;border-top:6px solid;border-color:inherit;border-radius:24px 24px 0 0;transform-origin:top;opacity:0;pointer-events:none;transition:transform .5s var(--motion-ease),opacity .5s var(--motion-ease)}.pill:after,.card a:after{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;pointer-events:none;transition:opacity .4s var(--motion-ease)}@media(hover:hover)and (pointer:fine){.nav a:hover:after{transform:scaleX(1)}.card:hover{transform:translateY(-4px)}.card:hover:after{opacity:1}.card:hover:before{opacity:1;transform:scaleY(1.5)}.pill:hover,.card a:hover{transform:translateY(-2px)}.pill:hover:after,.card a:hover:after{opacity:.08}}.nav a:focus-visible:after{transform:scaleX(1)}.pill:active,.card a:active{transform:translateY(1px)}.pill:active:after,.card a:active:after{opacity:.12}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tile-enter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes tile-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes stripe-draw{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes stripe-cycle{0%,to{background-color:var(--tone-start);flex-grow:1}25%{flex-grow:var(--wave-first)}33.333333%{background-color:var(--tone-next)}50%{flex-grow:var(--wave-second)}66.666667%{background-color:var(--tone-last)}75%{flex-grow:var(--wave-third)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.card:hover,.pill:hover,.pill:active,.card a:hover,.card a:active{transform:none}.nav a:after,.card:before,.card:after,.pill:after,.card a:after,.topbar:after{display:none}}