:root{--navy:#061a2b;--navy2:#0d416a;--paper:#f4f7f9;--ink:#0c2d49;--steel:#60788c;--red:#e53d32;--white:#f7fafc;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Kufi Arabic",sans-serif;line-height:1.8}html[lang=en] body{font-family:"Roboto Condensed",sans-serif}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font:inherit}.product-header{position:sticky;z-index:20;top:0;background:rgba(6,26,43,.9);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)}.product-header-inner{max-width:var(--max);height:76px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.product-brand{width:138px}.product-brand img{width:100%}.product-nav{display:flex;align-items:center;gap:22px;direction:rtl;font-size:.78rem;font-weight:700}.product-nav a:hover{color:#ff746a}.lang-toggle{border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;padding:.4rem .7rem;cursor:pointer}.product-main{max-width:1450px;margin:auto;background:#fff}.product-hero{min-height:560px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;direction:ltr;color:#fff;background:radial-gradient(circle at 72% 45%,#124e7d 0,#082a45 42%,#061a2b 72%);overflow:hidden}.product-hero-copy{direction:rtl;padding:110px clamp(30px,5vw,76px) 60px}.product-kicker{color:#8fc2df;font:700 .8rem "Roboto Condensed";letter-spacing:.14em}.product-hero h1{font:700 clamp(2.8rem,5.5vw,5.8rem)/1 "Roboto Condensed";margin:.5rem 0}.product-hero h2{font-size:clamp(1.4rem,2.2vw,2.3rem);line-height:1.5;margin:.2rem 0 1rem}.product-hero p{max-width:52ch;color:#cad8e2;font-size:.86rem}.product-actions{display:flex;gap:.7rem;margin-top:1.4rem}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1rem;font-weight:700;font-size:.75rem}.primary{background:var(--red)}.ghost{border:1px solid #9db1bf}.product-hero-media{height:100%;display:grid;place-items:center;padding:80px 3vw 30px}.product-hero-media img{width:100%;max-height:470px;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.28))}.section{padding:70px clamp(24px,5vw,70px)}.section-inner{max-width:var(--max);margin:auto}.section-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem;margin-bottom:2rem}.section-heading h2{font-size:clamp(1.7rem,2.7vw,2.8rem);margin:0}.section-heading span{width:45px;height:4px;background:var(--red)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.intro-grid p{color:#526b7e}.feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cad7df;margin-top:2rem}.feature-card{background:#fff;padding:1.4rem}.feature-card i{font-size:2rem;color:var(--navy2)}.feature-card h3{font-size:.88rem;margin:.55rem 0}.feature-card p{font-size:.68rem;margin:0;color:var(--steel)}.spec-section{background:#eaf1f5}.spec-table{width:100%;border-collapse:collapse;background:#fff}.spec-table th,.spec-table td{padding:.85rem 1rem;border:1px solid #cedae2;text-align:start;font-size:.76rem}.spec-table th{width:42%;background:#0d416a;color:#fff}.application-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:stretch}.application-media{min-height:360px;background:#edf3f6;display:grid;place-items:center;overflow:hidden}.application-media img{width:100%;height:100%;object-fit:contain}.application-copy{padding:2rem;background:var(--navy);color:#fff}.application-copy h3{font-size:1.5rem;margin-top:0}.application-copy ul{padding-inline-start:1.2rem;color:#cedae2}.application-copy li{margin:.65rem 0}.product-cta{padding:55px 30px;text-align:center;color:#fff;background:#0d416a}.product-cta h2{font-size:clamp(1.5rem,2.4vw,2.5rem);margin:0 0 .5rem}.product-cta p{margin:0 auto 1.2rem;max-width:58ch;color:#d1dee7}.product-footer{text-align:center;padding:1rem;background:#061a2b;color:#c6d3dc;font:400 .62rem "Roboto Condensed"}.mobile-back{display:none}
@media(max-width:850px){.product-nav a:not(.mobile-back){display:none}.mobile-back{display:inline}.product-header-inner{height:66px;padding:0 18px}.product-brand{width:110px}.product-hero{grid-template-columns:1fr;min-height:0}.product-hero-copy{padding:110px 24px 25px}.product-hero-media{height:340px;padding:15px 20px 35px}.intro-grid,.application-grid{grid-template-columns:1fr}.feature-cards{grid-template-columns:1fr 1fr}.section{padding:48px 20px}.application-media{min-height:280px}}
.product-brand{width:158px;display:flex;align-items:center;background:#fff;padding:4px 9px;border-radius:2px}.product-brand img{display:block;width:100%;height:auto}
@media(max-width:850px){.product-brand{width:118px;padding:3px 7px}}
.product-nav{font-size:.86rem;gap:18px}.lang-toggle{font-size:.78rem}.product-kicker{font-size:.86rem}.product-hero p{font-size:.92rem}.primary,.ghost{font-size:.8rem}.intro-grid p{font-size:.95rem}.feature-card h3{font-size:.94rem}.feature-card p{font-size:.76rem;line-height:1.65}.spec-table th,.spec-table td{font-size:.82rem}.application-copy li{font-size:.94rem}.product-cta p{font-size:.95rem}.product-footer{font-size:.7rem}
.motion-ready [data-reveal]:not(.is-visible){opacity:0;transform:translate3d(0,24px,0)}[data-reveal]{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.product-hero-copy,.product-hero-media img,.intro-grid img,.application-media img,.feature-card{will-change:transform}.primary,.ghost,.lang-toggle,.product-nav a{transition:transform .22s cubic-bezier(.22,1,.36,1),color .22s cubic-bezier(.22,1,.36,1),background .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}.primary:hover,.ghost:hover,.lang-toggle:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(6,26,43,.16)}.primary:active,.ghost:active,.lang-toggle:active{transform:translateY(0) scale(.98)}.product-hero-media img,.intro-grid img,.application-media img{transition:transform .75s cubic-bezier(.22,1,.36,1),filter .75s cubic-bezier(.22,1,.36,1)}.product-hero-media:hover img,.intro-grid figure:hover img,.application-media:hover img{transform:scale(1.025)}.feature-card{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1)}.feature-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(13,65,106,.12)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(max-width:480px){.feature-cards{grid-template-columns:1fr}.product-actions{flex-direction:column}.product-hero h1{font-size:3rem}}