@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

@font-face{font-family:"Archivo fallback";src:local("Arial"),local("Helvetica Neue"),local("Roboto");size-adjust:99.64%}
@font-face{font-family:"Plex Sans fallback";src:local("Arial"),local("Helvetica Neue"),local("Roboto");size-adjust:102.98%}

.brand img.mark{width:auto;height:34px;flex:none}
.brand .txt i{white-space:nowrap}
.foot-logo{display:block;width:min(210px,64%);height:auto;margin-bottom:18px}
footer .fb img.fbmark{width:auto;height:21px;flex:none}
.madeby{color:var(--steel-lo);font-size:.82rem}
.madeby a{color:var(--acc-lite);border-bottom:1px solid rgba(255,125,66,.4);padding-bottom:1px;transition:border-color .25s}
.madeby a:hover{border-color:var(--acc-lite)}
.foot-legal{margin-top:16px;padding-top:26px;border-top:1px solid var(--line);font-size:.86rem;color:var(--steel);display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline}
.legal-links{margin-left:auto}
.legal-links a{color:var(--steel);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:1px}
.legal-links a:hover,.legal-links a:focus-visible{color:var(--ink);border-bottom-color:var(--acc)}
@media (max-width:640px){.legal-links{margin-left:0}}
.foot-legal.wrap{justify-content:flex-start}

.nav-links{display:flex;align-items:center;gap:clamp(14px,1.8vw,26px)}
.nav-links a{font-family:"IBM Plex Sans","Plex Sans fallback",system-ui,sans-serif;font-size:.84rem;font-weight:600;
  color:var(--steel);white-space:nowrap;padding:7px 0;position:relative;transition:color .25s}
.nav-links a:hover{color:var(--bone)}
.nav-links a[aria-current="page"]{color:var(--acc-lite)}
.nav-links a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:0;
  height:1px;background:var(--acc-lite)}

.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;
  background:none;border:1px solid var(--line-2);border-radius:var(--r);color:var(--bone);
  cursor:pointer;padding:0;transition:border-color .25s}
.burger:hover{border-color:var(--bone)}
.burger i{display:block;position:relative;width:17px;height:1.5px;background:currentColor;
  transition:background .2s}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:17px;height:1.5px;
  background:currentColor;transition:transform .3s}
.burger i::before{top:-5.5px}
.burger i::after{top:5.5px}
body.drawer-open .burger i{background:transparent}
body.drawer-open .burger i::before{transform:translateY(5.5px) rotate(45deg)}
body.drawer-open .burger i::after{transform:translateY(-5.5px) rotate(-45deg)}

.drawer{position:fixed;inset:0;z-index:118;background:rgba(10,11,12,.985);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  display:flex;flex-direction:column;justify-content:safe center;
  padding:104px clamp(22px,5vw,64px) 40px;overflow-y:auto;-webkit-overflow-scrolling:touch;
  opacity:0;visibility:hidden;transform:translateY(-14px);
  transition:opacity .38s ease,transform .38s cubic-bezier(.2,.8,.2,1),visibility .38s}
@media (max-height:760px){
  .drawer{justify-content:flex-start;padding-top:88px}
  .drawer nav a{font-size:clamp(1.25rem,5.2vw,1.7rem);padding:.28em 0}
}
.drawer.open{opacity:1;visibility:visible;transform:none}
.drawer nav{display:flex;flex-direction:column;gap:2px;max-width:var(--maxw);width:100%;margin:0 auto}
.drawer nav a{font-family:"Archivo","Archivo fallback",system-ui,sans-serif;font-variation-settings:'wdth' 112;
  font-weight:800;text-transform:uppercase;letter-spacing:-.01em;
  font-size:clamp(1.5rem,6.4vw,2.3rem);color:var(--bone);line-height:1.06;
  padding:.36em 0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:14px;
  transition:color .25s}
.drawer nav a:hover{color:var(--acc-lite)}
.drawer nav a[aria-current="page"]{color:var(--acc-lite)}
.drawer nav a .n{font-family:"IBM Plex Mono",monospace;font-size:.58rem;font-weight:400;
  letter-spacing:.14em;color:var(--steel-lo);flex:none;text-transform:none}
.drawer nav a.drawer-dl{color:var(--acc-lite);border-bottom:none;margin-top:14px;align-items:center}
.drawer nav a.drawer-dl .n{display:inline-flex}
.drawer nav a.drawer-dl .n svg{width:20px;height:20px}
:lang(ja) .drawer nav a,:lang(ko) .drawer nav a,:lang(zh) .drawer nav a{
  text-transform:none;letter-spacing:0;font-variation-settings:'wdth' 100}

.foot-nav{border-top:1px solid var(--line);padding:clamp(44px,6vw,68px) 0 0}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(28px,5vw,64px)}
.foot-grid h4{font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--steel-lo);margin:0 0 16px;font-weight:400}
.foot-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.foot-grid a{color:var(--steel);font-size:.92rem;transition:color .25s}
.foot-grid a:hover{color:var(--acc-lite)}
.foot-brand .mk{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.foot-brand .mk svg{width:26px;height:26px;color:var(--acc-lite);flex:none}
.foot-brand .mk b{font-family:"Archivo","Archivo fallback",sans-serif;font-variation-settings:'wdth' 112;font-weight:800;
  text-transform:uppercase;letter-spacing:.04em;color:var(--bone);font-size:1rem}
.foot-brand p{color:var(--steel);font-size:.92rem;margin:0 0 16px;max-width:38ch}
.foot-contact{display:flex;flex-direction:column;gap:9px;font-size:.92rem}
.foot-contact a,.foot-contact span{color:var(--steel);display:flex;align-items:flex-start;gap:9px}
.foot-contact a:hover{color:var(--acc-lite)}
.foot-contact svg{width:14px;height:14px;color:var(--acc-lite);flex:none;margin-top:4px}
.foot-social{display:flex;gap:10px;margin-top:20px;margin-bottom:12px}
.foot-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border:1px solid var(--line-2);border-radius:9px;color:var(--steel);transition:color .25s,border-color .25s,background .25s}
.foot-social a:hover{color:var(--acc-lite);border-color:var(--acc-lite);background:rgba(242,83,30,.08)}
.foot-social svg{width:18px;height:18px}
.foot-social a[aria-label*="Google"] svg{width:16px;height:16px}
.foot-social a[aria-label*="Google"]:hover{border-color:var(--acc-lite);background:rgba(242,83,30,.08)}

@media (min-width:1101px){
  .nav-links{gap:clamp(13px,1.4vw,22px)}
  .nav-links a{font-size:.82rem}
}
@media (min-width:1101px) and (max-width:1210px){
  .nav-right{gap:7px}
  .nav-links a{font-size:.78rem}
  .nav-links{gap:clamp(11px,1.15vw,18px)}
}

header .dl-btn{display:none}

.brand{flex:none}
.brand .txt{white-space:nowrap}

@media (max-width:1100px){
  .nav-links{display:none}
  .burger{display:inline-flex}
  .brand{flex:0 1 auto;min-width:0}
  .nav,.nav-right{min-width:0}
  .brand .txt{overflow:hidden;text-overflow:ellipsis}
  .nav{gap:10px}
  .nav-right{gap:8px;flex:none}
}
@media (max-width:640px){
  .brand .txt{display:none}
  .brand img.mark{height:30px}
  .nav .enq span{display:none}
  .nav .enq{padding:.72em .9em}
  .lang-btn{padding:.72em .74em;font-size:.8rem}
  .lang-btn svg.chev{display:none}
}
@media (max-width:380px){
  .nav{gap:6px}
  header .wrap.nav{padding-left:14px;padding-right:14px}
  .nav-right{gap:6px}
  .lang-btn svg.globe{display:none}
  .nav .enq{padding:.66em .78em}
  .burger{width:40px;height:40px}
}
@media (max-width:860px){
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-brand{grid-column:1 / -1}
}
@media (max-width:520px){
  .foot-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .drawer{transition:none}
  .burger i,.burger i::before,.burger i::after{transition:none}
}

:lang(ar){font-family:"IBM Plex Sans Arabic","IBM Plex Sans","Plex Sans fallback",system-ui,sans-serif}
:lang(ar) h1,:lang(ar) h2,:lang(ar) h3,:lang(ar) .display,:lang(ar) .h2,
:lang(ar) .brand .txt,:lang(ar) .drawer nav a,:lang(ar) footer b,:lang(ar) .foot-brand .mk b{
  font-family:"IBM Plex Sans Arabic","IBM Plex Sans","Plex Sans fallback",sans-serif !important;
  text-transform:none;letter-spacing:0;font-variation-settings:normal;font-weight:700;line-height:1.3}
:lang(ar) .mono,:lang(ar) .kick .mono,:lang(ar) .gk,:lang(ar) .foot-grid h4{
  font-family:"IBM Plex Sans Arabic","IBM Plex Mono",monospace;letter-spacing:0;text-transform:none}
:lang(ar) .lang-btn .code,:lang(ar) .dims-grid .v,:lang(ar) .rdims b,:lang(ar) .coe-list .mc{letter-spacing:normal}

[dir="rtl"] .lang-menu{right:auto;left:0}
[dir="rtl"] .nav-links a[aria-current="page"]::after{left:0;right:0}
[dir="rtl"] .drawer nav a .n{margin-left:0}
[dir="rtl"] .foot-contact svg,[dir="rtl"] .cdetail svg{margin-right:0}
[dir="rtl"] .spec-grid .v,[dir="rtl"] .shot .cap{text-align:right}
[dir="rtl"] .unit-toggle{direction:ltr}

@media (max-width:860px){
  .foot-grid{display:flex;flex-direction:column;gap:34px}
  .foot-brand{order:3}
  .foot-brand p{max-width:none}
  .foot-social{margin-top:22px}
}
@media (max-width:700px){
  footer{padding-top:30px}
  footer .wrap{flex-direction:column;align-items:flex-start;gap:10px}
  .madeby{margin-top:2px}
  .foot-legal{margin-top:24px;padding-top:22px}
  footer .fb{align-items:flex-start}
  footer .fb img.fbmark{margin-top:3px}
}

.enqbar.enqbar-off{opacity:0;transform:translateY(105%);pointer-events:none}
.enqbar{transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){ .enqbar{transition:none} }

header{padding-top:env(safe-area-inset-top,0px)}
header .wrap.nav{padding-left:max(14px,env(safe-area-inset-left,0px));
  padding-right:max(14px,env(safe-area-inset-right,0px))}
.enqbar{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}
.drawer{padding-top:calc(104px + env(safe-area-inset-top,0px));
  padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}

@media (max-width:640px){
  .brand img.mark{height:34px}
}

@media (max-width:900px){
  .nav{height:62px}
  .brand img.mark{height:32px}
  .burger{width:40px;height:40px}
  .nav .enq{padding:.62em .82em}
  .lang-btn{padding:.62em .68em}
  .drawer{padding-top:calc(88px + env(safe-area-inset-top,0px))}
}
@media (max-width:380px){
  .nav{height:58px}
  .brand img.mark{height:29px}
  .burger{width:36px;height:36px}
  .drawer{padding-top:calc(82px + env(safe-area-inset-top,0px))}
}

@media (max-width:900px){
  header.solid{background:#0a0b0c;-webkit-backdrop-filter:none;backdrop-filter:none}
  body:not(.home) header{background:#0a0b0c;-webkit-backdrop-filter:none;backdrop-filter:none}
}

.drawer nav a{overflow-wrap:anywhere;min-width:0}
@media (max-width:360px){
  .drawer nav a{font-size:clamp(1.25rem,5.6vw,1.6rem)}
}

body.solidnav header{background:rgba(10,11,12,.82);-webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);border-color:var(--line)}
@media (max-width:900px){
  body.solidnav header{background:#0a0b0c;-webkit-backdrop-filter:none;backdrop-filter:none}
}

.skip-link{position:absolute;left:0;top:0;z-index:200;
  clip-path:inset(50%);
  background:var(--acc);color:#0a0b0c;padding:12px 18px;border-radius:0 0 4px 0;
  font:600 14px/1 'IBM Plex Sans',system-ui,sans-serif;text-decoration:none}
.skip-link:focus{clip-path:none}
#content{display:block;height:0}
.foot-h{font:500 12px/1.3 'IBM Plex Mono',monospace !important;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin:0 0 14px}