:root{--green-40:#a2c8b0;--green-60:#73ad89;--green-80:#459161;--green-100:#16763a;--blue-40:#cfeff1;--blue-60:#9fdfe3;--blue-80:#7ccfd6;--blue-100:#59bfc8;--yellow-40:#f7f1b3;--yellow-60:#f0e680;--yellow-80:#eadd59;--yellow-100:#e3d430;--red-40:#f2b9b9;--red-60:#e88f8f;--red-80:#e06b6b;--red-100:#d94b4b;--black-40:#b3b3b3;--black-60:#666;--black-80:#333;--black-100:#000;--color-black:var(--black-100);--color-green:var(--green-100);--color-green-light:var(--green-80);--color-green-dark:#0f5329;--color-green-soft:#16763a1f;--color-green-border:#16763a59;--color-green-glow:#16763a47;--color-cyan:var(--blue-100);--color-cyan-soft:#59bfc81f;--color-cyan-border:#59bfc852;--color-cyan-glow:#59bfc83d;--color-yellow:var(--yellow-100);--color-yellow-soft:#e3d4301f;--color-yellow-border:#e3d43052;--color-yellow-glow:#e3d4303d;--color-red:var(--red-100);--color-red-soft:#d94b4b1f;--color-red-border:#d94b4b59;--surface-page:#eaf7ef;--surface-section:#f3fbf6;--surface-card:#fff;--surface-card-hover:#f5faf7;--surface-elevated:#fff;--border-default:#0e241a1a;--border-muted:#0e241a12;--border-active:#16763a80;--text-primary:#10261b;--text-secondary:#10261ba8;--text-muted:#10261b75;--text-disabled:#10261b47;--text-inverse:#fff;--text-inverse-secondary:#ffffffc7;--ink-green:var(--color-green);--ink-cyan:#1d6e76;--ink-yellow:#8a6d00;--ink-red:#b23636;--surface-dashboard:var(--surface-card);--surface-dashboard-soft:#ffffffd9;--surface-dashboard-strong:#fffffff7;--bg-0:var(--surface-page);--bg-1:var(--surface-section);--bg-2:var(--surface-card);--bg-3:var(--surface-card-hover);--c-yellow:var(--color-yellow);--c-cyan:var(--color-cyan);--c-green:var(--color-green);--c-red:var(--color-red);--c-white:var(--text-primary);--glass:#ffffffe6;--glass-strong:#fff;--border-soft:var(--border-default);--border-glow:var(--color-green-border);--font-ar:"Tajawal", "Cairo", "Segoe UI", system-ui, sans-serif;--font-en:"Space Grotesk", "Inter", system-ui, sans-serif;--page-max-width:1320px;--page-pad-inline:clamp(1.25rem, 4vw, 3rem);--space-section-y:clamp(4.5rem, 7vw, 7rem);--space-section-y-featured:clamp(5rem, 8vw, 8.5rem);--space-header-gap:clamp(1.75rem, 3vw, 2.75rem);--space-grid-gap:clamp(1.25rem, 2vw, 1.75rem);--space-card-pad:clamp(1.5rem, 3vw, 2.5rem);--radius-card-sm:16px;--radius-card-md:20px;--radius-card-lg:24px;--radius-panel:28px;--shadow-card:0 20px 44px -26px #0e241a38;--shadow-panel:0 28px 60px -32px #0e241a3d;--bp-tablet:1080px}*{box-sizing:border-box}html,body{background:var(--bg-1);color:var(--c-white);font-family:var(--font-ar);-webkit-font-smoothing:antialiased;margin:0;padding:0}html{scroll-behavior:smooth;--nav-offset:96px;scrollbar-gutter:stable;overflow-y:scroll}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}#services,#mechanics,#impact,#faq,#contact{scroll-margin-block-start:var(--nav-offset)}body{background:radial-gradient(1200px 800px at 80% -10%, #59bfc829, transparent 60%), radial-gradient(900px 700px at -10% 20%, #16763a1a, transparent 60%), radial-gradient(700px 600px at 60% 100%, #e3d4301f, transparent 60%), var(--surface-page)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--c-green);outline-offset:3px;border-radius:8px}.starfield{z-index:0;pointer-events:none;opacity:.7;position:fixed;inset:0;overflow:hidden}.starfield:before{content:"";will-change:transform;background:radial-gradient(3px 3px at 20% 30%,#16763a38,#0000 60%) 0 0/900px 900px,radial-gradient(3px 3px at 70% 60%,#59bfc83d,#0000 60%) 0 0/700px 700px,radial-gradient(4px 4px at 40% 80%,#e3d43047,#0000 60%) 0 0/1100px 1100px,radial-gradient(3px 3px at 85% 20%,#d94b4b29,#0000 60%) 0 0/800px 800px,radial-gradient(3px 3px at 10% 70%,#16763a2e,#0000 60%) 0 0/600px 600px;animation:120s linear infinite starDrift;position:absolute;inset:-12%}@keyframes starDrift{to{transform:translate(90px,60px)}}.grain{display:none}.glass{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card-md);box-shadow:var(--shadow-card)}.glass-strong{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card-lg);box-shadow:var(--shadow-card)}.crystal{border:1px solid var(--border-muted);border-radius:var(--radius-card-lg);box-shadow:var(--shadow-card);background:linear-gradient(160deg,#fff,#f4faf6);position:relative;overflow:hidden}.crystal:before{content:"";background:linear-gradient(120deg,#0000 30%,#ffffffe6 50%,#0000 70%);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.crystal:hover:before{transform:translate(100%)}.btn{letter-spacing:.2px;border:1px solid #0000;border-radius:999px;align-items:center;gap:.6rem;padding:.9rem 1.6rem;font-weight:600;transition:transform .25s,box-shadow .3s,background .3s;display:inline-flex;position:relative}.btn-primary{background:var(--color-green);color:var(--text-inverse);box-shadow:0 10px 26px -10px #16763a73,inset 0 0 0 1px #ffffff2e}.btn-primary:hover{background:var(--color-green-dark);transform:translateY(-2px);box-shadow:0 14px 32px -12px #16763a80}.btn-ghost{background:var(--surface-card);border:1px solid var(--color-green-border);color:var(--c-green)}.btn-ghost:hover{background:var(--color-green-soft);border-color:var(--color-green)}.text-glow-c,.text-glow-y{text-shadow:none}.gradient-text{color:var(--color-green);background:0 0}.nav{z-index:50;top:0;transition:all .35s;position:fixed;inset-inline:0}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex}.nav.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-muted);background:#ffffffd9;box-shadow:0 10px 30px -20px #0e241a40}.nav-links{color:var(--text-secondary);gap:1.4rem;font-size:.92rem;display:flex}.nav-links a{padding:.3rem 0;transition:color .2s;position:relative}.nav-links a:hover{color:var(--c-green)}.nav-links a.active{color:var(--c-white)}.nav-links a.active:after{content:"";background:var(--c-green);height:2px;box-shadow:0 0 12px var(--c-green);inset-inline:0;border-radius:2px;position:absolute;bottom:-6px}.nav-progress{background:linear-gradient(90deg, var(--c-green), var(--c-cyan));transform-origin:100%;inset-inline:0;height:2px;position:absolute;bottom:0;transform:scaleX(0)}[dir=ltr] .nav-progress{transform-origin:0}.brand{letter-spacing:.3px;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800;display:flex}.brand-mark{width:72px;height:72px;position:relative}.brand-mark:before{content:"";z-index:2;background-image:url(/assets/images/logo-01.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.language-switcher{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:999px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.language-switcher button{appearance:none;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.45rem .85rem;font-size:.8rem;font-weight:600;line-height:1;transition:background .2s,color .2s}.language-switcher button:hover{color:var(--text-primary)}.language-switcher button:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.language-switcher button[aria-pressed=true]{background:var(--color-green-soft);color:var(--ink-green)}.mobile-language-switcher{align-self:center;margin-top:.4rem}.mobile-language-switcher button{padding:.6rem 1.1rem;font-size:.95rem}.cta-arrow{display:inline-block}[dir=ltr] .cta-arrow{transform:scaleX(-1)}.menu-btn{background:var(--surface-card);border:1px solid var(--border-muted);width:42px;height:42px;color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;display:none;box-shadow:0 8px 20px -14px #0e241a4d}.mobile-menu{z-index:60;background:radial-gradient(circle at 50% 30%,#59bfc824,#0000 60%),#eaf7effa;flex-direction:column;gap:1.2rem;padding:6rem 2rem 2rem;display:none;position:fixed;inset:0}.mobile-menu.open{animation:.4s fadeIn;display:flex}.mobile-menu a{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:14px;justify-content:space-between;align-items:center;padding:1rem 1.2rem;font-size:1.2rem;display:flex;box-shadow:0 10px 24px -18px #0e241a40}.mobile-menu a .quest{color:var(--c-cyan);font-size:.75rem}.close-btn{background:var(--surface-card);border:1px solid var(--border-muted);width:42px;height:42px;color:var(--text-primary);top:1.2rem;border-radius:10px;position:absolute;inset-inline-start:1.2rem;box-shadow:0 8px 20px -14px #0e241a4d}@media (width<=900px){.nav-links{display:none}.menu-btn{display:inline-flex}.nav .btn,.nav-language-switcher{display:none}}.hero{min-height:min(860px, calc(100vh - var(--nav-offset)));padding:clamp(6.5rem, 10vw, 8.5rem) var(--page-pad-inline) var(--space-section-y);max-width:var(--page-max-width);z-index:2;grid-template-columns:1.05fr 1fr;align-items:center;gap:3rem;margin:0 auto;display:grid;position:relative}.hero h1{margin:0 0 1.2rem;font-size:clamp(2rem,4.4vw,3.6rem);font-weight:800;line-height:1.25}.hero p.lead{color:var(--text-secondary);max-width:640px;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.9}.hero .stats{flex-wrap:wrap;gap:1.2rem;margin-top:2rem;display:flex}.hero .stat{min-width:180px;padding:1rem 1.2rem}.hero .stat b{color:var(--c-green);font-size:1.6rem;font-family:var(--font-en);display:block}.hero .stat span{color:var(--text-secondary);font-size:.85rem}@media (width<=960px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:7rem}.hero-scene{order:-1;height:420px}}section{z-index:2;padding:var(--space-section-y) var(--page-pad-inline);max-width:var(--page-max-width);margin:0 auto;position:relative}.eyebrow{background:var(--color-green-soft);border:1px solid var(--color-green-border);color:var(--c-green);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem .8rem;font-size:.8rem;display:inline-flex}.eyebrow .pip{background:var(--c-green);width:6px;height:6px;box-shadow:0 0 10px var(--c-green);border-radius:50%}h2.section-title{margin:0 0 .8rem;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;line-height:1.3}.section-sub{color:var(--text-secondary);max-width:720px;line-height:1.8}footer{z-index:2;padding:clamp(3.5rem, 6vw, 5.5rem) var(--page-pad-inline) 2rem;border-top:1px solid var(--border-muted);background:linear-gradient(180deg, transparent, var(--surface-section));position:relative}.foot-grid{max-width:var(--page-max-width);grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;margin:0 auto;display:grid}@media (width<=900px){.foot-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.foot-grid{grid-template-columns:1fr}}.foot h4{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.9rem;font-weight:600}.foot ul{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.foot ul li a{color:var(--text-secondary);font-size:.9rem;transition:color .2s}.foot ul li a:hover{color:var(--c-cyan)}.foot .desc{color:var(--text-secondary);margin-top:1rem;font-size:.9rem;line-height:1.8}.foot-bottom{max-width:var(--page-max-width);border-top:1px solid var(--border-muted);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:3rem auto 0;padding-top:1.5rem;font-size:.85rem;display:flex}.back-top{background:var(--surface-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:48px;height:48px;color:var(--ink-cyan);z-index:40;bottom:1.4rem;border:1px solid #59bfc859;border-radius:14px;place-items:center;transition:all .3s;display:none;position:fixed;inset-inline-end:1.4rem;box-shadow:0 14px 30px -16px #0e241a59}.back-top.show{display:grid}.back-top:hover{background:#59bfc826;transform:translateY(-3px)}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.reveal.on{opacity:1;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}html.tvl-lock body{width:100%;position:fixed;inset:0}.tvl-root{z-index:150;background:#000;width:100%;height:100dvh;transition:opacity .75s;position:fixed;inset:0;overflow:hidden}.tvl-root.is-exiting{opacity:0;pointer-events:none}.tvl-bg{z-index:0;position:absolute;inset:0}.tvl-bg__fallback{background:radial-gradient(circle at 50% 45%,#16763a38,#59bfc81f 45%,#000 78%),#000;position:absolute;inset:0}.tvl-bg__video{object-fit:cover;object-position:center center;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.tvl-bg__video.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){.tvl-root,.tvl-root *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{max-inline-size:100%;overflow-x:clip}img,svg,video,canvas{max-inline-size:100%}@supports not (overflow-x:clip){html,body{overflow-x:hidden}}@media (width<=1100px){.prod-hero{grid-template-columns:1fr;overflow:clip}.prod-hero-scene{inline-size:100%;max-inline-size:720px;margin-inline:auto;overflow:clip}.prod-hero-art{inset-inline:0}.prod-hero-art img{inline-size:min(100%,640px);max-inline-size:100%}}@media (width<=640px){.prod-hero{padding-inline:16px}.prod-hero-scene{height:clamp(300px,82vw,420px);min-height:300px}.prod-hero-art{inset:0}.prod-hero-art img{inline-size:100%;max-inline-size:100%}.challenge-core{overflow:hidden}.feature-core__skin{inline-size:min(188%,430px)}}@media (width<=420px){.feature-core__skin{inline-size:min(172%,380px)}}@media (width<=680px){.protection-system--constellation{inline-size:100%}.shield-image-card{grid-template-columns:clamp(52px,17vw,66px) minmax(0,1fr);gap:.75rem;min-block-size:auto;inline-size:100%;max-inline-size:calc(100vw - 32px);padding:.95rem;inset-inline:auto;overflow:hidden;translate:none}.shield-image-card:hover,.shield-card--local:hover{translate:0 -4px}.shield-image-core{justify-self:center;inline-size:min(326px,100vw - 32px);inset-inline:auto;translate:none}.shield-image-core:hover{translate:0 -4px}.shield-image-copy{min-inline-size:0}.shield-image-copy strong,.shield-image-copy p{overflow-wrap:anywhere}.shield-image-copy small,.shield-image-core-copy small{white-space:normal;min-inline-size:0;max-inline-size:100%}}@media (width<=360px){.shield-image-card{grid-template-columns:48px minmax(0,1fr);inline-size:calc(100vw - 80px);max-inline-size:calc(100vw - 80px);padding:.82rem}.shield-image-core{inline-size:min(280px,100vw - 80px)}.shield-image-icon{block-size:48px;inline-size:48px}.shield-image-icon svg{block-size:26px;inline-size:26px}}@media (width<=900px){.mobile-menu{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;block-size:100dvh;max-block-size:100dvh;padding-block:max(5.35rem, calc(env(safe-area-inset-top) + 4.85rem)) max(1.35rem, calc(env(safe-area-inset-bottom) + 1rem));align-items:stretch;padding-inline:clamp(1rem,5vw,2rem);overflow-y:auto}body:has(.mobile-menu.open){overflow:hidden}.close-btn{z-index:2;block-size:44px;inline-size:44px;place-items:center;display:grid;position:fixed;inset-block-start:max(1rem, env(safe-area-inset-top));inset-inline-start:clamp(1rem,4vw,1.25rem)}.mobile-menu a{overflow-wrap:anywhere;min-block-size:62px;padding-block:1rem;padding-inline:clamp(1rem,5vw,1.25rem);font-size:clamp(1.05rem,4.8vw,1.25rem);line-height:1.45}}@media (width<=640px){.nav-inner{gap:.65rem;padding-block:.72rem;padding-inline:1rem}.brand{gap:.45rem;min-inline-size:0;font-size:1rem}.brand-mark{flex:0 0 64px;block-size:64px;inline-size:64px}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-btn{flex:0 0 44px;block-size:44px;inline-size:44px}.core-products-grid{gap:.9rem;max-inline-size:720px;margin-block-start:1.7rem;margin-inline:auto}.core-product-card{min-inline-size:0;padding:clamp(1.05rem,4vw,1.35rem)}.core-product-card__tag{white-space:normal;font-size:.86rem;line-height:1.45}.core-product-card h3{overflow-wrap:anywhere;font-size:clamp(1.2rem,4.8vw,1.48rem);line-height:1.35}.core-product-card p,.core-product-card li{overflow-wrap:anywhere;font-size:clamp(.9rem,3.6vw,.98rem);line-height:1.75}.tp-redesign-shell{width:min(100% - 32px,420px)}.tp-timeline{padding-inline:0}.tp-timeline-line,.tp-timeline-line:before,.tp-timeline-line:after,.tp-timeline-node{inset-inline-start:24px}.tp-timeline-node{translate:-50% -50%}.tp-timeline-item{padding-inline-start:58px}.tp-timeline-card,.tp-timeline-item[data-side=right] .tp-timeline-card,.tp-timeline-item[data-side=left] .tp-timeline-card{grid-template-columns:40px minmax(0,1fr);gap:.6rem;inline-size:100%;max-inline-size:100%;padding:.75rem}.tp-timeline-icon{block-size:40px;inline-size:40px}.tp-timeline-icon svg{block-size:22px;inline-size:22px}.tp-timeline-copy h3{overflow-wrap:anywhere;text-wrap:wrap;font-size:clamp(1rem,5.1vw,1.2rem);line-height:1.35}.tp-timeline-copy p{overflow-wrap:anywhere;text-wrap:wrap;font-size:clamp(.78rem,3.9vw,.88rem);line-height:1.65}}@media (width<=380px){.nav-inner{padding-inline:.8rem}.brand-mark{flex-basis:58px;block-size:58px;inline-size:58px}.brand span:last-child{font-size:.94rem}.core-products-grid{max-inline-size:calc(100vw - 32px)}.tp-redesign-shell{width:min(100% - 24px,380px)}.tp-timeline-item{padding-inline-start:50px}.tp-timeline-line,.tp-timeline-line:before,.tp-timeline-line:after,.tp-timeline-node{inset-inline-start:20px}}.nav-dropdown{position:relative}.nav-dropdown-trigger{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.3rem 0;display:inline-flex}.nav-dropdown-trigger:hover{color:var(--c-green)}.nav-dropdown.open .nav-dropdown-trigger{color:var(--c-white)}.nav-dropdown-caret{transition:transform .2s}.nav-dropdown.open .nav-dropdown-caret{transform:rotate(180deg)}.nav-dropdown-panel{padding-top:1.4rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-default);opacity:0;pointer-events:none;z-index:60;padding-inline:.5rem;background:#fffffff7;border-radius:14px;gap:.2rem;min-width:220px;padding-bottom:.5rem;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 20px 40px -20px #0e241a4d}.nav-dropdown.open .nav-dropdown-panel{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-dropdown-panel a{color:var(--text-secondary);border-radius:9px;padding:.6rem .75rem;font-size:.88rem;display:block}.nav-dropdown-panel a:hover{background:var(--color-green-soft);color:var(--c-green)}@media (width<=900px){.nav-dropdown-panel{display:none}}