/*
Theme Name: UnifiAccess
Theme URI: https://unifiaccess.com/
Author: UnifiAccess Industrial Company
Description: One-page bilingual (EN/AR) corporate theme, fully editable from UnifiAccess Site in the dashboard for UnifiAccess: smart parking, vehicle and people access, smart lockers and the 360 cloud platform. Self-contained: all fonts, images and datasheets are local.
Version: 1.3.9
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: unifiaccess
License: Proprietary
*/

:where(img[width][height]){height:auto}

@font-face{font-family:"Lato";font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/lato-300-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Lato";font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/lato-300-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/lato-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/lato-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/lato-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/lato-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Lato";font-style:normal;font-weight:900;font-display:swap;src:url(assets/fonts/lato-900-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Lato";font-style:normal;font-weight:900;font-display:swap;src:url(assets/fonts/lato-900-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Pirulen";src:url(assets/fonts/pirulen.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Frutiger LT Arabic";src:url(assets/fonts/frutiger-45.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Frutiger LT Arabic";src:url(assets/fonts/frutiger-55.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Frutiger LT Arabic";src:url(assets/fonts/frutiger-65.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Frutiger LT Arabic";src:url(assets/fonts/frutiger-75.woff2) format("woff2");font-weight:900;font-display:swap}
/* Layout concept: a Saudi industrial flagship. Deep-petrol stage for the showcase, paper-white catalogue pages,
   the brand's angular "A" stroke as the recurring graphic, Pirulen kept for labels, codes and figures. */
:root{
  --ink:#05282E; --ink-2:#0A3740; --teal:#3E6773; --sky:#6DACBE; --slate:#323744;
  --paper:#F4F7F8; --mist:#E4ECEF; --white:#FFFFFF; --muted:#5D7278;
  --line:rgba(5,40,46,.10); --line-2:rgba(5,40,46,.18); --line-d:rgba(109,172,190,.20);
  --olive:#AED68C; --sm-green:#156839;
  --f-disp:"Pirulen","Michroma","Bank Gothic",Arial,sans-serif;
  --f-en:"Lato","Helvetica Neue",Arial,sans-serif;
  --f-ar:"Frutiger LT Arabic","DIN Next LT Arabic",Tahoma,sans-serif;
  /* type scale (1.25 major third, capped) */
  --t-xs:12px; --t-sm:14px; --t-md:16px; --t-lg:18px; --t-xl:clamp(20px,1.6vw,22px);
  --t-h3:clamp(20px,1.7vw,24px); --t-h2:clamp(28px,2.9vw,40px); --t-h1:clamp(34px,4vw,54px);
  --maxw:1240px; --r:16px; color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--slate);font-family:var(--f-en);font-size:var(--t-md);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html,body{overflow-x:clip}
.hp{position:absolute!important;inset:0 auto auto 0;width:1px!important;height:1px!important;padding:0!important;border:0!important;margin:0!important;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:80;background:var(--white)}
[dir="rtl"] body{font-family:var(--f-ar)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit}
:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media (max-width:560px){.wrap{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}}
h1,h2,h3,h4{margin:0;color:var(--ink);text-wrap:balance;font-weight:300;letter-spacing:-.01em}
h1 b,h2 b,h3 b{font-weight:900}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{letter-spacing:0}
h2{font-size:var(--t-h2);line-height:1.18}
h3{font-size:var(--t-h3);line-height:1.3}
p{margin:0}
.label{font-family:var(--f-disp);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);display:inline-flex;align-items:center;gap:12px}
.label::before{content:"";width:24px;height:2px;background:var(--sky);flex:none}
[dir="rtl"] .label{font-family:var(--f-ar);font-weight:700;letter-spacing:0;font-size:13px}
.lead{font-size:var(--t-lg);color:var(--muted);font-weight:300;line-height:1.65;max-width:58ch}
.sec{padding-block:clamp(72px,9vw,128px)}
.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 72px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.head>div{display:grid;gap:18px}
@media (max-width:880px){.head{grid-template-columns:1fr}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding-inline:26px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:15px;letter-spacing:.01em;transition:background .25s,color .25s,border-color .25s,transform .25s;white-space:nowrap}
.btn svg{width:16px;height:16px;transition:transform .25s}
.btn:hover svg{transform:translateX(3px)}
[dir="rtl"] .btn svg{transform:scaleX(-1)}
[dir="rtl"] .btn:hover svg{transform:scaleX(-1) translateX(3px)}
.b-sky{background:var(--sky);color:var(--ink)}.b-sky:hover{background:var(--white)}
.b-ink{background:var(--ink);color:var(--white)}.b-ink:hover{background:var(--teal)}
.b-ghost{border-color:rgba(255,255,255,.32);color:var(--white)}.b-ghost:hover{border-color:var(--white);background:rgba(255,255,255,.06)}
.b-line{border-color:var(--line-2);color:var(--ink)}.b-line:hover{border-color:var(--ink)}
.disp{font-family:var(--f-disp);font-weight:400;letter-spacing:.02em}
/* animated line icons */
.ai{width:28px;height:28px;flex:none}
.ai *{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ai .acc{stroke:var(--sky)}
.draw .ai *{stroke-dasharray:100;animation:draw 1.4s cubic-bezier(.6,0,.2,1) both}
.draw .ai .acc{animation-delay:.35s}
@keyframes draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.ai .pulse-dot{animation:pd 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes pd{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.draw .ai *,.ai .pulse-dot{animation:none!important}}
/* photo slot: shows the image when present, a designed fallback otherwise */
.ph{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 70% 20%,var(--ink-2),var(--ink));isolation:isolate}
.ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.ph .fb{position:absolute;inset:0;display:grid;place-items:center}
.ph .fb svg{height:82%;width:auto;max-width:90%}

/* ---------- Utility + header ---------- */
.util{background:var(--ink);color:rgba(255,255,255,.72);font-size:12.5px}
.util .wrap{display:flex;align-items:center;gap:24px;height:38px}
.util span{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
.util .sp{margin-inline-start:auto}
.util b{font-weight:700;color:var(--white)}
.util .lang{background:none;border:0;color:var(--white);font-weight:700;padding:4px 8px;border-radius:6px}
.util .lang:hover{background:rgba(255,255,255,.08)}
@media (max-width:860px){.util .hide-m{display:none}}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(12px) saturate(1.3);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:32px;height:80px}
.logo{height:44px;width:auto;flex:none}
.nav{display:flex;align-items:center;gap:2px;margin-inline-start:auto;height:100%}
.nav>.it{position:static;height:100%;display:flex;align-items:center}
.nav>.it>a,.nav>.it>button{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;font-weight:700;font-size:14.5px;color:var(--ink);background:none;border:0}
.nav>.it>button::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.6}
.nav>.it:hover>a,.nav>.it:hover>button,.nav>.it:focus-within>button{background:var(--paper)}
.mega{position:absolute;inset-inline:0;top:100%;background:var(--white);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(5,40,46,.25);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
.nav>.it:hover .mega,.nav>.it:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega .wrap{display:grid;grid-template-columns:repeat(5,1fr) 1.3fr;gap:28px;padding-block:32px 36px;height:auto;align-items:start}
.mega h5{margin:0 0 12px;font-size:14px;font-weight:900;color:var(--ink);display:flex;gap:10px;align-items:center}
.mega h5 .ai{width:22px;height:22px;color:var(--teal)}
.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--muted)}
.mega ul a:hover{color:var(--ink)}
.mega .promo{background:var(--ink);color:var(--white);border-radius:14px;padding:20px;display:grid;gap:10px;align-content:start}
.mega .promo b{font-size:17px;font-weight:900}
.mega .promo span{font-size:13.5px;color:rgba(255,255,255,.7)}
.mega .promo a{color:var(--sky);font-weight:700;font-size:13.5px}
.mega.sm .wrap{grid-template-columns:repeat(3,1fr) 1.3fr}
.hdr .b-ink{height:44px;font-size:14px;padding-inline:20px}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--white);align-items:center;justify-content:center;margin-inline-start:auto}
.burger i{display:block;width:18px;height:2px;background:var(--ink);box-shadow:0 6px 0 var(--ink),0 -6px 0 var(--ink)}
@media (max-width:1140px){.nav{display:none}.burger{display:inline-flex}}
@media (max-width:560px){.hdr .b-ink{display:none}.logo{height:36px}.hdr .wrap{height:68px}}
.mnav{position:fixed;inset:calc(106px + env(safe-area-inset-top,0px)) 0 0 0;z-index:69;background:var(--white);overflow:auto;padding-block:8px 32px}
.mnav a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:17px;color:var(--ink)}

/* ---------- HERO SHOWCASE ---------- */
.show{position:relative;background:var(--ink);color:var(--white);overflow:hidden;isolation:isolate}
.show::before{content:"";position:absolute;inset:0;background:url(assets/circuit.jpg) right center/cover no-repeat;opacity:.35;z-index:-3}
.stroke{position:absolute;z-index:-1;pointer-events:none}
.slides{position:relative;min-height:clamp(560px,64vw,700px)}
.slide{position:absolute;inset:0;display:grid;opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s}
.slide.on{opacity:1;visibility:visible;position:relative}
.slide .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center;padding-block:64px 150px;width:100%}
.s-copy{display:grid;gap:22px;align-content:center;max-width:560px}
.s-tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-disp);font-size:10.5px;letter-spacing:.2em;color:var(--sky);text-transform:uppercase}
.s-tag i{width:7px;height:7px;border-radius:50%;background:var(--olive);box-shadow:0 0 0 4px rgba(174,214,140,.18)}
[dir="rtl"] .s-tag{font-family:var(--f-ar);font-weight:700;letter-spacing:0;font-size:13.5px}
.s-copy .s-h{color:var(--white);font-size:var(--t-h1);line-height:1.1;font-weight:300}
.s-copy .s-h b{color:var(--sky);font-weight:900}
[dir="rtl"] .s-copy .s-h{line-height:1.3}
.s-copy p{color:rgba(255,255,255,.74);font-size:var(--t-lg);font-weight:300;max-width:48ch}
.s-cta{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}
.s-meta{display:flex;flex-wrap:wrap;gap:8px}
.s-meta span{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.82);border:1px solid var(--line-d);border-radius:999px;padding:5px 12px;background:rgba(255,255,255,.03)}
.s-vis{position:relative;aspect-ratio:5/4;max-width:100%;border-radius:22px;overflow:hidden;border:1px solid var(--line-d);box-shadow:0 50px 90px -40px rgba(0,0,0,.7)}
.s-vis .ph{position:absolute;inset:0}
.s-vis .ph::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 55%,rgba(5,40,46,.75))}
.s-vis .cap{position:absolute;inset-inline:18px;bottom:16px;z-index:3;display:flex;justify-content:space-between;align-items:end;gap:12px;font-size:12.5px;color:rgba(255,255,255,.8)}
.s-vis .cap b{font-family:var(--f-disp);font-weight:400;font-size:12px;letter-spacing:.12em;color:var(--white)}
.slide.on .s-copy>*{animation:up .8s cubic-bezier(.2,.7,.2,1) both}
.slide.on .s-copy>*:nth-child(2){animation-delay:.08s}.slide.on .s-copy>*:nth-child(3){animation-delay:.16s}.slide.on .s-copy>*:nth-child(4){animation-delay:.24s}.slide.on .s-copy>*:nth-child(5){animation-delay:.32s}
.slide.on .s-vis{animation:zoom 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes up{from{transform:translateY(16px);opacity:.001}to{transform:none;opacity:1}}
@keyframes zoom{from{transform:scale(.97);opacity:.001}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.slide.on .s-copy>*,.slide.on .s-vis{animation:none}}
.rail{position:absolute;inset-inline:0;bottom:0;z-index:4;border-top:1px solid var(--line-d);background:linear-gradient(180deg,rgba(5,40,46,.4),rgba(5,40,46,.92));backdrop-filter:blur(6px)}
.rail .wrap{display:grid;grid-template-columns:repeat(6,1fr)}
.rt{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;text-align:start;padding:20px 16px 22px;background:none;border:0;border-inline-start:1px solid var(--line-d);color:rgba(255,255,255,.6);transition:color .25s,background .25s}
.rt:first-child{border-inline-start:0}
.rt .ai{grid-row:span 2;width:26px;height:26px;color:var(--sky)}
.rt b{font-size:14px;font-weight:700;line-height:1.25}
.rt small{font-size:11.5px;color:rgba(255,255,255,.45);font-family:var(--f-disp);letter-spacing:.12em}
[dir="rtl"] .rt small{font-family:var(--f-ar);letter-spacing:0}
.rt::before{content:"";position:absolute;top:-1px;inset-inline-start:0;height:2px;width:0;background:var(--sky)}
.rt[aria-selected="true"]{color:var(--white);background:rgba(109,172,190,.07)}
.rt[aria-selected="true"]::before{animation:prog var(--dur,8s) linear forwards}
.paused .rt[aria-selected="true"]::before{animation-play-state:paused}
@keyframes prog{to{width:100%}}
@media (prefers-reduced-motion:reduce){.rt[aria-selected="true"]::before{animation:none;width:100%}}
@media (max-width:1000px){.slide .wrap{grid-template-columns:1fr;padding-block:40px 120px;gap:32px}.s-vis{aspect-ratio:16/10}.rail .wrap{grid-template-columns:repeat(6,minmax(140px,1fr));overflow-x:auto;scrollbar-width:none}.rail .wrap::-webkit-scrollbar{display:none}}
@media (max-width:560px){.rt{padding:14px 12px 16px}.rt b{font-size:13px}}

/* trust strip */
.trust{background:var(--paper);border-bottom:1px solid var(--line)}
.trust .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px;padding-block:22px}
.trust img{height:40px;width:auto}
.trust .t{display:grid;gap:2px;font-size:13px;color:var(--muted);line-height:1.4}
.trust .t b{font-size:14px;color:var(--ink);font-weight:900}
.trust .sep{width:1px;height:36px;background:var(--line-2)}
@media (max-width:760px){.trust .sep{display:none}}

/* ---------- DIZER ---------- */
.dz-sec{background:linear-gradient(180deg,var(--white),var(--paper))}
.dz-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}
@media (max-width:960px){.dz-grid{grid-template-columns:1fr;gap:40px}}
.dz-copy{display:grid;gap:22px}
.dz-name{display:flex;align-items:center;gap:18px}
.dz-name svg{width:112px;height:112px;flex:none;filter:drop-shadow(0 18px 30px rgba(5,40,46,.35))}
.dz-name .disp{font-size:34px;color:var(--ink);letter-spacing:.06em}
.dz-name small{display:block;font-size:13px;color:var(--muted);font-family:var(--f-en);letter-spacing:0}
[dir="rtl"] .dz-name small{font-family:var(--f-ar)}
.caps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.cap-c{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:16px 18px;display:grid;gap:6px;align-content:start}
.cap-c.soon{border-style:dashed;background:transparent}
.cap-c b{font-size:15px;color:var(--ink);font-weight:900}
.cap-c span{font-size:13.5px;color:var(--muted);line-height:1.5}
.st{justify-self:start;font-size:11px;font-weight:700;border-radius:999px;padding:3px 10px}
.st.now{background:rgba(174,214,140,.28);color:#3C6A1F}
.st.soon{background:var(--mist);color:var(--teal)}
@media (max-width:520px){.caps{grid-template-columns:1fr}}
.princ{display:flex;flex-wrap:wrap;gap:18px 28px;font-size:13.5px;color:var(--muted);padding-top:6px;border-top:1px solid var(--line)}
.princ span{display:inline-flex;gap:8px;align-items:center;padding-top:14px}
.princ b{color:var(--ink)}
/* chat */
.chat{background:var(--ink);border-radius:24px;padding:22px;color:var(--white);box-shadow:0 50px 90px -45px rgba(5,40,46,.7);position:relative;overflow:hidden}
.chat::before{content:"";position:absolute;inset:0;background:url(assets/circuit.jpg) center/cover;opacity:.12}
.chat>*{position:relative}
.chat-h{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line-d)}
.chat-h svg{width:40px;height:40px}
.chat-h b{font-family:var(--f-disp);font-weight:400;font-size:13px;letter-spacing:.14em}
.chat-h span{font-size:12px;color:var(--olive);display:flex;align-items:center;gap:6px}
.chat-h span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--olive)}
.msgs{display:grid;gap:12px;padding-top:18px;min-height:380px;align-content:start}
.m{max-width:88%;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.5;animation:up .5s both}
.m.bot{background:rgba(255,255,255,.06);border:1px solid var(--line-d);border-start-start-radius:4px}
.m.user{justify-self:end;background:var(--sky);color:var(--ink);font-weight:700;border-start-end-radius:4px}
.m .pl{display:inline-block;font-family:var(--f-disp);font-size:11px;background:var(--white);color:var(--ink);border-radius:4px;padding:1px 7px;margin-inline:2px;direction:ltr}
.m .rep{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.m .rep div{background:rgba(5,40,46,.6);border-radius:10px;padding:8px 10px;display:grid;gap:2px}
.m .rep small{font-size:11px;color:rgba(255,255,255,.55)}
.m .rep b{font-family:var(--f-disp);font-weight:400;font-size:14px;direction:ltr;text-align:start}
.typing{display:inline-flex;gap:4px;padding:12px 14px}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--sky);animation:td 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes td{50%{opacity:.25;transform:translateY(-2px)}}
.chat-f{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-d);font-size:13px;color:rgba(255,255,255,.5)}
.chat-f span{flex:1;border:1px solid var(--line-d);border-radius:999px;padding:10px 16px}
.chat-f em{font-style:normal;color:var(--sky);font-size:11.5px;align-self:center}

/* ---------- DASHBOARD ---------- */
.dash-sec{background:var(--ink);color:var(--white);position:relative;overflow:hidden;isolation:isolate}
.dash-sec h2{color:var(--white)}
.dash-sec .lead{color:rgba(255,255,255,.7)}
.dash-sec .label{color:var(--sky)}
.dtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.dtab{border:1px solid var(--line-d);background:transparent;color:rgba(255,255,255,.7);border-radius:999px;padding:9px 18px;font-weight:700;font-size:13.5px;display:inline-flex;gap:8px;align-items:center}
.dtab .ai{width:18px;height:18px}
.dtab[aria-selected="true"]{background:var(--sky);color:var(--ink);border-color:var(--sky)}
.app{border-radius:20px;background:#04222A;border:1px solid var(--line-d);overflow:hidden;box-shadow:0 60px 120px -50px rgba(0,0,0,.8)}
.app-top{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line-d);flex-wrap:wrap}
.app-top .dots{display:flex;gap:6px}.app-top .dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14)}
.app-top .ttl{font-family:var(--f-disp);font-size:10.5px;letter-spacing:.16em;color:var(--sky)}
.app-top .site{margin-inline-start:auto;font-size:12px;color:rgba(255,255,255,.65);display:flex;gap:14px;align-items:center}
.app-top .live{color:var(--olive);display:inline-flex;gap:6px;align-items:center}
.app-top .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--olive);animation:pd 1.6s infinite}
.app-top .demo{border:1px dashed rgba(255,255,255,.3);border-radius:999px;padding:2px 10px}
.app-body{display:grid;grid-template-columns:64px minmax(0,1fr)}
.app-side{border-inline-end:1px solid var(--line-d);display:grid;align-content:start;gap:8px;padding:14px 12px}
.app-side i{height:40px;border-radius:10px;display:grid;place-items:center;color:var(--sky);background:rgba(255,255,255,.03)}
.app-side i.on{background:var(--teal);color:var(--white)}
.app-side .ai{width:20px;height:20px}
.app-main{padding:18px;display:grid;gap:14px;min-width:0}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi{background:rgba(255,255,255,.035);border:1px solid var(--line-d);border-radius:14px;padding:14px 16px;display:grid;gap:4px}
.kpi span{font-size:12px;color:rgba(255,255,255,.6)}
.kpi b{font-family:var(--f-disp);font-weight:400;font-size:clamp(17px,1.7vw,22px);letter-spacing:.02em;direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
.kpi em{font-style:normal;font-size:12px;color:var(--olive);direction:ltr;text-align:start}
.grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
.pnl{background:rgba(255,255,255,.035);border:1px solid var(--line-d);border-radius:14px;padding:16px;min-width:0}
.pnl h4{color:rgba(255,255,255,.9);font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;letter-spacing:0}
.pnl h4 span{font-weight:400;color:rgba(255,255,255,.5)}
.pnl svg{display:block;width:100%;height:auto;direction:ltr}
.feed{display:grid;gap:8px;font-size:12.5px}
.feed>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.03)}
.feed .pl{font-family:var(--f-disp);font-size:10.5px;background:var(--white);color:var(--ink);border-radius:4px;padding:2px 7px;direction:ltr;white-space:nowrap}
.feed span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.8)}
.pill{font-size:11px;border-radius:999px;padding:2px 9px;white-space:nowrap;font-weight:700}
.pill.g{background:rgba(174,214,140,.16);color:var(--olive)}
.pill.s{background:rgba(109,172,190,.18);color:var(--sky)}
.pill.d{background:rgba(255,255,255,.08);color:rgba(255,255,255,.75)}
.pill.w{background:rgba(244,238,122,.14);color:#F4EE7A}
.devs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.dev{border:1px solid var(--line-d);border-radius:12px;padding:12px;display:grid;gap:6px;background:rgba(255,255,255,.03);font-size:12px;color:rgba(255,255,255,.7);min-width:0}
.dev b{color:var(--white);font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dev i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-inline-end:6px}
@media (max-width:1000px){.devs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}.app-body{grid-template-columns:1fr}.app-side{display:none}}
.dash-pts{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line-d)}
.dash-pts div{display:grid;gap:10px;align-content:start}
.dash-pts .ai{color:var(--sky)}
.dash-pts b{font-size:16px;font-weight:900}
.dash-pts span{font-size:14px;color:rgba(255,255,255,.66);line-height:1.55}
@media (max-width:860px){.dash-pts{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.dash-pts{grid-template-columns:1fr}}

/* ---------- NUMBERS ---------- */
.nums{background:var(--white)}
.nums-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-2)}
.num{padding:32px 24px 8px 0;display:grid;gap:10px;border-inline-end:1px solid var(--line)}
[dir="rtl"] .num{padding:32px 0 8px 24px}
.num:last-child{border-inline-end:0}
.num:not(:first-child){padding-inline-start:28px}
.num b{font-family:var(--f-disp);font-weight:400;font-size:clamp(30px,3.4vw,46px);color:var(--ink);line-height:1;direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
.num b small{font-size:.45em;color:var(--sky);margin-inline-start:4px}
.num span{font-size:15px;color:var(--muted);line-height:1.45;max-width:24ch}
@media (max-width:860px){.nums-grid{grid-template-columns:1fr 1fr}.num:nth-child(2){border-inline-end:0}.num:nth-child(3){padding-inline-start:0}.num:nth-child(n+3){border-top:1px solid var(--line)}}

/* ---------- SOLUTIONS index ---------- */
.sol{background:var(--paper)}
.sidx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.slist{display:grid;border-top:1px solid var(--line-2)}
.si{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line-2);background:none;border-inline:0;border-top:0;text-align:start;transition:padding .3s}
.si .n{font-family:var(--f-disp);font-size:12px;color:var(--sky);letter-spacing:.1em}
.si b{font-size:clamp(18px,1.6vw,22px);font-weight:300;color:var(--ink);line-height:1.3}
.si .ai{color:var(--teal);opacity:.4;transition:opacity .3s}
.si[aria-selected="true"]{padding-inline-start:14px}
.si[aria-selected="true"] b{font-weight:900}
.si[aria-selected="true"] .ai{opacity:1}
.sview{position:sticky;top:120px;border-radius:22px;overflow:hidden;background:var(--white);border:1px solid var(--line)}
.sview .ph{aspect-ratio:16/10;max-width:100%}
.sview .tx{padding:28px;display:grid;gap:16px}
.sview .tx p{color:var(--muted);font-size:16px;line-height:1.6}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ticks li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:15px;line-height:1.5}
.ticks li::before{content:"";width:12px;height:12px;margin-top:6px;border-radius:2px;background:linear-gradient(135deg,var(--ink) 50%,var(--sky) 50%)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;color:var(--ink);background:var(--paper)}
@media (max-width:900px){.sidx{grid-template-columns:1fr}.sview{position:relative;top:0}}

/* ---------- PRODUCTS ---------- */
.ptop{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:28px}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filters button{border:1px solid var(--line-2);background:var(--white);border-radius:999px;padding:9px 16px;font-weight:700;font-size:13.5px;color:var(--ink);display:inline-flex;gap:8px;align-items:center}
.filters button span{font-size:11.5px;color:var(--muted)}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--white);border-color:var(--ink)}
.filters button[aria-pressed="true"] span{color:var(--sky)}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media (max-width:1100px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:780px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.pc{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white);display:grid;grid-template-rows:auto 1fr;text-align:start;padding:0;transition:border-color .25s,box-shadow .3s,transform .3s}
.pc:hover{border-color:var(--sky);box-shadow:0 30px 60px -36px rgba(5,40,46,.5);transform:translateY(-4px)}
.pc-art{position:relative;aspect-ratio:1/1;max-width:100%;background:radial-gradient(90% 70% at 50% 85%,var(--mist),var(--paper) 55%,var(--white));display:grid;place-items:center;overflow:hidden}
.pc-art svg{height:86%;width:auto;max-width:92%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pc:hover .pc-art svg{transform:scale(1.05) translateY(-4px)}
.pc-art .smk{position:absolute;top:14px;inset-inline-start:14px;height:24px;width:auto}
.pc-art .code{position:absolute;bottom:12px;inset-inline-end:14px;font-family:var(--f-disp);font-size:9.5px;letter-spacing:.14em;color:var(--teal)}
.pc-tx{padding:18px 20px 20px;display:grid;gap:8px;align-content:start;border-top:1px solid var(--line)}
.pc-tx .fam{font-size:11.5px;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.06em}
[dir="rtl"] .pc-tx .fam{letter-spacing:0;text-transform:none}
.pc-tx h3{font-family:var(--f-disp);font-weight:400;font-size:13.5px;letter-spacing:.06em;line-height:1.45;color:var(--ink)}
.pc-tx p{font-size:14px;color:var(--muted);line-height:1.5}
.pc-tx .more{font-size:13px;font-weight:700;color:var(--teal);display:inline-flex;gap:6px;align-items:center;margin-top:4px}
@media (max-width:520px){.pc-tx{padding:14px}.pc-tx p{display:none}.pc-tx h3{font-size:11.5px}}
/* drawer */
.drw{position:fixed;inset:0;z-index:90;display:grid;grid-template-columns:1fr minmax(0,560px);background:rgba(5,40,46,.45);backdrop-filter:blur(3px)}
.drw>div:last-child{background:var(--white);overflow:auto;padding:28px max(28px,env(safe-area-inset-right,0px)) 40px 28px;display:grid;gap:20px;align-content:start;animation:slidein .35s cubic-bezier(.2,.7,.2,1)}
[dir="rtl"] .drw>div:last-child{animation-name:slideinr}
@keyframes slidein{from{transform:translateX(40px);opacity:0}}
@keyframes slideinr{from{transform:translateX(-40px);opacity:0}}
.drw .x{justify-self:end;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:var(--white);font-size:20px;line-height:1}
.drw .art{aspect-ratio:4/3;max-width:100%;border-radius:16px;background:radial-gradient(90% 70% at 50% 85%,var(--mist),var(--paper) 55%,var(--white));display:grid;place-items:center}
.drw .art svg{height:88%;width:auto;display:block;margin:auto}
.drw h3{font-family:var(--f-disp);font-weight:400;font-size:20px;letter-spacing:.04em}
.spec{width:100%;border-collapse:collapse;font-size:14px}
.spec td{padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.spec td:first-child{color:var(--muted);width:42%;padding-inline-end:16px}
.spec td:last-child{color:var(--ink);font-weight:700}
@media (max-width:640px){.drw{grid-template-columns:0 1fr}}

/* ---------- FACTORY ---------- */
.fac{background:var(--white)}
.fac-hero{position:relative;border-radius:24px;overflow:hidden;min-height:420px;display:grid;align-items:end;margin-bottom:56px}
.fac-hero .ph{position:absolute;inset:0}
.fac-hero .ph::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(5,40,46,.92),rgba(5,40,46,.55) 55%,rgba(5,40,46,.15))}
[dir="rtl"] .fac-hero .ph::after{background:linear-gradient(270deg,rgba(5,40,46,.92),rgba(5,40,46,.55) 55%,rgba(5,40,46,.15))}
.fac-hero .in{position:relative;z-index:3;padding:clamp(28px,4vw,56px);display:grid;gap:18px;max-width:640px;color:var(--white)}
.fac-hero h2{color:var(--white)}
.fac-hero p{color:rgba(255,255,255,.76);font-weight:300;font-size:var(--t-lg)}
.fac-hero .label{color:var(--sky)}
.fac-hero img.smk{height:44px;width:auto}
.line-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative}
.ls{display:grid;gap:10px;padding:0 18px 0 0;align-content:start;position:relative}
[dir="rtl"] .ls{padding:0 0 0 18px}
.ls .dot{width:56px;height:56px;border-radius:16px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;color:var(--teal);position:relative;z-index:1}
.ls::after{content:"";position:absolute;top:28px;inset-inline-start:56px;inset-inline-end:0;height:1px;background:repeating-linear-gradient(90deg,var(--sky) 0 6px,transparent 6px 12px)}
.ls:last-child::after{display:none}
.ls .n{font-family:var(--f-disp);font-size:10.5px;color:var(--sky);letter-spacing:.14em;margin-top:6px}
.ls b{font-size:15.5px;color:var(--ink);font-weight:900}
.ls span{font-size:13.5px;color:var(--muted);line-height:1.5}
@media (max-width:980px){.line-steps{grid-template-columns:repeat(3,1fr);row-gap:32px}.ls:nth-child(3)::after{display:none}}
@media (max-width:520px){.line-steps{grid-template-columns:1fr 1fr}.ls::after{display:none}}
.mapwrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;margin-top:80px}
.mapbox{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:16px;overflow:hidden}
.mapbox svg{width:100%;height:auto;display:block;direction:ltr}
.pulse{animation:pulse 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes pulse{0%{transform:scale(.6);opacity:.8}100%{transform:scale(2.8);opacity:0}}
.flow{stroke-dasharray:4 6;animation:flow 1.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-20}}
@media (prefers-reduced-motion:reduce){.pulse,.flow{animation:none}}
.mapcopy{display:grid;gap:20px}
.legal-c{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.legal-c div{background:var(--white);padding:14px 16px;display:grid;gap:2px}
.legal-c small{font-size:12px;color:var(--muted)}
.legal-c b{font-size:15px;color:var(--ink);font-weight:900;direction:ltr;text-align:start}
@media (max-width:900px){.mapwrap{grid-template-columns:1fr}}

/* ---------- SECTORS ---------- */
.sectors{background:var(--paper)}
.sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sc{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/5;max-width:100%;color:var(--white);display:grid;align-content:end;isolation:isolate}
.sc .ph{position:absolute;inset:0;z-index:-1}
.sc .ph::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(5,40,46,.05) 30%,rgba(5,40,46,.92))}
.sc .fb svg{height:46%;opacity:.5}
.sc .in{position:relative;z-index:3;padding:20px;display:grid;gap:8px}
.sc .ai{width:30px;height:30px;color:var(--sky)}
.sc b{font-size:17px;font-weight:900;line-height:1.3}
.sc span{font-size:13.5px;color:rgba(255,255,255,.75);line-height:1.5;max-height:0;overflow:hidden;transition:max-height .4s}
.sc:hover span,.sc:focus-within span{max-height:80px}
@media (hover:none){.sc span{max-height:80px}}
@media (max-width:980px){.sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.sc{aspect-ratio:1/1}}

/* ---------- SERVICES ---------- */
.svc-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:1px solid var(--line);border-radius:18px;overflow:hidden}
.sv{padding:22px 16px;display:grid;gap:14px;align-content:start;border-inline-start:1px solid var(--line);background:var(--white);transition:background .25s}
.sv:first-child{border-inline-start:0}
.sv .n{font-family:var(--f-disp);font-size:18px;color:var(--sky)}
.sv b{font-size:14.5px;color:var(--ink);font-weight:900;line-height:1.3;overflow-wrap:anywhere}
.sv:hover{background:var(--ink)}.sv:hover b{color:var(--white)}
@media (max-width:1100px){.svc-row{grid-template-columns:repeat(3,minmax(0,1fr))}.sv{border-top:1px solid var(--line)}.sv:nth-child(3n+1){border-inline-start:0}.sv:nth-child(-n+3){border-top:0}}

/* ---------- PARTNERS marquee ---------- */
.mq{border-block:1px solid var(--line);overflow:hidden;background:var(--white)}
.mq-in{display:flex;gap:56px;padding-block:26px;width:max-content;animation:mq 40s linear infinite}
.mq:hover .mq-in{animation-play-state:paused}
.mq-in span{font-family:var(--f-disp);font-size:14px;letter-spacing:.12em;color:var(--teal);white-space:nowrap;display:inline-flex;gap:56px;align-items:center}
.mq-in span::after{content:"";width:6px;height:6px;background:var(--sky);transform:rotate(45deg)}
@keyframes mq{to{transform:translateX(-50%)}}
[dir="rtl"] .mq-in{animation-name:mqr}
@keyframes mqr{to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.mq-in{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}

/* ---------- VISION ---------- */
.vis{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.vis>div{border-radius:20px;padding:32px;display:grid;gap:14px;align-content:start}
.vis .v1{background:var(--ink);color:var(--white);position:relative;overflow:hidden}
.vis .v1 h3{color:var(--white);font-size:var(--t-h3)}
.vis .v1 p{color:rgba(255,255,255,.72);font-size:15px;line-height:1.6}
.vis .v2,.vis .v3{background:var(--paper);border:1px solid var(--line)}
.vis .tag{font-family:var(--f-disp);font-size:10.5px;letter-spacing:.18em;color:var(--teal)}
.vis .v1 .tag{color:var(--sky)}
[dir="rtl"] .vis .tag{font-family:var(--f-ar);font-weight:700;letter-spacing:0;font-size:13px}
.vis q{font-size:clamp(19px,1.7vw,23px);line-height:1.45;quotes:none;color:var(--ink);font-weight:300}
@media (max-width:900px){.vis{grid-template-columns:1fr}}

/* ---------- CONTACT ---------- */
.contact{background:var(--ink);color:var(--white);position:relative;overflow:hidden;isolation:isolate}
.contact::before{content:"";position:absolute;inset:0;background:url(assets/circuit.jpg) left center/cover;opacity:.18;z-index:-2}
.contact .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.contact h2{color:var(--white)}
.contact .lead{color:rgba(255,255,255,.72)}
.contact .label{color:var(--sky)}
.cinfo{display:grid;margin-top:32px;border-top:1px solid var(--line-d)}
.cinfo div{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line-d);font-size:15px}
.cinfo span{font-size:12.5px;color:var(--sky);font-weight:700}
.cinfo b{font-weight:400;color:var(--white);overflow-wrap:anywhere;user-select:all}
.copy{border:1px solid var(--line-d);background:transparent;color:var(--sky);border-radius:8px;padding:4px 10px;font-size:12px}
form{background:var(--white);color:var(--slate);border-radius:22px;padding:clamp(24px,3vw,36px);display:grid;gap:14px;align-content:start}
form h3{font-weight:900;font-size:22px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.f2{grid-template-columns:1fr}}
label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
input,select,textarea{font:inherit;font-size:15px;font-weight:400;border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;background:var(--paper);color:var(--ink);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--sky);outline-offset:0;background:var(--white)}
textarea{min-height:96px;resize:vertical}
.fnote{font-size:12.5px;color:var(--muted)}
.fok{background:var(--paper);border-radius:12px;padding:14px;font-size:14px;color:var(--ink);border:1px solid var(--sky)}
@media (max-width:900px){.contact .grid{grid-template-columns:1fr}}

/* ---------- FOOTER ---------- */
.ftr{background:var(--white);position:relative;overflow:hidden;border-top:1px solid var(--line)}
.ftr .cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding-block:64px 36px}
.ftr .logo-v{width:150px;height:auto}
.ftr p{font-size:14px;color:var(--muted);margin-top:18px;max-width:36ch;line-height:1.6}
.ftr h5,.ftr h2.fh{line-height:1.4;margin:0 0 16px;font-family:var(--f-disp);font-weight:400;font-size:10.5px;letter-spacing:.18em;color:var(--teal)}
[dir="rtl"] .ftr h5,[dir="rtl"] .ftr h2.fh{font-family:var(--f-ar);font-weight:700;letter-spacing:0;font-size:14px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14.5px}
.ftr ul a:hover{color:var(--teal)}
.fbar{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-block:22px;font-size:13px;color:var(--muted)}
.fbar img{height:32px;width:auto}
.fbar .r{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
@media (max-width:860px){.ftr .cols{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.ftr .cols{grid-template-columns:1fr}}
.reveal{animation:up .9s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){.reveal{animation:none}}
/* ===== v2.1 additions ===== */
.drw .hero-ph{aspect-ratio:auto!important;height:clamp(220px,30vw,320px)}
.drw .hero-ph img{position:absolute;inset:0}
.qdone td{color:#fff}
.qdone .b-line{background:none}
.b-line{background:none}
@media (max-width:560px){.pc-act{padding:0 12px 14px;flex-direction:column;align-items:stretch}.pc-act .more{display:none}.pc-act .r{flex-direction:column}.pc-act .mini{justify-content:center;width:100%}.pc h3{overflow-wrap:anywhere;font-size:12.5px}}
.pgrid>*{min-width:0}
.qform>label:not(.consent),.qform .f2>label{display:block}
.qform>label:not(.consent)>input,.qform>label:not(.consent)>select,.qform>label:not(.consent)>textarea,.qform .f2>label>input,.qform .f2>label>select{display:block;margin-top:7px}
.pj.cta{background:var(--sky);color:var(--ink);display:grid;align-content:space-between;padding:24px}
.pj.cta::after{display:none}
.pj.cta b{font-size:24px;font-weight:300;line-height:1.25}.pj.cta b strong{font-weight:900}
.pj.cta span{font-size:14px;opacity:.8}
.pj.cta{grid-column:1/-1;aspect-ratio:auto;min-height:0;grid-template-columns:auto 1fr;align-items:center;align-content:center;gap:28px;padding:36px 40px}
.ph>img{object-position:50% 80%}
.hdr .b-line{height:44px;font-size:14px;padding-inline:18px}
.qcount{min-width:22px;height:22px;border-radius:11px;background:var(--sky);color:var(--ink);font-size:12px;font-weight:900;display:inline-grid;place-items:center;padding-inline:6px}
@media (max-width:1180px){.hdr .hide-l{display:none}}
.mega .wrap{grid-template-columns:repeat(6,1fr) 1.2fr;gap:22px}
/* product cards */
.pc{cursor:pointer;position:relative}
.pc-art .pph{position:absolute;inset:0;opacity:0;transition:opacity .6s;z-index:1}
.pc-art .pph img{width:100%;height:100%;object-fit:cover;object-position:50% 85%}
.pc-art .pph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,40,46,.55))}
.pc:hover .pph,.pc:focus-visible .pph{opacity:1}
.pc-art .smk,.pc-art .code{z-index:2}
.pc-act{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:0 22px 20px;flex-wrap:wrap}
.pc-act .more{font-weight:700;font-size:13.5px;color:var(--teal)}
.pc-act .r{display:flex;gap:6px}
.mini{height:34px;padding-inline:12px;border-radius:999px;border:1px solid var(--line-2);background:var(--white);font-size:12.5px;font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.mini:hover{border-color:var(--ink)}
.mini svg{width:14px;height:14px}
.mini.on{background:var(--ink);color:var(--white);border-color:var(--ink)}
.mini.dis{color:var(--muted);border-style:dashed}
/* drawer */
.drw .hero-ph{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--ink)}
.drw .hero-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 85%}
.drw .hero-ph .inset{position:absolute;inset-inline-end:12px;bottom:12px;width:30%;aspect-ratio:1;border-radius:12px;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.drw .hero-ph .inset svg{height:92%;width:auto}
.feat{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.feat li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:15px;line-height:1.55;color:var(--slate)}
.feat li::before{content:"";width:8px;height:8px;margin-top:8px;border-radius:2px;background:var(--sky);transform:rotate(45deg)}
.ds{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.ds .pdf{width:40px;height:48px;border-radius:6px;background:var(--white);border:1px solid var(--line-2);display:grid;place-items:end center;padding-bottom:6px;font-family:var(--f-disp);font-size:8px;color:#B4281E;position:relative;flex:none}
.ds .pdf::before{content:"";position:absolute;top:0;inset-inline-end:0;width:12px;height:12px;background:linear-gradient(225deg,var(--paper) 50%,var(--mist) 50%)}
.ds div{display:grid;gap:2px;font-size:13px;color:var(--muted);min-width:0}
.ds b{font-size:14px;color:var(--ink);overflow-wrap:anywhere}
.ds a,.ds button{margin-inline-start:auto}
/* quote fab */
.qfab{position:fixed;z-index:75;bottom:max(20px,env(safe-area-inset-bottom,0px));inset-inline-end:20px;display:flex;align-items:center;gap:10px;height:52px;padding-inline:20px 8px;border-radius:999px;background:var(--ink);color:var(--white);font-weight:700;font-size:14.5px;box-shadow:0 20px 40px -16px rgba(5,40,46,.6);transition:transform .3s,opacity .3s}
[hidden]{display:none!important}
.qfab .qcount{height:36px;min-width:36px;border-radius:18px;font-size:14px}
.qfab.bump{animation:bump .5s}
@keyframes bump{40%{transform:scale(1.08)}}
/* platform */
.cloud{background:var(--white);position:relative}
.claims{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:1px solid var(--line);margin-bottom:clamp(56px,7vw,88px)}
.claims>div{padding:28px 26px;display:grid;gap:12px;align-content:start;border-inline-start:1px solid var(--line)}
.claims>div:first-child{border-inline-start:0;padding-inline-start:0}
.claims .ai{color:var(--teal);width:32px;height:32px}
.claims b{font-size:17px;color:var(--ink);font-weight:900}
.claims span{font-size:14.5px;color:var(--muted);line-height:1.55}
@media (max-width:900px){.claims{grid-template-columns:1fr 1fr}.claims>div:nth-child(3){border-inline-start:0;padding-inline-start:0}.claims>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:520px){.claims{grid-template-columns:1fr}.claims>div{border-inline-start:0;padding-inline:0}.claims>div+div{border-top:1px solid var(--line)}}
.arch{background:var(--ink);border-radius:24px;padding:clamp(20px,3vw,40px);position:relative;overflow:hidden;isolation:isolate;margin-bottom:clamp(56px,7vw,88px)}
.arch::before{content:"";position:absolute;inset:0;background:url(assets/circuit.jpg) center/cover;opacity:.12;z-index:-1}
.arch svg{width:100%;height:auto;display:block}
.arch .flowl{stroke-dasharray:4 7;animation:flowd 1.6s linear infinite}
@keyframes flowd{to{stroke-dashoffset:-22}}
.arch .halo{animation:halo 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes halo{50%{transform:scale(1.08);opacity:.55}}
@media (prefers-reduced-motion:reduce){.arch .flowl,.arch .halo{animation:none}}
.arch-m{display:none}
@media (max-width:760px){.arch svg{display:none}.arch-m{display:grid;gap:14px;color:#fff}.arch-m .row{display:grid;gap:8px}.arch-m small{font-family:var(--f-disp);font-size:9.5px;letter-spacing:.16em;color:var(--sky)}.arch-m .chips{display:flex;flex-wrap:wrap;gap:6px}.arch-m .chips span{border:1px solid var(--line-d);border-radius:999px;padding:6px 12px;font-size:13px}.arch-m .core{border:1px solid var(--sky);border-radius:14px;padding:16px;text-align:center;font-weight:900}.arch-m .arr{justify-self:center;width:2px;height:22px;background:linear-gradient(var(--sky),transparent)}}
.sub-h{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.sub-h h3{font-size:clamp(22px,2vw,28px)}
.hiw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s;position:relative;margin-bottom:clamp(56px,7vw,88px)}
.hiw::before{content:"";position:absolute;top:27px;inset-inline:28px;height:1px;background:repeating-linear-gradient(90deg,var(--sky) 0 6px,transparent 6px 12px)}
.hiw>div{position:relative;display:grid;gap:12px;align-content:start}
.hiw .dot{width:56px;height:56px;border-radius:50%;background:var(--white);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--teal)}
.hiw .n{font-family:var(--f-disp);font-size:10px;letter-spacing:.16em;color:var(--sky)}
.hiw b{font-size:20px;color:var(--ink);font-weight:900}
.hiw span{font-size:14.5px;color:var(--muted);line-height:1.6}
@media (max-width:820px){.hiw{grid-template-columns:1fr 1fr}.hiw::before{display:none}}
@media (max-width:460px){.hiw{grid-template-columns:1fr}}
.methods{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:40px;align-items:center;padding:32px;border-radius:20px;background:var(--paper);margin-bottom:clamp(56px,7vw,88px)}
.methods .row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.methods .m{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 16px;display:grid;gap:10px;justify-items:start}
.methods .m .ai{color:var(--teal)}
.methods .m b{font-size:14.5px;color:var(--ink);line-height:1.35}
@media (max-width:900px){.methods{grid-template-columns:1fr}.methods .row{grid-template-columns:1fr 1fr}}
.mods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:clamp(56px,7vw,88px)}
.mods .md{border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;gap:10px;align-content:start;transition:border-color .25s,transform .3s,box-shadow .3s;background:var(--white)}
.mods .md:hover{border-color:var(--sky);transform:translateY(-3px);box-shadow:0 24px 50px -34px rgba(5,40,46,.5)}
.mods .md .top{display:flex;justify-content:space-between;align-items:center}
.mods .md .top small{font-family:var(--f-disp);font-size:9.5px;color:var(--sky);letter-spacing:.14em}
.mods .md .ai{color:var(--teal)}
.mods .md b{font-size:16.5px;color:var(--ink);font-weight:900}
.mods .md span{font-size:14px;color:var(--muted);line-height:1.55}
@media (max-width:960px){.mods{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.mods{grid-template-columns:1fr}}
.portals{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin-bottom:clamp(56px,7vw,88px)}
.pt{border-radius:22px;padding:clamp(24px,3vw,40px);display:grid;gap:18px;align-content:start;position:relative;overflow:hidden}
.pt.op{background:var(--ink);color:#fff}
.pt.op h3{color:#fff}.pt.op .label{color:var(--sky)}.pt.op p{color:rgba(255,255,255,.7)}
.pt.vs{background:var(--mist)}
.pt p{font-size:15.5px;color:var(--muted);line-height:1.65;font-weight:300}
.pt .fl{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pt .fl li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line);align-items:start}
.pt.op .fl li{border-color:var(--line-d)}
.pt .fl li .ai{width:22px;height:22px;color:var(--sky)}
.pt .fl b{display:block;font-size:15px}
.pt .fl span{font-size:13.5px;opacity:.72}
.pt-in{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:24px;align-items:center}
@media (max-width:980px){.portals{grid-template-columns:1fr}}
@media (max-width:520px){.pt-in{grid-template-columns:1fr}.phone{justify-self:center}}
.phone{width:200px;aspect-ratio:9/18.5;border-radius:30px;background:#03191D;padding:9px;box-shadow:0 30px 60px -30px rgba(5,40,46,.7)}
.phone .scr{height:100%;border-radius:22px;background:var(--white);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;font-size:11px}
.phone .bar{background:var(--ink);color:#fff;padding:14px 12px 10px;display:grid;gap:3px}
.phone .bar b{font-size:12.5px}
.phone .bar span{opacity:.7;font-size:10px}
.phone .bd{padding:12px;display:grid;gap:8px;align-content:start}
.phone .card{border:1px solid var(--line);border-radius:10px;padding:9px;display:grid;gap:4px}
.phone .card b{font-size:11.5px;color:var(--ink)}
.phone .card .big{font-family:var(--f-disp);font-size:15px;color:var(--ink)}
.phone .pbtn{background:var(--sky);color:var(--ink);border-radius:999px;padding:8px;text-align:center;font-weight:900}
.phone .tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.phone .tabs span{padding:8px 2px;text-align:center;font-size:9px;color:var(--muted)}
.phone .tabs span.on{color:var(--ink);font-weight:900;box-shadow:inset 0 2px 0 var(--sky)}
.ints{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ints .ig{border-top:2px solid var(--ink);padding-top:18px;display:grid;gap:10px;align-content:start}
.ints .ig .ai{color:var(--teal)}
.ints .ig b{font-size:16px;color:var(--ink);font-weight:900}
.ints .ig p{font-size:14px;color:var(--muted)}
.ints .chips{display:flex;flex-wrap:wrap;gap:6px}
.ints .chips span{font-family:var(--f-disp);font-size:9.5px;letter-spacing:.1em;border:1px solid var(--line-2);border-radius:999px;padding:6px 10px;color:var(--ink)}
@media (max-width:900px){.ints{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.ints{grid-template-columns:1fr}}
/* projects */
.projs{background:var(--paper)}
.pj-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pj{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:var(--ink);color:#fff;isolation:isolate}
.pj .ph{position:absolute;inset:0}
.pj .ph img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pj:hover .ph img{transform:scale(1.05)}
.pj::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(5,40,46,0) 35%,rgba(5,40,46,.9))}
.pj .in{position:absolute;inset:auto 0 0;z-index:3;padding:20px;display:grid;gap:6px}
.pj .in small{font-family:var(--f-disp);font-size:9.5px;letter-spacing:.14em;color:var(--sky)}
[dir="rtl"] .pj .in small{font-family:var(--f-ar);letter-spacing:0;font-size:12px;font-weight:700}
.pj .in b{font-size:19px;font-weight:900;line-height:1.25}
.pj .in span{font-size:13px;color:rgba(255,255,255,.75)}
.pj .tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.pj .tags i{font-style:normal;font-size:11px;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:3px 9px}
.pj .num{position:absolute;top:16px;inset-inline-start:18px;z-index:3;font-family:var(--f-disp);font-size:11px;color:rgba(255,255,255,.8)}
.pj.feat{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.pj.feat .in b{font-size:clamp(24px,2.4vw,32px)}
@media (max-width:980px){.pj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pj-grid{grid-template-columns:1fr}.pj.feat{grid-column:auto;grid-row:auto;aspect-ratio:4/5}}
.logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:40px}
.logos div{background:var(--white);border:1px solid var(--line);border-radius:14px;height:104px;display:grid;place-items:center;padding:14px}
.logos img{max-height:70px;max-width:100%;object-fit:contain}
@media (max-width:980px){.logos{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:520px){.logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pj-note{margin-top:18px;font-size:12.5px;color:var(--muted)}
/* certificates + company */
.certs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.cert{border:0;background:var(--white);padding:10px 10px 14px;border-radius:12px;box-shadow:0 1px 0 var(--line),0 18px 40px -30px rgba(5,40,46,.5);display:grid;gap:10px;text-align:center;transition:transform .3s}
.cert:hover{transform:translateY(-4px)}
.cert img{aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:6px;width:100%}
.cert b{font-size:12.5px;color:var(--ink);line-height:1.3}
.cert span{font-size:11px;color:var(--muted);line-height:1.3}
@media (max-width:1100px){.certs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:480px){.certs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lb{position:fixed;inset:0;z-index:95;background:rgba(3,25,29,.86);display:grid;place-items:center;padding:24px}
.lb[hidden]{display:none}
.lb img{max-height:88vh;width:auto;max-width:100%;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb button{position:absolute;top:18px;inset-inline-end:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:none;color:#fff;font-size:22px}
.why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(32px,5vw,72px);margin-top:clamp(56px,7vw,96px)}
.why ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.why li{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:15px;color:var(--ink);font-weight:700;line-height:1.4}
.why li svg{width:18px;height:18px;margin-top:2px;color:var(--sky)}
@media (max-width:900px){.why{grid-template-columns:1fr}}
@media (max-width:520px){.why ul{grid-template-columns:1fr}}
.vals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:clamp(40px,5vw,64px)}
.vals>div{display:grid;gap:10px;align-content:start;padding:22px 18px;border-radius:16px;background:var(--paper)}
.vals .ai{color:var(--teal);width:30px;height:30px}
.vals b{font-size:15px;color:var(--ink);font-weight:900;font-family:var(--f-disp);font-weight:400;letter-spacing:.06em;font-size:11.5px}
[dir="rtl"] .vals b{font-family:var(--f-ar);font-weight:900;font-size:15px;letter-spacing:0}
.vals span{font-size:13.5px;color:var(--muted);line-height:1.55}
@media (max-width:1000px){.vals{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.vals{grid-template-columns:1fr 1fr}}
.tagline{font-size:clamp(22px,2.4vw,32px);font-weight:300;color:var(--ink);text-align:center;margin-top:clamp(56px,7vw,96px)}
.tagline b{font-weight:900}
/* quote */
.quote{background:var(--white)}
.q-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px);align-items:start}
@media (max-width:960px){.q-grid{grid-template-columns:1fr}}
.basket{border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;gap:16px;background:var(--paper);position:sticky;top:100px}
@media (max-width:960px){.basket{position:static}}
.basket h3{display:flex;align-items:center;gap:10px;font-size:20px}
.bk-list{display:grid;gap:8px}
.bk{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:8px 10px}
.bk .th{width:52px;height:52px;border-radius:10px;background:var(--paper);display:grid;place-items:center;overflow:hidden}
.bk .th svg{height:92%;width:auto}
.bk b{font-size:14px;color:var(--ink);display:block;line-height:1.3}
.bk small{font-size:12px;color:var(--muted)}
.qty{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:999px;height:34px}
.qty button{width:32px;height:32px;border:0;background:none;font-size:16px;color:var(--ink)}
.qty input{width:38px;text-align:center;border:0;background:none;font:inherit;font-weight:900;color:var(--ink);-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.bk .rm{border:0;background:none;color:var(--muted);font-size:12px;padding:4px 0 0;text-decoration:underline;display:block}
.bk-empty{font-size:14.5px;color:var(--muted);padding:6px 0}
.quick{display:flex;flex-wrap:wrap;gap:6px}
.quick button{font-size:12.5px;border:1px dashed var(--line-2);background:var(--white);border-radius:999px;padding:6px 11px;color:var(--ink)}
.quick button:hover{border-style:solid;border-color:var(--ink)}
.quick button.on{display:none}
.tips{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.tips div{display:grid;gap:3px}
.tips b{font-size:13.5px;color:var(--ink)}
.tips span{font-size:12.5px;color:var(--muted);line-height:1.45}
.qform{display:grid;gap:16px}
.qform .f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.qform .f2{grid-template-columns:1fr}}
.qform label{display:grid;gap:7px;font-size:13px;font-weight:700;color:var(--ink)}
.qform label em{font-style:normal;color:#B4281E}
.qform input,.qform select,.qform textarea{height:50px;border:1px solid var(--line-2);border-radius:12px;padding-inline:14px;font:inherit;font-weight:400;font-size:15px;color:var(--ink);background:var(--white);width:100%;min-width:0}
.qform textarea{height:110px;padding-block:12px;resize:vertical}
.qform input:focus,.qform select:focus,.qform textarea:focus{outline:2px solid var(--sky);outline-offset:0;border-color:transparent}
.qform .bad{border-color:#B4281E}
.qform fieldset{border:0;margin:0;padding:0;display:grid;gap:9px}
.qform legend{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:9px;padding:0}
.qform .cks{display:flex;flex-wrap:wrap;gap:8px}
.qform .cks label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:999px;padding:9px 14px;font-weight:400;font-size:13.5px;cursor:pointer}
.qform .cks input{width:16px;height:16px;accent-color:var(--ink)}
.qform .cks label:has(input:checked){border-color:var(--ink);background:var(--paper);font-weight:700}
.qform .consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13.5px;color:var(--muted)}
.qform .consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--ink)}
.qerr{color:#B4281E;font-size:13.5px;font-weight:700}
.qdone{border-radius:22px;background:var(--ink);color:#fff;padding:clamp(24px,3vw,40px);display:grid;gap:16px}
.qdone h3{color:#fff}
.qdone .ref{font-family:var(--f-disp);font-size:20px;color:var(--sky);letter-spacing:.06em}
.qdone p{color:rgba(255,255,255,.75);font-size:15px}
.qdone table{width:100%;border-collapse:collapse;font-size:14px}
.qdone td{padding:8px 0;border-top:1px solid var(--line-d)}
.qdone td:last-child{text-align:end;font-family:var(--f-disp);font-size:12px}
.qdone .b-line{border-color:rgba(255,255,255,.35);color:#fff}


/* ===== full-bleed hero (v2.2) ===== */
.show::before,.show>.stroke{display:none}
.slides,.slide{min-height:clamp(600px,52vw,760px)}
.slide .wrap{align-self:stretch;display:grid;align-items:center}
.slide .wrap{grid-template-columns:minmax(0,1fr)!important;position:static;padding-block:72px 160px}
.s-copy{position:relative;z-index:2}
.s-copy{max-width:600px}
.s-vis{position:absolute!important;inset:0;aspect-ratio:auto!important;border-radius:0;border:0;box-shadow:none;z-index:0;overflow:hidden}
.s-vis .ph::after{background:linear-gradient(90deg,rgba(5,40,46,.95) 0%,rgba(5,40,46,.82) 30%,rgba(5,40,46,.35) 58%,rgba(5,40,46,.05) 80%),linear-gradient(180deg,rgba(5,40,46,.35),transparent 22%,transparent 62%,rgba(5,40,46,.9))}
[dir="rtl"] .s-vis .ph::after{background:linear-gradient(270deg,rgba(5,40,46,.95) 0%,rgba(5,40,46,.82) 30%,rgba(5,40,46,.35) 58%,rgba(5,40,46,.05) 80%),linear-gradient(180deg,rgba(5,40,46,.35),transparent 22%,transparent 62%,rgba(5,40,46,.9))}
.s-vis .ph>img{object-position:70% 70%}
[dir="rtl"] .s-vis .ph>img{object-position:30% 70%}
.s-vis .fb{justify-items:end;padding-inline:8%}
.s-vis .cap{inset-inline:auto max(24px,calc((100% - 1240px)/2 + 24px));bottom:118px}
.slide.on .s-vis{animation:kb 9s ease-out both}
@keyframes kb{from{transform:scale(1.07)}to{transform:scale(1)}}
@media (max-width:1000px){.slide .wrap{padding-block:56px 140px}.s-vis{aspect-ratio:auto!important}.s-vis .ph::after,[dir="rtl"] .s-vis .ph::after{background:linear-gradient(180deg,rgba(5,40,46,.55),rgba(5,40,46,.8) 45%,rgba(5,40,46,.95))}.s-vis .cap{display:none}}
.s-vis .fb svg{height:64%;max-width:44%}
.slide.on .s-vis .fb svg{animation:dzf 6s ease-in-out infinite}
@keyframes dzf{50%{transform:translateY(-10px)}}
@media (max-width:1000px){.s-vis .fb{justify-items:center;align-items:start;padding-top:40px}.s-vis .fb svg{height:46%;max-width:70%;opacity:.35}}
.pc-art{background:#E2ECEE}
.pc-art img.prd{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pc:hover .pc-art img.prd{transform:scale(1.04)}
.drw .art img.prd,.drw .inset img.prd,.bk .th img.prd{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.drw .hero-ph .inset{overflow:hidden;background:#E2ECEE}
.drw .art{overflow:hidden;background:#E2ECEE}
.bk .th{background:#E2ECEE}
.shot{margin:4px 0 0;border-radius:14px;overflow:hidden;border:1px solid var(--line-d);background:#fff}
.shot img{width:100%;display:block}
.shot figcaption{font-size:12px;color:rgba(255,255,255,.6);padding:8px 12px;background:#0A3740}
.logos div{height:110px}
@media (max-width:980px){.logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:520px){.logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.screens{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:20px;margin-top:clamp(40px,5vw,64px);align-items:start}
.sc-h{display:grid;gap:12px;align-content:start}
.sc-h p{color:rgba(255,255,255,.65);font-size:15px;font-weight:300}
.scr{border:1px solid var(--line-d);background:rgba(255,255,255,.04);border-radius:16px;padding:10px 10px 16px;display:grid;gap:8px;text-align:start;color:#fff;transition:border-color .25s,transform .3s}
.scr:hover{border-color:var(--sky);transform:translateY(-3px)}
.scr img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:10px;background:#fff}
.scr b{font-size:15px;padding-inline:4px}
.scr span{font-size:13px;color:rgba(255,255,255,.6);padding-inline:4px}
@media (max-width:900px){.screens{grid-template-columns:1fr}}
/* ===== v8 ===== */
/* product cutouts */
.pc-art{background:radial-gradient(70% 55% at 50% 88%,#D5E4E7,#EEF4F5 60%,#F7FAFA)}
.pc-art img.prd.cut{inset:9% 12% 11%;width:76%;height:80%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(5,40,46,.16))}
.pc-art img.prd.cut.lo{inset:16% 22% 14%;width:56%;height:70%}
.pc-art::after{content:"";position:absolute;left:24%;right:24%;bottom:9%;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(5,40,46,.18),transparent);z-index:0}
.pc-art img.prd{z-index:1}
.drw .art.cut{aspect-ratio:4/3;background:radial-gradient(70% 55% at 50% 88%,#D5E4E7,#EEF4F5 60%,#F7FAFA);padding:6%}
.drw .art.cut img.prd{object-fit:contain;border-radius:0;filter:drop-shadow(0 18px 20px rgba(5,40,46,.18))}
.drw .art.cut{position:relative}
.drw .art.cut img.prd{position:absolute;inset:7% 8%;width:84%;height:86%}
.bk .th{background:#EEF4F5}
.bk .th img.prd.cut{object-fit:contain;padding:4px}
.pc-tx .fam{display:inline-flex;align-items:center;gap:8px}
.pc-tx .fam .ai{width:18px;height:18px;color:var(--teal)}
.mega ul a{display:inline-flex;align-items:center;gap:8px}
.mega ul a .ai{width:18px;height:18px;color:var(--teal);flex:none}
/* solutions dropdown (old-site style) */
.nav>.it.dd-it{position:relative}
.drop{position:absolute;top:calc(100% - 10px);inset-inline-start:0;width:360px;background:var(--white);border-radius:16px;box-shadow:0 24px 60px -18px rgba(5,40,46,.35),0 0 0 1px rgba(5,40,46,.06);padding:10px;display:grid;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:50}
.nav>.it:hover .drop,.nav>.it:focus-within .drop{opacity:1;visibility:visible;transform:none}
.drop a{display:grid;gap:3px;padding:12px 14px;border-radius:10px;text-align:start}
.drop a:hover{background:var(--paper)}
.drop b{font-size:15px;font-weight:900;color:var(--ink)}
.drop span{font-size:13.5px;color:var(--muted);font-weight:400}
#ddSec{width:420px;grid-template-columns:1fr 1fr}
.nav>.it>a,.nav>.it>button{padding:10px 12px}
/* solutions list subtitle */
.si .st{display:grid;gap:4px}
.si .st small{font-size:13.5px;color:var(--muted);font-weight:400;line-height:1.4}
/* hero: hi-res, whole product visible, text on the side away from the product */
.slides,.slide{min-height:clamp(600px,56vw,800px)}
.slide.on .s-vis{animation:hfade 1s ease-out both}
@keyframes hfade{from{opacity:.4}to{opacity:1}}
.s-vis .ph>img,[dir="rtl"] .s-vis .ph>img{object-fit:cover;object-position:50% 55%}
.slide.tx-l .s-vis .ph>img{object-position:62% 55%}
.slide.tx-r .s-vis .ph>img{object-position:30% 55%}
.slide.tx-l .s-vis .ph::after{background:linear-gradient(90deg,rgba(5,40,46,.94) 0%,rgba(5,40,46,.78) 28%,rgba(5,40,46,.25) 52%,transparent 70%),linear-gradient(180deg,rgba(5,40,46,.3),transparent 20%,transparent 70%,rgba(5,40,46,.85))!important}
.slide.tx-r .s-vis .ph::after{background:linear-gradient(270deg,rgba(5,40,46,.94) 0%,rgba(5,40,46,.78) 28%,rgba(5,40,46,.25) 52%,transparent 70%),linear-gradient(180deg,rgba(5,40,46,.3),transparent 20%,transparent 70%,rgba(5,40,46,.85))!important}
.slide.tx-l .s-copy{justify-self:start}
.slide.tx-r .s-copy{justify-self:end}
[dir="rtl"] .slide.tx-l .s-copy{justify-self:end}
[dir="rtl"] .slide.tx-r .s-copy{justify-self:start}
.slide .s-copy{max-width:540px}
.slide.tx-l .s-vis .cap{inset-inline:auto;left:auto;right:max(24px,calc((100% - 1240px)/2 + 24px))}
.slide.tx-r .s-vis .cap{inset-inline:auto;right:auto;left:max(24px,calc((100% - 1240px)/2 + 24px))}
@media (max-width:1000px){
 .slides,.slide{min-height:0}
 .slide .wrap{display:flex!important;flex-direction:column;align-items:stretch!important;padding-block:0 112px!important;gap:0}
 .s-vis{position:relative!important;inset:auto;order:-1;aspect-ratio:3/2!important;width:auto;margin-inline:calc(-1*max(24px,env(safe-area-inset-left,0px)))}
 .s-vis .ph>img,.slide.tx-l .s-vis .ph>img,.slide.tx-r .s-vis .ph>img{object-fit:cover;object-position:50% 50%}
 .slide.tx-l .s-vis .ph::after,.slide.tx-r .s-vis .ph::after{background:linear-gradient(180deg,transparent 60%,rgba(5,40,46,1))!important}
 .slide .s-copy,[dir="rtl"] .slide .s-copy{justify-self:stretch;max-width:none;padding-top:22px;gap:16px}
}
/* dashboard screens, dark */
.screens{grid-template-columns:minmax(0,.72fr) minmax(0,1.6fr);gap:clamp(24px,4vw,56px);align-items:center}
.sc-tabs{display:grid;gap:10px;margin-top:10px}
.sct{display:grid;gap:4px;text-align:start;padding:16px 18px;border-radius:14px;border:1px solid var(--line-d);background:rgba(255,255,255,.02);color:#fff;position:relative;transition:background .25s,border-color .25s}
.sct small{font-family:var(--f-disp);font-size:10px;letter-spacing:.16em;color:var(--sky)}
.sct b{font-size:16px;font-weight:700}
.sct span{font-size:13px;color:rgba(255,255,255,.6);font-weight:300}
.sct[aria-selected="true"]{background:rgba(109,172,190,.1);border-color:rgba(109,172,190,.55)}
.sct[aria-selected="true"]::before{content:"";position:absolute;inset-block:16px;inset-inline-start:-1px;width:3px;border-radius:3px;background:var(--sky)}
.sc-stage{position:relative}
.sc-glow{position:absolute;inset:8% 6% -4%;background:radial-gradient(closest-side,rgba(109,172,190,.35),transparent);filter:blur(30px);z-index:0}
.sc-frame{position:relative;z-index:1;border-radius:16px;border:1px solid rgba(109,172,190,.35);background:#06252B;box-shadow:0 40px 90px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.sc-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid rgba(109,172,190,.18);background:rgba(255,255,255,.03)}
.sc-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.sc-bar em{font-style:normal;font-size:11.5px;color:rgba(255,255,255,.5);margin-inline-start:12px;padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.05);direction:ltr}
.sc-view{display:grid}
.scf{grid-area:1/1;border:0;padding:0;background:none;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;cursor:zoom-in}
.scf.on{opacity:1;visibility:visible}
.scf img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:top left}
.sc-zoom{position:absolute;z-index:2;bottom:14px;inset-inline-end:14px;display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#fff;background:rgba(5,40,46,.75);border:1px solid var(--line-d);padding:6px 12px;border-radius:999px;pointer-events:none;backdrop-filter:blur(6px)}
.sc-zoom .ai{width:15px;height:15px}
@media (max-width:900px){.screens{grid-template-columns:1fr}.sc-tabs{grid-template-columns:1fr 1fr}.sct span{display:none}}
/* process strip: centred, equal columns, rings */
.line-steps{max-width:1120px;margin-inline:auto;grid-template-columns:repeat(6,minmax(0,1fr))}
.ls,[dir="rtl"] .ls{padding:0 10px;justify-items:center;text-align:center}
.ls .dot{width:72px;height:72px;border-radius:50%;background:var(--white);border:1px solid rgba(109,172,190,.55);box-shadow:0 0 0 7px rgba(109,172,190,.1),0 14px 28px -16px rgba(5,40,46,.35);color:var(--ink)}
.ls .dot .ai{width:30px;height:30px}
.ls .dot .ai .acc{color:var(--sky);stroke:var(--sky)}
.ls::after,[dir="rtl"] .ls::after{top:36px;inset-inline-start:calc(50% + 46px);inset-inline-end:calc(-50% + 46px);background:repeating-linear-gradient(90deg,var(--sky) 0 6px,transparent 6px 12px)}
.ls span:not(.dot):not(.n){max-width:22ch}
@media (max-width:980px){.ls:nth-child(3)::after{display:none}}
/* architecture v8 */
.arch::before{display:none}
.arch{background:radial-gradient(60% 70% at 50% 50%,#0C3C46,var(--ink) 70%)}
.ax{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.75fr) minmax(0,1fr);gap:clamp(40px,5vw,72px);align-items:center}
.ax-lines{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:visible}
.ax-col{position:relative;z-index:1;display:grid;gap:14px}
.ax-k{font-family:var(--f-disp);font-size:10px;letter-spacing:.2em;color:var(--sky)}
.ax-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ax-t{position:relative;border-radius:14px;border:1px solid rgba(109,172,190,.22);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015));padding:10px 8px 12px;display:grid;gap:6px;justify-items:center;text-align:center;transition:border-color .3s,transform .3s}
.ax-t:hover{border-color:rgba(109,172,190,.7);transform:translateY(-2px)}
.ax-t .im{position:relative;width:100%;aspect-ratio:1/1;display:grid;place-items:center}
.ax-t .im::before{content:"";position:absolute;left:18%;right:18%;bottom:4%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(109,172,190,.55),transparent);filter:blur(2px)}
.ax-t .im img,.ax-t .im svg{position:relative;max-width:78%;max-height:88%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45))}
.ax-t .im svg{height:88%}
.ax-t b{font-size:12.5px;line-height:1.3;color:#fff;font-weight:700}
.ax-core{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:8px}
.ax-orb{position:relative;width:clamp(150px,13vw,190px);aspect-ratio:1;display:grid;place-items:center;margin-bottom:10px}
.ax-orb .r1,.ax-orb .r2,.ax-orb .r3{position:absolute;inset:0;border-radius:50%}
.ax-orb .r1{inset:-22%;background:radial-gradient(closest-side,rgba(109,172,190,.4),transparent);animation:halo 3.2s ease-in-out infinite}
.ax-orb .r2{border:1px dashed rgba(109,172,190,.55);animation:spin 26s linear infinite}
.ax-orb .r3{inset:9%;border:1px solid rgba(174,214,140,.5);box-shadow:0 0 30px rgba(109,172,190,.35),inset 0 0 22px rgba(109,172,190,.25)}
.ax-orb .disc{position:relative;width:66%;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 6px rgba(255,255,255,.08),0 20px 40px -10px rgba(0,0,0,.6)}
.ax-orb .disc img{width:68%;height:auto}
@keyframes spin{to{transform:rotate(360deg)}}
.ax-cn{font-family:var(--f-disp);font-weight:400;font-size:14px;letter-spacing:.08em;color:#fff}
.ax-cs{font-size:14px;color:rgba(255,255,255,.8)}
.ax-ce{font-style:normal;font-size:12.5px;color:rgba(255,255,255,.5)}
.ax-v{display:none}
.ax-out{display:grid;gap:12px}
.ax-u{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border-radius:14px;border:1px solid rgba(174,214,140,.25);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.ax-u .th{width:96px;height:64px;border-radius:9px;overflow:hidden;background:#06252B;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center}
.ax-u .th>img{width:100%;height:100%;object-fit:cover;object-position:top left}
.ax-u b{display:block;font-size:14.5px;color:#fff;font-weight:700}
.ax-u span{display:block;font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.45;margin-top:2px}
.mini-ph{width:34px;height:56px;border-radius:7px;border:1.5px solid rgba(255,255,255,.55);background:#0A3740;display:grid;align-content:center;justify-items:center;gap:2px;padding:3px}
.mini-ph i{width:12px;height:2px;border-radius:2px;background:rgba(255,255,255,.4);margin-bottom:2px}
.mini-ph b{font-size:5.5px;color:#fff;margin:0}
.mini-ph span{font-size:7px!important;color:#AED68C!important;font-weight:900;margin:0!important}
.mini-ph em{font-style:normal;font-size:5px;background:#6DACBE;color:#05282E;border-radius:3px;padding:1px 3px;font-weight:700}
.mini-api{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;padding:4px}
.mini-api span{font-size:8.5px!important;margin:0!important;padding:2px 5px;border-radius:4px;border:1px solid rgba(174,214,140,.5);color:#AED68C!important;font-weight:700;direction:ltr}
.arch-m{display:none!important}
@media (max-width:1100px){.ax{grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1fr);gap:36px}.ax-u{grid-template-columns:72px minmax(0,1fr)}.ax-u .th{width:72px;height:52px}}
@media (max-width:900px){
 .ax{grid-template-columns:1fr;gap:0}
 .ax-lines{display:none}
 .ax-v{display:block;width:2px;height:40px;margin:6px auto;background:linear-gradient(180deg,transparent,var(--sky),transparent);background-size:100% 200%;animation:vflow 1.6s linear infinite}
 @keyframes vflow{from{background-position:0 100%}to{background-position:0 -100%}}
 .ax-core{padding-block:6px}
 .ax-u{grid-template-columns:88px minmax(0,1fr)}.ax-u .th{width:88px;height:60px}
}
@media (max-width:520px){.ax-grid{gap:8px}.ax-t b{font-size:11.5px}}
@media (prefers-reduced-motion:reduce){.ax-orb .r1,.ax-orb .r2,.ax-v{animation:none}}

/* KSA map v8 */
.mapbox{background:#0B2A30;border:0;padding:0;border-radius:24px;box-shadow:0 40px 80px -40px rgba(5,40,46,.6)}
.kmap{width:100%;height:auto;display:block}
.kmap .arc{animation:karc 1.4s linear infinite}
@keyframes karc{to{stroke-dashoffset:-20}}
.kmap text.ar{font-family:'Frutiger LT Arabic',Tahoma,sans-serif!important;letter-spacing:0!important;font-weight:700}
@media (prefers-reduced-motion:reduce){.kmap .arc{animation:none}}
@media (max-width:980px){.line-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}}
@media (max-width:520px){.line-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ls::after{display:none}}
.ax-t .im{overflow:hidden}
.ax-t .im img{position:absolute!important;left:11%;top:6%;width:78%!important;height:80%!important;max-width:none!important;max-height:none!important;object-fit:contain}
.ax-t .im svg{position:absolute!important;left:15%;top:6%;width:70%!important;height:80%!important}
@media (min-width:1001px){
 .s-vis{background:radial-gradient(80% 90% at 70% 50%,#0C3C46,#05282E)}
 .s-vis .ph{background:none}
 .slide .s-vis .ph>img{inset:0 0 0 auto;width:auto;height:100%;aspect-ratio:3/2;max-width:none;object-fit:cover;object-position:50% 50%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
 .slide.tx-r .s-vis .ph>img{inset:0 auto 0 0;-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 26%);mask-image:linear-gradient(270deg,transparent 0,#000 26%)}
 .slide.tx-l .s-vis .ph::after{background:linear-gradient(90deg,rgba(5,40,46,.9) 0%,rgba(5,40,46,.55) 34%,transparent 55%),linear-gradient(180deg,rgba(5,40,46,.25),transparent 18%,transparent 75%,rgba(5,40,46,.8))!important}
 .slide.tx-r .s-vis .ph::after{background:linear-gradient(270deg,rgba(5,40,46,.9) 0%,rgba(5,40,46,.55) 34%,transparent 55%),linear-gradient(180deg,rgba(5,40,46,.25),transparent 18%,transparent 75%,rgba(5,40,46,.8))!important}
}
.nav>.it>a,.nav>.it>button{white-space:nowrap}
[dir="rtl"] .nav>.it>a,[dir="rtl"] .nav>.it>button{padding:10px 9px}
@media (max-width:1360px){.nav>.it>a,.nav>.it>button{padding:10px 8px;font-size:14px}}
/* ===== v9 ===== */
/* spacing scale */
.sec{padding-block:clamp(64px,7.5vw,104px)}
.head{align-items:end}
.tagline{margin-top:clamp(40px,5vw,64px)}
#company{padding-bottom:clamp(48px,5vw,72px)}
#company + section{padding-top:clamp(48px,5vw,72px)}
/* tech background on light sections */
.tex{background-image:url(assets/techbg.svg);background-size:640px 640px;background-repeat:repeat}
@media (prefers-reduced-motion:reduce){.tex{background-image:none}}
/* values */
.valsb{margin-top:clamp(48px,6vw,80px);background:radial-gradient(70% 90% at 85% 10%,#0E4652,var(--ink) 65%);border-radius:28px;padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:clamp(28px,4vw,56px);color:#fff;position:relative;overflow:hidden}
.valsb .vh{display:grid;gap:16px;align-content:start}
.valsb .label{color:var(--sky)}
.valsb h2{color:#fff}
.valsb .vh p{color:rgba(255,255,255,.65);font-size:15px;font-weight:300}
.valsb .vals{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vc{position:relative;display:grid;gap:12px;align-content:start;padding:24px 22px 26px;border-radius:18px;border:1px solid rgba(109,172,190,.22);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.vc:hover{transform:translateY(-4px);border-color:rgba(174,214,140,.6);box-shadow:0 0 0 1px rgba(174,214,140,.25),0 20px 40px -20px rgba(174,214,140,.35)}
.vc em{position:absolute;top:6px;inset-inline-end:14px;font-family:var(--f-disp);font-style:normal;font-size:54px;line-height:1;color:rgba(109,172,190,.12)}
.ring{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(174,214,140,.55);background:rgba(174,214,140,.08);color:#AED68C;box-shadow:0 0 0 5px rgba(174,214,140,.05)}
.ring .ai{width:26px;height:26px}
.vc b{font-size:19px;font-weight:900;color:#fff}
.vc>span:last-child{font-size:14px;color:rgba(255,255,255,.66);line-height:1.6}
@media (max-width:1000px){.valsb{grid-template-columns:1fr}}
@media (max-width:700px){.valsb .vals{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;scrollbar-width:none}.valsb .vals::-webkit-scrollbar{display:none}.vc{flex:0 0 78%;scroll-snap-align:start}}
/* services */
.svc2{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.sv2{display:grid;gap:10px;align-content:start;padding:22px 20px 24px;border-radius:18px;background:var(--white);border:1px solid var(--line);transition:border-color .3s,transform .3s,box-shadow .3s}
.sv2:hover{border-color:var(--sky);transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(5,40,46,.4)}
.sv2 .top{display:flex;justify-content:space-between;align-items:start}
.sv2 .ring{border-color:rgba(109,172,190,.5);background:rgba(109,172,190,.08);color:var(--teal);box-shadow:none;width:48px;height:48px}
.sv2 .ring .ai{width:24px;height:24px}
.sv2 em{font-style:normal;font-family:var(--f-disp);font-size:26px;color:rgba(109,172,190,.35);line-height:1}
.sv2 b{font-size:16.5px;font-weight:900;color:var(--ink);hyphens:none;word-break:normal;overflow-wrap:normal}
.sv2>span{font-size:13.5px;color:var(--muted);line-height:1.55}
/* vision / mission */
.vis2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.vcol{border-radius:22px;padding:clamp(24px,3vw,36px);display:grid;gap:16px;align-content:start;background:var(--white);border:1px solid var(--line)}
.vcol .tag{font-family:var(--f-disp);font-size:10.5px;letter-spacing:.18em;color:var(--teal)}
[dir="rtl"] .vcol .tag{font-family:var(--f-ar);font-weight:700;letter-spacing:0;font-size:13.5px}
.vcol h3{font-size:clamp(19px,1.6vw,23px);font-weight:300;line-height:1.35;color:var(--ink)}
.vcol h3 b{font-weight:900}
.vcol ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:14px}
.vcol li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center}
.vcol li .ring{width:44px;height:44px;border-color:rgba(109,172,190,.5);background:rgba(109,172,190,.08);color:var(--teal);box-shadow:none}
.vcol li .ring .ai{width:22px;height:22px}
.vcol li b{display:block;font-size:15px;font-weight:900;color:var(--ink)}
.vcol li span{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
.vcol.dark{background:radial-gradient(90% 80% at 80% 0%,#0E4652,var(--ink) 70%);border-color:transparent;color:#fff}
.vcol.dark .tag{color:var(--sky)}.vcol.dark h3{color:#fff}
.vcol.dark li b{color:#fff}.vcol.dark li span{color:rgba(255,255,255,.62)}
.vcol.dark li .ring{border-color:rgba(174,214,140,.55);background:rgba(174,214,140,.08);color:#AED68C}
.vstat{display:flex;align-items:baseline;gap:12px;padding:14px 0;border-block:1px solid rgba(255,255,255,.12)}
.vstat b{font-family:var(--f-disp);font-weight:400;font-size:clamp(40px,4vw,56px);color:#AED68C;line-height:1}
.vstat>span{font-size:14px;color:rgba(255,255,255,.75)}.vstat b span{font:inherit;color:inherit}
@media (max-width:960px){.vis2{grid-template-columns:1fr}}
/* quote picker */
.qpk{display:grid;gap:12px}
.qpk-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.qpk-h b{font-size:14px;color:var(--ink)}
.qpk-s{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--white);border-radius:999px;padding:0 12px;flex:0 1 190px;font-weight:400}
.qpk-s .ai{width:16px;height:16px;color:var(--muted);flex:none}
.qpk-s input{border:0;background:none;padding:8px 0;font-size:13.5px;outline:none!important}
.qpk-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.qpk-tabs::-webkit-scrollbar{display:none}
.qpk-tabs button{flex:none;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid transparent;background:none;color:var(--muted)}
.qpk-tabs button[aria-pressed="true"]{background:var(--ink);color:#fff}
.qpk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto;padding:2px;scrollbar-width:thin}
.qpc{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 22px;gap:10px;align-items:center;text-align:start;padding:6px 8px;border-radius:12px;border:1px solid var(--line);background:var(--white);transition:border-color .2s}
.qpc:hover{border-color:var(--sky)}
.qpc .th{width:40px;height:40px;border-radius:8px;background:#EEF4F5;display:grid;place-items:center;overflow:hidden}
.qpc .th img{width:100%;height:100%;object-fit:contain;padding:3px}
.qpc .th svg{height:90%;width:auto}
.qpc b{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.3}
.qpc i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:14px;border:1px solid var(--line-2);color:var(--teal)}
.qpc.on{border-color:var(--teal);background:#F2F8F9}
.qpc.on i{background:var(--teal);border-color:var(--teal);color:#fff;font-size:11px}
.bk-empty2{display:grid;justify-items:center;gap:8px;text-align:center;padding:14px 8px 6px;color:var(--muted);font-size:13.5px}
.bk-empty2 svg{width:56px;height:56px}
.tips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tips div{display:flex;gap:6px;align-items:baseline}
.tips em{font-style:normal;font-family:var(--f-disp);font-size:10px;color:var(--sky)}
.tips b{font-size:12px;font-weight:700;color:var(--muted)}
@media (max-width:520px){.tips{grid-template-columns:1fr 1fr}.qpk-grid{grid-template-columns:1fr}}
/* contact */
.cinfo div{grid-template-columns:40px 92px minmax(0,1fr) auto}
.cinfo .ci{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(109,172,190,.4);background:rgba(109,172,190,.08);color:var(--sky)}
.cinfo .ci .ai{width:19px;height:19px}
.cinfo a{color:#fff;font-weight:700;overflow-wrap:anywhere}
.cinfo a:hover{color:var(--sky)}
.csoc{display:flex;align-items:center;gap:16px;margin-top:24px}
.csoc>span{font-size:12.5px;color:var(--sky);font-weight:700}
.soc{display:flex;gap:10px}
.so{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(109,172,190,.4);color:#fff;background:rgba(255,255,255,.04);transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
.so svg{width:19px;height:19px}
.so:hover{transform:translateY(-2px)}
.so-ig:hover{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%);border-color:transparent;box-shadow:0 0 22px rgba(214,36,159,.5)}
.so-li:hover{background:#0A66C2;border-color:transparent;box-shadow:0 0 22px rgba(10,102,194,.55)}
.so-wa:hover{background:#25D366;border-color:transparent;box-shadow:0 0 22px rgba(37,211,102,.5)}
.ftr .so{color:var(--ink);border-color:var(--line-2);background:var(--white)}
.ftr .so:hover{color:#fff}
.gmap{display:block;position:relative;margin-top:28px;border-radius:20px;overflow:hidden;border:1px solid rgba(109,172,190,.3);aspect-ratio:16/7;max-width:100%}
.gmap svg{position:absolute;inset:0;width:100%;height:100%}
.gm-tx{position:absolute;inset-inline-start:16px;bottom:14px;display:grid;gap:2px;background:rgba(5,40,46,.82);backdrop-filter:blur(8px);border:1px solid var(--line-d);border-radius:14px;padding:12px 16px}
.gm-tx b{font-size:14px;color:#fff}.gm-tx span{font-size:12.5px;color:rgba(255,255,255,.65)}
.gm-tx em{font-style:normal;font-size:13px;font-weight:700;color:#AED68C;margin-top:4px}
.gmap:hover{border-color:var(--sky)}
#demoForm{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(109,172,190,.3);backdrop-filter:blur(10px);color:#fff;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
#demoForm h3{color:#fff}
#demoForm label{color:rgba(255,255,255,.8)}
#demoForm input,#demoForm textarea{background:rgba(5,40,46,.55);border-color:rgba(109,172,190,.3);color:#fff}
#demoForm input::placeholder,#demoForm textarea::placeholder{color:rgba(255,255,255,.35)}
#demoForm input:focus,#demoForm textarea:focus{background:rgba(5,40,46,.8);outline-color:#AED68C}
#demoForm .fnote{color:rgba(255,255,255,.5)}
#demoForm .fok{background:rgba(174,214,140,.1);color:#fff;border-color:#AED68C}
#demoForm .b-ink{background:#AED68C;color:var(--ink);border-color:#AED68C;font-weight:900}
#demoForm .b-line{color:#fff;border-color:rgba(255,255,255,.4)}
.fsol{display:grid;gap:8px}
.fsol>span{font-size:13px;font-weight:700;color:rgba(255,255,255,.8)}
.fchips{display:flex;flex-wrap:wrap;gap:6px}
.fchips button{font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;border:1px solid rgba(109,172,190,.35);background:rgba(255,255,255,.03);color:rgba(255,255,255,.8)}
.fchips button[aria-pressed="true"]{background:var(--sky);border-color:var(--sky);color:var(--ink)}
.ftrust{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12.5px;color:rgba(255,255,255,.65)}
.ftrust span{display:inline-flex;gap:6px;align-items:baseline;padding:5px 11px;border-radius:999px;border:1px solid rgba(174,214,140,.35)}
.ftrust b{color:#AED68C;font-family:var(--f-disp);font-weight:400;font-size:11px;letter-spacing:.06em}
.ftrust i{font-style:normal}
.ftrust img{height:26px;width:auto;margin-inline-start:auto}
.valsb .vals>div.vc{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));padding:24px 22px 26px;gap:12px}
.valsb .vals b,[dir="rtl"] .valsb .vals b{font-family:var(--f-en);font-size:19px;font-weight:900;letter-spacing:0;color:#fff}
[dir="rtl"] .valsb .vals b{font-family:var(--f-ar)}
.valsb .vals .ai{color:#AED68C;width:26px;height:26px}
.valsb .vals>div>span:last-child{font-size:14px;color:rgba(255,255,255,.68)}
@media (max-width:560px){.cinfo div{grid-template-columns:40px minmax(0,1fr) auto}.cinfo div>span:not(:last-child){display:none}.cinfo div>span:last-child:empty{display:none}.gmap{aspect-ratio:4/3}}
/* v10 hero motion + legibility */
.s-vis .fb{display:none!important}
.s-vis .ph{transform:translate3d(calc(var(--px,0)*-14px),calc(var(--py,0)*-8px),0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.slide.on .s-vis .ph>img{animation:kb2 9s ease-out both}
@keyframes kb2{from{transform:scale(1)}to{transform:scale(1.06)}}
.slide.tx-l .s-vis .ph>img{transform-origin:70% 50%}.slide.tx-r .s-vis .ph>img{transform-origin:30% 50%}
.s-copy .s-h,.s-copy p{text-shadow:0 2px 18px rgba(3,24,28,.75),0 1px 2px rgba(3,24,28,.6)}
.s-tag{text-shadow:0 1px 8px rgba(3,24,28,.8)}
.s-meta span{background:rgba(5,40,46,.55);backdrop-filter:blur(4px)}
@media (min-width:1001px){
 .slide.tx-l .s-vis .ph::after{background:linear-gradient(90deg,rgba(5,40,46,.97) 0%,rgba(5,40,46,.88) 30%,rgba(5,40,46,.5) 46%,transparent 62%),linear-gradient(180deg,rgba(5,40,46,.25),transparent 18%,transparent 75%,rgba(5,40,46,.8))!important}
 .slide.tx-r .s-vis .ph::after{background:linear-gradient(270deg,rgba(5,40,46,.97) 0%,rgba(5,40,46,.88) 30%,rgba(5,40,46,.5) 46%,transparent 62%),linear-gradient(180deg,rgba(5,40,46,.25),transparent 18%,transparent 75%,rgba(5,40,46,.8))!important}
 .slide.tx-l .s-vis .ph>img{right:-3%}
 .slide.tx-r .s-vis .ph>img{left:-3%}
}
@media (prefers-reduced-motion:reduce){.slide.on .s-vis .ph>img{animation:none}.s-vis .ph{transform:none}}
.pjl{position:absolute;top:14px;inset-inline-end:14px;z-index:3;background:#fff;border-radius:12px;padding:6px 10px;height:46px;min-width:64px;display:grid;place-items:center;box-shadow:0 8px 20px -8px rgba(0,0,0,.45)}
.pjl img{height:34px;width:auto;max-width:96px;object-fit:contain}
.pj .num{z-index:3}
.pjcred{font-size:11.5px;color:var(--muted);margin-top:16px}
.pjcred a{text-decoration:underline}
@media (max-width:1000px){
 .s-vis{margin-inline:calc(50% - 50vw)!important;width:100vw!important;max-width:none!important}
}

/* architecture v11: minimal bands */
.arch{background:radial-gradient(80% 60% at 50% 48%,#0B3A44,#05282E 70%)!important;padding:clamp(28px,4vw,64px) clamp(16px,3vw,48px)}
.a3{display:grid;gap:0;justify-items:center;color:#fff}
.a3-k{display:flex;gap:12px;align-items:baseline;margin:0 0 28px}
.a3-k:last-child{margin:28px 0 0}
.a3-k span{font-family:var(--f-disp);font-size:10px;letter-spacing:.32em;color:#AED68C}
.a3-k em{font-style:normal;font-size:12.5px;color:rgba(255,255,255,.45)}
.a3-dev{position:relative;width:100%;max-width:1040px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.a3-dev::before{content:"";position:absolute;left:4%;right:4%;top:150px;height:1px;background:linear-gradient(90deg,transparent,rgba(174,214,140,.35),transparent)}
.a3-i{position:relative;display:grid;justify-items:center;gap:10px;text-align:center;transition:opacity .35s}
.a3-i .im{height:150px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.a3-i .im img{height:118px;width:auto;max-width:92%;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.5));-webkit-box-reflect:below 1px linear-gradient(transparent 72%,rgba(255,255,255,.14));transition:transform .4s}
.a3-dev .a3-i b{font-family:var(--f-disp);font-weight:400;font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.7);margin-top:30px;text-transform:uppercase}
[dir="rtl"] .a3-dev .a3-i b{font-family:var(--f-ar);font-size:12.5px;letter-spacing:0;font-weight:700}
.ln{display:block;position:relative;width:1px;height:64px;background:linear-gradient(rgba(174,214,140,.08),rgba(174,214,140,.45));overflow:hidden;transition:background .35s}
.ln::after{content:"";position:absolute;left:-1.5px;width:4px;height:14px;border-radius:2px;background:linear-gradient(transparent,#AED68C);box-shadow:0 0 8px #AED68C;animation:lnp 2.6s linear infinite;top:-14px}
.a3-i:nth-child(2) .ln::after{animation-delay:.4s}.a3-i:nth-child(3) .ln::after{animation-delay:1.1s}.a3-i:nth-child(4) .ln::after{animation-delay:.7s}.a3-i:nth-child(5) .ln::after{animation-delay:1.6s}.a3-i:nth-child(6) .ln::after{animation-delay:.2s}.a3-i:nth-child(7) .ln::after{animation-delay:1.3s}
@keyframes lnp{to{top:100%}}
.a3-rail{position:relative;display:flex;align-items:center;gap:18px;padding:14px 28px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 0 0 1px rgba(174,214,140,.5),0 0 60px rgba(109,172,190,.35),0 24px 50px -20px rgba(0,0,0,.6);width:min(100%,1040px);justify-content:center}
.a3-rail img{height:26px;width:auto}
.a3-rail .sep{width:1px;height:22px;background:rgba(5,40,46,.2)}
.a3-rail .t{font-family:var(--f-disp);font-size:10px;letter-spacing:.2em;color:var(--ink)}
[dir="rtl"] .a3-rail .t{font-family:var(--f-ar);font-weight:700;font-size:13px;letter-spacing:0}
.a3-rail .g{position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(174,214,140,.5),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:railg 5s linear infinite;mix-blend-mode:multiply;opacity:.35;pointer-events:none}
@keyframes railg{from{background-position:-40% 0}to{background-position:140% 0}}
.a3-out{width:100%;max-width:1040px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.a3-i.u{gap:8px}
.a3-i.u .ai{width:24px;height:24px;color:#AED68C;margin-top:8px}
.a3-i.u b{font-size:15px;font-weight:700;color:#fff}
.a3-i.u span{font-size:13px;color:rgba(255,255,255,.55);line-height:1.5;max-width:26ch}
.a3:has(.a3-i:hover) .a3-i:not(:hover){opacity:.32}
.a3-i:hover .ln{background:linear-gradient(rgba(174,214,140,.4),#AED68C)}
.a3-dev .a3-i:hover .im img{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){.ln::after,.a3-rail .g{animation:none;display:none}}
@media (max-width:900px){
 .a3-dev{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;max-width:420px}
 .a3-dev::before{display:none}
 .a3-dev .ln{display:none}
 .a3-i .im{height:120px}.a3-i .im img{height:96px}
 .a3-dev .a3-i b{margin-top:18px}
 .a3-dev::after{content:"";grid-column:1/-1;justify-self:center;width:1px;height:48px;background:linear-gradient(rgba(174,214,140,.1),#AED68C)}
 .a3-rail{flex-wrap:wrap;gap:10px;padding:14px 20px;border-radius:22px}
 .a3-rail .sep{display:none}
 .a3-out{grid-template-columns:1fr;gap:18px;max-width:420px}
 .a3-out .a3-i:first-child .ln{display:block}
 .a3-out .a3-i:not(:first-child) .ln{display:none}
}
.a3-out{align-items:start}.a3-i{align-content:start}
@media (max-width:900px){.a3-dev .a3-i:last-child{grid-column:1/-1}.a3-rail .t{text-align:center}}
.a3-i.u .ai *{stroke-dashoffset:0!important}
/* logos: never on a white box */
.pjl{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;min-width:0!important;height:auto!important;top:18px!important;inset-inline-end:18px!important}
.pjl img{height:32px!important;max-width:120px!important;filter:drop-shadow(0 2px 12px rgba(0,0,0,.45))}
.pj .ph::before{content:"";position:absolute;inset:0 0 auto 0;height:38%;z-index:2;background:linear-gradient(180deg,rgba(3,24,28,.55),transparent);pointer-events:none}
.logos div{background:none!important;border:0!important;border-radius:0!important;height:96px!important;padding:8px!important}
.logos img{max-height:62px;opacity:.9;transition:opacity .3s,transform .3s}
.logos div:hover img{opacity:1;transform:scale(1.04)}
.pjl img{height:auto!important;width:auto!important;max-height:46px!important;max-width:124px!important}
/* architecture v13: isometric smart district */
.arch.iso{background:none!important;border:0!important;padding:0!important;color:var(--ink);margin-inline:calc(50% - 50vw);width:100vw;max-width:none;position:relative}
.arch.iso::before{display:none}
.iso-bg{position:relative;background:linear-gradient(180deg,rgba(238,228,224,0) 0,#EEE4E0 9%,#EEE4E0 82%,rgba(238,228,224,0));padding:clamp(18px,2vw,28px) 0 clamp(36px,4vw,64px)}
.iso-sc{position:relative;max-width:1480px;margin:0 auto;padding:0 clamp(0px,2vw,24px)}
.iso-st{position:relative;aspect-ratio:1344/760;animation:isoFl 9s ease-in-out infinite;will-change:transform}
@keyframes isoFl{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.iso-px{position:absolute;inset:0;transform:translate3d(calc(var(--mx,0)*-10px),calc(var(--my,0)*-6px),0) scale(1.012);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.iso-px img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 84%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.iso-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.iso-svg .pl{fill:none;stroke:#BFE3EC;stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:46 1100;stroke-dashoffset:46;filter:drop-shadow(0 0 4px #6DACBE) drop-shadow(0 0 10px rgba(109,172,190,.85));animation:isoP var(--d,3.6s) linear var(--b,0s) infinite}
.iso-svg .pl.hi{stroke:#fff;stroke-width:5}
@keyframes isoP{0%{stroke-dashoffset:46;opacity:0}6%{opacity:1}88%{opacity:1}100%{stroke-dashoffset:-1000;opacity:0}}
.iso-hs{position:absolute;left:var(--x);top:var(--y);width:0;height:0;z-index:5;transform:translate3d(calc(var(--mx,0)*-10px),calc(var(--my,0)*-6px),0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.iso-hs>button{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center}
.iso-hs>button i{position:relative;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #05282E,0 4px 10px rgba(5,40,46,.35)}
.iso-hs>button::before,.iso-hs>button::after{content:"";position:absolute;inset:6px;border-radius:50%;border:1.5px solid rgba(109,172,190,.85);animation:isoR 2.6s ease-out infinite}
.iso-hs>button::after{animation-delay:1.3s}
@keyframes isoR{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.9);opacity:0}}
.iso-hs.cl>button i{box-shadow:0 0 0 3px #05282E,0 4px 10px rgba(5,40,46,.3)}
.iso-hs.cl>button::before,.iso-hs.cl>button::after{border-color:rgba(109,172,190,.85)}
.iso-cd{position:absolute;left:0;bottom:24px;transform:translate(-50%,8px);width:272px;display:grid;grid-template-columns:64px 1fr;gap:4px 14px;align-items:center;padding:14px 16px 14px 12px;border-radius:16px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 24px 48px -18px rgba(5,40,46,.38),0 0 0 1px rgba(5,40,46,.06);opacity:0;visibility:hidden;transition:opacity .28s,transform .28s,visibility .28s;pointer-events:none;text-align:start}
.iso-hs.dn .iso-cd{bottom:auto;top:24px;transform:translate(-50%,-8px)}
.iso-hs.rt .iso-cd{transform:translate(-86%,8px)}
.iso-hs.lf .iso-cd{transform:translate(-14%,8px)}
.iso-hs:hover .iso-cd,.iso-hs.on .iso-cd,.iso-hs:focus-within .iso-cd{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.iso-hs.rt:hover .iso-cd,.iso-hs.rt.on .iso-cd,.iso-hs.rt:focus-within .iso-cd{transform:translate(-86%,0)}
.iso-hs.lf:hover .iso-cd,.iso-hs.lf.on .iso-cd,.iso-hs.lf:focus-within .iso-cd{transform:translate(-14%,0)}
.iso-hs:hover,.iso-hs.on,.iso-hs:focus-within{z-index:9}
.iso-cd .th{grid-row:span 3;width:64px;height:72px;display:grid;place-items:center}
.iso-cd .th img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(5,40,46,.18))}
.iso-cd .th .ai{width:30px;height:30px;color:var(--teal)}
.iso-cd b{font-family:var(--f-disp);font-weight:400;font-size:12px;letter-spacing:.08em;color:var(--ink)}
.iso-cd span{font-size:13px;line-height:1.5;color:var(--muted)}
.iso-cd a{font-size:12.5px;font-weight:700;color:#3E8A9C;text-decoration:none;cursor:pointer}
.iso-cd a:hover{color:var(--ink)}
[dir="rtl"] .iso-cd b{font-family:var(--f-ar);font-weight:700;font-size:14px;letter-spacing:0}
.iso-tag{position:absolute;left:50%;top:1.2%;transform:translateX(-50%);font-family:var(--f-disp);font-size:10px;letter-spacing:.26em;color:#3E8A9C;white-space:nowrap;opacity:0}
.iso-hint{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:6px;font-size:13px;color:var(--muted)}
.iso-hint i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2.5px #05282E}
.iso-users{max-width:1180px;margin:clamp(26px,3vw,40px) auto 0;padding:0 clamp(16px,3vw,32px);display:grid;justify-items:center;gap:22px}
.iso-k{font-family:var(--f-disp);font-size:10px;letter-spacing:.26em;color:#3E8A9C;display:flex;align-items:center;gap:14px}
.iso-k::before,.iso-k::after{content:"";width:48px;height:1px;background:linear-gradient(90deg,transparent,rgba(62,138,156,.5))}
.iso-k::after{transform:scaleX(-1)}
[dir="rtl"] .iso-k{font-family:var(--f-ar);letter-spacing:0;font-weight:700;font-size:13px}
.iso-u{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
.iso-u>div{display:grid;justify-items:center;text-align:center;gap:8px;padding:6px 18px;position:relative}
.iso-u>div+div::before{content:"";position:absolute;inset-inline-start:0;top:12%;bottom:12%;width:1px;background:linear-gradient(transparent,rgba(5,40,46,.14),transparent)}
.iso-u .ai{width:30px;height:30px;color:#3E8A9C;stroke-width:1.25}
.iso-u b{font-size:15.5px;font-weight:700;color:var(--ink)}
.iso-u span{font-size:13px;color:var(--muted);line-height:1.5;max-width:220px}
.iso-list{display:none}
@media (max-width:900px){.iso-u{grid-template-columns:1fr 1fr;row-gap:26px}.iso-u>div:nth-child(3)::before{display:none}}
@media (max-width:720px){
 .iso-sc{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0}
 .iso-sc::-webkit-scrollbar{display:none}
 .iso-st{width:780px;animation:none}
 .iso-cd{display:none}
 .arch.iso svg.iso-svg{display:block}
 .arch.iso .iso-u svg,.arch.iso .iso-list svg,.arch.iso .iso-cd svg{display:inline-block}
 .iso-hint{padding:0 16px}
 .iso-list{display:grid;gap:0;margin:18px 16px 0;border-top:1px solid var(--line)}
 .iso-list button,.iso-list a.il{text-decoration:none;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 2px;border:0;border-bottom:1px solid var(--line);background:none;text-align:start;font:inherit;color:inherit;cursor:pointer}
 .iso-list img{width:40px;height:44px;object-fit:contain}
 .iso-list .ai{width:22px;height:22px;color:var(--teal);justify-self:center}
 .iso-list b{display:block;font-family:var(--f-disp);font-weight:400;font-size:11px;letter-spacing:.08em;color:var(--ink)}
 [dir="rtl"] .iso-list b{font-family:var(--f-ar);font-weight:700;font-size:14px;letter-spacing:0}
 .iso-list span{font-size:12.5px;color:var(--muted);line-height:1.45}
 .iso-list em{font-style:normal;color:#3E8A9C;font-size:18px}
 [dir="rtl"] .iso-list em{transform:scaleX(-1)}
}
@media (prefers-reduced-motion:reduce){.iso-st,.iso-svg .pl,.iso-hs>button::before,.iso-hs>button::after{animation:none}.iso-svg .pl{opacity:0}}
/* v17 sectors: static cards */
.sgrid.sg2{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
.sc2{display:grid;grid-template-rows:auto 1fr;background:var(--white);border:1px solid var(--line);cursor:default}
.sc2 .im{aspect-ratio:4/3;overflow:hidden;background:var(--mist)}
.sc2 .im img{width:100%;height:100%;object-fit:cover;display:block}
.sc2 .tx{display:grid;align-content:start;gap:10px;padding:20px 20px 22px}
.sc2 b{font-size:17px;font-weight:900;color:var(--ink);line-height:1.3}
.sc2 p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.sc2 .tg{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.sc2 .tg span{font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--teal);border:1px solid var(--line-2);padding:4px 9px;background:none}
@media (max-width:1024px){.sgrid.sg2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.sgrid.sg2{grid-template-columns:1fr!important;gap:16px!important}}
/* v20 chips: solid sharp rectangles */
:is(.chip,.ints .chips span,.arch-m .chips span,.sc2 .tg span,.qform .cks label,.filters button,.qpk-tabs button,.mini,.s-meta span,.chat-f span,.pj .tags i,.fchips button,.ftrust span){border:0!important;background:#05282E!important;color:#fff!important;padding:6px 10px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase;font-style:normal;line-height:1.3!important;box-shadow:none!important;backdrop-filter:none!important}
[dir="rtl"] :is(.chip,.ints .chips span,.arch-m .chips span,.sc2 .tg span,.qform .cks label,.filters button,.qpk-tabs button,.mini,.s-meta span,.chat-f span,.pj .tags i,.fchips button,.ftrust span){letter-spacing:0!important;font-size:12px!important}
:is(.s-meta span,.chat-f span,.pj .tags i,.fchips button,.ftrust span){background:#3E6773!important}
:is(.chip,.filters button,.qpk-tabs button,.mini,.fchips button,.qform .cks label):hover,:is(.filters button,.qpk-tabs button,.fchips button).on,:is(.filters button,.qpk-tabs button,.fchips button,.mini)[aria-pressed="true"],.qform .cks label:has(input:checked),.mini.in,.mini.on{background:#6DACBE!important;color:#fff!important}
:is(.filters button,.qpk-tabs button) *{color:inherit!important}
:is(.s-meta,.ints .chips,.sc2 .tg,.pj .tags,.fchips,.filters,.qpk-tabs,.cks,.ftrust){gap:8px!important}
:is(.mini) svg{stroke:currentColor}
/* v20 client logo marquee */
.logos{display:block!important;overflow:hidden!important;grid-template-columns:none!important;padding:28px 0!important;margin-top:40px!important;border:0!important;background:none!important}
.logos .lgt{display:flex;align-items:center;gap:72px;width:max-content;padding-inline-end:72px;animation:lgm 40s linear infinite}
[dir="rtl"] .logos .lgt{animation-name:lgmr}
.logos:hover .lgt{animation-play-state:paused}
.logos .lgt span{flex:none;height:76px;display:flex;align-items:center;justify-content:center}
.logos .lgt img{width:auto!important;max-width:180px!important;max-height:76px!important;object-fit:contain;opacity:1!important;transform:none!important;filter:none!important}
@keyframes lgm{to{transform:translateX(-50%)}}
@keyframes lgmr{to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.logos{overflow-x:auto!important}.logos .lgt{animation:none}}
/* v21 icon frames: centred, larger */
:is(.ring,.ci,.dot,.app-side>i,.iso-cd .th):has(>svg.ai){display:grid!important;place-items:center!important;padding:0!important;line-height:0!important;text-align:center!important}
:is(.ring,.ci,.dot,.app-side>i):has(>svg.ai)>svg.ai{width:62%!important;height:62%!important;margin:0!important;position:static!important;transform:none!important;flex:none}
:is(.ring,.ci,.dot):has(>svg.ai)>svg.ai *{stroke-width:1.6}
/* v24 no auto-rotation; icons move only on hover */
.rt[aria-selected="true"]::before{animation:none!important;width:100%}
.rt .ai,.si .ai,.dtab .ai,.app-side>i,.ring,.ci,.dot,.so,.sc2 .im img{transition:transform .2s ease,color .2s ease,background .2s ease}
.rt:hover .ai,.rt:focus-visible .ai,.si:hover .ai,.dtab:hover .ai{transform:translateY(-2px) scale(1.06);color:var(--white)}
:is(.vc,.sv2,.vcol li,.hiw>*,.ls>*,.cinfo>*,.mod,.pt):hover :is(.ring,.ci,.dot){transform:translateY(-2px) scale(1.06)}
.app-side>i:hover{transform:scale(1.06)}
/* v24 drawer gallery */
.gal{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;min-height:82px}
.gal button{flex:none;width:72px;height:72px;padding:6px;border:1px solid var(--line);background:#F4F7F8;cursor:pointer;border-radius:var(--r-m)!important}
.gal button.on{border-color:#05282E;box-shadow:inset 0 0 0 1px #05282E}
.gal img{width:100%;height:100%;object-fit:contain}
.pc-art img.prd.cut{object-fit:contain!important}
/* v15: sharp corners site-wide */
*,*::before,*::after{border-radius:0!important}
:is(.s-tag i,.typing i,.app-top .dots i,.dev i,.pj .tags i,.sc-bar i,.iso-hs>button i,.iso-hint i){border-radius:50%!important}
.chat-h span::before,.app-top .live::before,.iso-hs>button::before,.iso-hs>button::after{border-radius:50%!important}
.iso-px img{-webkit-mask-image:none!important;mask-image:none!important}
.iso-bg{background:#fff!important}
/* v22 hybrid radius system */
:root{--r-0:0;--r-s:6px;--r-m:8px;--r-icon:10px}
:is(.ring,.ci,.dot,.app-side>i,.so):has(>svg.ai),.so{border-radius:var(--r-icon)!important}
:is(.chip,.ints .chips span,.arch-m .chips span,.sc2 .tg span,.qform .cks label,.filters button,.qpk-tabs button,.s-meta span,.chat-f span,.pj .tags i,.fchips button,.ftrust span,.dtab,.pill,.st){border-radius:var(--r-s)!important}
:is(.btn,.mini,.qfab,.qpc i,.drw .x,.lb button,.quick button,.sc-zoom,.qty,.qty button,.qpc button,.copy,#langBtn,#burger,button.qpc-add){border-radius:var(--r-s)!important}
:is(input:not([type=checkbox]):not([type=radio]),select,textarea,.qpk-s){border-radius:var(--r-s)!important}
:is(.qpc img,.qpc .th,.iso-cd .th,.iso-cd .th img,.iso-list img,.bk .th,.bk .th img,.chip img){border-radius:var(--r-m)!important}
:is(.iso-cd,.tip,[role=tooltip],.gmap .card,.gmap .pin-card){border-radius:var(--r-m)!important}
input[type=checkbox]{border-radius:3px!important}

/* v30: UI fixes batch */
.mega.mz{background:linear-gradient(90deg,#05282E 50%,#fff 50%)}
[dir="rtl"] .mega.mz{background:linear-gradient(270deg,#05282E 50%,#fff 50%)}
.mega.mz .mz-w{grid-template-columns:30% minmax(0,1fr);min-height:0}
.mz-intro{padding:32px 32px 32px 0}[dir="rtl"] .mz-intro{padding:32px 0 32px 32px}
.mz-grid{padding:20px 0 20px 24px}
.dz-nav{gap:8px!important;color:#05282E}
.dz-ic{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:50%!important;animation:dzglow 2.4s ease-in-out infinite}
.dz-ic svg{width:24px;height:24px}
@keyframes dzglow{0%,100%{box-shadow:0 0 0 0 rgba(109,172,190,.0),0 0 8px 1px rgba(109,172,190,.35)}50%{box-shadow:0 0 0 4px rgba(109,172,190,.18),0 0 16px 4px rgba(109,172,190,.45)}}
@media (prefers-reduced-motion:reduce){.dz-ic{animation:none;box-shadow:0 0 10px 2px rgba(109,172,190,.35)}}
.ftr .so,.ftr .so-ig,.ftr .so-li,.ftr .so-wa{color:#05282E}
.ftr .so:hover,.ftr .so-ig:hover,.ftr .so-li:hover,.ftr .so-wa:hover{background:#E2ECEE!important;border-color:#6DACBE!important;color:#05282E!important;box-shadow:none!important}
.ftr .so svg,.ftr .so svg *{opacity:1}
.so:hover svg{visibility:visible}
#langBtn.arf{font-family:var(--f-ar);font-weight:700;letter-spacing:0}
.pf-vis{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-items:center;padding:0}
.pf-ph{position:static!important;width:190px!important;background:#fff;border:7px solid #fff;box-shadow:0 0 0 1px #6DACBE,0 30px 60px -20px rgba(0,0,0,.6)}
.pf-ph .pp-sc{border-radius:18px!important}
.pf-ph.sm{width:220px!important;box-shadow:0 0 0 1px #6DACBE,0 30px 60px -30px rgba(5,40,46,.45)}
.mx-field{background:transparent!important;min-height:340px;gap:28px}
.mx-big .ai{width:150px;height:150px;stroke-width:1}
.mx-st{gap:12px}
.mx-st span{background:#fff;border:1px solid var(--line-2);padding:16px 20px;font-size:13px;min-width:120px}
.mx-st b{font-family:var(--f-disp);font-weight:400;font-size:24px;color:#05282E;letter-spacing:.02em}
.mx-chips span{font-size:14px;padding:11px 16px}
.pj .num{top:14px!important;left:16px!important;right:auto!important;bottom:auto!important;inset-inline:auto!important;transform:none!important;margin:0!important;font-size:12px;color:#fff;background:rgba(5,40,46,.55);padding:5px 8px;border-radius:var(--r-s)!important}
.pj .pjl.clr img{filter:none!important;height:44px;width:auto}
img[src*="unav-riyadh"]{object-position:78% 50%!important}
.si{padding-inline-start:4px!important}
.si .ai{color:#3E6773!important;opacity:1!important;transform:none;transition:transform .2s ease,color .2s ease}
.si .ai .acc,.si .ai *{stroke:currentColor}
.si b{font-weight:300!important;transition:font-weight .15s}
.si:hover b,.si:focus-visible b{font-weight:900!important}
.si:hover .ai,.si:focus-visible .ai{color:#05282E!important;transform:translateX(2px)!important}
[dir="rtl"] .si:hover .ai{transform:translateX(-2px)!important}
.mapbox{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;overflow:visible!important}
.mapwrap{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)!important}
.kmap .nb{display:none}
.kmap .arc{stroke:#3E6773!important;opacity:.55!important}
.kmap .pin circle{fill:#fff!important;stroke:#05282E!important}
.kmap .pin text{fill:#05282E!important}

img[src*="sol-parking"]{object-position:38% 55%!important}
img[src*="sol-vehicle"]{object-position:58% 50%!important}
img[src*="sol-people"]{object-position:50% 60%!important}
img[src*="sol-lockers"]{object-position:66% 50%!important}
img[src*="sol-dizer"]{object-position:55% 50%!important}
.mega.mz{background:linear-gradient(90deg,#05282E 50%,#fff 50%)!important}
[dir="rtl"] .mega.mz{background:linear-gradient(270deg,#05282E 50%,#fff 50%)!important}
.secbar:not(.on){visibility:hidden}

@media (min-width:901px){.slide.k-pp .s-copy{max-width:430px}.slide.k-lk .s-copy{max-width:470px}}


@media (min-width:1001px){.slide.tx-l .s-vis .ph>img{right:0!important;left:auto!important}.slide.tx-r .s-vis .ph>img{left:0!important;right:auto!important}}

img[src*="sol-parking"]{object-position:46% 55%!important}
img[src*="sol-vehicle"]{object-position:40% 50%!important}
img[src*="sol-payment"]{object-position:62% 40%!important}
.mx-shot img[src*="sol-payment"]{aspect-ratio:4/3;object-fit:cover}
.dz-hdr{display:inline-flex;align-items:center;padding:10px 12px;border-radius:10px;font-weight:700;font-size:14.5px;letter-spacing:.04em;white-space:nowrap}
.dz-hdr:hover{background:var(--paper)}
@media (max-width:1140px){.dz-hdr{display:none}}
/* v35 module explorer: full-bleed live photo */
.mx-r{display:flex}.mx-r>.mx-p{flex:1}
.mx-p{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;padding:0!important;align-items:stretch!important;min-height:560px}
.mx-p>.mx-tx{padding:clamp(28px,3.4vw,52px);align-self:center}
.mx-ph{position:relative;overflow:hidden;margin:0;padding:0;border:0;box-shadow:none;background:transparent;min-height:100%}
.mx-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mx-ph img[src*="mod-operator-dashboard"]{object-fit:cover!important;object-position:0 0!important}
@media (max-width:900px){.mx-p{grid-template-columns:1fr!important;min-height:0}.mx-ph{order:-1;aspect-ratio:4/3;min-height:0}.mx-p>.mx-tx{padding:22px 20px 28px}}
/* v35 header: logo never squashed */
.hdr .wrap{gap:20px!important}
.hdr .wrap>a:first-child{flex:none;display:block}
.hdr .logo{height:44px!important;width:auto!important;max-width:none!important;flex-shrink:0;object-fit:contain}
.hdr.shrink .logo{height:36px!important}
@media (max-width:560px){.hdr .logo{height:36px!important}}
.nav>.it>a,.nav>.it>button{padding:10px 11px!important;font-size:14.5px!important}
.hdr-div{width:1px;height:16px;background:#E4ECEF;flex:none}
@media (max-width:1280px){.nav{display:none!important}.burger{display:inline-flex!important}.dz-hdr,.hdr-div{display:none!important}.hdr .b-line{margin-inline-start:auto}}
@media (max-width:1180px){.hdr-div{display:none}}
/* v36 hero: natural ratio, product centred, gentle zoom */
@media (min-width:1001px){
 .slide .s-vis .ph>img.hx.hx{position:absolute!important;top:0!important;bottom:auto!important;left:var(--hl,0)!important;right:auto!important;inset-inline:auto;width:var(--hw,auto)!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:50% 50%!important}
 .slide .s-vis .ph>img.hx.hx[data-side="r"]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%);mask-image:linear-gradient(90deg,transparent 0,#000 18%)}
 .slide .s-vis .ph>img.hx.hx[data-side="l"]{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 18%);mask-image:linear-gradient(270deg,transparent 0,#000 18%)}
}
@media (max-width:1000px){.slide .s-vis .ph>img.hx.hx{object-fit:cover!important;object-position:var(--px,50%) 50%!important}}
.slide .s-vis .ph>img.hx.hx{transform-origin:var(--ox,50%) 55%}
.slide.on .s-vis .ph>img.hx.hx{animation:hkb 8s ease-in-out both}
@keyframes hkb{from{transform:scale(1)}to{transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.slide.on .s-vis .ph>img.hx.hx{animation:none}}
/* v36 logo: wordmark centred on nav labels */
.hdr .logo{transform:translateY(-20%)}
/* v37 platform hero: phone matches laptop height */
@media (min-width:601px){
 .pf-vis.pf-vis{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}
 #pfPhone.pf-ph{height:var(--pfh,auto)!important;width:var(--pfw,190px)!important;aspect-ratio:auto!important;box-sizing:border-box;overflow:hidden}
 #pfPhone .pp-sc{height:100%;overflow:hidden}
}
/* v41 QA fixes */
@media (max-width:900px){.mapwrap{grid-template-columns:1fr!important}}
@media (max-width:600px){.pf-vis.pf-vis{grid-template-columns:1fr!important}#pfPhone{display:none!important}.pf-lap{width:100%}}
.pc-art .code{max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mst b,.tp-r b,.bign b,.thm b,[dir="rtl"] .mx-st b{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .mst b{text-align:right}[dir="rtl"] .tp-r b{text-align:left}
.mst span{min-width:0}
.tp-r b{white-space:nowrap}
@media (max-width:560px){.mst b{font-size:11px;letter-spacing:0}.mst span{font-size:10.5px}.mst span+span{padding-inline-start:8px}
 .tp-r{grid-template-columns:104px 1fr 64px!important}.tp-ax{inset-inline:104px 64px!important}.tp-r b{font-size:13px}.tp-n{font-size:11.5px!important}}
/* v41 standard product renders: same box, centred, baked shadow only */
.pc-art img.prd.std{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:50% 50%!important;filter:none!important}
.drw .art img.prd.std,img[src*="/std"]{filter:none!important;-webkit-box-reflect:unset!important;object-fit:contain!important}
/* v41 sectors */
.sc2{cursor:pointer}
.sc2 .im img{object-position:50% 0%!important}
.sec-hero{position:relative;aspect-ratio:16/9;overflow:hidden;background:#05282E}
.sec-hero img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:50% 50%}
.drw h3.sec-h{font-family:inherit;font-weight:900;font-size:26px;letter-spacing:0;color:#05282E}
.sec-tg{display:flex;flex-wrap:wrap;gap:8px}.sec-tg span{background:#05282E;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;padding:8px 12px;border-radius:var(--r-s)}

/* v42 */
.bign.bign{padding:clamp(72px,8.5vw,128px) 0}
.bign .bign-g{row-gap:clamp(48px,5vw,72px)}
.bn1 .bn-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(109,172,190,.35);background:rgba(109,172,190,.08);color:#6DACBE;margin-bottom:10px}
.bn1 .bn-ic .ai{width:22px;height:22px}
.bn1:hover .bn-ic .ai{animation:bnic .6s ease}
@keyframes bnic{50%{transform:translateY(-3px)}}
.bn1.bn1 b em{color:#AED68C}
.bn1.bn-tx b>span{letter-spacing:.02em}
.bn1 b em.bn-u{font-family:var(--f-disp);font-size:.26em;letter-spacing:.16em;vertical-align:1.6em;margin-inline-start:10px}
.bn-chip{display:inline-block;font:700 11px/1 var(--f-body,'Lato',sans-serif);letter-spacing:.16em;font-style:normal;background:#AED68C;color:#05282E;padding:6px 8px 5px;border-radius:4px;margin-inline-start:12px;vertical-align:1.9em}
.vstat b .bn-chip{vertical-align:.9em;font-size:10px}
[dir="rtl"] .bn-chip,[dir="rtl"] .bn1 b em.bn-u{font-family:'Frutiger LT Arabic',var(--f-body);letter-spacing:0}
@media (max-width:760px){.bn-chip{font-size:9px;padding:4px 6px;margin-inline-start:6px;vertical-align:1.3em}.bn1 b em.bn-u{font-size:.3em;vertical-align:1.2em}.bn1 .bn-ic{width:38px;height:38px}}
.util .util-ph{gap:10px}.util .util-ph a{color:#fff;font-weight:700}.util .util-ph a:hover{color:#6DACBE}.util .util-ph i{opacity:.4;font-style:normal}
.phs{display:grid;gap:10px}
.ph1{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ph1 .pn{font-weight:700;unicode-bidi:isolate}
.ph1 .pa{display:inline-flex;gap:8px}
.ph1 .pi{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(109,172,190,.45);color:#6DACBE;transition:background .2s,color .2s,border-color .2s}
.ph1 .pi svg{width:16px;height:16px}
.ph1 .pi:hover{background:#6DACBE;border-color:#6DACBE;color:#fff}
.ph1 .pi.wa:hover{background:#25D366;border-color:#25D366}
.cinfo .phs .pn{color:#fff}
.fph{display:grid;gap:8px;margin-top:20px;max-width:300px}
.fph .pn{color:#05282E;font-size:14px}
.fph .pi{width:30px;height:30px;color:#3E6773;border-color:rgba(62,103,115,.35)}
.wafab{position:fixed;z-index:74;bottom:max(20px,env(safe-area-inset-bottom,0px));inset-inline-start:20px}
.wf-b{width:56px;height:56px;border-radius:50%;border:0;background:#25D366;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px -10px rgba(5,40,46,.5)}
.wf-b svg{width:28px;height:28px}
.wf-b:hover svg{animation:bnic .6s ease}
.wf-p{position:absolute;bottom:68px;inset-inline-start:0;width:280px;background:#fff;border-radius:14px;padding:16px;display:grid;gap:12px;box-shadow:0 24px 60px -18px rgba(5,40,46,.45),0 0 0 1px rgba(5,40,46,.06);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.wafab.open .wf-p{opacity:1;visibility:visible;transform:none}
.wf-p b{font-size:13px;color:#05282E}
.wf-p .pn{color:#05282E;font-size:15px}
.wf-p .pi{color:#3E6773;border-color:rgba(62,103,115,.35)}
.pc-art .mchip{position:absolute;top:14px;inset-inline-end:14px;z-index:2;font:700 10px/1 var(--f-body,'Lato',sans-serif);letter-spacing:.12em;text-transform:uppercase;background:#05282E;color:#fff;padding:6px 8px 5px;border-radius:4px}
.mx-ph.mx-op img{object-fit:cover!important;object-position:left top!important}
.pj .in b a.pj-u{color:inherit}.pj .in b a.pj-u:hover{color:#AED68C}.pj .in b a.pj-u span{font-size:.7em;opacity:.8}

.cinfo div.phs{display:grid!important;grid-template-columns:1fr!important;gap:10px;padding:0!important;border:0!important}
.cinfo div.ph1{display:flex!important;padding:0!important;border:0!important;justify-content:flex-start;gap:18px}
.ph1 .pi,.wf-b{border-radius:50%!important}
.ph1 .pi svg{fill:none;stroke:currentColor}.ph1 .pi.wa svg{fill:currentColor;stroke:none}
.fph .ph1{justify-content:flex-start;gap:16px}.fph .pn{min-width:130px}
.wf-p .ph1{justify-content:space-between}
@media (max-width:760px){.bn1.bn1 b em{font-size:max(.34em,12px)}.bn1 b em.bn-u{font-size:max(.3em,11px)}}